:root{--blue:var(--ip-blue);--blue-text:var(--ip-blue-text);--blue-bright:var(--ip-blue-bright);--blue-hover:var(--ip-blue-hover);--blue2:#0077E6;--ink:var(--ip-ink);--muted:var(--ip-muted);--line:var(--ip-line);--soft:#F6F8FA;--white:#fff;--danger:#C62828;--r8:8px;--r12:12px;--r16:16px;--shadow:0 18px 55px rgba(17,19,21,.16)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#f3f5f7;color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}body{padding-bottom:28px}button,input,select,textarea{font:inherit}button{touch-action:manipulation;cursor:pointer}button:disabled{opacity:.55;cursor:default}.app{max-width:760px;margin:auto;padding:16px}.brand{font-family:Sora,sans-serif;font-weight:800;font-size:24px;margin:2px 0 18px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--r16);padding:16px;margin-bottom:12px}.field{margin-bottom:15px}.field:last-child{margin-bottom:0}.label{font-size:13px;font-weight:700;margin-bottom:7px}input,select,textarea{width:100%;border:1px solid #D3D8DE;border-radius:var(--r12);background:#fff;color:var(--ink);outline:none}input,select{height:48px;padding:0 13px}textarea{min-height:92px;padding:11px 13px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(10,140,255,.12)}.size{display:grid;grid-template-columns:1fr 22px 1fr;gap:7px;align-items:center}.x{text-align:center;color:var(--muted)}.hint,.status{font-size:11px;color:var(--muted);line-height:1.45;margin-top:6px}.status.warn{color:#9A6500}.status.ok{color:#26734D}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.btn{min-height:46px;border-radius:var(--r12);border:1px solid var(--line);background:#fff;font-weight:700}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.primary:hover{background:var(--blue2)}.btn.danger{color:var(--danger)}
/* Preview */
#iprint-preview{margin-top:0}.preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.preview-title{font-family:Sora,sans-serif;font-size:14px;font-weight:700;line-height:1.35}.preview-paper{display:inline-flex;align-items:center;min-height:24px;margin-top:7px;padding:4px 8px;border-radius:999px;background:#EAF5FF;color:#16639B;font-size:11px;font-weight:700}.preview-count{font-family:Sora,sans-serif;white-space:nowrap;text-align:right}.preview-count small{display:block;font:600 10px Inter;color:var(--muted)}.preview-count strong{font-size:20px}.preview-sub{font-size:11px;color:var(--muted);margin-top:5px}.preview-toolbar{display:flex;justify-content:flex-end;margin-top:10px}.preview-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.preview-control{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--soft);font-size:11px;font-weight:700}.preview-control-input{display:flex;align-items:center;gap:6px;color:var(--muted);white-space:nowrap}.preview-control-input input{width:66px;height:32px;padding:0 8px;border-radius:8px;text-align:center;font-weight:700}.preview-control-input b{font-size:10px}.brief-assets{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.brief-assets-head strong,.brief-assets-head span{display:block}.brief-assets-head strong{font-size:12px}.brief-assets-head span{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.45}.brief-asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.asset-picker{display:grid;gap:7px;padding:10px;border:1px dashed #B9C3CC;border-radius:10px;background:#fff;color:#293038;font-size:11px;font-weight:700;cursor:pointer}.asset-picker:hover{border-color:var(--blue);background:#F8FCFF}.asset-picker input{width:100%;height:auto;padding:0;border:0;border-radius:0;background:transparent;font-size:10px;cursor:pointer}.asset-picker b{color:#16639B;font-size:10px}.artwork-current,.reference-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;margin-top:9px;padding:8px;border:1px solid #D7E3ED;border-radius:10px;background:#fff}.artwork-current img,.reference-item img{display:block;width:42px;height:42px;border:1px solid #D3D8DE;border-radius:7px;object-fit:cover;background:#F1F3F5}.artwork-current strong,.artwork-current span,.reference-item strong,.reference-item span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artwork-current strong,.reference-item strong{font-size:11px}.artwork-current span,.reference-item span{margin-top:3px;color:var(--muted);font-size:10px}.remove-asset{min-height:30px;padding:0 9px;border:1px solid #D3D8DE;border-radius:8px;background:#fff;color:#495159;font-size:10px;font-weight:700}.remove-asset:hover{border-color:#C62828;color:#C62828}.asset-status{margin-top:8px!important}.preview-scroll{display:flex;align-items:center;justify-content:center;width:100%;overflow:auto;padding:12px 0 4px;-webkit-overflow-scrolling:touch}.sheet-preview{position:relative;margin:0 auto;background:#fff;border:1.5px solid #8F98A1;overflow:hidden;display:block;flex:none}.preview-usable{position:absolute;border:1px dashed #A9B0B7;background:#fff;overflow:hidden}.preview-grid{position:absolute;display:grid;align-content:start;gap:0}.piece{position:relative;display:flex;align-items:center;justify-content:center;background:#E9EDF1;border:1px solid #8A949E;color:#626B74;font-size:9px;overflow:hidden}.piece-artwork{display:block;width:100%;height:100%;object-fit:contain;background:#fff}.piece-number{position:absolute;right:2px;bottom:1px;z-index:2;min-width:13px;padding:1px 3px;border-radius:4px;background:rgba(255,255,255,.84);color:#46505A;font:700 8px Inter;text-align:center}.piece .bleed{position:absolute;z-index:3;border:1px dotted rgba(10,140,255,.65);pointer-events:none}.preview-note{font-size:11px;color:var(--muted);line-height:1.45;margin-top:7px}
.preview-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;width:100%;gap:8px}.preview-control.slider-control{display:block;padding:11px 12px}.slider-control-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--ink)}.slider-control-head>span{font-size:11px;font-weight:700}.slider-control-head output{min-width:66px;padding:4px 7px;border-radius:999px;background:#eaf5ff;color:#16639b;font-size:10px;font-weight:800;text-align:center}.preview-slider{width:100%;height:28px;margin:6px 0 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;accent-color:var(--blue);cursor:pointer}.preview-slider:focus{box-shadow:none}.preview-slider::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:#cfe6f8}.preview-slider::-webkit-slider-thumb{width:18px;height:18px;margin-top:-6px;border:2px solid #fff;border-radius:50%;background:var(--blue);box-shadow:0 1px 5px rgba(10,140,255,.38);-webkit-appearance:none}.preview-slider::-moz-range-track{height:6px;border-radius:999px;background:#cfe6f8}.preview-slider::-moz-range-progress{height:6px;border-radius:999px;background:var(--blue)}.preview-slider::-moz-range-thumb{width:15px;height:15px;border:2px solid #fff;border-radius:50%;background:var(--blue);box-shadow:0 1px 5px rgba(10,140,255,.38)}.slider-scale{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;font-weight:600}
/* Result */
.result-card{background:#111315;color:#fff;border-radius:var(--r16);padding:18px;margin-bottom:12px}.result-label{font-size:12px;color:#B8C0C7}.result-big{font-family:Sora,sans-serif;font-size:38px;font-weight:800;line-height:1.08;margin-top:3px}.result-unit{font-size:14px;font-family:Inter}.result-sub{font-size:12px;color:#AEB6BD;margin-top:7px}.result-piece-size{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:10px 12px;border-radius:10px;background:#20252A;color:#B8C0C7;font-size:12px}.result-piece-size strong{color:#fff;font-family:Sora,sans-serif;font-size:14px}.summary-settings{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.summary-field{padding:10px;border:1px solid #2C3238;border-radius:12px;background:#171A1E}.summary-field label{display:block;margin-bottom:7px;color:#B8C0C7;font-size:11px;font-weight:700}.summary-field input{height:40px;border:0;border-radius:8px;padding:0 10px;background:#fff;color:#111315;font-weight:800}.money-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.money{border:1px solid #2C3238;border-radius:12px;padding:11px}.money strong{display:block;font-family:Sora,sans-serif;font-size:18px;margin-top:3px}.brief-btn{width:100%;min-height:46px;margin-top:12px;border:1px solid #3D474F;border-radius:12px;background:#20252A;color:#fff;font-weight:800}.brief-btn:hover{background:#2A3138}.brief-status{min-height:0;margin-top:7px!important;color:#AEB6BD!important}.brief-status.ok{color:#8BE2B4!important}.brief-status.warn{color:#FFCA80!important}.quote-btn{width:100%;margin-top:12px;min-height:50px;border:0;border-radius:12px;background:var(--blue);color:#fff;font-weight:800}
#printQuote.is-loading{cursor:wait;display:inline-flex;align-items:center;justify-content:center;gap:8px}#printQuote.is-loading::before{content:"";width:14px;height:14px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:iprint-spin .7s linear infinite}@keyframes iprint-spin{to{transform:rotate(360deg)}}
/* Side sheet */
#openMaterialsServices{position:fixed;right:18px;bottom:18px;z-index:2000;width:58px;height:58px;padding:0;border:0;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 28px rgba(17,19,21,.18);overflow:hidden;transition:transform .16s ease,box-shadow .16s ease}#openMaterialsServices img{display:block;width:100%;height:100%;object-fit:contain}#openMaterialsServices:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(17,19,21,.22)}#openMaterialsServices:active{transform:scale(.94)}#openMaterialsServices:focus-visible{outline:3px solid rgba(10,140,255,.28);outline-offset:3px}.sheet-overlay{position:fixed;inset:0;background:rgba(0,0,0,.36);z-index:2999;opacity:0;pointer-events:none;transition:.2s}.sheet-overlay.open{opacity:1;pointer-events:auto}.side-sheet{position:fixed;top:0;right:0;bottom:0;width:min(440px,94vw);background:#fff;z-index:3000;transform:translateX(105%);transition:transform .25s ease;box-shadow:-16px 0 45px rgba(0,0,0,.18);display:flex;flex-direction:column}.side-sheet.open{transform:translateX(0)}.sheet-head{padding:18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}.sheet-head h2{font-family:Sora,sans-serif;font-size:17px;margin:0}.close-sheet{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff}.sheet-body{padding:16px;overflow:auto}.ms-title{font-size:13px;font-weight:800;margin-bottom:7px}.ms-status{font-size:11px;color:var(--muted);margin-top:6px}.service-group{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:9px}.service-group-title{padding:8px 11px;background:var(--soft);font-size:10px;font-weight:800;color:var(--muted)}.service-row{display:flex;align-items:center;gap:10px;padding:11px;border-top:1px solid var(--line)}.service-row:first-child{border-top:0}.service-row input{width:20px;height:20px;accent-color:var(--blue);flex:0 0 auto}.service-main{min-width:0;flex:1}.service-name{font-size:13px;font-weight:700}.service-meta{font-size:10px;color:var(--muted);margin-top:2px}.service-price{font-size:12px;font-weight:700;white-space:nowrap}.material-selected{margin-top:9px;padding:10px 11px;border-radius:10px;background:#F0F7FF;color:#155A91;font-size:11px}
/* Modal */
.modal{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:4000;display:none;padding:14px;overflow:auto}.modal.open{display:block}.modal-card{max-width:720px;margin:4vh auto 30px;background:#fff;border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.modal-head{padding:17px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-head h2{font-family:Sora,sans-serif;font-size:17px;margin:0}.modal-body{padding:18px}.quote-preview{border:1px solid #D9DDE2;border-radius:10px;padding:20px;margin-top:15px;background:#fff;color:#111}.quote-top{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid #111;padding-bottom:12px}.quote-brand{font-family:Sora,sans-serif;font-weight:800;font-size:20px}.quote-title{font-family:Sora,sans-serif;font-weight:700;text-align:right}.quote-meta{font-size:10px;color:#666;margin-top:3px}.quote-customer{margin:14px 0;font-size:11px;line-height:1.6}.quote-table{width:100%;border-collapse:collapse;font-size:10px}.quote-table th,.quote-table td{border-bottom:1px solid #ddd;padding:7px 5px;text-align:left;vertical-align:top}.quote-table th:last-child,.quote-table td:last-child{text-align:right}.quote-total{display:flex;justify-content:flex-end;gap:35px;font-weight:800;margin-top:12px;font-size:12px}.print-actions{display:flex;gap:8px;margin-top:14px}.print-actions button{flex:1}.tiny-note{font-size:10px;color:var(--muted);margin-top:8px}
.public-order-verification{margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:12px;background:#f7fbff}.public-order-verification p{margin:7px 0 0;font-size:11px;color:var(--muted)}
.staff-capacity-fields{margin:6px 0 2px;padding:14px;border:1px solid #b7d4ef;border-radius:14px;background:#f3f8fd}.staff-capacity-fields .row3{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:8px}.staff-capacity-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.staff-capacity-heading small{font-size:9px;font-weight:800;letter-spacing:.08em;color:#3474ad}.staff-capacity-heading h3{margin:2px 0 0;font-size:14px}.staff-capacity-heading>span{padding:4px 8px;border-radius:999px;background:#dcecff;color:#0d4d82;font-size:9px;font-weight:800}.staff-capacity-preview{margin:2px 0 0;padding:8px 10px;border-radius:9px;background:#e3f1ff;color:#0b4a7b;font-size:11px;font-weight:700}.staff-catalog-capacity{display:block;margin-top:5px;color:#0b629e;font-size:9px;font-weight:800}
@media(max-width:560px){.staff-capacity-fields .row3{grid-template-columns:1fr}.staff-capacity-heading{align-items:center}}
.header-capacity{font-size:10px!important;font-weight:900!important;color:#0d4d82!important}.staff-capacity-view{padding-bottom:28px}.capacity-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.capacity-summary>div{padding:12px;border:1px solid #bfd8ed;border-radius:12px;background:#fff}.capacity-summary small,.capacity-summary span{display:block;color:var(--flow-muted);font-size:9px}.capacity-summary strong{display:block;margin:3px 0;color:var(--flow-navy);font-size:18px}.capacity-range-head{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:8px;margin-top:12px}.capacity-range-head strong{text-align:center;font-size:10px}.capacity-range-head button{height:38px;border:1px solid var(--flow-border);border-radius:9px;background:#fff;color:var(--flow-navy);font-size:20px}.staff-capacity-list{display:grid;gap:8px;margin-top:10px}.capacity-day{display:grid;grid-template-columns:1.5fr 1fr .8fr auto;align-items:center;gap:10px;width:100%;padding:12px;border:1px solid #a9d9c5;border-radius:12px;background:#f4fbf8;color:var(--flow-navy);text-align:left}.capacity-day-date strong,.capacity-day-date small,.capacity-day-numbers strong,.capacity-day-numbers small{display:block}.capacity-day-date strong{font-size:11px}.capacity-day-date small,.capacity-day-numbers small{margin-top:3px;color:var(--flow-muted);font-size:9px}.capacity-day-meter{height:7px;overflow:hidden;border-radius:99px;background:#dbe7ee}.capacity-day-meter i{display:block;height:100%;border-radius:inherit;background:#16855b}.capacity-day-numbers{text-align:right}.capacity-day-numbers strong{font-size:13px}.capacity-day-status{padding:4px 7px;border-radius:99px;background:#d9f3e7;color:#075f3c;font-size:8px;font-weight:900}.capacity-day.is-full{border-color:#e9b0b4;background:#fff5f5}.capacity-day.is-full .capacity-day-meter i{background:#c12b37}.capacity-day.is-full .capacity-day-status{background:#ffdfe1;color:#921c27}.capacity-day.is-closed{border-color:#ccd4db;background:#f4f5f6}.capacity-day.is-closed .capacity-day-status{background:#e3e7ea;color:#53616c}.capacity-closed-control{margin-bottom:12px}.capacity-closed-control input{accent-color:#b51f2e}
@media(max-width:620px){.capacity-day{grid-template-columns:1fr auto}.capacity-day-meter{grid-column:1/-1;grid-row:2}.capacity-day-numbers{grid-column:1}.capacity-day-status{grid-column:2;grid-row:1}.capacity-summary strong{font-size:15px}}
/* Daily capacity month calendar ---------------------------------------- */
.capacity-calendar-panel{padding:12px;border:1px solid #c8ddec;border-radius:16px;background:#f7fbff;box-shadow:0 8px 24px rgba(6,59,112,.06)}
.capacity-range-head{margin-top:0}.capacity-range-head strong{color:var(--flow-navy);font-size:16px}.capacity-range-head button{transition:border-color .16s,background .16s,transform .16s}.capacity-range-head button:hover{border-color:var(--flow-blue);background:#eef7ff;transform:translateY(-1px)}
.capacity-calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0}.capacity-calendar-toolbar>button{min-height:34px;padding:0 13px;border:1px solid #9fc4e2;border-radius:999px;background:#fff;color:#0d4d82;font-size:11px;font-weight:800}.capacity-calendar-legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;color:#53616c;font-size:10px;font-weight:700}.capacity-calendar-legend span{display:inline-flex;align-items:center;gap:5px}.capacity-calendar-legend span::before{content:"";width:8px;height:8px;border-radius:50%;background:#16855b}.capacity-calendar-legend .is-low::before{background:#e3a008}.capacity-calendar-legend .is-full::before{background:#c12b37}.capacity-calendar-legend .is-closed::before{background:#7a8791}
.capacity-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-bottom:6px}.capacity-weekdays span{padding:4px 0;color:#637783;font-size:11px;font-weight:800;text-align:center}.capacity-weekdays span:last-child{color:#a12630}
.staff-capacity-list{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:0}.capacity-day{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;align-content:start;align-items:initial;gap:7px;min-width:0;min-height:112px;padding:9px;border:1px solid #a9d9c5;border-radius:11px;background:#f4fbf8;color:var(--flow-navy);text-align:left;transition:border-color .16s,box-shadow .16s,transform .16s}.capacity-day:hover{z-index:1;border-color:#16855b;box-shadow:0 7px 18px rgba(6,59,112,.12);transform:translateY(-2px)}.capacity-day:focus-visible{z-index:2;outline:3px solid rgba(10,140,255,.3);outline-offset:2px}.capacity-day-top{display:flex;align-items:center;justify-content:space-between;gap:4px}.capacity-day-top strong{display:grid;width:25px;height:25px;border-radius:8px;place-items:center;font-size:13px}.capacity-day-top small{overflow:hidden;color:#637783;font-size:9px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.capacity-day-status{justify-self:start;padding:3px 6px;border-radius:99px;background:#d9f3e7;color:#075f3c;font-size:8px;font-weight:900}.capacity-day-numbers{align-self:end;text-align:left}.capacity-day-numbers strong{display:block;color:var(--flow-navy);font-size:14px}.capacity-day-numbers small{display:block;margin-top:2px;color:#637783;font-size:8px}.capacity-day-meter{grid-column:auto;grid-row:auto;height:5px}.capacity-day-note{position:absolute;right:6px;bottom:8px;color:var(--blue-text);font-size:18px;line-height:.5}.capacity-day.is-today{border-color:#0a8cff;box-shadow:inset 0 0 0 1px #0a8cff}.capacity-day.is-today .capacity-day-top strong{background:var(--blue);color:#fff}.capacity-day.is-low{border-color:#edcc7a;background:#fffbef}.capacity-day.is-low .capacity-day-meter i{background:#e3a008}.capacity-day.is-full{border-color:#e9b0b4;background:#fff5f5}.capacity-day.is-closed{border-color:#ccd4db;background:#f0f2f4}.capacity-day.is-closed .capacity-day-meter i{background:#7a8791}.capacity-day.is-outside{opacity:.42;filter:saturate(.45)}.capacity-day.is-outside:hover,.capacity-day.is-outside:focus-visible{opacity:.8}.capacity-day.is-past{border-color:#cfd5da;background:#eceff1;color:#687078;filter:saturate(.08)}.capacity-day.is-past .capacity-day-status{background:#dce1e5;color:#5f6971}.capacity-day.is-past .capacity-day-meter i{background:#8b969e}.capacity-day.is-past .capacity-day-numbers strong{color:#687078}.capacity-day.is-past:hover{border-color:#8b969e}.capacity-day.is-outside.is-past{opacity:.38}.capacity-closed-control{margin-bottom:12px}.capacity-closed-control input{accent-color:#b51f2e}
@media(max-width:620px){.capacity-calendar-panel{padding:8px;border-radius:13px}.capacity-weekdays,.staff-capacity-list{gap:3px}.capacity-weekdays span{font-size:9px}.capacity-day{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:4px;min-height:78px;padding:5px;border-radius:8px}.capacity-day-top strong{width:22px;height:22px;font-size:11px}.capacity-day-top small{max-width:28px;font-size:7px}.capacity-day-status{display:none}.capacity-day-numbers{grid-column:auto;text-align:left}.capacity-day-numbers strong{font-size:11px}.capacity-day-numbers small{display:none}.capacity-day-meter{grid-column:auto;grid-row:auto;height:4px}.capacity-day-note{right:4px;bottom:7px;font-size:14px}.capacity-range-head strong{font-size:14px}.capacity-calendar-legend{gap:7px;font-size:9px}.capacity-summary strong{font-size:15px}}
@media(max-width:520px){.app{padding:12px}.row2,.money-grid,.summary-settings,.brief-asset-grid,.preview-controls{grid-template-columns:1fr}.preview-toolbar,.preview-controls{justify-content:stretch}.preview-control{width:100%;justify-content:space-between}.result-big{font-size:34px}.quote-top{flex-direction:column}.quote-title{text-align:left}.print-actions{position:sticky;bottom:0;background:#fff;padding-top:10px}}
.preview-slider{-webkit-appearance:none;appearance:none}
.preview-sheet-settings{margin:0 0 15px;padding:0 0 14px;border-bottom:1px solid var(--line)}.preview-sheet-settings .field{margin:0}.preview-sheet-settings .label{margin-bottom:8px}
.preview-workspace{display:grid;grid-template-columns:minmax(0,1fr) 118px;gap:12px;align-items:stretch;margin-top:12px}.preview-canvas-area{min-width:0}.preview-canvas-area .preview-scroll{margin-top:0}.preview-quick-actions{display:flex;flex-direction:column;gap:9px;justify-content:center;padding:4px 0}.preview-quick-action{min-height:88px;padding:9px 6px;border:1px solid var(--line);border-radius:14px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:10px;line-height:1.22;text-align:center;box-shadow:0 4px 12px rgba(17,19,21,.06);transition:transform .16s ease,box-shadow .16s ease}.preview-quick-action>span{display:grid;width:26px;height:26px;border-radius:9px;place-items:center;font-size:17px;font-weight:800}.preview-quick-action b{font-size:10px}.preview-quick-action:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(17,19,21,.12)}.preview-quick-action.orange{color:#9a5800;border-color:#f2c676;background:#fffaf0}.preview-quick-action.orange>span{color:#fff;background:#f59e0b}.preview-quick-action.green{color:#146247;border-color:#9ddbbf;background:#f3fcf7}.preview-quick-action.green>span{color:#fff;background:#18966b}.preview-quick-action.blue{color:#165f9e;border-color:#a8d3f5;background:#f2f9ff}.preview-quick-action.blue>span{color:#fff;background:var(--blue)}.preview-quick-actions #openMaterialsServices{position:static;right:auto;bottom:auto;z-index:auto;width:auto;height:auto;overflow:visible}.legacy-control{display:none!important}.paper-preview-toolbar{margin-top:0}.paper-preview-toolbar .preview-controls{justify-content:stretch}.paper-preview-toolbar .knob-control{min-height:166px}.side-sheet .brief-assets{margin-top:0}.side-sheet .brief-btn{margin-top:14px;background:#167a59;border-color:#167a59}.side-sheet .brief-btn:hover{background:#126648}.side-sheet .brief-status{color:var(--muted)!important}.brief-btn.is-sending{position:relative;overflow:hidden;color:transparent}.brief-btn.is-sending::before{content:"กำลังส่งบรีฟ…";position:absolute;z-index:2;inset:0;display:grid;place-items:center;color:#fff}.brief-btn.is-sending::after{content:"✉";position:absolute;z-index:3;top:50%;left:50%;font-size:25px;animation:iprint-send-mail 1.15s cubic-bezier(.2,.7,.2,1) infinite}@keyframes iprint-send-mail{0%{transform:translate(-72px,18px) rotate(-18deg);opacity:0}16%{opacity:1}72%{transform:translate(20px,-15px) rotate(13deg);opacity:1}100%{transform:translate(72px,-46px) rotate(20deg);opacity:0}}
.preview-canvas-area{position:relative;border-radius:12px;transition:background .16s ease,box-shadow .16s ease}.preview-canvas-area.is-drag-over,.layout-preview-card.is-drag-over{border-color:var(--blue);background:rgba(10,140,255,.08);box-shadow:inset 0 0 0 2px var(--blue)}.preview-drop-hint{display:none;position:absolute;z-index:10;inset:8px;border:2px dashed var(--blue);border-radius:12px;place-items:center;align-content:center;gap:7px;background:rgba(234,245,255,.94);color:#16639b;font-size:13px;font-weight:800;pointer-events:none}.preview-drop-hint span{display:grid;width:34px;height:34px;border-radius:50%;place-items:center;background:var(--blue);color:#fff;font-size:23px;line-height:1}.preview-canvas-area.is-drag-over .preview-drop-hint,.layout-preview-card.is-drag-over .preview-drop-hint{display:grid}
.preview-canvas-area{cursor:copy}.preview-canvas-area .preview-note{cursor:default}
.graphic-brief-field{margin:14px 0 0;padding-top:14px;border-top:1px solid var(--line)}.graphic-brief-field textarea{min-height:118px;background:#fff;font-size:13px;line-height:1.5}.graphic-brief-field .hint{margin-bottom:0}
#briefAssetsSheet .sheet-body{padding:18px;background:linear-gradient(180deg,#f9fcff 0%,#fff 54%)}#briefAssetsSheet .brief-assets{margin:0;padding:0;border:0;background:transparent}#briefAssetsSheet .brief-assets-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px;border:1px solid #d9e6ef;border-radius:18px;background:linear-gradient(135deg,#edf8ff,#f3fcf7)}#briefAssetsSheet .brief-eyebrow{margin:0 0 5px;color:#167a59;font-size:9px;font-weight:800;letter-spacing:.14em}#briefAssetsSheet .brief-assets-head strong{font-family:Sora,sans-serif;font-size:15px;letter-spacing:-.01em}#briefAssetsSheet .brief-assets-head>div>span:last-child{max-width:290px;margin-top:5px;font-size:11px;line-height:1.55}#briefAssetsSheet .brief-temp-badge{display:inline-flex;flex:none;align-items:center;min-height:25px;margin:0;padding:0 9px;border:1px solid #b9dec9;border-radius:999px;background:rgba(255,255,255,.76);color:#167a59;font-size:10px;font-weight:800}#briefAssetsSheet .brief-asset-grid{margin-top:12px;gap:10px}#briefAssetsSheet .asset-picker{position:relative;grid-template-columns:36px minmax(0,1fr);align-content:start;align-items:center;gap:0 9px;min-height:112px;padding:12px;border-style:solid;border-color:#d5e0e8;border-radius:15px;background:#fff;box-shadow:0 5px 14px rgba(25,56,74,.05);overflow:hidden;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}#briefAssetsSheet .asset-picker:hover{border-color:#66b4e8;background:#fff;box-shadow:0 8px 18px rgba(25,56,74,.1);transform:translateY(-1px)}#briefAssetsSheet .asset-picker:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(10,140,255,.12)}#briefAssetsSheet .asset-picker input{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}#briefAssetsSheet .asset-picker-icon{display:grid;grid-row:1 / span 2;width:36px;height:36px;border-radius:12px;place-items:center;background:#eaf5ff;color:#1674bb;font-size:21px;font-weight:700;line-height:1}#briefAssetsSheet .asset-picker.reference .asset-picker-icon{background:#edf9f3;color:#167a59}#briefAssetsSheet .asset-picker-copy{display:grid;gap:3px;min-width:0}#briefAssetsSheet .asset-picker-copy b{color:#17212a;font-size:12px;line-height:1.25}#briefAssetsSheet .asset-picker-copy small{color:#697983;font-size:10px;font-weight:500;line-height:1.35}#briefAssetsSheet .asset-picker-action{grid-column:2;align-self:end;justify-self:start;margin-top:11px;padding:4px 8px;border-radius:999px;background:#eaf5ff;color:#16639b;font-size:10px;font-weight:800;line-height:1.1}#briefAssetsSheet .asset-picker.reference .asset-picker-action{background:#edf9f3;color:#167a59}#briefAssetsSheet .artwork-current,#briefAssetsSheet .reference-item{margin-top:10px;padding:10px;border-color:#d9e7ef;border-radius:14px;box-shadow:0 4px 12px rgba(25,56,74,.04)}#briefAssetsSheet .artwork-current[hidden]{display:none!important}#briefAssetsSheet .artwork-current img,#briefAssetsSheet .reference-item img{width:44px;height:44px;border-radius:10px}#briefAssetsSheet .reference-list:empty{display:none}#briefAssetsSheet .asset-status{display:flex;align-items:center;min-height:32px;margin-top:11px!important;padding:7px 10px;border:1px solid #deebf2;border-radius:10px;background:#f5fafc;color:#64727d;font-size:10px;line-height:1.35}#briefAssetsSheet .asset-status.warn{border-color:#f2d49c;background:#fff9ec}#briefAssetsSheet .graphic-brief-field{margin-top:16px;padding:14px;border:1px solid #dce7ed;border-radius:16px;background:#fff;box-shadow:0 5px 14px rgba(25,56,74,.04)}#briefAssetsSheet .graphic-brief-field .label{font-family:Sora,sans-serif;font-size:12px}#briefAssetsSheet .graphic-brief-field textarea{min-height:124px;border-color:#d6e0e6;border-radius:12px;font-size:12px;line-height:1.58}#briefAssetsSheet .graphic-brief-field .hint{margin-top:7px;color:#71808a}#briefAssetsSheet .brief-btn{min-height:54px;border-radius:15px;box-shadow:0 8px 18px rgba(22,122,89,.2)}
.preview-control.knob-control{display:block;min-height:166px;padding:11px 12px}.knob-control .slider-control-head{justify-content:center}.knob-stage{position:relative;display:block;width:132px;height:130px;margin:5px auto 0}.knob-input{position:absolute;z-index:3;top:7px;left:7px;width:118px;height:108px;margin:0;padding:0;opacity:0;cursor:grab}.knob-input:active{cursor:grabbing}.virtual-knob{--knob-angle:-96deg;--knob-fill:39deg;position:absolute;z-index:1;top:4px;left:11px;width:110px;height:110px;border-radius:50%;background:conic-gradient(from -135deg,var(--blue) 0deg var(--knob-fill),#d6e2ea var(--knob-fill) 270deg,transparent 270deg 360deg);filter:drop-shadow(0 4px 7px rgba(17,19,21,.12))}.virtual-knob::before{content:"";position:absolute;inset:7px;border:1px solid #cfd9e1;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff 0 26%,#f2f6f8 100%);box-shadow:inset 0 -4px 8px rgba(17,19,21,.08)}.knob-marker{position:absolute;z-index:2;inset:9px;transform:rotate(var(--knob-angle));transition:transform .08s linear}.knob-marker::after{content:"";position:absolute;top:0;left:50%;width:4px;height:19px;border-radius:999px;transform:translateX(-50%);background:var(--blue);box-shadow:0 1px 4px rgba(10,140,255,.45)}.knob-readout{position:absolute;z-index:2;inset:22px;display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:none}.knob-readout output{color:var(--ink);font-family:Sora,sans-serif;font-size:16px;font-weight:800;line-height:1.18}.knob-input:focus-visible+.virtual-knob{outline:3px solid rgba(10,140,255,.28);outline-offset:4px}.knob-stage .slider-scale{position:absolute;z-index:2;right:0;bottom:0;left:0;pointer-events:none}
.order-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:12px}.order-actions .quote-btn{margin:0}.cart-btn{min-width:112px;border:1px solid #3d474f;border-radius:12px;background:#20252a;color:#fff;font-weight:800}.cart-btn span{display:inline-grid;min-width:24px;height:24px;margin-left:5px;padding:0 6px;border-radius:999px;background:var(--blue);place-items:center}.cart-subtitle{display:block;margin-top:4px;color:var(--muted);font-size:10px}.cart-modal-card{max-width:760px}.cart-list{display:grid;gap:10px}.cart-empty{padding:36px 16px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);text-align:center}.cart-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:start;padding:13px;border:1px solid var(--line);border-radius:14px;background:#fff}.cart-item-index{display:grid;width:30px;height:30px;border-radius:9px;background:#eaf5ff;color:#16639b;font-size:12px;font-weight:800;place-items:center}.cart-item-main{display:grid;gap:4px;min-width:0}.cart-item-main strong{font-size:13px}.cart-item-main span{font-size:11px;color:#34414b}.cart-item-main small{color:var(--muted);font-size:10px;line-height:1.4}.cart-item-price{font-size:13px;font-weight:800;white-space:nowrap}.cart-item-actions{grid-column:2 / -1;display:flex;gap:6px;justify-content:flex-end}.cart-item-actions button{min-height:30px;padding:0 9px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#34414b;font-size:10px;font-weight:700}.cart-item-actions button[data-cart-action="remove"]{color:#b42318}.cart-summary{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:14px 0;border-top:2px solid #111315;font-weight:800}.cart-summary strong{font-family:Sora,sans-serif;font-size:20px}
@media(max-width:520px){.order-actions{grid-template-columns:1fr}.cart-btn{min-height:46px}.cart-item{grid-template-columns:32px minmax(0,1fr)}.cart-item-price{grid-column:2}.cart-item-actions{grid-column:1 / -1}}

.workflow-btn{grid-column:1 / -1;min-width:112px;min-height:50px;border:1px solid #9ddbbf;border-radius:12px;background:#f3fcf7;color:#146247;font-weight:800}.workflow-btn:hover{background:#e8f8f0}.brief-deadline-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;padding:14px;border:1px solid #dce7ed;border-radius:16px;background:#fff}.brief-deadline-grid .field{margin:0}.workflow-modal-card{max-width:820px}.workflow-lookup{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.workflow-lookup .field{margin:0}.workflow-lookup .btn{min-width:124px}.workflow-status{min-height:18px;margin:8px 0}.workflow-ticket{margin:12px 0 14px;padding:15px;border:1px solid #d8e8e0;border-radius:16px;background:linear-gradient(135deg,#f3fcf7,#f5faff)}.workflow-ticket-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.workflow-ticket h3{margin:0;font-family:Sora,sans-serif;font-size:15px}.workflow-ticket p{margin:6px 0 0;color:#64727d;font-size:11px;line-height:1.5}.workflow-list{display:grid;gap:12px}.workflow-empty{padding:36px 18px;border:1px dashed var(--line);border-radius:15px;color:var(--muted);text-align:center}.workflow-item{padding:15px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 5px 16px rgba(25,56,74,.05)}.workflow-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.workflow-item-title{display:grid;gap:4px;min-width:0}.workflow-item-title strong{font-size:13px}.workflow-item-title span{color:var(--muted);font-size:10px}.workflow-badge{display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border-radius:999px;background:#eaf5ff;color:#16639b;font-size:10px;font-weight:800;white-space:nowrap}.workflow-badge[data-phase="GRAPHIC"]{background:#fff4da;color:#8b5a00}.workflow-badge[data-phase="PRODUCTION"]{background:#f2edff;color:#6540ad}.workflow-badge[data-phase="READY"],.workflow-badge[data-phase="COMPLETED"]{background:#eaf9f1;color:#146247}.workflow-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:12px}.workflow-progress span{height:5px;border-radius:999px;background:#e5e9ed}.workflow-progress span.active{background:#3dadff}.workflow-item-meta{display:flex;flex-wrap:wrap;gap:7px 14px;margin-top:11px;color:#64727d;font-size:10px}.workflow-update{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #edf0f2}.workflow-update select,.workflow-update input{height:40px;font-size:11px}.workflow-update button{min-height:40px;padding:0 13px;border:0;border-radius:10px;background:#167a59;color:#fff;font-size:11px;font-weight:800}.workflow-update button:disabled{background:#aeb8b3}.workflow-item-done{margin-top:11px;padding:9px;border-radius:10px;background:#f3fcf7;color:#146247;font-size:10px;font-weight:700;text-align:center}

@media(max-width:680px){.order-actions{grid-template-columns:1fr 1fr}.order-actions .quote-btn{grid-column:1 / -1}.brief-deadline-grid,.workflow-lookup,.workflow-update{grid-template-columns:1fr}.workflow-lookup .btn,.workflow-update button{width:100%}.workflow-item-head{align-items:flex-start}.workflow-badge{white-space:normal;text-align:center}}
@media print {
  html,
  body {
    background: #fff !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Print only the customer-facing quotation. */
  body > * {
    display: none !important;
  }

  #quoteModal {
    display: block !important;
    position: static !important;
    inset: auto !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    background: #fff !important;
    padding: 0 !important;
  }

  #quoteModal .modal-card {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  #quoteModal .modal-head,
  #quoteModal .quote-form,
  #quoteModal form,
  #quoteModal .print-actions,
  #quoteModal .tiny-note,
  #quoteModal .no-print {
    display: none !important;
  }

  #quoteModal .modal-body {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  #quotePreview {
    display: block !important;
    width: auto !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #fff !important;
    color: #111 !important;
  }
}

.workflow-cancel-order{width:100%;margin:0 0 12px;border-color:#e06b6b;color:#a32727;background:#fff7f7}

@media(max-width:620px){.preview-workspace{grid-template-columns:1fr}.preview-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);padding:0}.preview-quick-action{min-height:70px}.preview-quick-action br{display:none}.preview-quick-action b{font-size:9px}.preview-quick-action>span{width:23px;height:23px;font-size:15px}}

/* Figma order workflow ---------------------------------------------------- */
:root{--flow-blue:var(--ip-blue);--flow-navy:#063b70;--flow-surface:#eef6ff;--flow-border:#c1d9f1;--flow-muted:#64748b;--flow-green:#16a36f;--flow-orange:#ff9f1a}
html{background:#dce9f5}body{padding:0;background:#dce9f5;color:#080808}.mobile-app{width:min(100%,430px);min-height:100vh;margin:0 auto;background:var(--flow-surface);box-shadow:0 0 36px rgba(6,59,112,.12)}
.app-header{position:sticky;z-index:900;top:0;display:flex;align-items:center;justify-content:space-between;height:68px;padding:12px 16px;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.3),0 2px 6px rgba(0,0,0,.1)}.brand-button{display:flex;align-items:center;gap:8px;padding:0;border:0;background:transparent;color:var(--blue-text);font-size:18px;font-weight:800}.brand-button img{width:28px;height:28px}.header-actions{display:flex;align-items:center;gap:8px}.header-settings{display:grid;width:38px;height:38px;padding:8px;border:1px solid var(--flow-border);border-radius:8px;background:#fff;color:var(--flow-navy);place-items:center}.header-settings:hover{border-color:var(--flow-blue);background:#eef8ff}.header-settings:focus-visible{outline:3px solid rgba(10,140,255,.2);outline-offset:2px}.header-settings svg{width:21px;height:21px;fill:currentColor}.header-cart{position:relative;display:grid;width:44px;height:44px;padding:8px;border:0;border-radius:6px;background:var(--flow-navy);place-items:center}.header-cart img{width:28px;height:28px}.header-cart span{position:absolute;top:-7px;left:-9px;display:grid;min-width:17px;height:17px;padding:0 4px;border:2px solid #fff;border-radius:99px;background:var(--flow-blue);color:#fff;font-size:10px;font-weight:700;place-items:center}
.api-settings-sheet .sheet-head{align-items:center}.api-settings-sheet .sheet-head small{display:block;margin-bottom:3px;color:var(--blue-text);font-size:9px;font-weight:800;letter-spacing:.12em}.api-settings-sheet .sheet-body{padding:18px;background:linear-gradient(180deg,#f5faff 0,#fff 42%)}.api-settings-card{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start;padding:15px;border:1px solid #cfe4f6;border-radius:14px;background:#eef8ff}.api-settings-icon{display:grid;width:44px;height:44px;border-radius:12px;background:var(--flow-navy);color:#fff;font-size:12px;font-weight:800;letter-spacing:.05em;place-items:center}.api-settings-card strong{font-size:13px}.api-settings-card p{margin:5px 0 0;color:var(--flow-muted);font-size:11px;line-height:1.5}.api-key-field{margin-top:20px}.api-key-input-wrap{position:relative}.api-key-input-wrap input{height:48px;padding-right:66px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.api-key-input-wrap button{position:absolute;top:6px;right:6px;height:36px;padding:0 10px;border:0;border-radius:7px;background:#e9f3fc;color:var(--flow-navy);font-size:10px;font-weight:800}.api-key-field .hint{margin:7px 2px 0}.api-key-state{display:flex;min-height:46px;align-items:center;margin-top:14px;padding:11px 12px;border:1px solid #dce5ec;border-radius:10px;background:#f7f9fb;color:#53616c;font-size:11px;font-weight:700;line-height:1.4}.api-key-state.ok{border-color:#9ddbbf;background:#f0fbf5;color:#146247}.api-key-state.warn{border-color:#f2d49c;background:#fff9ec;color:#8b5a00}.api-settings-actions{display:grid;gap:9px;margin-top:14px}.api-settings-actions .secondary-action{background:#fff}.api-security-note{margin:18px 0 0;padding:12px;border-radius:10px;background:#f6f7f8;color:#66727c;font-size:10px;line-height:1.55}.api-security-note strong{display:block;margin-bottom:2px;color:#34414b}
.flow-stepper{position:sticky;z-index:800;top:68px;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 16px 7px;background:#fff;box-shadow:inset 0 4px 4px #ddebff}.flow-stepper[hidden]{display:none}.flow-step{position:relative;display:grid;justify-items:start;gap:2px}.flow-step:not(:last-child)::after{content:"";position:absolute;top:11px;left:26px;right:4px;height:2px;background:var(--flow-border)}.flow-step span{position:relative;z-index:2;display:grid;width:24px;height:24px;border:1px solid var(--flow-border);border-radius:50%;background:var(--flow-surface);color:var(--flow-muted);font-size:11px;font-weight:700;place-items:center}.flow-step small{display:none;color:var(--flow-muted);font-size:9px}.flow-step.is-done span,.flow-step.is-active span{border-color:var(--flow-blue);background:var(--flow-blue);color:#fff}.flow-step.is-done::after{background:var(--flow-blue)}
.app-views{display:block}.app-view{display:none;padding:16px;animation:flow-enter .18s ease}.app-view.is-active{display:block}@keyframes flow-enter{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
.page-intro{margin-bottom:20px}.page-intro h1{margin:0;font-size:20px;font-weight:800;line-height:1.2}.page-intro p{margin:4px 0 0;color:var(--flow-muted);font-size:12px;line-height:1.45}.section-title{margin:0 0 8px;font-size:15px}.primary-action,.secondary-action{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:0 14px;border-radius:10px;font-size:14px;font-weight:800}.primary-action{border:1px solid var(--flow-navy);background:var(--flow-navy);color:#fff}.primary-action:hover{background:#07518e}.secondary-action{border:1px solid var(--flow-navy);background:#bed7ef;color:var(--flow-navy)}.flow-actions{display:grid;grid-template-columns:minmax(108px,.8fr) 1.4fr;gap:12px;margin-top:20px}.flow-actions .primary-action:only-child{grid-column:1/-1}.form-card,.outline-summary{margin-top:16px;padding:16px;border:1px solid var(--flow-border);border-radius:12px;background:#fff;box-shadow:0 4px 8px rgba(0,0,0,.04)}.form-card>.field:last-child{margin-bottom:0}.field{margin-bottom:14px}.label{display:block;color:#080808;font-size:13px;font-weight:600}.row2{gap:12px}.input-suffix{position:relative}.input-suffix input{padding-right:48px}.input-suffix span{position:absolute;top:0;right:13px;display:flex;height:40px;align-items:center;color:var(--flow-muted);font-size:12px}.mobile-app input,.mobile-app select,.mobile-app textarea{border-color:var(--flow-border);border-radius:8px}.mobile-app input,.mobile-app select{height:40px}.mobile-app textarea{min-height:96px}.mobile-app input:focus,.mobile-app select:focus,.mobile-app textarea:focus{border-color:var(--flow-blue);box-shadow:0 0 0 3px rgba(10,140,255,.1)}
.home-view{padding-top:16px}.home-hero{display:flex;align-items:center;gap:18px;min-height:248px;padding:30px;border-radius:4px;background:linear-gradient(135deg,#e6e8e9 0%,#fff 47%,#d8dcdf 100%);overflow:hidden}.hero-mark{display:grid;width:92px;height:92px;border-radius:24px;background:linear-gradient(145deg,#063b70,#0a8cff);color:#fff;font-size:34px;font-weight:800;place-items:center;transform:rotate(-8deg)}.home-hero strong,.home-hero span{display:block}.home-hero strong{font-size:22px}.home-hero span{margin-top:6px;color:var(--flow-muted);font-size:12px}.home-view>.primary-action{margin-top:16px}.service-showcase{margin-top:16px;padding:16px;border-radius:12px;background:#fff}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.section-heading strong{font-size:13px}.section-heading span,.section-heading small{color:var(--flow-muted);font-size:10px}.service-showcase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.service-showcase-grid article{padding:10px;border:1px solid var(--flow-border);border-radius:8px}.service-art{display:grid;height:120px;margin-bottom:10px;border-radius:6px;color:#fff;font-size:40px;place-items:center}.service-art.laser{background:linear-gradient(150deg,#063b70,#78c4ff)}.service-art.inkjet{background:linear-gradient(150deg,#08a8aa,#0a8cff)}.service-showcase-grid strong{display:block;font-size:11px;line-height:1.4}.service-showcase-grid p{margin:5px 0 0;color:var(--flow-muted);font-size:9px;line-height:1.4}
.layout-preview-card{position:relative;display:flex;min-height:220px;flex-direction:column;align-items:center;justify-content:center;padding:12px;border:1px solid var(--flow-border);border-radius:12px;background:#fff}.preview-scroll{padding:0}.sheet-preview{border:1px dashed var(--flow-muted);background:var(--flow-surface)}.sheet-dimensions{display:flex;width:100%;justify-content:space-between;margin-top:4px;padding:0 15px;color:var(--flow-muted);font-size:10px}.artwork-upload-button{display:block;margin-top:10px;padding:10px;border:1px solid var(--flow-border);border-radius:12px;background:#fff}.artwork-upload-button span{display:flex;min-height:48px;align-items:center;justify-content:center;border:1px solid var(--flow-navy);border-radius:10px;background:#bed7ef;color:var(--flow-navy);font-size:14px;font-weight:800;cursor:pointer}.outline-summary{border:1.5px solid var(--flow-navy);box-shadow:none}.outline-summary h2{margin:0 0 12px;color:var(--flow-navy);font-size:15px}.outline-summary dl,.order-price-summary dl{margin:0}.outline-summary dl>div,.order-price-summary dl>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0}.outline-summary dt,.order-price-summary dt{color:var(--flow-muted);font-size:12px}.outline-summary dd,.order-price-summary dd{margin:0;font-size:13px;font-weight:700;text-align:right}.outline-summary .summary-total,.order-price-summary .summary-total{margin-top:3px;padding-top:11px;border-top:1px solid var(--flow-border)}.outline-summary .summary-total dt{color:#080808;font-weight:700}.outline-summary .summary-total dd{color:var(--flow-navy);font-size:18px;font-weight:800}
.layout-preview-card .preview-scroll{display:flex;width:100%;justify-content:center;overflow:auto}#openMaterialsServices.primary-action{position:static;right:auto;bottom:auto;z-index:auto;width:100%;height:auto;min-height:48px;padding:0 14px;border:1px solid var(--flow-navy);border-radius:10px;background:var(--flow-navy);color:#fff;box-shadow:none;overflow:visible}
.preview-summary-card{margin-top:0}.card-summary-line{display:flex;align-items:center;justify-content:space-between;font-size:12px}.card-summary-line b{color:var(--flow-navy)}.cost-preview-wrap{display:flex;min-height:220px;align-items:center;justify-content:center;margin-top:8px;overflow:auto}.cost-sheet-preview{flex:none}.print-side-toggle{display:grid;grid-template-columns:1fr 1fr;margin:10px 0 12px}.print-side-toggle button{height:36px;border:1px solid var(--flow-border);background:#fff;color:var(--flow-muted);font-size:12px}.print-side-toggle button:first-child{border-radius:8px 0 0 8px}.print-side-toggle button:last-child{border-radius:0 8px 8px 0}.print-side-toggle button.is-selected{border-color:var(--flow-blue);background:#e6f4ff;color:var(--blue-text)}.service-group{margin-top:8px;border-color:var(--flow-border)}.service-group-title{display:none}.service-row{align-items:flex-start;padding:12px;border:1px solid var(--flow-border);border-radius:10px;margin-top:8px}.service-row input{width:18px;height:18px}.service-price{color:var(--flow-navy)}.cost-analysis .internal-note{margin:-5px 0 10px;padding-bottom:10px;border-bottom:1px solid var(--flow-border);color:var(--flow-navy);font-size:12px}.cost-analysis .summary-settings{margin:0 0 8px}.cost-analysis .summary-settings .field{margin:0}
.brief-main-preview{display:grid;min-height:220px;padding:20px;border-radius:12px;background:#fff;place-items:center;cursor:pointer}.brief-main-preview>span{margin-top:8px;color:var(--blue-text);font-size:10px;font-weight:700}.mini-layout-preview{display:grid;width:260px;max-width:100%;height:170px;padding:18px;border:1px dashed var(--flow-muted);grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px}.mini-layout-preview span{border:1px solid var(--flow-navy);background-size:contain;background-position:center;background-repeat:no-repeat}.brief-calc-summary{margin:8px 0 16px;padding:10px;border-bottom:1px solid var(--flow-border);color:var(--blue-text);font-size:12px;line-height:1.6;text-align:center}.variants-section{margin:14px 0}.job-variant{display:grid;grid-template-columns:minmax(0,1fr) 84px 28px;gap:8px;align-items:end;margin-top:10px;padding:10px;border:1px solid var(--flow-border);border-radius:10px;background:#fff}.job-variant strong{grid-column:1/-1;font-size:12px}.job-variant input{font-size:11px}.job-variant button{width:28px;height:40px;border:0;border-radius:8px;background:#fff1f1;color:#e54343}.add-variant-button{width:100%;height:32px;margin-top:10px;border:1px solid var(--flow-blue);border-radius:8px;background:#eef8ff;color:var(--blue-text);font-size:12px;font-weight:800}.file-link-box{display:grid;min-height:88px;border:1px dashed var(--flow-navy);border-radius:10px;background:#fff;place-items:center;text-align:center;cursor:pointer}.file-link-box strong,.file-link-box small{display:block}.file-link-box strong{color:var(--flow-navy);font-size:12px}.file-link-box small{margin-top:5px;color:var(--flow-muted)}#briefFileLink:not([hidden]){display:block;margin-top:8px}.reference-section{margin:18px 0}.reference-upload{display:flex;min-height:56px;align-items:center;justify-content:center;border:1px dashed var(--flow-border);border-radius:8px;background:#fff;color:var(--flow-muted);font-size:11px;cursor:pointer}.reference-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.reference-item{display:block;margin-top:8px;padding:5px}.reference-item img{width:100%;height:72px}.reference-item>div{display:none}.reference-item .remove-asset{width:100%;margin-top:4px}.brief-deadline-grid{padding:0;border:0;background:transparent}.brief-deadline-grid .field{margin:0}
.brief-review-card{padding:16px;border:1.5px solid var(--flow-navy);border-radius:12px;background:#fff;box-shadow:0 5px 12px rgba(6,59,112,.08)}.brief-review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--flow-border)}.brief-review-head h2{margin:0;font-size:14px}.brief-review-head small{color:var(--flow-muted)}.brief-review-name{padding:12px 0;border-bottom:1px solid var(--flow-border);font-size:12px}.brief-review-variants{display:grid;gap:8px;padding:12px 0}.brief-review-variant{display:grid;grid-template-columns:52px 1fr auto;gap:8px;font-size:12px}.brief-review-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.brief-review-metrics div{padding:8px;border-radius:6px;background:var(--flow-surface)}.brief-review-metrics span,.brief-review-metrics strong{display:block}.brief-review-metrics span{color:var(--flow-muted);font-size:10px}.brief-review-metrics strong{margin-top:3px;font-size:12px}.brief-review-note{margin-top:10px;padding:10px;border:1px solid var(--flow-border);border-radius:8px;background:var(--flow-surface);font-size:11px;line-height:1.5}.brief-review-layout{margin-top:12px}.brief-review-layout .mini-layout-preview{width:100%}.review-intro{margin:20px 0 0}
.brief-review-card{padding:16px;border:1.5px solid var(--flow-navy);border-radius:12px;background:#fff;box-shadow:0 5px 12px rgba(6,59,112,.08)}.brief-review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--flow-border)}.brief-review-head h2{margin:0;font-size:14px}.brief-review-head small{color:var(--flow-muted)}.brief-review-name{padding:12px 0;border-bottom:1px solid var(--flow-border);font-size:12px}.brief-review-variants{display:grid;gap:8px;padding:12px 0}.brief-review-variant{display:grid;grid-template-columns:52px 1fr auto;gap:8px;font-size:12px}.brief-review-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.brief-review-metrics div{padding:8px;border-radius:6px;background:var(--flow-surface)}.brief-review-metrics span,.brief-review-metrics strong{display:block}.brief-review-metrics span{color:var(--flow-muted);font-size:10px}.brief-review-metrics strong{margin-top:3px;font-size:12px}.brief-review-sections{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.brief-review-section,.brief-review-note{padding:10px;border:1px solid var(--flow-border);border-radius:8px;background:var(--flow-surface);font-size:11px;line-height:1.5}.brief-review-section>strong{display:block;color:var(--flow-navy);font-size:10px}.brief-review-section>p{margin:4px 0 0}.brief-review-services{border-color:#a8cdec;background:#eef7ff}.brief-review-technique{border-color:#cdd9e3;background:#f8fafc}.brief-review-note{margin-top:10px}.brief-review-layout{margin-top:12px}.brief-review-layout .mini-layout-preview{width:100%}.review-intro{margin:20px 0 0}@media(max-width:520px){.brief-review-sections{grid-template-columns:1fr}}
.cart-view.open,.workflow-view.open{display:block}.cart-heading{display:flex;align-items:flex-start;justify-content:space-between}.cart-heading>strong{color:var(--flow-navy);font-size:11px}.cart-list{gap:12px}.cart-item{display:block;padding:16px;border-color:var(--flow-border);border-radius:12px}.cart-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.cart-item-head strong{font-size:14px}.cart-item-head small{display:block;margin-top:3px;color:var(--flow-muted)}.cart-item-remove{width:30px;height:30px;border:0;border-radius:8px;background:#fff1f1;color:#ed4545}.cart-variant-list{display:grid;gap:7px;margin:12px 0;padding-bottom:10px;border-bottom:1px solid var(--flow-border)}.cart-variant-row{display:grid;grid-template-columns:52px 1fr auto;gap:8px;font-size:11px}.cart-production-row{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--flow-muted);font-size:10px}.cart-production-row strong{color:var(--flow-navy);font-size:15px}.cart-item-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:10px}.cart-item-actions button{height:34px;border-color:var(--flow-blue);color:var(--blue-text)}.add-print-item{width:100%;min-height:44px;margin-top:12px;border:1px dashed var(--flow-navy);border-radius:10px;background:transparent;color:var(--flow-navy);font-size:12px;font-weight:800}.order-price-summary h2{margin:0 0 10px;font-size:15px}.order-price-summary .summary-total dd{padding:4px 9px;border-radius:6px;background:var(--flow-surface);color:var(--flow-navy);font-size:18px}.price-review-request{display:flex;gap:10px;margin-top:10px;padding:11px;border:1px solid var(--flow-navy);border-radius:10px;background:var(--flow-surface)}.price-review-request input{width:18px;height:18px;flex:none;accent-color:var(--flow-navy)}.price-review-request strong,.price-review-request small{display:block}.price-review-request strong{color:var(--flow-navy);font-size:11px}.price-review-request small{margin-top:3px;color:var(--flow-muted);font-size:10px}.sticky-action{position:sticky;bottom:10px;margin-top:20px;box-shadow:0 10px 24px rgba(6,59,112,.22)}
.modal{z-index:4000;padding:16px;background:rgba(8,25,42,.72)}.modal-card{width:min(100%,390px);margin:15vh auto 24px;border-radius:20px}.customer-modal .modal-card{margin:4vh auto}.modal-head{padding:16px;border:0}.modal-head h2{font:800 16px Inter}.modal-body{padding:0 16px 16px}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.success-modal .modal-card{padding:22px 16px;text-align:center}.success-copy h2{margin:0 0 8px;font-size:17px}.success-copy strong{display:block;font-size:16px}.success-copy p{margin:4px 0 18px;font-size:13px}.success-modal .modal-actions{margin:0}.success-modal .modal-actions button{font-size:12px}
.workflow-view{padding-bottom:30px}.workflow-customer{margin-bottom:14px;font-size:12px;line-height:1.7}.workflow-lookup{grid-template-columns:1fr 112px}.workflow-lookup .secondary-action{min-height:40px}.workflow-ticket{margin:8px 0 12px;padding:12px;border-color:var(--flow-border);background:#fff}.workflow-ticket h3{font-size:13px}.workflow-list{gap:12px}.workflow-item{padding:16px;border-color:var(--flow-border);border-radius:12px}.workflow-item-title strong{font-size:13px}.workflow-current-step{margin-top:12px;padding-top:12px;border-top:1px solid var(--flow-border)}.workflow-current-step>small{display:block;margin-bottom:8px;font-weight:700}.workflow-step-row{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--flow-muted);font-size:11px}.workflow-step-row strong{color:var(--flow-orange)}.workflow-details{margin-top:12px}.workflow-details summary{display:flex;min-height:34px;align-items:center;justify-content:center;border-radius:8px;background:#62b7f5;color:#fff;font-size:12px;font-weight:700;cursor:pointer}.workflow-item-meta{line-height:1.5}.workflow-update{display:none}
@media(min-width:700px){body{padding:24px}.mobile-app{border-radius:18px;overflow:clip}.app-header{top:24px}.flow-stepper{top:92px}}
@media(max-width:380px){.app-view{padding:13px}.row2,.brief-deadline-grid{grid-template-columns:1fr}.flow-actions{grid-template-columns:1fr}.service-showcase-grid{grid-template-columns:1fr}.job-variant{grid-template-columns:1fr 76px 28px}}
.cart-item-head strong,.cart-item-head span{display:block}

/* Login gate ------------------------------------------------------------- */
.login-gate{display:grid;min-height:100vh;padding:24px;background:radial-gradient(circle at 76% 12%,rgba(10,140,255,.2),transparent 29%),linear-gradient(150deg,#062f59 0%,#0b528b 48%,#dcecff 48.2%,#eff7ff 100%);place-items:center}.login-gate[hidden]{display:none}.login-panel{width:min(100%,390px);padding:26px;border:1px solid rgba(255,255,255,.78);border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 24px 70px rgba(2,29,55,.28);backdrop-filter:blur(14px)}.login-brand{display:flex;align-items:center;gap:10px}.login-brand img{width:38px;height:38px}.login-brand>div{display:flex;align-items:baseline;gap:6px}.login-brand strong{color:var(--blue-text);font-size:20px}.login-brand small{color:var(--flow-navy);font-size:9px;font-weight:900;letter-spacing:.15em}.login-copy{margin-top:32px}.login-copy>span{color:var(--blue-text);font-size:9px;font-weight:900;letter-spacing:.15em}.login-copy h1{margin:7px 0 6px;color:#0b1e2f;font-size:28px;line-height:1.15}.login-copy p{margin:0;color:#657482;font-size:12px;line-height:1.6}.login-form{display:grid;gap:12px;margin-top:24px}.login-form>label:first-child{font-size:12px;font-weight:800}.login-key-wrap{position:relative}.login-key-wrap input{height:50px;padding:0 68px 0 13px;border-color:#bfd7eb;border-radius:11px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.login-key-wrap button{position:absolute;top:6px;right:6px;height:38px;padding:0 11px;border:0;border-radius:8px;background:#eaf5ff;color:var(--flow-navy);font-size:10px;font-weight:800}.login-remember{display:flex;gap:10px;align-items:flex-start;padding:11px;border-radius:10px;background:#f5f9fc;cursor:pointer}.login-remember input{width:18px;height:18px;margin:1px 0 0;flex:none;accent-color:var(--flow-blue)}.login-remember strong,.login-remember small{display:block}.login-remember strong{font-size:11px}.login-remember small{margin-top:3px;color:#71808c;font-size:9px;line-height:1.4}.login-status{min-height:18px;color:#60717e;font-size:10px;font-weight:700;line-height:1.4}.login-status.warn{color:#a34d16}.login-status.ok{color:#146247}.login-submit{min-height:50px;border:0;border-radius:11px;background:var(--flow-navy);color:#fff;font-size:14px;font-weight:800;box-shadow:0 10px 22px rgba(6,59,112,.2)}.login-submit:hover{background:#07518e}.login-help{margin:18px 0 0;color:#7a8791;font-size:9px;line-height:1.5;text-align:center}.login-help code{padding:2px 5px;border-radius:5px;background:#edf3f7;color:#34414b;font-size:9px}@media(max-width:440px){.login-gate{padding:16px}.login-panel{padding:22px;border-radius:20px}.login-copy{margin-top:26px}}
.login-choice{display:grid;gap:10px;margin-top:24px}.guest-entry{display:grid;gap:4px;min-height:66px;padding:13px 16px;border:0;border-radius:12px;background:var(--flow-navy);color:#fff;text-align:left;box-shadow:0 10px 22px rgba(6,59,112,.2)}.guest-entry strong{font-size:14px}.guest-entry span{color:#d9ecff;font-size:10px}.staff-entry{display:grid;min-height:44px;padding:0 14px;border:1px solid #bfd7eb;border-radius:11px;background:#fff;color:var(--flow-navy);font-size:11px;font-weight:800;text-decoration:none;place-items:center}.staff-entry:hover{border-color:var(--flow-blue);background:#eef8ff}.login-form[hidden]{display:none}body[data-access-role="customer"] [data-staff-only],body[data-access-role="customer"] .workflow-update,body[data-access-role="staff"] [data-customer-only]{display:none!important}body[data-portal="staff"] .login-choice{display:none}body[data-portal="staff"] .login-copy>span::after{content:" STAFF"}body[data-portal="staff"] .login-help{margin-top:12px}

/* UX review refinements — 2026-08-31 */
.home-hero{align-items:center}.home-hero>div:last-child{min-width:0}.home-hero small{display:block;margin-bottom:5px;color:var(--blue-text);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.hero-service-art{flex:0 0 112px;width:112px;height:112px;margin:0;border-radius:22px;font-size:40px;box-shadow:0 12px 26px rgba(6,59,112,.18)}
.service-showcase-grid .service-card{position:relative;width:100%;padding:10px;border:1px solid var(--flow-border);border-radius:8px;background:#fff;color:#080808;text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.service-showcase-grid .service-card:hover{transform:translateY(-1px)}.service-showcase-grid .service-card.is-selected{border:2px solid var(--flow-blue);box-shadow:0 0 0 3px rgba(10,140,255,.1)}.service-showcase-grid .service-card.is-coming-soon{cursor:not-allowed;filter:saturate(.55);opacity:.68}.service-state{position:absolute;z-index:2;top:16px;right:16px;padding:4px 7px;border-radius:999px;background:#fff;color:var(--blue-text);font-size:8px;font-weight:800;box-shadow:0 2px 8px rgba(6,59,112,.16)}.service-card.is-coming-soon .service-state{background:#fff3d8;color:#925800}.service-showcase-grid .service-card strong{display:block;font-size:11px;line-height:1.4}.service-showcase-grid .service-card p{margin:5px 0 0;color:var(--flow-muted);font-size:9px;line-height:1.4}
.slider-settings{align-items:start}.slider-field{padding:12px;border:1px solid var(--flow-border);border-radius:10px;background:var(--flow-surface)}.slider-label{display:flex;align-items:center;justify-content:space-between;gap:8px}.slider-label output{padding:3px 7px;border-radius:6px;background:#fff;color:var(--flow-navy);font-size:11px;font-weight:800}.mobile-app .slider-field input[type="range"]{width:100%;height:26px;padding:0;border:0;background:transparent;box-shadow:none;accent-color:var(--flow-blue);cursor:pointer}.mobile-app .slider-field input[type="range"]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--flow-blue),#b9d9f5)}.mobile-app .slider-field input[type="range"]::-webkit-slider-thumb{width:20px;height:20px;margin-top:-7px;border:3px solid #fff;border-radius:50%;background:var(--flow-blue);box-shadow:0 1px 5px rgba(6,59,112,.3);-webkit-appearance:none}.slider-scale{display:flex;justify-content:space-between;color:var(--flow-muted);font-size:9px}.layout-artwork-current{width:100%;margin:12px 0 0}.layout-artwork-current .remove-asset,.layout-artwork-current button{border-color:#ef6b6b;color:#c62828}
.preview-finish-status{margin-top:9px;padding:7px 10px;border-radius:8px;background:#eaf5ff;color:#155a91;font-size:10px;font-weight:700;text-align:center}.piece-material-effect{position:absolute;z-index:1;inset:0;pointer-events:none}.piece-material-effect.is-kraft{background:rgba(174,119,55,.22);mix-blend-mode:multiply}.piece-material-effect.is-sticker{box-shadow:inset 0 0 0 1px rgba(116,172,215,.3);background:rgba(230,246,255,.08)}.piece-material-effect.is-art-paper{background:rgba(255,248,233,.1)}.piece.has-diecut-effect{outline:1px dashed #ff8b00;outline-offset:-3px}
#servicesContainer{display:grid;gap:14px}.mobile-app .service-group{margin:0;padding:10px;border:1px solid var(--flow-border);border-radius:12px;background:#f8fbff;overflow:visible}.mobile-app .service-group-title{display:block;padding:0 2px 8px;background:transparent;color:var(--flow-navy);font-size:11px}.mobile-app .service-group-print{order:-1;border-color:#8bc9ff;background:#eef8ff}.mobile-app .service-row{margin-top:8px;padding:13px 12px;border:1px solid #b8d6ee;border-radius:10px;background:#fff;gap:12px}.mobile-app .service-row:first-of-type{margin-top:0}.mobile-app .service-row.is-selected{border-color:var(--flow-blue);box-shadow:0 0 0 2px rgba(10,140,255,.08)}.mobile-app .service-row input{flex:0 0 20px;width:20px;height:20px;margin-top:1px}.mobile-app .service-main{padding-right:8px}.mobile-app .service-price{padding-left:8px}.cost-cta-actions{margin-top:18px}.cost-analysis{margin-top:20px}
.job-variant [data-remove-variant][hidden]{display:none!important}.reference-item .remove-asset{border-color:#ef4444;background:#fff5f5;color:#c62828;font-weight:800}.reference-item .remove-asset:hover{background:#fee2e2}
.file-provider-field .file-link-box{padding:14px}.file-provider-options{display:grid;width:100%;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.file-provider-options a{display:grid;min-height:36px;padding:5px;border:1px solid var(--flow-border);border-radius:8px;background:#fff;color:var(--flow-navy);font-size:10px;font-weight:800;text-align:center;text-decoration:none;place-items:center}.file-provider-options a:hover,.file-provider-options a.is-selected{border-color:var(--flow-blue);background:#eaf5ff;color:var(--blue-text)}.field-error{min-height:0;margin-top:4px;color:#c62828;font-size:10px}.field-error:empty{display:none}.mobile-app input.is-invalid,.mobile-app textarea.is-invalid{border-color:#e53935;box-shadow:0 0 0 3px rgba(229,57,53,.1)}.brief-form-status{min-height:18px;margin-top:10px}.brief-form-status:empty{display:none}
@media(max-width:380px){.hero-service-art{flex-basis:86px;width:86px;height:86px}.home-hero{padding:22px}.file-provider-options{grid-template-columns:1fr}.slider-settings{grid-template-columns:1fr}}

/* UX review 2026-08-31: brief dates, quantities and destructive actions */
.layout-artwork-current #clearArtworkImage{border-radius:4px}
.variant-quantity-field{position:relative;min-width:0}.variant-quantity-field input{width:100%;padding-right:34px}.variant-quantity-field span{position:absolute;top:0;right:10px;display:flex;height:40px;align-items:center;color:var(--flow-muted);font-size:10px;pointer-events:none}
.date-input-shell{position:relative}.date-input-shell>#briefDeadline,.date-input-shell>#deliveryDeadline{width:100%;padding-right:44px}.date-picker-icon{position:absolute;z-index:1;top:0;right:0;display:grid;width:42px;height:40px;color:var(--flow-navy);font-size:16px;place-items:center;pointer-events:none}.mobile-app .native-date-control{position:absolute;z-index:2;top:0;right:0;width:42px;height:40px;margin:0;padding:0;border:0;opacity:0;cursor:pointer}.mobile-app .native-date-control::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;cursor:pointer}
.cart-item-remove{color:#be0000}.cart-item-remove:hover,.cart-item-remove:focus-visible{background:#ffe7e7;color:#950000}

/* Material preview: CSS 3D for common finishes, WebGL only for special effects */
.cost-preview-mode-toggle{display:grid;grid-template-columns:1fr 1fr;margin-top:12px}.cost-preview-mode-toggle button{min-height:38px;border:1px solid var(--flow-blue);background:#fff;color:var(--blue-text);font-size:11px;font-weight:800}.cost-preview-mode-toggle button:first-child{border-radius:9px 0 0 9px}.cost-preview-mode-toggle button:last-child{border-left:0;border-radius:0 9px 9px 0}.cost-preview-mode-toggle button.is-selected{background:var(--flow-blue);color:#fff}.material-preview-stage[data-preview-kind="piece"]{border-radius:12px}.cost-sheet-preview.is-piece-preview{display:flex;align-items:stretch;justify-content:stretch;border:0;border-radius:12px;background:#fff;box-shadow:0 12px 28px rgba(6,59,112,.2);overflow:hidden}.cost-sheet-preview.is-piece-preview .cost-single-piece{width:100%!important;height:100%!important;border:0;background:#fff;cursor:default}.material-preview-stage[data-preview-renderer="css"][data-preview-effect="paper"] .material-css-reflection{opacity:.14}.material-preview-stage[data-preview-kind="piece"] .material-css-reflection,.material-preview-stage[data-preview-kind="piece"] .material-shader-canvas{border-radius:12px}
.brief-main-preview{display:block;min-height:0;padding:14px;cursor:default}.brief-preview-upload{display:flex;min-height:38px;margin-top:12px;align-items:center;justify-content:center;border:1px solid var(--flow-blue);border-radius:8px;background:#fff;color:var(--blue-text);font-size:10px;font-weight:800;cursor:pointer}.preview-gallery{display:grid;width:100%;gap:14px}.preview-gallery-group{display:grid;gap:8px}.preview-gallery-group h3{margin:0;color:var(--flow-navy);font-size:12px}.preview-gallery-cards{display:grid;gap:10px}.preview-gallery-card{display:grid;gap:8px;padding:10px;border:1px solid var(--flow-border);border-radius:10px;background:#f8fbff}.preview-gallery-card>strong{font-size:10px;color:var(--flow-navy)}.preview-gallery-surface{--preview-light-x:52%;position:relative;margin:auto;background:#fff;overflow:hidden;filter:drop-shadow(0 7px 8px rgba(6,59,112,.14))}.preview-gallery-sheet{width:min(100%,320px);border:1px solid #8f98a1}.preview-gallery-usable{position:absolute;border:1px dashed #a9b0b7;background:#fff}.preview-gallery-grid{position:absolute;display:grid;align-content:start}.preview-gallery-piece{position:relative;display:flex;min-width:0;min-height:0;align-items:center;justify-content:center;border:1px solid #8a949e;background:#fff;overflow:hidden}.preview-gallery-artwork{display:block;width:100%;height:100%;object-fit:contain;background:#fff;transform:rotate(var(--artwork-rotation,0deg)) scale(var(--artwork-rotation-scale,1));transform-origin:center}.preview-gallery-empty{color:var(--flow-muted);font-size:8px;text-align:center}.preview-gallery-piece-frame{max-width:100%;border:1px solid #8a949e;border-radius:7px}.preview-gallery-piece-frame>.preview-gallery-piece{width:100%;height:100%;border:0}.preview-gallery-reflection{position:absolute;z-index:5;inset:0;display:block;pointer-events:none;background:linear-gradient(112deg,transparent 18%,rgba(255,255,255,.08) 34%,rgba(255,255,255,.72) var(--preview-light-x),rgba(255,255,255,.08) 66%,transparent 82%);mix-blend-mode:screen;opacity:.1}.preview-gallery-surface[data-preview-renderer="css"][data-preview-effect="gloss"]>.preview-gallery-reflection{opacity:.62}.preview-gallery-surface[data-preview-renderer="css"][data-preview-effect="matte"]>.preview-gallery-reflection{opacity:.22;filter:saturate(.68)}.preview-gallery-surface[data-preview-renderer="webgl"]>.preview-gallery-reflection{opacity:.44;background:linear-gradient(115deg,rgba(69,220,255,.15),rgba(255,88,221,.35) 48%,rgba(255,232,92,.25),rgba(69,220,255,.14));mix-blend-mode:screen}.brief-review-layout.preview-gallery{margin-top:14px}.brief-review-layout .preview-gallery-sheet{width:min(100%,320px)}
.cost-preview-wrap{perspective:900px;touch-action:pan-y}.material-preview-stage{--preview-tilt-x:0deg;--preview-tilt-y:0deg;--preview-light-x:50%;position:relative;display:inline-block;max-width:100%;transform:rotateX(var(--preview-tilt-x)) rotateY(var(--preview-tilt-y));transform-style:preserve-3d;transition:transform .24s ease,filter .24s ease;will-change:transform}.cost-preview-wrap.is-dragging .material-preview-stage{transition:none}.material-preview-stage.is-interactive{cursor:grab;filter:drop-shadow(0 14px 13px rgba(6,59,112,.18))}.cost-preview-wrap.is-dragging .material-preview-stage{cursor:grabbing}.material-css-reflection,.material-shader-canvas{position:absolute;z-index:5;inset:0;width:100%;height:100%;border-radius:inherit;pointer-events:none}.material-css-reflection{opacity:0;background:linear-gradient(112deg,transparent 18%,rgba(255,255,255,.08) 34%,rgba(255,255,255,.72) var(--preview-light-x),rgba(255,255,255,.08) 66%,transparent 82%);mix-blend-mode:screen;transition:opacity .2s}.material-preview-stage[data-preview-renderer="css"][data-preview-effect="gloss"] .material-css-reflection{opacity:.62}.material-preview-stage[data-preview-renderer="css"][data-preview-effect="matte"] .material-css-reflection{opacity:.22;filter:saturate(.68)}.material-preview-stage.is-webgl-fallback .material-css-reflection{opacity:.42;background:linear-gradient(115deg,rgba(69,220,255,.16),rgba(255,88,221,.25) var(--preview-light-x),rgba(255,232,92,.2));}.material-shader-canvas[hidden]{display:none}.preview-interaction-hint{margin-top:8px;color:var(--flow-muted);font-size:10px;text-align:center}.preview-interaction-hint::before{content:"↔ ";color:var(--blue-text);font-weight:800}
.artwork-side-controls{display:grid;width:100%;max-width:none;min-width:0;box-sizing:border-box;grid-template-columns:minmax(0,1fr);gap:8px 10px;margin-top:12px;padding:11px;border:1px solid var(--flow-border);border-radius:10px;background:#f8fbff}.artwork-side-controls[hidden]{display:none}.artwork-side-toggle{display:grid;width:100%;min-width:0;grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.artwork-side-toggle button{min-width:0;min-height:36px;border:1px solid var(--flow-blue);background:#fff;color:var(--blue-text);font-size:11px;font-weight:800}.artwork-side-toggle button:first-child{border-radius:8px 0 0 8px}.artwork-side-toggle button:last-child{border-left:0;border-radius:0 8px 8px 0}.artwork-side-toggle button.is-selected{background:var(--flow-blue);color:#fff}.artwork-side-toggle button:disabled{border-color:#bfd0df;background:#edf3f8;color:#8a9cac;cursor:not-allowed}.active-artwork-upload{display:flex;width:100%;min-height:34px;padding:0 10px;border:1px solid var(--flow-blue);border-radius:7px;align-items:center;justify-content:center;background:#fff;color:var(--blue-text);font-size:10px;font-weight:800;cursor:pointer}.artwork-side-controls small{grid-column:1/-1;color:var(--flow-muted);font-size:9px}
.mobile-app .service-group-print{order:-3}.service-group-lamination{order:-2}.service-group-cutting{order:-1}.service-row-none{background:#f4f7fa!important}.service-row-none .service-name{color:var(--flow-muted)}
.layout-cutting-dropdown{display:grid;gap:7px;margin-top:12px;padding:12px;border:1px solid var(--flow-border);border-radius:12px;background:#f8fbff}.layout-cutting-dropdown label{color:var(--flow-navy);font-size:12px;font-weight:800}.layout-cutting-dropdown select{width:100%;height:44px;border:1px solid #b8d7ed;border-radius:9px;background:#fff;color:var(--flow-navy);font-size:12px;font-weight:700}
@media(max-width:380px){.artwork-side-controls{grid-template-columns:1fr}.artwork-side-controls>*{grid-column:1!important}.active-artwork-upload{width:100%}}

/* Service price/unit hierarchy and isolated preview-test indicator */
.service-price-block{flex:0 0 auto;min-width:58px;padding-left:4px;text-align:right}.mobile-app .service-price-block .service-price{padding-left:0}.service-price-unit{display:block;margin-top:2px;color:var(--flow-muted,var(--muted));font-size:9px;font-weight:500;line-height:1.2;white-space:nowrap}.test-mode-badge{position:sticky;z-index:20;top:68px;margin:0;padding:5px 10px;background:#fff4cc;color:#775600;font-size:9px;font-weight:800;letter-spacing:.04em;text-align:center}.test-mode-badge[hidden]{display:none}

/* Click-to-preview one imposed piece; keep scroll interaction while hiding tracks. */
.artwork-current[hidden]{display:none!important}
.artwork-current>img{object-fit:contain;transform:rotate(var(--artwork-rotation,0deg));transform-origin:center}.piece.has-artwork{background:#fff}
.piece-artwork{transform:rotate(var(--artwork-rotation,0deg)) scale(var(--artwork-rotation-scale,1));transform-origin:center}.artwork-current-actions{display:grid;min-width:88px;gap:5px}.artwork-current-actions button{min-height:28px;padding:0 8px;border:1px solid var(--flow-border);border-radius:6px;background:#fff;font-size:9px;font-weight:800}.layout-artwork-current #rotateArtworkImage{border-color:var(--flow-blue);color:var(--blue-text)}.layout-artwork-current #clearArtworkImage{border-color:#ef6b6b;color:#c62828}.artwork-side-action-row{display:grid;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px}.rotate-active-artwork{min-height:34px;padding:0 8px;border:1px solid var(--flow-blue);border-radius:7px;background:#fff;color:var(--blue-text);font-size:10px;font-weight:800}.mini-layout-preview span{position:relative;overflow:hidden;background-image:none!important}.mini-layout-preview .mini-artwork{position:absolute;inset:0;display:block;background-position:center;background-repeat:no-repeat;background-size:contain;transform:rotate(var(--artwork-rotation,0deg)) scale(var(--artwork-rotation-scale,1));transform-origin:center}@media(max-width:380px){.artwork-current-actions{min-width:76px}.artwork-current-actions button{padding:0 5px;font-size:8px}.artwork-side-action-row{grid-template-columns:1fr}}
.cost-preview-wrap{scrollbar-width:none;-ms-overflow-style:none}.cost-preview-wrap::-webkit-scrollbar{display:none;width:0;height:0}.cost-sheet-preview .piece{cursor:zoom-in}.cost-sheet-preview .piece:focus-visible{z-index:4;outline:2px solid var(--flow-blue);outline-offset:-2px}.piece-preview-modal .modal-card{width:min(420px,calc(100vw - 28px));padding:0;overflow:hidden}.piece-preview-modal .modal-head{align-items:center}.piece-preview-modal .modal-head small{display:block;margin-bottom:3px;color:var(--blue-text);font-size:9px;font-weight:800;letter-spacing:.08em}.piece-preview-modal .modal-head h2{margin:0}.piece-preview-body{display:grid;gap:14px;padding:18px;background:#f2f8ff}.piece-preview-frame{display:flex;min-height:260px;align-items:center;justify-content:center;padding:18px;border:1px solid var(--flow-border);border-radius:14px;background:linear-gradient(145deg,#dfeeff,#fff);overflow:hidden}.piece-preview-large{width:min(100%,320px);max-height:420px;border-radius:8px;box-shadow:0 18px 38px rgba(6,59,112,.22);cursor:default}.piece-preview-large .piece-artwork{object-fit:contain}.piece-preview-empty{z-index:1;padding:8px;color:var(--flow-muted);font-size:11px;font-weight:700;text-align:center}.piece-preview-side-toggle{display:grid;grid-template-columns:1fr 1fr}.piece-preview-side-toggle.is-single-side{grid-template-columns:1fr}.piece-preview-side-toggle button{height:40px;border:1px solid var(--flow-blue);background:#fff;color:var(--blue-text);font-size:11px;font-weight:800}.piece-preview-side-toggle button:first-child{border-radius:9px 0 0 9px}.piece-preview-side-toggle button:last-child{border-left:0;border-radius:0 9px 9px 0}.piece-preview-side-toggle.is-single-side button:first-child{border-radius:9px}.piece-preview-side-toggle button.is-selected{background:var(--flow-blue);color:#fff}.piece-preview-body>p{margin:0;color:var(--flow-muted);font-size:10px;text-align:center}

/* Keep the selected Artwork card paired with each flow Preview. */
.preview-artwork-section{display:grid;gap:0}.layout-artwork-current{margin-top:10px}.artwork-summary-slot{width:100%;margin-top:10px}.artwork-summary-slot[hidden]{display:none!important}.artwork-summary-card{width:100%;margin:0;background:#f8fbff}.artwork-summary-card .artwork-summary-rotate{border-color:var(--flow-blue);color:var(--blue-text)}.artwork-summary-card .artwork-summary-clear{border-color:#ef6b6b;color:#c62828}.brief-review-artwork-summary{margin-top:12px}

/* Rotated production Artwork always covers the full piece frame. */
.piece-artwork,.preview-gallery-artwork{object-fit:cover}.mini-layout-preview .mini-artwork{background-size:cover}

/* Single-piece controls rotate the paper and its fixed-ratio Artwork as one unit. */
.cost-piece-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.cost-piece-tools[hidden]{display:none!important}.cost-piece-tools button{min-height:34px;padding:0 12px;border:1px solid var(--flow-blue);border-radius:8px;background:#fff;color:var(--blue-text);font-size:10px;font-weight:800}.cost-piece-tools output{color:var(--flow-muted);font-size:9px;font-weight:700}.cost-sheet-preview.is-piece-preview{position:relative}.cost-sheet-preview.is-piece-preview.has-paper-rotation .cost-single-piece{position:absolute;top:50%;left:50%;width:var(--piece-paper-width)!important;height:var(--piece-paper-height)!important;transform:translate(-50%,-50%) rotate(var(--piece-paper-rotation));transform-origin:center}

/* Brief/Review Preview carousel keeps one rendered view visible at a time. */
.preview-carousel{display:grid;gap:10px;width:100%}.preview-carousel-viewport{width:100%;min-width:0}.preview-carousel-slide{width:100%;margin:0}.preview-carousel-slide[hidden]{display:none!important}.preview-carousel-controls{display:grid;grid-template-columns:34px minmax(0,1fr) auto 34px;align-items:center;gap:8px}.preview-carousel-controls>button{width:34px;height:34px;border:1px solid var(--flow-blue);border-radius:8px;background:#fff;color:var(--blue-text);font-size:20px;font-weight:800}.preview-carousel-controls>button:disabled{border-color:var(--flow-border);color:var(--flow-muted);opacity:.55}.preview-carousel-dots{display:flex;min-width:0;align-items:center;justify-content:center;gap:6px}.preview-carousel-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#bdd6eb}.preview-carousel-dots button.is-selected{width:20px;border-radius:999px;background:var(--flow-blue)}.preview-carousel-controls output{color:var(--flow-muted);font-size:9px;font-weight:800;white-space:nowrap}.brief-preview-upload{padding:0 12px}.artwork-side-action-row{grid-template-columns:1fr}

/* Explicit performance toggle for CSS reflections and WebGL material shaders. */
.material-effect-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:9px 11px;border:1px solid var(--flow-border);border-radius:9px;background:#f8fbff}.material-effect-toggle>span strong,.material-effect-toggle>span small{display:block}.material-effect-toggle>span strong{color:var(--flow-navy);font-size:10px}.material-effect-toggle>span small{margin-top:2px;color:var(--flow-muted);font-size:8px}.switch-control{display:flex;align-items:center;gap:7px;cursor:pointer}.switch-control input{position:absolute;width:1px;height:1px;opacity:0}.switch-control i{position:relative;width:38px;height:22px;border-radius:999px;background:#b9c9d6;transition:background .18s}.switch-control i::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(6,59,112,.25);transition:transform .18s}.switch-control input:checked+i{background:var(--flow-blue)}.switch-control input:checked+i::after{transform:translateX(16px)}.switch-control input:focus-visible+i{outline:3px solid rgba(10,140,255,.25);outline-offset:2px}.switch-control b{min-width:22px;color:var(--flow-navy);font-size:9px}

.diecut-shape-control{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px 12px;margin-top:10px;padding:10px 11px;border:1px solid var(--flow-border);border-radius:9px;background:#f8fbff}.diecut-shape-control strong,.diecut-shape-control small{display:block}.diecut-shape-control strong{color:var(--flow-navy);font-size:10px}.diecut-shape-control small{margin-top:2px;color:var(--flow-muted);font-size:8px;line-height:1.4}.diecut-shape-actions{display:flex;gap:6px}.diecut-shape-actions label,.diecut-shape-actions button{display:inline-flex;min-height:32px;align-items:center;justify-content:center;padding:0 10px;border:1px solid var(--flow-blue);border-radius:7px;background:#fff;color:var(--blue-text);font-size:9px;font-weight:800;cursor:pointer}.diecut-shape-actions button{border-color:#ef6b6b;color:#c62828}.diecut-shape-control output{grid-column:1/-1;color:var(--flow-muted);font-size:8px;font-weight:700}.has-rounded-corner{border-radius:var(--rounded-corner-radius-x,4px) / var(--rounded-corner-radius-y,4px)!important}.has-rounded-corner .piece-material-effect{border-radius:inherit}body.has-diecut-shape .piece-artwork,body.has-diecut-shape .preview-gallery-artwork{-webkit-mask-image:var(--diecut-shape-url);mask-image:var(--diecut-shape-url);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}body.has-diecut-shape .mini-artwork{-webkit-mask-image:var(--diecut-shape-url);mask-image:var(--diecut-shape-url);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}

/* Tablet and desktop responsive workspace -------------------------------- */
@media (min-width:700px){
  body{padding:0 0 28px}
  .mobile-app{width:min(calc(100% - 32px),860px);min-height:100vh;border-radius:0 0 20px 20px;overflow:visible}
  .app-header{top:0;height:72px;padding:14px 24px;border-radius:0}
  .brand-button img{width:32px;height:32px}.brand-button{font-size:20px}
  .flow-stepper{top:72px;padding:10px 24px 9px}.flow-step small{display:block;margin-top:3px;font-size:9px}.flow-step span{width:26px;height:26px}.flow-step:not(:last-child)::after{top:12px;left:29px}
  .test-mode-badge{top:72px}
  .app-view{padding:24px}.page-intro{margin-bottom:24px}.page-intro h1{font-size:24px}.page-intro p{font-size:13px}
  .form-card,.outline-summary{padding:20px;border-radius:15px}.section-title{font-size:16px}
  .home-hero{min-height:300px;padding:38px}.hero-service-art{width:120px;height:120px;flex:0 0 120px}.home-hero strong{font-size:26px}.home-hero span{font-size:13px}
  .service-showcase{padding:20px}.service-showcase-grid{gap:12px}.service-showcase-grid .service-art{height:150px}
  .layout-preview-card{min-height:360px}.cost-preview-wrap{min-height:360px}
  .brief-main-preview{padding:18px}.preview-gallery-sheet,.brief-review-layout .preview-gallery-sheet{width:min(100%,420px)}
  .preview-gallery-card{padding:14px}.brief-deadline-grid{grid-template-columns:1fr 1fr}
  .modal-card{width:min(100%,720px)}.piece-preview-modal .modal-card{width:min(560px,calc(100vw - 48px))}
  .piece-preview-frame{min-height:360px}.piece-preview-large{width:min(100%,420px);max-height:560px}
  .side-sheet{width:min(500px,86vw)}
}

@media (min-width:1024px){
  body{padding:0 0 36px}
  .mobile-app{width:min(calc(100% - 48px),1180px);min-height:100vh;border-radius:0 0 22px 22px}
  .app-header{top:0;height:76px;padding:15px 30px;border-radius:0}.header-settings{width:42px;height:42px}.header-cart{width:46px;height:46px}
  .flow-stepper{top:76px;padding:11px 30px 10px}.test-mode-badge{top:76px}
  .app-view{padding:30px 32px 34px}.page-intro h1{font-size:27px}.page-intro p{font-size:14px}.section-title{font-size:17px}
  .primary-action,.secondary-action{min-height:50px}.form-card,.outline-summary{margin-top:0;padding:22px}

  .home-view.is-active{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);grid-template-rows:auto auto auto auto;gap:20px 28px}
  .home-view>.home-portal-back{grid-column:1/-1;grid-row:1;justify-self:start;margin:0}.home-view>.page-intro{grid-column:1/-1;grid-row:2;margin:0}.home-view>.home-hero{grid-column:1;grid-row:3;min-height:390px}.home-view>.home-actions{grid-column:1;grid-row:4;margin:0}.home-view>.service-showcase{grid-column:2;grid-row:3/5;margin:0}.home-view .service-showcase-grid{grid-template-columns:1fr}.home-view .service-showcase-grid .service-art{height:130px}

  .app-view[data-app-view="layout"].is-active{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(350px,.82fr);grid-template-areas:"intro intro" "preview form" "preview summary" "preview actions";gap:16px 28px;align-items:start}
  [data-app-view="layout"]>.page-intro{grid-area:intro;margin:0 0 4px}[data-app-view="layout"]>.preview-artwork-section{grid-area:preview}[data-app-view="layout"]>.form-card{grid-area:form}[data-app-view="layout"]>.outline-summary{grid-area:summary}[data-app-view="layout"]>.flow-actions{grid-area:actions;margin:0}
  [data-app-view="layout"] .layout-preview-card{min-height:520px;padding:18px}[data-app-view="layout"] .artwork-upload-button{margin-top:14px}

  .app-view[data-app-view="cost"].is-active{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);grid-template-areas:"preview addons" "preview analysis" "preview actions";gap:20px 28px;align-items:start}
  [data-app-view="cost"]>.preview-summary-card{grid-area:preview;position:sticky;top:154px}[data-app-view="cost"]>.form-card:not(.preview-summary-card){grid-area:addons}[data-app-view="cost"]>.cost-analysis{grid-area:analysis}[data-app-view="cost"]>.cost-cta-actions{grid-area:actions;margin:0}
  [data-app-view="cost"] .cost-preview-wrap{min-height:500px}[data-app-view="cost"] #servicesContainer{grid-template-columns:1fr}

  .app-view[data-app-view="brief"].is-active{display:block}.brief-responsive-columns{display:grid;grid-template-columns:minmax(390px,.95fr) minmax(430px,1.05fr);gap:28px;align-items:start}
  .brief-preview-column>.section-title{margin:0 0 10px}.brief-form-column{display:grid;gap:16px;align-content:start}.brief-form-column>.field,.brief-form-column>.brief-calc-summary,.brief-form-column>.variants-section{margin:0}
  [data-app-view="brief"]>.page-intro{margin:0 0 22px}[data-app-view="brief"]>.reference-section{margin:22px 0 0}[data-app-view="brief"]>.brief-deadline-grid{margin-top:18px}[data-app-view="brief"]>.brief-form-status{margin-top:12px}[data-app-view="brief"]>.flow-actions{margin-top:16px}
  [data-app-view="brief"] .preview-gallery-sheet{width:min(100%,460px)}[data-app-view="brief"] .reference-list{grid-template-columns:repeat(3,minmax(0,1fr))}

  .app-view[data-app-view="review"].is-active{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);grid-template-areas:"card intro" "card actions" "card status";gap:18px 28px;align-items:start}
  [data-app-view="review"]>.brief-review-card{grid-area:card}[data-app-view="review"]>.review-intro{grid-area:intro;margin:0}[data-app-view="review"]>.flow-actions{grid-area:actions;margin:0}[data-app-view="review"]>.brief-status{grid-area:status}
  [data-app-view="review"] .brief-review-metrics{grid-template-columns:repeat(4,1fr)}[data-app-view="review"] .preview-gallery-sheet{width:min(100%,520px)}

  .cart-view.is-active,.cart-view.open{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);grid-template-areas:"heading heading" "list summary" "add summary" ". checkout";gap:16px 28px;align-items:start}
  .cart-view>.cart-heading{grid-area:heading;margin:0}.cart-view>.cart-list{grid-area:list}.cart-view>.add-print-item{grid-area:add;margin:0}.cart-view>.order-price-summary{grid-area:summary;position:sticky;top:154px}.cart-view>#openQuote{grid-area:checkout;margin:0;position:static}
  .workflow-view.is-active,.workflow-view.open{padding-bottom:34px}.workflow-view .workflow-list{grid-template-columns:repeat(2,minmax(0,1fr))}

  .side-sheet{width:min(540px,48vw)}
  .login-panel{width:min(100%,430px);padding:32px}.login-copy h1{font-size:32px}
}

#workflowNewOrder{position:sticky;z-index:8;bottom:12px;box-shadow:0 10px 28px rgba(6,59,112,.24)}

/* Replaceable UI artwork lives in /image. */
.header-settings>img{display:block;width:21px;height:21px}.service-art>img{display:block;width:46%;height:46%;object-fit:contain}.hero-service-art>img{width:52%;height:52%}.preview-drop-hint span img{display:block;width:20px;height:20px}.button-icon{display:inline-block;width:17px;height:17px;flex:0 0 17px;object-fit:contain}.primary-action,.secondary-action,.artwork-upload-button span,.cost-piece-tools button,.artwork-current-actions button{gap:7px}.api-settings-icon{background:transparent}.api-settings-icon>img{display:block;width:44px;height:44px}.close-sheet{font-size:0;background:#fff url('../image/close.svg') center/18px 18px no-repeat}.close-sheet>img{display:block;width:18px;height:18px;margin:auto}.preview-carousel-controls>[data-preview-carousel-action="prev"]{font-size:0;background:#fff url('../image/arrow-left.svg') center/18px 18px no-repeat}.preview-carousel-controls>[data-preview-carousel-action="next"]{font-size:0;background:#fff url('../image/arrow-right.svg') center/18px 18px no-repeat}.cart-item-remove,[data-remove-variant]{font-size:0;background-image:url('../image/close.svg');background-position:center;background-repeat:no-repeat;background-size:16px 16px}

@media (min-width:1440px){.mobile-app{width:min(calc(100% - 64px),1280px)}.app-view{padding-inline:40px}}

/* Staff catalog --------------------------------------------------------- */
.staff-catalog-category .hint{margin:6px 0 0;color:var(--flow-muted);font-size:9px;line-height:1.4}
.staff-catalog-add{width:100%;margin-top:14px}.staff-catalog-editor[hidden],.staff-catalog-list-panel[hidden],.staff-catalog-tabs[hidden],.staff-catalog-back[hidden]{display:none}.staff-catalog-editor{margin-top:14px}.staff-catalog-editor-head{display:flex;gap:12px;align-items:center;padding:13px;border:1px solid var(--flow-border);border-radius:12px;background:#e5f2fc}.staff-catalog-editor-head>button{display:flex;gap:6px;align-items:center;min-height:38px;padding:0 10px;border:1px solid #9fc4e2;border-radius:8px;background:#fff;color:var(--flow-navy);font-size:10px;font-weight:800}.staff-catalog-editor-head small{display:block;color:var(--blue-text);font-size:8px;font-weight:900;letter-spacing:.12em}.staff-catalog-editor-head h2{margin:3px 0 0;color:var(--flow-navy);font-size:16px}.staff-catalog-item{cursor:pointer}.staff-catalog-item:hover{border-color:#16855b;box-shadow:0 5px 14px rgba(6,59,112,.08)}.staff-catalog-item:focus-visible{outline:3px solid rgba(10,140,255,.24);outline-offset:2px}.staff-catalog-item-side{display:grid;gap:8px;justify-items:end}.staff-catalog-item-side>b{color:var(--flow-navy);font-size:25px;line-height:1}.staff-catalog-delete{width:100%;min-height:40px;margin-top:14px;border:1px solid #dc777d;border-radius:9px;background:#fff1f2;color:#921c27;font-size:11px;font-weight:800}
.staff-catalog-quick-actions{display:grid!important;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:7px}.staff-catalog-quick-actions button{min-height:36px;border-radius:8px;font-size:10px;font-weight:900}.staff-catalog-quick-edit{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #9fc4e2;background:#fff;color:var(--flow-navy)}.staff-catalog-quick-edit .button-icon{width:15px;height:15px;flex-basis:15px}.staff-catalog-quick-toggle.will-disable{border:1px solid #dc777d;background:#fff;color:#a12630}.staff-catalog-quick-toggle.will-enable{border:1px solid #49a981;background:#e0f5eb;color:#08603e}.staff-catalog-quick-actions button:focus-visible{outline:3px solid rgba(10,140,255,.24);outline-offset:2px}
.staff-eyebrow{color:var(--blue-text);font-size:9px;font-weight:900;letter-spacing:.14em}.staff-catalog-notice{min-height:42px;margin:14px 0;padding:11px 13px;border:1px solid #d5e4f1;border-radius:10px;background:#fff;color:#53616c;font-size:11px;font-weight:700}.staff-catalog-notice.ok{border-color:#9ddbbf;background:#f0fbf5;color:#146247}.staff-catalog-notice.warn{border-color:#f2d49c;background:#fff9ec;color:#8b5a00}.staff-catalog-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.staff-catalog-tabs button{min-height:42px;border:1px solid var(--flow-border);border-radius:10px;background:#fff;color:var(--flow-navy);font-weight:800}.staff-catalog-tabs button.is-selected{border-color:var(--flow-blue);background:var(--flow-blue);color:#fff}.staff-catalog-form{margin-top:14px;padding:16px;border:1px solid var(--flow-border);border-radius:14px;background:#fff}.staff-active-control{display:flex;gap:9px;align-items:center;margin-top:12px;font-size:11px;font-weight:700}.staff-active-control input{width:18px;height:18px;accent-color:#16855b}.staff-catalog-form-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.staff-catalog-list{display:grid;gap:10px;margin-top:14px}.staff-catalog-item{position:relative;display:grid;grid-template-columns:1fr auto;gap:8px;overflow:hidden;padding:14px 14px 14px 19px;border:1px solid #a9d9c5;border-radius:12px;background:#f2fbf7}.staff-catalog-item::before{content:"";position:absolute;inset:0 auto 0 0;width:7px;background:#087a4d}.staff-catalog-item.is-inactive::before{background:#b51f2e}.staff-catalog-item.is-inactive{border-color:#e29a9f;background:#fff1f2}.staff-catalog-item strong,.staff-catalog-item span{display:block}.staff-catalog-item>div>span{margin-top:3px;color:var(--flow-muted);font-size:10px}.staff-catalog-updated{display:block;margin-top:7px;color:#637783;font-size:9px;font-weight:700}.staff-catalog-state{align-self:start;padding:4px 8px;border:1px solid #55b58e;border-radius:99px;background:#d9f3e7;color:#075f3c;font-size:9px;font-weight:900}.staff-catalog-state.is-off{border-color:#dc777d;background:#ffdfe1;color:#921c27}.staff-catalog-actions{display:flex;grid-column:1/-1;gap:7px}.staff-catalog-actions button{min-height:34px;padding:0 11px;border:1px solid var(--flow-border);border-radius:8px;background:#f7fbff;color:var(--flow-navy);font-size:10px;font-weight:800}.staff-catalog-actions button:last-child{margin-left:auto;border-color:#f3c7c7;background:#fff5f5;color:#a73434}.staff-catalog-empty{padding:28px;border:1px dashed var(--flow-border);border-radius:12px;color:var(--flow-muted);text-align:center}.staff-catalog-back{width:100%;margin-top:16px}

/* Queue tickets inside the monthly capacity calendar. */
.capacity-calendar-scroll{width:100%;overflow-x:auto;padding-bottom:5px;-webkit-overflow-scrolling:touch}.capacity-calendar-grid{min-width:780px}.capacity-day{display:flex;min-height:194px;padding:0;overflow:hidden;flex-direction:column;align-items:stretch;gap:0}.capacity-day-select{position:relative;display:grid;grid-template-rows:auto auto 1fr auto;gap:7px;width:100%;min-height:110px;padding:9px;border:0;background:transparent;color:inherit;text-align:left}.capacity-day-select:focus-visible,.capacity-queue-job:focus-visible{outline:3px solid rgba(10,140,255,.28);outline-offset:-2px}.capacity-day-queue{display:grid;gap:4px;margin-top:auto;padding:7px;border-top:1px solid rgba(99,119,131,.18)}.capacity-queue-job{display:grid;grid-template-columns:19px minmax(0,1fr) auto;align-items:center;gap:5px;width:100%;min-height:38px;padding:4px 5px;border:1px solid #c8ddec;border-radius:7px;background:rgba(255,255,255,.88);color:#0d4d82;text-align:left}.capacity-queue-job:hover{border-color:#0a8cff;background:#eef7ff}.capacity-queue-job.is-urgent{border-color:#edb0b5;background:#fff5f5;color:#921c27}.capacity-queue-index{display:grid;width:19px;height:19px;border-radius:6px;place-items:center;background:#dcecff;font-size:9px;font-weight:900}.capacity-queue-job.is-urgent .capacity-queue-index{background:#ffdfe1}.capacity-queue-copy{min-width:0}.capacity-queue-copy strong,.capacity-queue-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.capacity-queue-copy strong{font-size:9px}.capacity-queue-copy small{margin-top:1px;color:#637783;font-size:8px}.capacity-queue-job>b{font-size:9px}.capacity-queue-more{padding:3px;color:#637783;font-size:8px;font-weight:800;text-align:center}.capacity-day.is-past .capacity-queue-job{border-color:#d3d8dc;background:#f6f7f8;color:#687078}.capacity-day.is-outside .capacity-day-queue{pointer-events:none}
.staff-queue-ticket-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.staff-queue-ticket-summary>div{padding:12px;border:1px solid #c8ddec;border-radius:11px;background:#f7fbff}.staff-queue-ticket-summary small,.staff-queue-ticket-summary strong{display:block}.staff-queue-ticket-summary small{color:#637783;font-size:10px;font-weight:700}.staff-queue-ticket-summary strong{margin-top:4px;color:var(--flow-navy);font-size:13px}.staff-queue-brief{margin-top:12px;padding:15px;border:1px solid #a9d9c5;border-radius:14px;background:#f4fbf8}.staff-queue-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.staff-queue-section-head small{color:#16855b;font-size:9px;font-weight:900;letter-spacing:.12em}.staff-queue-section-head h3{margin:3px 0 0;color:var(--flow-navy);font-size:15px}.staff-queue-section-head a{padding:7px 10px;border:1px solid #9fc4e2;border-radius:8px;background:#fff;color:#0d4d82;font-size:10px;font-weight:800;text-decoration:none}.staff-queue-brief dl{display:grid;gap:8px;margin:12px 0 0}.staff-queue-brief dl>div{padding:10px;border-radius:9px;background:#fff}.staff-queue-brief dt{color:#637783;font-size:10px;font-weight:800}.staff-queue-brief dd{margin:4px 0 0;color:#243746;font-size:13px;line-height:1.55}.staff-queue-move-form .staff-queue-section-head{margin-bottom:13px}.staff-capacity-preview.ok{background:#e0f5eb;color:#075f3c}.staff-capacity-preview.warn{background:#fff3d6;color:#805600}#staffReservedPoints[readonly]{background:#edf1f4;color:#637783;cursor:not-allowed}
@media(max-width:620px){.capacity-calendar-grid{min-width:740px}.capacity-day{display:flex;min-height:180px;padding:0}.capacity-day-select{display:grid;min-height:100px;padding:7px}.capacity-day-status{display:block}.capacity-day-numbers small{display:block}.staff-queue-ticket-summary{grid-template-columns:1fr}.capacity-calendar-scroll{margin-inline:-2px;width:calc(100% + 4px)}}
.capacity-queue-job.is-split{border-color:#9fc4e2;background:#eef7ff}.capacity-queue-copy strong em{display:inline-block;margin-left:3px;padding:1px 4px;border-radius:99px;background:var(--blue);color:#fff;font-size:7px;font-style:normal;vertical-align:1px}
.capacity-calendar-grid{min-width:910px}.capacity-queue-job{grid-template-columns:19px minmax(0,1fr)}.capacity-queue-job>b{display:flex;grid-column:2;align-items:center;justify-content:space-between;gap:5px;color:#0d4d82;font-size:8px;font-weight:900}.capacity-queue-job>b span,.capacity-queue-job>b small{display:block;white-space:nowrap}.capacity-queue-job>b small{color:#637783;font-size:7px;font-weight:800}.capacity-queue-job.is-urgent>b{color:#921c27}@media(max-width:620px){.capacity-calendar-grid{min-width:880px}}
.capacity-queue-job{display:block;min-height:0;padding:4px}.capacity-queue-job-main{display:grid;grid-template-columns:19px minmax(0,1fr);align-items:center;gap:4px;width:100%;padding:1px;border:0;background:transparent;color:inherit;text-align:left}.capacity-queue-job-main>b{display:flex;grid-column:2;align-items:center;justify-content:space-between;gap:5px;color:#0d4d82;font-size:8px;font-weight:900}.capacity-queue-job-main>b span,.capacity-queue-job-main>b small{display:block;white-space:nowrap}.capacity-queue-job-main>b small{color:#637783;font-size:7px;font-weight:800}.capacity-queue-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px;margin:4px 0 0 23px}.capacity-queue-actions select,.capacity-queue-actions button{height:27px;min-width:0;padding:0 6px;border:1px solid #bfd3e2;border-radius:6px;background:#fff;color:#30495c;font-size:8px;font-weight:800}.capacity-queue-actions button{color:#0d4d82}.capacity-queue-actions select:focus,.capacity-queue-actions button:focus-visible{border-color:#0a8cff;outline:2px solid rgba(10,140,255,.2)}.capacity-queue-job.is-status-in-progress{box-shadow:inset 3px 0 #0a8cff}.capacity-queue-job.is-status-completed{border-color:#9ddbbf;background:#edf9f3;box-shadow:inset 3px 0 #16855b}.capacity-queue-job.is-status-completed .capacity-queue-copy{text-decoration:line-through;text-decoration-color:#75a890}.capacity-queue-job.is-urgent .capacity-queue-job-main>b{color:#921c27}.capacity-day.is-past .capacity-queue-actions select,.capacity-day.is-past .capacity-queue-actions button{background:#f6f7f8;color:#687078}

/* Brief and cart workflow refinements */
.diecut-shape-control[hidden]{display:none}
.brief-calc-summary{font-size:16px;font-weight:600}
.file-link-box{cursor:default}
.file-link-box ol{width:100%;margin:9px 0 0;padding-left:22px;color:var(--flow-muted);font-size:11px;line-height:1.55;text-align:left}
.file-provider-options a{display:flex;min-height:40px;align-items:center;justify-content:center;gap:5px;padding:5px;border:1px solid var(--flow-border);border-radius:8px;background:#fff;color:var(--flow-navy);font-size:10px;font-weight:800;text-decoration:none}
.file-provider-options a:hover,.file-provider-options a:focus-visible,.file-provider-options a.is-selected{border-color:var(--flow-blue);background:#eaf5ff;color:var(--blue-text);outline:none}
.file-provider-options a span{font-size:13px}
.cloud-link-label{display:block;margin-top:10px;color:var(--flow-navy);font-size:11px;font-weight:800}
.cloud-link-note{display:block;margin-top:6px;color:var(--flow-muted);font-size:10px;line-height:1.45}
.date-input-shell>#briefDeadline,.date-input-shell>#deliveryDeadline{cursor:pointer}
.cart-item-head>div{min-width:0;flex:1}
.cart-item-details{display:grid;gap:6px;max-height:76px;margin-top:8px;overflow:hidden;transition:max-height .22s ease;mask-image:linear-gradient(#000 68%,transparent);-webkit-mask-image:linear-gradient(#000 68%,transparent)}
.cart-item-details.is-expanded{max-height:520px;mask-image:none;-webkit-mask-image:none}
.cart-item-details>div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:8px;color:#34414b;font-size:12px;line-height:1.45}
.cart-item-details b{color:var(--flow-muted);font-weight:700}
.cart-item-details span{overflow-wrap:anywhere}
.cart-details-toggle{margin-top:6px;padding:3px 0;border:0;background:transparent;color:var(--blue-text);font-size:11px;font-weight:800}
.cart-item-deadline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:8px 10px;border-radius:8px;background:#eaf5ff;color:var(--flow-navy);font-size:11px}
.cart-item-deadline span{font-weight:800;text-align:right}
.cart-item-actions{grid-template-columns:1fr}
@media(max-width:520px){.cart-item-details>div{grid-template-columns:76px minmax(0,1fr)}.cart-item-deadline{align-items:flex-start;flex-direction:column;gap:3px}.cart-item-deadline span{text-align:left}}
.ui-change-toast {
  position: fixed;
  z-index: 1200;
  left: 50%;
  bottom: max(20px, env(safe-area-inset-bottom));
  width: max-content;
  max-width: min(90vw, 420px);
  padding: 11px 15px;
  border: 1px solid #7abbe9;
  border-radius: 12px;
  background: #073f76;
  color: #fff;
  box-shadow: 0 10px 28px rgba(0, 42, 82, .24);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 12px);
  transition: opacity .18s ease, transform .18s ease;
}
.ui-change-toast[hidden] { display: none; }
.ui-change-toast.is-visible { opacity: 1; transform: translate(-50%, 0); }
.is-ui-change-focus {
  outline: 3px solid rgba(0, 132, 255, .34) !important;
  outline-offset: 4px;
  animation: ui-change-focus-pulse .7s ease 2;
}
@keyframes ui-change-focus-pulse { 50% { outline-color: rgba(0, 132, 255, .72); } }
@media (prefers-reduced-motion: reduce) {
  .ui-change-toast { transition: none; }
  .is-ui-change-focus { animation: none; }
}
.layout-preview-card,.cost-preview-wrap{position:relative}
.preview-read-more{width:100%;margin-top:10px;border:1px solid #b8d7ed;border-radius:10px;background:#f4faff;color:#17354c;overflow:hidden}
.preview-read-more summary{display:flex;min-height:40px;align-items:center;justify-content:space-between;padding:0 13px;color:#075c9b;font-size:13px;font-weight:800;cursor:pointer;list-style:none}
.preview-read-more summary::-webkit-details-marker{display:none}.preview-read-more summary::after{content:'+';font-size:20px;line-height:1}.preview-read-more[open] summary::after{content:'−'}
.preview-read-more.is-unread summary::before{content:'';width:9px;height:9px;flex:0 0 9px;margin-right:8px;border:2px solid #fff;border-radius:50%;background:#ff8500;box-shadow:0 0 0 1px #ff8500,0 0 0 5px rgba(255,133,0,.14);animation:preview-info-attention 1.4s ease-in-out infinite}
@keyframes preview-info-attention{50%{box-shadow:0 0 0 1px #ff8500,0 0 0 8px rgba(255,133,0,0)}}
.preview-read-more>div{display:grid;gap:6px;padding:12px 13px;border-top:1px solid #cde2f1;background:#fff;text-align:left}
.preview-read-more strong{color:#073f76;font-size:14px}.preview-read-more span{font-size:13px;line-height:1.55}.preview-read-more b{color:#075c9b}
.cost-preview-wrap{flex-direction:column}
@media(max-width:520px){.preview-read-more summary{font-size:12px}.preview-read-more>div{padding:10px 12px}.preview-read-more strong{font-size:13px}.preview-read-more span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.preview-read-more.is-unread summary::before{animation:none}}
.cost-single-piece .bleed,.piece-preview-large .bleed{border:1.5px dashed rgba(10,140,255,.86);box-shadow:0 0 0 1px rgba(255,255,255,.4);pointer-events:none}
.cost-sheet-preview.is-piece-preview,.piece-preview-large,.preview-gallery-piece-frame{border-radius:0}
.cost-sheet-preview.is-piece-preview.has-rounded-preview{border-radius:var(--rounded-corner-radius-x,4px) / var(--rounded-corner-radius-y,4px)}
.job-setup-view.is-active{display:flex;min-height:calc(100vh - 150px);align-items:flex-start;justify-content:center;padding-top:24px}.job-quiz-shell{width:min(100%,620px);padding:20px;border:1px solid var(--flow-border);border-radius:18px;background:#fff;box-shadow:0 18px 38px rgba(6,59,112,.12)}.job-quiz-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.job-quiz-top button{display:inline-flex;align-items:center;gap:6px;padding:8px;border:0;background:transparent;color:var(--flow-muted);font-size:12px;font-weight:800}.job-quiz-top button:last-child{color:#075c9b}.job-quiz-progress{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:16px 0 24px}.job-quiz-progress i{height:5px;border-radius:999px;background:#dceaf5}.job-quiz-progress i.is-active{background:var(--flow-blue)}.job-quiz-question{display:none}.job-quiz-question.is-active{display:block}.job-quiz-question>small{color:var(--blue-text);font-size:12px;font-weight:900;letter-spacing:.04em}.job-quiz-question h1{margin:8px 0 0;color:var(--flow-navy);font-size:25px;line-height:1.3}.job-quiz-question>p{margin:8px 0 20px;color:var(--flow-muted);font-size:14px;line-height:1.55}.job-quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.job-quiz-options button{min-height:54px;padding:10px 14px;border:1px solid #b6d5eb;border-radius:12px;background:#f8fbff;color:#164e78;font-size:15px;font-weight:800;text-align:left}.job-quiz-options button:hover,.job-quiz-options button.is-selected{border-color:var(--flow-blue);background:#eaf6ff;color:#064f87;box-shadow:0 4px 12px rgba(10,140,255,.14)}.job-quiz-question>label{display:block;margin-bottom:7px;color:var(--flow-navy);font-size:14px;font-weight:800}.job-quiz-question>label span{color:var(--flow-muted);font-weight:600}.job-quiz-question>input{height:52px;font-size:16px}.job-quiz-actions{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(180px,1.3fr);gap:10px;margin-top:18px}.job-quiz-actions>button:first-child{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--flow-border);border-radius:10px;background:#fff;color:var(--flow-navy);font-weight:800}.job-name-field .label span{color:var(--flow-muted);font-weight:600}.job-name-hint{display:block;margin-top:5px;color:var(--flow-muted);font-size:12px;line-height:1.4}
@media(max-width:520px){.job-setup-view.is-active{padding-top:12px}.job-quiz-shell{padding:16px;border-radius:14px}.job-quiz-question h1{font-size:21px}.job-quiz-options{grid-template-columns:1fr 1fr}.job-quiz-options button{min-height:48px;font-size:14px}.job-quiz-actions{grid-template-columns:1fr}}
.job-quiz-options button{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;padding:8px;text-align:left}.job-type-thumb{display:block;width:64px;aspect-ratio:1;border-radius:9px;background-image:url('../image/job-type-examples.png?v=20260907-single-design-restored');background-repeat:no-repeat;background-size:200% 200%;box-shadow:inset 0 0 0 1px rgba(6,79,135,.1);overflow:hidden}.job-type-thumb-paper{background-position:0 0}.job-type-thumb-kisscut{background-position:100% 0}.job-type-thumb-diecut{background-position:0 100%}.job-type-thumb-other{background-position:100% 100%}
@media(max-width:520px){.job-quiz-options button{grid-template-columns:48px minmax(0,1fr);gap:8px;padding:6px}.job-type-thumb{width:48px;border-radius:7px}}
@media(max-width:420px){.job-quiz-options{grid-template-columns:1fr}.job-quiz-options button{grid-template-columns:54px minmax(0,1fr);min-height:66px;gap:12px;padding:6px 10px}.job-type-thumb{width:54px}}
.job-quiz-shell{width:min(100%,780px)}.job-quiz-conversation{display:grid;grid-template-columns:170px minmax(0,1fr);align-items:end;gap:18px}.job-quiz-mascot{display:grid;align-content:end;justify-items:center;margin:0}.job-quiz-mascot img{display:block;width:168px;max-height:330px;object-fit:contain;filter:drop-shadow(0 14px 14px rgba(6,59,112,.16));transform-origin:50% 100%;transition:transform .28s ease}.job-quiz-mascot figcaption{display:grid;justify-items:center;margin-top:-4px;padding:7px 12px;border:1px solid #b7d9ef;border-radius:999px;background:#fff;box-shadow:0 5px 14px rgba(6,59,112,.1)}.job-quiz-mascot strong{color:var(--flow-navy);font-size:12px}.job-quiz-mascot span{color:var(--flow-muted);font-size:10px}.job-quiz-dialogue{position:relative;min-width:0;padding:20px;border:1px solid #9fcdeb;border-radius:18px;background:linear-gradient(145deg,#f4faff,#fff);box-shadow:0 10px 25px rgba(6,59,112,.1)}.job-quiz-dialogue::before{content:'';position:absolute;left:-13px;bottom:45px;width:24px;height:24px;border-left:1px solid #9fcdeb;border-bottom:1px solid #9fcdeb;background:#f8fcff;transform:rotate(45deg)}.job-quiz-dialogue>*{position:relative;z-index:1}.job-quiz-shell.is-question-2 .job-quiz-mascot img{transform:rotate(-2deg) translateY(-4px)}
@media(max-width:767px){.job-quiz-conversation{grid-template-columns:minmax(0,1fr);gap:8px}.job-quiz-mascot{grid-template-columns:86px minmax(0,auto);align-items:center;justify-content:start}.job-quiz-mascot img{width:82px;max-height:112px}.job-quiz-mascot figcaption{justify-items:start;margin:0 0 0 -4px}.job-quiz-dialogue{min-width:0;padding:16px}.job-quiz-dialogue::before{top:-10px;bottom:auto;left:34px;border:0;border-top:1px solid #9fcdeb;border-left:1px solid #9fcdeb}}
@media(prefers-reduced-motion:reduce){.job-quiz-mascot img{transition:none}.job-quiz-shell.is-question-2 .job-quiz-mascot img{transform:none}}
.preview-read-more>div{grid-template-columns:64px minmax(0,1fr);align-items:start}.preview-read-more>div>.preview-info-mascot{grid-row:1/span 4;width:58px;max-height:92px;object-fit:contain;filter:drop-shadow(0 5px 5px rgba(6,59,112,.12))}.preview-read-more>div>strong,.preview-read-more>div>span{grid-column:2}
@media(max-width:420px){.preview-read-more>div{grid-template-columns:48px minmax(0,1fr)}.preview-read-more>div>.preview-info-mascot{width:44px;max-height:72px}}
.job-quiz-progress{grid-template-columns:repeat(5,1fr)}.job-quiz-fields{display:grid;gap:8px}.job-quiz-fields label{margin-top:4px;color:var(--flow-navy);font-size:13px;font-weight:800}.job-quiz-fields label span{color:var(--flow-muted);font-weight:600}.job-quiz-fields input{height:48px;font-size:15px}.job-quiz-fields textarea{min-height:96px;padding:12px;border:1px solid var(--flow-border);border-radius:10px;font:inherit;resize:vertical}.job-quiz-cloud-links{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.job-quiz-cloud-links a{padding:9px 6px;border:1px solid #b6d5eb;border-radius:8px;background:#fff;color:#075c9b;font-size:11px;font-weight:800;text-align:center;text-decoration:none}.job-quiz-reference-upload{display:flex!important;min-height:52px;align-items:center;justify-content:center;border:1px dashed var(--flow-blue);border-radius:11px;background:#f4faff;color:var(--blue-text)!important;cursor:pointer}.job-quiz-reference-note{display:block!important;margin-top:8px;color:var(--flow-muted)!important;font-size:11px!important;font-weight:600!important}.brief-file-cta{padding:14px;border:2px solid var(--flow-blue);border-radius:14px;background:#f2f9ff;box-shadow:0 8px 20px rgba(10,140,255,.12)}.brief-file-cta-head{margin-bottom:12px}.brief-file-cta-head>span{display:inline-flex;padding:4px 8px;border-radius:999px;background:#ff8500;color:#fff;font-size:10px;font-weight:900}.brief-file-cta-head>strong,.brief-file-cta-head>p{display:block}.brief-file-cta-head>strong{margin-top:7px;color:var(--flow-navy);font-size:16px}.brief-file-cta-head>p{margin:4px 0 0;color:#526b7d;font-size:12px;line-height:1.5}.brief-file-cta #briefFileLink{border:2px solid #72b8e9;background:#fff;font-weight:700}.brief-file-cta #briefFileLink:focus{border-color:var(--flow-blue);box-shadow:0 0 0 4px rgba(10,140,255,.12)}
@media(max-width:420px){.job-quiz-cloud-links{grid-template-columns:1fr}.brief-file-cta{padding:12px}.brief-file-cta-head>strong{font-size:15px}}
.job-quiz-progress{grid-template-columns:repeat(3,1fr)}.job-quiz-artwork-upload{display:flex!important;min-height:52px;align-items:center;justify-content:center;border:1px dashed var(--flow-blue);border-radius:11px;background:#f4faff;color:var(--blue-text)!important;cursor:pointer}.job-quiz-artwork-status{display:block!important;margin-top:8px;color:var(--flow-muted)!important;font-size:11px!important;font-weight:600!important}.job-quiz-artwork-status.is-ready{color:#16855b!important;font-weight:800!important}

.dimension-field .dimension-slider{height:24px;margin-top:8px;padding:0;border:0;box-shadow:none;accent-color:var(--flow-blue)}
.header-nav{display:grid;width:34px;height:34px;padding:0;border:1px solid var(--flow-border);border-radius:8px;background:#fff;color:var(--flow-navy);font-size:21px;font-weight:800;line-height:1;place-items:center}.header-nav:hover{border-color:var(--flow-blue);background:#eef8ff}
.layout-print-services,.layout-cutting-services{display:grid;gap:10px;margin-top:14px}.layout-print-services:empty,.layout-cutting-services:empty{display:none}
.cost-preview-wrap{padding-block:12px 24px}
.cost-preview-note{width:100%;margin:10px 0 0;color:var(--flow-muted);font-size:10px;line-height:1.5;text-align:center}
.piece .bleed{display:block;min-width:2px;min-height:2px;border:0!important;box-shadow:none;background:repeating-linear-gradient(90deg,rgba(10,140,255,.92) 0 6px,transparent 6px 11px) top left/100% 2px no-repeat,repeating-linear-gradient(90deg,rgba(10,140,255,.92) 0 6px,transparent 6px 11px) bottom left/100% 2px no-repeat,repeating-linear-gradient(180deg,rgba(10,140,255,.92) 0 6px,transparent 6px 11px) top left/2px 100% no-repeat,repeating-linear-gradient(180deg,rgba(10,140,255,.92) 0 6px,transparent 6px 11px) top right/2px 100% no-repeat;transform:translateZ(0)}
.variant-explanation{margin:4px 0 12px;color:var(--flow-muted);font-size:11px;line-height:1.55}
.view-back-button{display:inline-flex;align-items:center;gap:7px;margin-bottom:14px;padding:8px 11px;border:1px solid var(--flow-border);border-radius:9px;background:#fff;color:var(--flow-navy);font-size:11px;font-weight:800}
.cart-item-remove{border-color:#ffd1d1!important;background:#fff1f1!important;color:#c62828!important;font-size:17px!important}
.site-footer{display:grid;gap:5px;margin:28px 0 6px;padding:18px 12px;border-top:1px solid var(--flow-border);color:var(--flow-muted);font-size:10px;text-align:center}.site-footer a{color:var(--flow-navy);line-height:1.5;text-decoration:none}
.quantity-change-comparison{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.quantity-change-comparison>div{padding:12px;border:1px solid var(--flow-border);border-radius:12px;background:#f4f8fb}.quantity-change-comparison dt{font-size:10px;font-weight:800}.quantity-change-comparison dd{margin:7px 0 0}.quantity-change-comparison strong,.quantity-change-comparison span{display:block}.quantity-change-comparison span{margin-top:4px;color:var(--blue-text);font-weight:800}

.safe-zone-warning{padding:9px 10px;border:1.5px solid #ff5757;border-radius:8px;background:#fff4f4;color:#8f1f1f}.safe-zone-warning b{color:#c62828}
.quantity-change-modal .modal-card{max-height:calc(100vh - 28px);overflow:auto}.quantity-price-breakdown{margin:0 0 16px;padding:13px;border:1px solid var(--flow-border);border-radius:12px;background:#fff}.quantity-price-breakdown dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.quantity-price-breakdown dl>div{padding:10px;border-radius:9px;background:#eef6ff}.quantity-price-breakdown dt{color:var(--flow-muted);font-size:10px}.quantity-price-breakdown dd{margin:5px 0 0;color:var(--flow-navy);font-size:14px;font-weight:800}.quantity-service-prices{margin-top:11px;padding-top:11px;border-top:1px solid var(--flow-border)}.quantity-service-prices>strong{font-size:11px}.quantity-service-prices #newServicePriceList{display:grid;gap:6px;margin-top:8px}.quantity-service-prices #newServicePriceList>div{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--flow-muted);font-size:11px}.quantity-service-prices #newServicePriceList strong{color:var(--flow-navy)}.quantity-price-total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:11px;border-radius:9px;background:var(--flow-navy);color:#fff}.quantity-price-total span{font-size:11px;font-weight:700}.quantity-price-total strong{font-size:19px}
.cart-item-remove{-webkit-appearance:none;appearance:none;border:1px solid #ff0000!important;background:#ff5757 url('../image/trash.svg') center/18px 18px no-repeat!important;color:transparent!important;font-size:0!important}.cart-item-remove::before{content:none}
.job-variant [data-remove-variant]{border:1px solid #ff0000;background-color:#ff5757;background-image:none;color:#fff}.job-variant [data-remove-variant]::before{content:'×';font-size:20px;font-weight:800;line-height:1}
@media(max-width:420px){.quantity-change-comparison{gap:7px}.quantity-price-breakdown{padding:10px}}
.brief-main-preview{cursor:default}.brief-preview-upload{cursor:pointer}
.job-name-suggestions{margin:17px 0 15px;padding:0;border:0}.job-name-suggestions legend{margin-bottom:8px;color:var(--flow-muted);font-size:12px;font-weight:700}.job-name-suggestions>div{display:flex;flex-wrap:wrap;gap:7px}.job-name-suggestions button{min-height:36px;padding:0 13px;border:1px solid #b8d7ed;border-radius:999px;background:#fff;color:var(--flow-navy);font-size:13px;font-weight:800;white-space:nowrap}.job-name-suggestions button:hover,.job-name-suggestions button:focus-visible{border-color:var(--flow-blue);background:#eef8ff;outline:none}.job-name-suggestions button.is-selected{border-color:var(--flow-blue);background:var(--flow-blue);color:#fff;box-shadow:0 4px 10px rgba(10,140,255,.2)}
.locked-print-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:11px 12px;border:1px solid #b8d7ed;border-radius:10px;background:#eef6ff}.locked-print-summary small,.locked-print-summary strong{display:block}.locked-print-summary small{color:var(--flow-muted);font-size:10px}.locked-print-summary strong{margin-top:3px;color:var(--flow-navy);font-size:13px}.locked-print-price{margin-left:auto;text-align:right;white-space:nowrap}.cost-service-breakdown{align-items:flex-start!important}.cost-service-breakdown dd{display:grid;min-width:min(260px,60%);gap:5px}.cost-service-breakdown dd>span{display:flex;align-items:center;justify-content:space-between;gap:10px}.cost-service-breakdown dd b{color:var(--flow-muted);font-size:11px;font-weight:600}.cost-service-breakdown dd strong{color:var(--flow-navy);font-size:12px}@media(max-width:420px){.cost-service-breakdown{display:grid!important}.cost-service-breakdown dd{width:100%;min-width:0;margin-top:7px;text-align:left!important}}
.service-row-pending-price>.service-request-input{grid-column:2/-1;width:100%;height:42px;min-width:0;min-height:42px;margin:2px 0 0;padding:7px 10px;flex:1 1 auto;border:1px solid #a7cbe9;border-radius:8px;background:#fff;color:var(--flow-navy);font:inherit}.service-row-pending-price>.service-request-input:focus{border-color:var(--flow-blue);outline:2px solid rgba(10,140,255,.18);outline-offset:1px}.service-row-pending-price>.service-request-input:disabled{background:#edf3f8;color:#8799a8;cursor:not-allowed}.service-row-pending-price{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:start;gap:8px 10px}.service-row-pending-price>input[type="checkbox"]{grid-column:1;grid-row:1}.service-row-pending-price>.service-main{grid-column:2;grid-row:1}.service-row-pending-price>.service-price-block{grid-column:3;grid-row:1;padding-top:2px}@media(max-width:380px){.service-row-pending-price{grid-template-columns:20px minmax(0,1fr) auto}.service-row-pending-price>.service-request-input{grid-column:1/-1}}
.job-name-suggestions legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.layout-form-card{display:grid;gap:14px}.layout-form-card>.field,.layout-form-card>.row2>.field{margin-bottom:0}.layout-form-card .dimension-fields{gap:14px}
.layout-artwork-current #rotateArtworkImage{display:inline-flex;min-height:34px;align-items:center;justify-content:center;gap:6px;padding:0 10px;font-size:11px;line-height:1;white-space:nowrap}.layout-artwork-current #rotateArtworkImage .button-icon{display:block;width:16px;height:16px;flex:0 0 16px;margin:0;border:0;border-radius:0;background:transparent;object-fit:contain;transform:none}.layout-artwork-current #clearArtworkImage{min-height:34px;font-size:10px}
.home-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.home-actions .secondary-action{background:#fff;border-color:var(--flow-blue);color:var(--blue-text)}
.quick-brief-view>.view-back-button{margin-bottom:14px}.quick-brief-grid{display:grid;gap:16px}.quick-brief-form{display:grid;gap:16px}.quick-brief-form>.form-card,.quick-brief-results>.form-card,.quick-brief-results>.outline-summary{margin-top:0}.quick-services{display:grid;gap:14px}.quick-preview-panel{overflow:hidden}.quick-preview-scroll{display:flex;width:100%;min-height:250px;align-items:center;justify-content:center;padding:10px;overflow:auto;border-radius:10px;background:#f3f8fc}.quick-sheet-preview{flex:none}.quick-preview-note{margin:10px 0 0;color:var(--flow-muted);font-size:11px;line-height:1.45;text-align:center}.quick-brief-results{display:grid;align-content:start;gap:16px}.quick-price-summary .cost-service-breakdown{display:grid!important}.quick-price-summary .cost-service-breakdown dd{width:100%;min-width:0;margin-top:7px;text-align:left!important}.quick-price-summary .cost-service-breakdown dd>span{width:100%}.quick-price-summary .cost-service-breakdown dd strong{margin-left:auto;text-align:right}.quick-brief-status{margin-top:12px;color:#b42318;font-weight:700}
.quick-file-provider-options{margin:0 0 9px}
@media(max-width:520px){.home-actions{grid-template-columns:1fr}}
@media(min-width:900px){.home-view>.home-actions{grid-column:1;grid-row:4;margin:0}.quick-brief-view.is-active{display:block}.quick-brief-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:start;gap:24px}.quick-brief-results{position:sticky;top:154px}.quick-preview-scroll{min-height:360px}}
.staff-catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.staff-catalog-view-toggle{display:grid;grid-template-columns:repeat(3,1fr);padding:3px;border:1px solid var(--flow-border);border-radius:10px;background:#edf5fb}.staff-catalog-view-toggle button{min-height:36px;padding:0 14px;border:0;border-radius:7px;background:transparent;color:var(--flow-muted);font-size:12px;font-weight:800}.staff-catalog-view-toggle button.is-selected{background:#fff;color:var(--flow-navy);box-shadow:0 2px 7px rgba(6,59,112,.12)}.staff-catalog-toolbar .staff-catalog-add{width:auto;min-width:150px;margin:0}.staff-catalog-table-wrap{width:100%;overflow:auto;border:1px solid var(--flow-border);border-radius:12px;background:#fff;box-shadow:0 4px 12px rgba(6,59,112,.06)}.staff-catalog-table{width:100%;min-width:820px;border-collapse:separate;border-spacing:0}.staff-catalog-table th{position:sticky;top:0;z-index:2;padding:11px 9px;border-bottom:1px solid var(--flow-border);background:#eaf4fc;color:var(--flow-navy);font-size:12px;text-align:left;white-space:nowrap}.staff-catalog-table td{padding:9px;border-bottom:1px solid #e2edf5;vertical-align:middle}.staff-catalog-table tbody tr:last-child td{border-bottom:0}.staff-catalog-table tbody tr:hover{background:#f7fbff}.staff-catalog-table input,.staff-catalog-table select{min-width:88px;height:38px;font-size:13px}.staff-catalog-table td:first-child input{min-width:190px}.staff-catalog-table [data-table-field="category"]{min-width:145px}.staff-catalog-table [data-table-field="price"],.staff-catalog-table [data-table-field="sortOrder"]{width:92px}.staff-table-active{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800}.staff-table-active input{min-width:18px!important;width:18px;height:18px;accent-color:#16855b}.staff-table-actions{display:flex;gap:6px}.staff-table-actions button{min-height:34px;padding:0 10px;border:1px solid var(--flow-border);border-radius:7px;background:#fff;color:var(--flow-navy);font-size:11px;font-weight:800;white-space:nowrap}.staff-table-actions button:first-child{border-color:#16855b;background:#eaf8f1;color:#08613e}.service-visibility-settings{display:grid;gap:14px}.service-visibility-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border:1px solid #9fc9e9;border-radius:14px;background:linear-gradient(135deg,#e9f5ff,#f7fbff)}.service-visibility-summary small,.service-visibility-summary strong{display:block}.service-visibility-summary small{color:var(--flow-muted);font-size:10px;font-weight:700}.service-visibility-summary strong{margin-top:3px;color:var(--flow-navy);font-size:20px}.service-visibility-summary p{max-width:420px;margin:0;color:#4c6477;font-size:11px;line-height:1.5}.service-visibility-group{overflow:hidden;border:1px solid var(--flow-border);border-radius:14px;background:#fff}.service-visibility-group-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px solid var(--flow-border);background:#eef6fc}.service-visibility-group-title strong{color:var(--flow-navy);font-size:13px}.service-visibility-group-title span{color:var(--flow-muted);font-size:10px;font-weight:800}.service-visibility-list{display:grid}.service-visibility-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border-bottom:1px solid #e4edf4}.service-visibility-row:last-child{border-bottom:0}.service-visibility-row.is-hidden{background:#f7f9fb}.service-visibility-row>div strong,.service-visibility-row>div span{display:block}.service-visibility-row>div strong{color:var(--flow-navy);font-size:12px}.service-visibility-row>div span{margin-top:3px;color:var(--flow-muted);font-size:10px}.service-visibility-row.is-hidden>div{opacity:.58}.service-visibility-switch{display:flex;min-width:104px;align-items:center;justify-content:flex-end;gap:8px;border:0;background:transparent;color:#087a4d;font-size:10px;font-weight:900}.service-visibility-switch>span{position:relative;width:38px;height:22px;border-radius:99px;background:#16855b;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}.service-visibility-switch>span::after{content:"";position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.24)}.service-visibility-switch[aria-checked="false"]{color:#74828d}.service-visibility-switch[aria-checked="false"]>span{background:#b8c4cd}.service-visibility-switch[aria-checked="false"]>span::after{right:19px}.service-visibility-switch:focus-visible{outline:3px solid rgba(10,140,255,.22);outline-offset:2px;border-radius:7px}@media(max-width:520px){.staff-catalog-toolbar{align-items:stretch;flex-direction:column}.staff-catalog-toolbar .staff-catalog-add{width:100%}.staff-catalog-view-toggle{width:100%}.staff-catalog-view-toggle button{padding:0 7px;font-size:11px}.staff-catalog-table-wrap{max-height:68vh}.staff-catalog-table th:first-child,.staff-catalog-table td:first-child{position:sticky;left:0;z-index:1;background:#fff}.staff-catalog-table th:first-child{z-index:3;background:#eaf4fc}.service-visibility-summary{align-items:flex-start;flex-direction:column;gap:8px}.service-visibility-row{align-items:flex-start}.service-visibility-switch{min-width:94px}.service-visibility-switch b{display:none}}
.job-quiz-fields .quiz-date-input-shell>.quiz-date-display{height:48px;padding-right:50px;font-size:16px}.job-quiz-fields .quiz-date-input-shell>.date-picker-icon,.job-quiz-fields .quiz-date-input-shell>.native-date-control{width:48px;height:48px}

/* Keep Artwork orientation and aspect ratio aligned with the imposed piece frame. */
.piece>.piece-artwork,.preview-gallery-piece>.preview-gallery-artwork{width:var(--artwork-box-width,100%);height:var(--artwork-box-height,100%);transform:rotate(var(--artwork-rotation,0deg));transform-origin:center}
.mini-layout-preview .mini-artwork{inset:auto;top:50%;left:50%;width:var(--artwork-box-width,100%);height:var(--artwork-box-height,100%);transform:translate(-50%,-50%) rotate(var(--artwork-rotation,0deg));transform-origin:center}
[data-app-view="layout"]>.layout-preview-card{margin-top:12px}
@media(min-width:900px){.app-view[data-app-view="layout"].is-active{grid-template-areas:"intro intro" "title form" "preview form" "controls summary" "controls actions"}[data-app-view="layout"]>.layout-preview-card{grid-area:preview;margin-top:0}[data-app-view="layout"]>.preview-artwork-section{grid-area:controls}}

/* Tablet/Desktop Step 1: production preview workspace on the left, settings on the right. */
@media(min-width:768px){.app-view[data-app-view="layout"].is-active{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);grid-template-areas:"back back" "intro intro" "preview form" "preview print" ". summary" ". actions";gap:16px 24px;align-items:start}[data-app-view="layout"]>.view-back-button{grid-area:back;justify-self:start;margin:0}[data-app-view="layout"]>.page-intro{grid-area:intro}[data-app-view="layout"]>.layout-form-card{grid-area:form}[data-app-view="layout"]>.layout-preview-card{grid-area:preview;min-width:0;margin:0}[data-app-view="layout"]>.preview-artwork-section{display:contents;grid-area:auto}[data-app-view="layout"]>.preview-artwork-section>.layout-print-services{grid-area:print;min-width:0}[data-app-view="layout"]>.outline-summary{grid-area:summary}[data-app-view="layout"]>.flow-actions{grid-area:actions;margin:0}}
.sheet-preview>.preview-usable{border:0}
.layout-settings-lower{display:contents}
.layout-preview-card>.layout-print-services{width:100%;min-width:0;align-self:stretch;margin:16px 0 0}
.layout-preview-content{display:contents}.layout-preview-content[hidden]{display:none!important}.layout-preview-card.is-awaiting-print-choice{min-height:0;justify-content:flex-start}.layout-preview-card.is-awaiting-print-choice>.layout-print-services{margin-top:0}
#openMaterialsServices.primary-action:disabled{border-color:#b9cad8;background:#dce6ee;color:#758898;box-shadow:none;transform:none;cursor:not-allowed}
.cost-cta-actions .primary-action:disabled{border-color:#b9cad8;background:#dce6ee;color:#758898;box-shadow:none;transform:none;cursor:not-allowed}
.preset-preview-guidance{display:grid;gap:4px;margin-top:8px;color:#60788b;font-size:9px;line-height:1.45}.preset-preview-guidance b{color:#c55231}.layout-print-services-card{padding:14px;border-color:#b8d7ed;background:#f7fbff}.layout-print-services-card:empty{display:none}.layout-print-services-card>.service-group{margin:0}
.layout-form-title{margin:0;padding-bottom:10px;border-bottom:1px solid var(--flow-border);color:var(--flow-navy);font-size:17px}.material-selection-cta{padding:14px!important;border:2px solid var(--flow-blue);border-radius:13px;background:#eef8ff;box-shadow:0 7px 18px rgba(10,140,255,.12)}.material-selection-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.material-selection-heading .label{margin:0;color:#075c9b;font-size:15px}.material-selection-heading>span{padding:4px 8px;border-radius:999px;background:#ff8500;color:#fff;font-size:9px;font-weight:900}.material-selection-cta select{border-color:#65b6ef;background:#fff;font-weight:750}.material-selection-cta.is-complete{border-color:#21a06b;background:#effbf5}.material-selection-cta.is-complete .material-selection-heading>span{background:#16855b}.material-selection-cta.is-complete .material-selection-heading>span::before{content:"✓ "}
.mobile-app .service-group-print.is-sticker-single-only{border-color:#8bc9ff;background:#eef8ff}.service-group-lock-note{margin:0 2px 8px;padding:8px 10px;border-radius:8px;background:#dcefff;color:#075c9b;font-size:10px;font-weight:800;line-height:1.45}
@media(min-width:900px){.app-view[data-app-view="cost"].is-active{grid-template-areas:"back back" "preview addons" "preview analysis" "preview actions"}[data-app-view="cost"]>.view-back-button{grid-area:back;justify-self:start;margin:0}}

/* Balanced tablet workspaces: equal visual weight, compact gaps, no empty grid rows. */
@media (min-width:768px) and (max-width:1023px){
  .mobile-app{width:min(calc(100% - 24px),960px)}
  .app-view{padding:20px}
  .app-view[data-app-view="layout"].is-active{grid-template-columns:minmax(0,1fr) minmax(320px,.94fr);grid-template-areas:"back back" "intro intro" "preview form" "preview lower";column-gap:18px;row-gap:14px}
  [data-app-view="layout"]>.page-intro{margin:0 0 4px}
  [data-app-view="layout"]>.layout-preview-card{align-self:stretch;min-height:420px}
  [data-app-view="layout"]>.layout-form-card,[data-app-view="layout"]>.outline-summary,[data-app-view="layout"] .layout-print-services{margin-top:0}
  [data-app-view="layout"]>.layout-settings-lower{display:grid;grid-area:lower;align-content:start;gap:14px;min-width:0}
  [data-app-view="layout"]>.layout-settings-lower>.preview-artwork-section,[data-app-view="layout"]>.layout-settings-lower>.outline-summary,[data-app-view="layout"]>.layout-settings-lower>.flow-actions{margin-top:0}
  .app-view[data-app-view="cost"].is-active{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.94fr);grid-template-areas:"back back" "preview addons" "preview analysis" "preview actions";column-gap:18px;row-gap:14px;align-items:start}
  [data-app-view="cost"]>.view-back-button{grid-area:back;justify-self:start;margin:0}
  [data-app-view="cost"]>.preview-summary-card{grid-area:preview;position:sticky;top:142px}
  [data-app-view="cost"]>.form-card:not(.preview-summary-card){grid-area:addons}
  [data-app-view="cost"]>.cost-analysis{grid-area:analysis}
  [data-app-view="cost"]>.cost-cta-actions{grid-area:actions;margin:0}
  [data-app-view="cost"]>.form-card,[data-app-view="cost"]>.outline-summary{margin-top:0}
  [data-app-view="cost"] .cost-preview-wrap{min-height:400px}
}
@media (min-width:1024px){
  .app-view[data-app-view="layout"].is-active{grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);grid-template-areas:"back back" "intro intro" "preview form" "preview lower";column-gap:28px;row-gap:16px}
  [data-app-view="layout"]>.view-back-button{grid-area:back;justify-self:start;margin:0}
  [data-app-view="layout"]>.layout-preview-card{align-self:stretch}
  [data-app-view="layout"] .layout-print-services{margin-top:0}
}

/* Keep settings packed at their natural height, independently of the preview. */
@media (min-width:768px){
  .app-view[data-app-view="layout"].is-active{
    grid-template-areas:"back back" "intro intro" "preview form" "preview lower";
    grid-template-rows:max-content max-content max-content minmax(0,1fr);
    align-content:start;
  }
  [data-app-view="layout"]>.layout-form-card{margin:0;min-width:0}
  [data-app-view="layout"]>.layout-settings-lower{
    display:flex;grid-area:lower;flex-direction:column;gap:16px;min-width:0;align-self:start;
  }
  [data-app-view="layout"]>.layout-settings-lower>.preview-artwork-section,
  [data-app-view="layout"]>.layout-settings-lower>.outline-summary,
  [data-app-view="layout"]>.layout-settings-lower>.flow-actions,
  [data-app-view="layout"] .layout-settings-lower .layout-print-services{margin:0}
  [data-app-view="layout"]>.layout-preview-card{align-self:start;justify-content:flex-start;min-height:0}
}
/* The catalog action button uses display:flex, so explicitly honor the hidden state. */
.staff-catalog-toolbar .staff-catalog-add[hidden]{display:none}
.preset-lock-status{margin:8px 0 0;padding:8px 10px;border-radius:8px;background:#fff5d9;color:#795400;font-size:10px;font-weight:700;line-height:1.45}.staff-flow-controller{display:grid;gap:14px}.staff-flow-controller-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px;border-radius:14px;background:linear-gradient(135deg,#073f78,#0a8cff);color:#fff}.staff-flow-controller-head small,.staff-flow-controller-head h2{display:block;margin:0}.staff-flow-controller-head small{font-size:9px;font-weight:900;letter-spacing:.12em}.staff-flow-controller-head h2{margin-top:4px;font-size:19px}.staff-flow-controller-head>span{padding:5px 9px;border-radius:99px;background:rgba(255,255,255,.18);font-size:10px;font-weight:800;white-space:nowrap}.staff-flow-job-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.staff-flow-job-tabs button{min-height:42px;padding:7px;border:1px solid var(--flow-border);border-radius:10px;background:#fff;color:var(--flow-navy);font-size:11px;font-weight:800}.staff-flow-job-tabs button.is-selected{border-color:var(--flow-blue);background:#e8f5ff;color:#006fcb;box-shadow:0 0 0 2px rgba(10,140,255,.1)}.staff-flow-master-toggle{display:flex;align-items:center;gap:11px;padding:13px 15px;border:1px solid #9fc9e9;border-radius:12px;background:#f4faff;cursor:pointer}.staff-flow-master-toggle input{width:20px;height:20px;accent-color:var(--flow-blue)}.staff-flow-master-toggle strong,.staff-flow-master-toggle small{display:block}.staff-flow-master-toggle strong{color:var(--flow-navy);font-size:12px}.staff-flow-master-toggle small{margin-top:3px;color:var(--flow-muted);font-size:10px}.staff-flow-rule-card{padding:15px;border:1px solid var(--flow-border);border-radius:14px;background:#fff}.staff-flow-rule-card>p{margin:7px 0 12px;color:var(--flow-muted);font-size:10px}.staff-flow-rule-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.staff-flow-rule-title>div{display:flex;align-items:center;gap:9px}.staff-flow-rule-title small{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:#e7f4ff;color:#0879d1;font-size:9px;font-weight:900}.staff-flow-rule-title h3{margin:0;color:var(--flow-navy);font-size:14px}.staff-flow-rule-title>label,.staff-flow-rule-title>span{color:var(--flow-muted);font-size:10px;font-weight:800}.staff-flow-rule-title input{width:17px;height:17px;vertical-align:middle;accent-color:var(--flow-blue)}.staff-flow-preset-list{display:grid;gap:7px}.staff-flow-preset-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #d8e6f1;border-radius:10px;background:#f9fbfd}.staff-flow-preset-row.is-allowed{border-color:#8dc7f2;background:#f2f9ff}.staff-flow-preset-row>label:first-child{display:flex;min-width:0;align-items:center;gap:10px}.staff-flow-preset-row input{width:18px;height:18px;accent-color:var(--flow-blue)}.staff-flow-preset-row strong,.staff-flow-preset-row small{display:block}.staff-flow-preset-row strong{color:var(--flow-navy);font-size:11px}.staff-flow-preset-row small{margin-top:3px;color:var(--flow-muted);font-size:9px}.staff-flow-default{display:flex;align-items:center;gap:5px;color:#375c78;font-size:10px;font-weight:800;white-space:nowrap}.staff-flow-service-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.staff-flow-service-groups fieldset{min-width:0;margin:0;padding:10px;border:1px solid #d8e6f1;border-radius:10px}.staff-flow-service-groups legend{padding:0 5px;color:var(--flow-navy);font-size:10px;font-weight:900}.staff-flow-service-groups label{display:flex;align-items:center;gap:7px;padding:6px 3px;color:#27465f;font-size:10px}.staff-flow-service-groups input{width:17px;height:17px;accent-color:var(--flow-blue)}.staff-flow-save-bar{position:sticky;bottom:8px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid #9fc9e9;border-radius:14px;background:rgba(244,250,255,.96);box-shadow:0 8px 26px rgba(6,59,112,.16);backdrop-filter:blur(8px)}.staff-flow-save-bar p{margin:0;color:#4c6477;font-size:10px}.staff-flow-save-bar .primary-action{width:auto;min-width:150px;margin:0}.staff-catalog-view-toggle{grid-template-columns:repeat(4,1fr)}
@media(max-width:620px){.staff-flow-job-tabs{grid-template-columns:1fr 1fr}.staff-flow-service-groups{grid-template-columns:1fr}.staff-flow-rule-title{align-items:flex-start;flex-direction:column}.staff-flow-preset-row{align-items:flex-start;flex-direction:column}.staff-flow-default{padding-left:28px}.staff-flow-save-bar{align-items:stretch;flex-direction:column}.staff-flow-save-bar .primary-action{width:100%}}
/* Staff-managed service artwork */
.quick-wizard-panel[hidden],.quick-brief-grid[hidden]{display:none!important}.quick-quiz-conversation{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:start;gap:18px;max-width:960px;margin:8px auto 0}.quick-narrator{display:grid;position:sticky;top:110px;justify-items:center;margin:18px 0 0}.quick-narrator img{display:block;width:145px;max-height:245px;object-fit:contain;filter:drop-shadow(0 14px 14px rgba(6,59,112,.16))}.quick-narrator figcaption{display:grid;justify-items:center;margin-top:-3px;padding:7px 12px;border:1px solid #b7d9ef;border-radius:999px;background:#fff;box-shadow:0 5px 14px rgba(6,59,112,.1)}.quick-narrator strong{color:var(--flow-navy);font-size:12px}.quick-narrator span{color:var(--flow-muted);font-size:10px}.quick-quiz-dialogue{position:relative;min-width:0;padding:20px;border:1px solid #9fcdeb;border-radius:18px;background:linear-gradient(145deg,#f4faff,#fff);box-shadow:0 10px 25px rgba(6,59,112,.1)}.quick-quiz-dialogue::before{content:"";position:absolute;left:-13px;top:72px;width:24px;height:24px;border-left:1px solid #9fcdeb;border-bottom:1px solid #9fcdeb;background:#f5faff;transform:rotate(45deg)}.quick-quiz-dialogue>*{position:relative;z-index:1}.quick-wizard-progress{display:flex;align-items:center;gap:7px;margin:0 auto 18px;max-width:760px}.quick-wizard-progress i{display:block;flex:1;height:5px;border-radius:999px;background:#dceaf5;font-style:normal}.quick-wizard-progress i.is-active{background:var(--flow-blue)}.quick-brief-view .quick-brief-grid{grid-template-columns:minmax(0,760px)!important;justify-content:center}.quick-brief-view .quick-brief-results{position:static;max-width:760px;width:100%;margin:auto}.quick-wizard-panel{margin-top:0}.quick-wizard-panel .section-title{margin-top:6px;color:var(--flow-navy);font-size:23px;line-height:1.3}.quick-question-count{display:block;margin-bottom:6px;color:var(--blue-text);font-size:11px;font-weight:900;letter-spacing:.04em}.quick-brief-review{max-width:760px;margin:0 auto}.quick-ready-status{margin:10px 0 0;padding:10px 12px;border-radius:10px;background:#e9f8ef;color:#176a3a;font-size:.88rem;font-weight:700}.quick-brief-review dl{display:grid;gap:0;margin:14px 0 0}.quick-brief-review dl>div{display:grid;grid-template-columns:minmax(120px,.35fr) 1fr;gap:12px;padding:11px 0;border-top:1px solid var(--flow-border)}.quick-brief-review dt{color:var(--flow-muted);font-size:10px}.quick-brief-review dd{margin:0;color:var(--flow-navy);font-size:11px;font-weight:800;overflow-wrap:anywhere}.quick-wizard-actions{max-width:760px;margin-left:auto;margin-right:auto}@media(max-width:767px){.quick-quiz-conversation{grid-template-columns:minmax(0,1fr);gap:8px}.quick-narrator{position:static;grid-template-columns:86px minmax(0,auto);align-items:center;justify-content:start;margin:0}.quick-narrator img{width:82px;max-height:112px}.quick-narrator figcaption{justify-items:start;margin:0 0 0 -4px}.quick-quiz-dialogue{padding:16px}.quick-quiz-dialogue::before{top:-10px;left:34px;border:0;border-top:1px solid #9fcdeb;border-left:1px solid #9fcdeb}}@media(max-width:520px){.quick-wizard-progress{overflow:visible}.quick-wizard-panel .section-title{font-size:20px}.quick-brief-review dl>div{grid-template-columns:1fr;gap:4px}}
.staff-flow-controller .staff-flow-node-map{display:flex}.staff-flow-controller .staff-flow-node-map article{flex:1 0 100px}.staff-flow-controller .staff-flow-node-map i{flex:0 0 auto}.staff-flow-save-bar .primary-action:disabled{opacity:.72;cursor:wait}
.staff-flow-material-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.staff-flow-material-list>label{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #d8e6f1;border-radius:10px;background:#f9fbfd}.staff-flow-material-list input{width:18px;height:18px;flex:0 0 auto;accent-color:var(--flow-blue)}.staff-flow-material-list strong,.staff-flow-material-list small{display:block}.staff-flow-material-list strong{color:var(--flow-navy);font-size:10px}.staff-flow-material-list small{margin-top:2px;color:var(--flow-muted);font-size:9px}@media(max-width:680px){.staff-flow-material-list{grid-template-columns:1fr}}
.staff-flow-quiz-step-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.staff-flow-quiz-step-list article{display:grid;gap:7px;padding:11px;border:1px solid #cfe0ee;border-radius:10px;background:#f8fbfe}.staff-flow-quiz-step-list input:not([type=checkbox]),.staff-flow-quiz-step-list textarea{width:100%}.staff-flow-step-toggle{display:flex;align-items:center;gap:7px;color:var(--flow-navy);font-size:10px;font-weight:800}.staff-flow-step-toggle input{width:17px;height:17px;accent-color:var(--flow-blue)}@media(max-width:680px){.staff-flow-quiz-step-list{grid-template-columns:1fr}}
.staff-flow-node-map{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:7px;overflow-x:auto;padding:14px;border:1px solid #b9d8ef;border-radius:14px;background:#f6fbff}.staff-flow-node-map article{min-width:100px;padding:12px;border:1px solid #bdd7ea;border-radius:10px;background:#fff;text-align:center;box-shadow:0 4px 12px rgba(7,63,120,.07)}.staff-flow-node-map article.is-active{border-color:var(--flow-blue);background:#e9f6ff}.staff-flow-node-map b,.staff-flow-node-map small{display:block}.staff-flow-node-map b{color:var(--flow-navy);font-size:11px}.staff-flow-node-map small{margin-top:3px;color:var(--flow-muted);font-size:9px}.staff-flow-node-map i{color:#168be5;font-style:normal;font-weight:900}.staff-flow-quiz-editor .field{margin-top:10px}.staff-flow-add-option,.staff-flow-option-editor{display:flex;gap:8px;margin-top:10px}.staff-flow-add-option input,.staff-flow-option-editor input{min-width:0;flex:1}.staff-flow-add-option button,.staff-flow-option-editor button{min-height:40px;padding:0 13px;border:1px solid #168be5;border-radius:9px;background:#eef8ff;color:#0674ca;font-weight:800}.staff-flow-option-editor{align-items:end;padding:12px;border:1px solid #cfe0ee;border-radius:12px;background:#fff}.staff-flow-option-editor label{min-width:0;flex:1}.staff-flow-option-editor span{display:block;margin-bottom:5px;color:var(--flow-muted);font-size:10px;font-weight:800}.staff-flow-option-editor button{border-color:#e3a9ad;background:#fff4f5;color:#a52431}.staff-flow-option-editor button:disabled{opacity:.45}@media(max-width:680px){.staff-flow-job-tabs{grid-template-columns:repeat(2,1fr)}.staff-flow-add-option,.staff-flow-option-editor{align-items:stretch;flex-direction:column}}
.service-main.has-image{display:flex;align-items:center;gap:10px}.service-copy{min-width:0}.service-thumbnail{width:44px;height:44px;flex:0 0 44px;border:1px solid #cfe0ee;border-radius:9px;background:#f4f8fb;object-fit:cover}.staff-catalog-image-preview{display:flex;min-height:86px;align-items:center;justify-content:center;gap:12px;margin-top:8px;padding:10px;border:1px dashed #a8c9e2;border-radius:10px;background:#f6faff;color:var(--flow-muted);font-size:10px}.staff-catalog-image-preview img{width:68px;height:68px;border-radius:10px;object-fit:cover}.staff-catalog-thumb{width:50px;height:50px;border-radius:10px;object-fit:cover;grid-row:1/3}.staff-catalog-item:has(.staff-catalog-thumb){grid-template-columns:50px 1fr auto}.staff-catalog-item:has(.staff-catalog-thumb) .staff-catalog-quick-actions{grid-column:2/-1}

/* Production-zone preview: artwork edge, trim line, then safe zone. */
.piece-artwork,.preview-gallery-artwork{object-fit:cover}
.piece-number{z-index:6}
.piece .bleed,.piece .safe-zone,.preview-gallery-piece .bleed,.preview-gallery-piece .safe-zone{position:absolute;display:block;min-width:2px;min-height:2px;z-index:3;box-shadow:0 0 0 .5px rgba(255,255,255,.7);background:none;pointer-events:none;transform:translateZ(0)}
.piece .bleed,.preview-gallery-piece .bleed{border:1px solid #e32636!important}
.preview-grid .piece{border-color:#148cf0}
.piece .safe-zone,.preview-gallery-piece .safe-zone{z-index:4;border:1px solid #009b57}
.has-rounded-corner{border-radius:0!important}
.has-rounded-corner .bleed{border-radius:var(--rounded-corner-radius-x,4px) / var(--rounded-corner-radius-y,4px)!important}
.has-rounded-corner .piece-material-effect{border-radius:0}
.cost-sheet-preview.is-piece-preview.has-rounded-preview{border-radius:0}
.cost-sheet-preview.is-piece-preview .piece-artwork:not(.piece-artwork-trim),.piece-preview-large .piece-artwork:not(.piece-artwork-trim),.preview-gallery-piece-frame .preview-gallery-artwork:not(.piece-artwork-trim){opacity:.25}
.piece-artwork-trim-mask{position:absolute;inset:0;z-index:2;overflow:hidden;clip-path:inset(var(--trim-inset-y,0) var(--trim-inset-x,0));pointer-events:none}
.piece-artwork-trim-mask .piece-artwork-trim{position:absolute;top:50%;left:50%;display:block;width:var(--artwork-box-width,100%);height:var(--artwork-box-height,100%);max-width:none;max-height:none;object-fit:cover;background:#fff;opacity:1;transform:translate(-50%,-50%) rotate(var(--artwork-rotation,0deg));transform-origin:center}
.preview-finished-size{display:block;margin-top:7px;color:var(--flow-muted);font-size:9px;font-weight:700;text-align:center}
.preview-zone-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 12px;margin-top:10px;color:var(--flow-muted);font-size:9px;font-weight:700}
.preview-zone-legend span{display:inline-flex;align-items:center;gap:5px}
.preview-zone-legend span::before{content:"";width:14px;height:2px;border-radius:99px;background:#8a949e}
.preview-zone-legend .is-trim::before{background:#e32636}
.preview-zone-legend .is-safe::before{background:#009b57}
.dimension-section-title{grid-column:1/-1;margin:0 0 -3px;color:var(--flow-navy);font-size:13px}
.preview-zone-guide{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;padding:11px;border:1px solid #cfe1ef;border-radius:11px;background:#f7fbff;text-align:left}
.preview-zone-guide>div{display:grid;grid-template-columns:12px minmax(0,1fr);align-items:start;gap:7px;min-width:0}
.preview-zone-guide i{display:block;width:10px;height:10px;margin-top:3px;border:2px solid #148cf0;border-radius:50%}
.preview-zone-guide .is-trim i{border-color:#e32636}.preview-zone-guide .is-safe i{border-color:#009b57}
.preview-zone-guide strong,.preview-zone-guide small{display:block}.preview-zone-guide strong{color:var(--flow-navy);font-size:9px;line-height:1.35}.preview-zone-guide small{margin-top:2px;color:var(--flow-muted);font-size:8px;line-height:1.4}
@media(max-width:560px){.preview-zone-guide{grid-template-columns:1fr}.preview-zone-guide>div{grid-template-columns:12px minmax(0,1fr)}.preview-zone-guide strong{font-size:10px}.preview-zone-guide small{font-size:9px}}
.mobile-app input[type="url"].is-valid{padding-right:42px;border-color:#1a9b5f;background-color:#f3fff8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%231a9b5f'/%3E%3Cpath d='m7.5 12.2 3 3 6-6' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:22px 22px;box-shadow:0 0 0 3px rgba(26,155,95,.1)}
.url-validation-status{display:none;margin-top:6px;color:var(--flow-muted);font-size:10px;font-weight:700}
.url-validation-status.is-valid,.url-validation-status.is-invalid{display:block}
.url-validation-status.is-valid{color:#168153}
.url-validation-status.is-invalid{color:#c62828}
.print-mode-modal{place-items:center;padding:18px}
.print-mode-modal.open{display:grid}
.print-mode-modal .modal-card{width:min(620px,100%);margin:0;padding:22px;border-radius:22px}
.print-mode-head{text-align:center}
.print-mode-head small{color:var(--blue-text);font-size:9px;font-weight:900;letter-spacing:.1em}
.print-mode-head h2{margin:6px 0 4px;color:var(--flow-navy);font-size:23px}
.print-mode-head p{margin:0;color:var(--flow-muted);font-size:11px;line-height:1.5}
.print-mode-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.print-mode-choice{display:grid;grid-template-columns:86px minmax(0,1fr);position:relative;align-items:center;gap:12px;min-height:132px;padding:13px;border:1.5px solid var(--flow-border);border-radius:15px;background:#f8fbff;color:var(--flow-navy);text-align:left;transition:border-color .16s,box-shadow .16s,transform .16s}
.print-mode-choice:hover,.print-mode-choice:focus-visible{border-color:var(--flow-blue);box-shadow:0 9px 22px rgba(10,140,255,.16);transform:translateY(-2px);outline:0}
.print-mode-choice img{display:block;width:86px;height:86px;object-fit:contain}
.print-mode-choice strong,.print-mode-choice small{display:block}
.print-mode-choice strong{font-size:15px}
.print-mode-choice small{margin-top:5px;color:var(--flow-muted);font-size:9px;line-height:1.45}
.print-mode-choice b{position:absolute;right:12px;bottom:10px;color:var(--blue-text);font-size:10px}
.print-mode-back{width:100%;margin-top:14px}
.print-mode-empty{grid-column:1/-1;margin:0;padding:16px;border:1px solid #f0c8c8;border-radius:12px;background:#fff6f6;color:#a12a34;font-size:11px;text-align:center}
@media(max-width:560px){.print-mode-choices{grid-template-columns:1fr}.print-mode-choice{min-height:112px}.print-mode-modal .modal-card{padding:17px}}

/* Public capacity calendar and staff order lookup */
.availability-modal{place-items:center;padding:14px}.availability-modal.open{display:grid}.availability-modal .modal-card{width:min(620px,100%);max-height:calc(100vh - 28px);overflow:auto;padding:18px;border-radius:20px}.availability-modal .modal-head small{color:var(--blue-text);font-size:9px;font-weight:900;letter-spacing:.08em}.availability-summary{display:flex;justify-content:space-between;gap:12px;margin:12px 0;padding:12px;border:1px solid #b8d6ee;border-radius:12px;background:#eef7ff;color:var(--flow-navy)}.availability-summary strong,.availability-summary span{display:block}.availability-summary strong{font-size:12px}.availability-summary span{color:var(--flow-muted);font-size:10px;text-align:right}.availability-month-head{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:8px;margin-top:10px}.availability-month-head strong{text-align:center}.availability-month-head button{height:36px;border:1px solid var(--flow-border);border-radius:9px;background:#fff;color:var(--flow-navy);font-size:20px}.availability-month-head button:disabled{opacity:.35}.availability-weekdays,.availability-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.availability-weekdays{margin:12px 0 6px}.availability-weekdays span{color:var(--flow-muted);font-size:9px;font-weight:800;text-align:center}.availability-day{display:grid;min-height:62px;padding:7px 3px;border:1px solid #b9dccb;border-radius:10px;background:#f2fcf7;color:#116043;text-align:center;place-items:center}.availability-day strong{font-size:14px}.availability-day span{font-size:8px;font-weight:800}.availability-day.is-limited{border-color:#e6c56e;background:#fff9e8;color:#875b00}.availability-day.is-too-soon{border-color:#cdd8df;background:#f4f7f9;color:#71808a}.availability-day.is-full,.availability-day.is-closed{border-color:#e2c7c9;background:#faf2f3;color:#9a5660}.availability-day:disabled{cursor:not-allowed;opacity:.7}.availability-day:not(:disabled):hover,.availability-day:not(:disabled):focus-visible{border-color:var(--flow-blue);box-shadow:0 0 0 3px rgba(10,140,255,.15);outline:0}.availability-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;color:var(--flow-muted);font-size:9px;font-weight:700}.availability-legend span::before{content:"";display:inline-block;width:8px;height:8px;margin-right:4px;border-radius:50%;background:#16855b}.availability-legend .is-limited::before{background:#d99a00}.availability-legend .is-too-soon::before{background:#8998a2}.availability-legend .is-closed::before{background:#bd5963}.availability-note{margin:10px 0 0;color:var(--flow-muted);font-size:9px;line-height:1.45}.availability-loading{grid-column:1/-1;padding:36px 10px;color:var(--flow-muted);text-align:center}.availability-loading.is-error{color:#b42a36}
.workflow-advanced{margin-top:10px}.workflow-advanced summary{color:var(--flow-muted);font-size:10px;font-weight:700;cursor:pointer}.workflow-advanced .workflow-lookup{margin-top:8px}.workflow-search-results{display:grid;gap:8px;margin-top:10px}.workflow-search-empty{padding:18px;border:1px dashed var(--flow-border);border-radius:12px;color:var(--flow-muted);font-size:10px;text-align:center}.workflow-search-card{border:1px solid var(--flow-border);border-radius:12px;background:#fff;overflow:hidden}.workflow-search-main{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:0;background:#fff;color:var(--flow-navy);text-align:left}.workflow-search-main:hover{background:#f5faff}.workflow-search-main span strong,.workflow-search-main span small,.workflow-search-main>b small{display:block}.workflow-search-main span small{margin-top:3px;color:var(--flow-muted);font-size:9px}.workflow-search-main>b{text-align:right;font-size:11px}.workflow-search-main>b small{margin-top:2px;color:var(--flow-muted);font-size:8px}.workflow-search-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-top:1px solid #edf2f5;background:#f8fbfd}.workflow-search-actions a,.workflow-search-actions span{color:var(--flow-muted);font-size:9px;text-decoration:none}.workflow-search-actions button{min-height:30px;padding:0 10px;border:1px solid #e5a7ad;border-radius:8px;background:#fff5f5;color:#a12631;font-size:9px;font-weight:800}.workflow-search-actions button:disabled{opacity:.45}
@media(max-width:560px){.availability-modal .modal-card{padding:14px}.availability-grid,.availability-weekdays{gap:3px}.availability-day{min-height:54px;padding:5px 1px;border-radius:8px}.availability-day span{font-size:7px}.availability-summary{display:grid}.availability-summary span{text-align:left}.workflow-search-main{align-items:flex-start}.workflow-search-actions{align-items:flex-start}}
.availability-day.is-boost{border-color:#ab8ae8;background:#f5f0ff;color:#6440a4}.availability-legend .is-boost::before{background:#7651b6}.availability-boost-offer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:12px;border:1px solid #a88ae2;border-radius:12px;background:linear-gradient(135deg,#f6f0ff,#eef7ff)}.availability-boost-offer[hidden]{display:none}.availability-boost-offer small,.availability-boost-offer strong,.availability-boost-offer span{display:block}.availability-boost-offer small{color:#7651b6;font-size:8px;font-weight:900}.availability-boost-offer strong{margin-top:2px;color:var(--flow-navy);font-size:12px}.availability-boost-offer span{margin-top:3px;color:var(--flow-muted);font-size:9px}.availability-boost-offer button{min-height:38px;padding:0 14px;border:0;border-radius:9px;background:#7046b5;color:#fff;font-size:10px;font-weight:900}

/* Preview guideline visibility control */
#previewDropZone{--preview-guideline-opacity:1}.preview-guideline-control{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:10px 0 12px;padding:10px 12px;border:1px solid #c8ddec;border-radius:12px;background:#f5faff}.preview-guideline-control label,.preview-guideline-control small{display:block}.preview-guideline-control label{color:var(--flow-navy);font-size:11px;font-weight:800}.preview-guideline-control small{margin-top:3px;color:var(--flow-muted);font-size:9px}.preview-guideline-slider{display:grid;grid-template-columns:minmax(120px,190px) 42px;align-items:center;gap:8px}.preview-guideline-slider input{width:100%;height:22px;margin:0;padding:0;accent-color:var(--flow-blue);cursor:pointer}.preview-guideline-slider output{color:var(--flow-navy);font-size:11px;font-weight:900;text-align:right}.layout-preview-card .preview-grid .piece{border-color:rgba(20,140,240,var(--preview-guideline-opacity))}.layout-preview-card .preview-grid .piece>.bleed,.layout-preview-card .preview-grid .piece>.safe-zone{opacity:var(--preview-guideline-opacity)}@media(max-width:520px){.preview-guideline-control{align-items:stretch;flex-direction:column;gap:8px}.preview-guideline-slider{grid-template-columns:minmax(0,1fr) 42px}}
.product-entry{text-decoration:none;background:linear-gradient(135deg,#008cff,#075fb4)}.material-entry{text-decoration:none}

/* Layout calculator opened from the start screen: only the pieces-per-sheet calculation, none of the order flow. */
.mobile-app.is-calculator-only #flowStepper,
.mobile-app.is-calculator-only #openCart,
.mobile-app.is-calculator-only #headerWorkflow,
.mobile-app.is-calculator-only [data-app-view="layout"] #layoutPrintServices,
.mobile-app.is-calculator-only [data-app-view="layout"] .flow-actions,
.mobile-app.is-calculator-only [data-app-view="layout"] .preview-drop-hint,
.mobile-app.is-calculator-only [data-app-view="layout"] #artworkCurrent,
.mobile-app.is-calculator-only [data-app-view="layout"] #artworkSideControls{display:none!important}

/* Staff catalog: search, category filter and collapsible category groups */
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.staff-catalog-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
.staff-catalog-filters[hidden]{display:none}
.staff-catalog-search{flex:1 1 220px;min-width:0}
.staff-catalog-search input{width:100%;min-height:42px;padding:0 14px;border:1px solid var(--flow-border);border-radius:10px;background:#fff;font:inherit}
.staff-catalog-search input:focus{outline:none;border-color:var(--flow-blue);box-shadow:0 0 0 3px rgba(10,140,255,.14)}
#staffCatalogCategoryFilter{flex:0 1 220px;min-height:42px;padding:0 10px;border:1px solid var(--flow-border);border-radius:10px;background:#fff;font:inherit}
#staffCatalogCategoryFilter[hidden]{display:none}
.staff-catalog-filter-button{min-height:42px;padding:0 14px;border:1px solid var(--flow-border);border-radius:10px;background:#fff;color:var(--flow-navy);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.staff-catalog-filter-button[hidden]{display:none}
.staff-catalog-count{flex:0 0 auto;color:var(--flow-muted);font-size:12px}
.staff-catalog-table .staff-catalog-group th{position:static;padding:0;background:#dcecf9;border-bottom:1px solid var(--flow-border)}
.staff-catalog-group-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;background:transparent;color:var(--flow-navy);font:inherit;text-align:left;cursor:pointer}
.staff-catalog-group-toggle small{margin-left:auto;color:var(--flow-muted);font-size:12px;font-weight:600}
.staff-catalog-table tbody tr[hidden]{display:none}

/* QA 2026-10-09: home entry — one clear primary action, staff sign-in as a small footer link */
.login-choice .primary-entry{min-height:76px;background:#0072d6;box-shadow:0 12px 26px rgba(0,114,214,.28)}
.login-choice .primary-entry:hover{background:#005bb0}
.login-choice .primary-entry strong{font-size:18px}
.login-choice .primary-entry span{color:#fff;font-size:12px}
.login-choice-label{margin:6px 0 0;color:#5b6b78;font-size:12px;font-weight:700}
.login-footer{margin:14px 0 0;text-align:center}
.login-footer .staff-entry{display:inline;min-height:0;padding:12px 6px;border:0;background:none;color:#5b6b78;font-size:12px;font-weight:700;text-decoration:underline}
.login-footer .staff-entry:hover{background:none;color:#0072d6}
body[data-portal="staff"] .login-footer{display:none}
.login-copy p{font-size:14px}
.login-help{font-size:12px}
/* Closed side sheets: hidden from focus and with no shadow bleeding onto the page edge */
.side-sheet{visibility:hidden;box-shadow:none;transition:transform .25s ease,visibility 0s linear .25s,box-shadow .25s ease}
.side-sheet.open{visibility:visible;box-shadow:-16px 0 45px rgba(0,0,0,.18);transition:transform .25s ease,box-shadow .25s ease}
.login-copy h1 .keep{display:inline-block}
.guest-entry span{font-size:12px}