/* The passport workflow is intentionally short: crop → add to queue → print. */
body[data-studio-mode="passport"] .shell{max-width:1640px;padding:12px clamp(12px,2vw,30px) 22px}
.simple-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px}
.simple-heading h1{font-size:clamp(22px,2.4vw,33px);line-height:1.18;letter-spacing:-.035em;margin:3px 0;color:#213c43}
.simple-heading p{margin:0;color:#617b7c;font-size:12px}
.step-track{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.step-track span{font-weight:800;background:#e9f4f1;border:1px solid #c8e0dc;color:#386b65;border-radius:999px;padding:9px 13px;white-space:nowrap;font-size:11px}
.step-track .active{background:#0b8172;color:#fff;border-color:#0b8172;box-shadow:0 4px 10px #047c6433}
body[data-studio-mode="passport"] .workspace{grid-template-columns:minmax(345px,.92fr) minmax(0,1.08fr);gap:14px;align-items:start}
body[data-studio-mode="passport"] .panel{border-radius:16px;box-shadow:0 10px 26px #174b4f12}
body[data-studio-mode="passport"] .panel-head{height:44px;padding:0 14px}
body[data-studio-mode="passport"] .panel-head>span:first-child{font-size:13px}
body[data-studio-mode="passport"] .editor-body{max-height:none!important;overflow:visible!important;padding:13px;display:grid;gap:9px}
body[data-studio-mode="passport"] .stage{position:sticky;top:8px;min-width:0}
body[data-studio-mode="passport"] .stage-body{padding:11px 13px;display:grid;gap:9px}
body[data-studio-mode="passport"] .upload{min-height:86px;gap:4px;border-radius:11px;padding:9px}
body[data-studio-mode="passport"] .upload-icon{font-size:19px}
body[data-studio-mode="passport"] .upload strong{font-size:13px}
body[data-studio-mode="passport"] .source-info{margin:0;min-height:16px;text-align:left;overflow-wrap:anywhere}
.simple-crop-row{display:grid;grid-template-columns:1.5fr 1fr;gap:10px;align-items:end}
body[data-studio-mode="passport"] .field{margin:0}
body[data-studio-mode="passport"] .field>span{font-size:10px;margin-bottom:5px}
body[data-studio-mode="passport"] .field select,body[data-studio-mode="passport"] .field input:not([type=color]){min-height:37px;padding:7px 10px;border-radius:9px}
.simple-crop-row input[type=range]{display:block;width:100%;min-height:24px!important;padding:0!important;accent-color:#0c977f}
.simple-crop-row output{display:block;text-align:right;font-weight:800;font-size:10px;color:#167c6a}
.quick-hint{margin:0;color:#72908b;font-size:11px;line-height:1.4}
body[data-studio-mode="passport"] .auto-face{margin:0;padding:10px;border-radius:11px}
body[data-studio-mode="passport"] .face-head{margin-bottom:7px}
body[data-studio-mode="passport"] .face-head strong{font-size:12px}
.face-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.65fr);gap:8px;align-items:end}
.face-controls #faceChoiceRow:not([hidden]){grid-column:1/-1}
.face-controls .primary{min-height:37px;padding:7px 9px;font-size:11px}
body[data-studio-mode="passport"] .auto-face small{font-size:10px;line-height:1.35;margin-top:7px}
.simple-options{border:1px solid #cce0db;background:#f7fbf9;border-radius:10px;padding:0 10px}
.simple-options summary{cursor:pointer;padding:10px 0;color:#186b60;font-size:12px;font-weight:850}
.simple-options[open] summary{border-bottom:1px solid #d8e7e0;margin-bottom:10px}
.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:9px}
.option-grid #processBg{align-self:end;min-height:36px}
body[data-studio-mode="passport"] .option-grid input[type=color]{height:37px}
body[data-studio-mode="passport"] .checkline{margin:5px 0 9px}
.edit-actions{display:flex;gap:8px;flex-wrap:wrap}
.edit-actions #addToSheet{flex:1;min-width:180px}
.edit-actions #newCustomer{min-width:125px}
.pending-photos{border:1px solid #d1e6dd;background:#f5faf8;border-radius:10px;padding:7px 9px}
.pending-photos>strong{color:#1d7567;font-size:11px;display:block;margin-bottom:6px}
.pending-photos>div{display:flex;flex-wrap:wrap;gap:5px}
.pending-photo{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;color:#436f66;border:1px solid #c6dcd6;background:#fff;border-radius:8px;padding:6px 9px;cursor:pointer}
.pending-photo.selected{background:#087e71;border-color:#087e71;color:white}
.legacy-controls{display:none!important}
body[data-studio-mode="passport"] .view-switch{margin:0;justify-self:start}
body[data-studio-mode="passport"] .view-switch button{padding:7px 12px;font-size:11px}
body[data-studio-mode="passport"] .canvas-wrap{height:clamp(260px,37dvh,650px)!important;overflow:hidden!important;padding:10px;margin:0}
body[data-studio-mode="passport"] .canvas-wrap canvas:not([hidden]){max-width:100%;max-height:100%;touch-action:none;cursor:grab}
body[data-studio-mode="passport"] .canvas-wrap canvas:not([hidden]):active{cursor:grabbing}
body[data-studio-mode="passport"] .metrics{gap:6px;margin:0}
body[data-studio-mode="passport"] .metrics div{padding:7px 9px}
body[data-studio-mode="passport"] .metrics small{margin-bottom:3px}
body[data-studio-mode="passport"] .metrics strong{font-size:11px}
.sheet-toolbar{border:1px solid #d9e5e2;background:#f8fbfa;border-radius:11px;padding:9px}
.sheet-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:6px}
.sheet-title strong{font-size:12px;color:#166c62}
.sheet-title span{font-size:10px;color:#6d8786}
.sheet-fields{display:grid;grid-template-columns:1.1fr repeat(3,minmax(0,.65fr));gap:8px}
body[data-studio-mode="passport"] .photo-queue{margin:0;padding:9px;background:#f6fbf9;color:#1e4f48}
body[data-studio-mode="passport"] .queue-items{max-height:none;overflow:visible;grid-template-columns:repeat(auto-fit,minmax(185px,1fr))}
body[data-studio-mode="passport"] .queue-item{grid-template-columns:minmax(0,1fr) 52px auto}
body[data-studio-mode="passport"] .queue-select strong{max-width:130px}
body[data-studio-mode="passport"] .queue-select{color:#245d53}
body[data-studio-mode="passport"] .queue-select small{color:#718d8b}
body[data-studio-mode="passport"] .queue-count input{background:#fff;color:#1d4847;border-color:#cbdcd8}
body[data-studio-mode="passport"] .queue-item{background:#fff;border-color:#d5e3df}
body[data-studio-mode="passport"] .queue-item.selected{background:#edfcf6;border-color:#0a947b}
body[data-studio-mode="passport"] .queue-actions button{background:#e8f5ef;color:#16685a;border-color:#c9e0d8}
body[data-studio-mode="passport"] .queue-actions button:last-child{background:#fff1f1;color:#ad4242}
body[data-studio-mode="passport"] .queue-heading strong{color:#185e55}
body[data-studio-mode="passport"] .queue-footer small{color:#62817e}
body[data-studio-mode="passport"] .alerts{font-size:11px;margin:0;padding:8px 10px}
body[data-studio-mode="passport"] .download-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
body[data-studio-mode="passport"] .download-actions button{padding:8px 6px;min-height:39px;font-size:11px}
body[data-studio-mode="passport"] footer{padding:11px 0;font-size:10px}
@media(max-width:1100px){body[data-studio-mode="passport"] .workspace{grid-template-columns:minmax(330px,.95fr) minmax(0,1.05fr)}.step-track span{padding:7px 9px}.simple-heading h1{font-size:24px}.sheet-fields{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-studio-mode="passport"] .download-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.simple-heading{align-items:flex-start;flex-direction:column}.step-track{gap:4px}body[data-studio-mode="passport"] .workspace{grid-template-columns:minmax(0,1fr)}body[data-studio-mode="passport"] .stage{position:static}body[data-studio-mode="passport"] .canvas-wrap{height:clamp(310px,51dvh,560px)!important}.simple-crop-row{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.simple-crop-row,.face-controls{grid-template-columns:1fr}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sheet-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.edit-actions{display:grid;grid-template-columns:1fr 1fr}.edit-actions #addToSheet,.edit-actions #newCustomer{min-width:0}.step-track{font-size:10px}}
/* Premium Theme 03 uses dark surfaces: ensure the labels stay legible. */
html[data-seva-theme="03"] .simple-heading h1{color:#f1f7ff}
html[data-seva-theme="03"] .simple-heading p{color:#b8c8db}
html[data-seva-theme="03"] .quick-hint{color:#a9bbd1}
html[data-seva-theme="03"] .simple-options{background:#1c3048;border-color:#445f78}
html[data-seva-theme="03"] .simple-options summary{color:#d0f6e9}
html[data-seva-theme="03"] .sheet-toolbar{background:#20374e;border-color:#465f75}
html[data-seva-theme="03"] .sheet-title strong{color:#e2f4ff}
html[data-seva-theme="03"] .sheet-title span{color:#a9c4d0}
html[data-seva-theme="03"] .sheet-toolbar .field>span{color:#d2e4ef}
html[data-seva-theme="03"] .sheet-toolbar select,html[data-seva-theme="03"] .sheet-toolbar input{background:#142a43;color:#f6fbff;border-color:#607890}
html[data-seva-theme="03"] .pending-photos{background:#1c3048;border-color:#4c6478}
html[data-seva-theme="03"] .pending-photos>strong{color:#d5eee6}
html[data-seva-theme="03"] .pending-photo{background:#203d55;color:#eff5ff;border-color:#5b7e97}
html[data-seva-theme="03"] .pending-photo.selected{background:#087e71}
@media print{.simple-heading,.sheet-toolbar,.photo-queue{display:none!important}}