/* SST brand references: sst-ebeam.com/templates/head/css/main*.css */
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:url('assets/open-sans-v34-latin-ext_latin-regular.woff2') format('woff2')}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:url('assets/open-sans-v34-latin-ext_latin-600.woff2') format('woff2')}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;font-display:swap;src:url('assets/open-sans-v34-latin-ext_latin-700.woff2') format('woff2')}
@font-face{font-family:'Fjalla One';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fjalla-one-v13-latin-ext_latin-regular.woff2') format('woff2')}
:root{--ink:#3c3c3b;--muted:#6b6b6a;--green:#1f4185;--light:#edf1f8;--line:#dedede;--bg:#f2f2f2;--sst-red:#b51f2a;--amber:#a46919}
body{font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;background:var(--bg)}
.sidebar{background:#fff;color:var(--ink);border-right:1px solid #dcdcdc;padding:27px 18px 28px}
.brand{padding:0 12px 24px;border-bottom:1px solid var(--line);letter-spacing:normal;font-size:initial}
.brand img{width:178px;height:auto;display:block;max-width:100%}
.brand small{font-family:'Open Sans',sans-serif;font-size:9px;letter-spacing:1.5px;color:#616160;font-weight:600;margin-top:18px}
.nav{margin-top:26px;gap:6px}
.nav button{color:#5a5a59;border-radius:2px;border-left:3px solid transparent;font-size:12px;padding:14px 12px;gap:10px}
.nav button:hover{background:#edf1f7;color:#1f4185}
.nav button.active{background:#1f4185;border-left-color:#b51f2a;color:#fff}
.sidebar-bottom{border-top-color:var(--line);color:#747473;padding:22px 12px 0;font-size:11px}
.dot{background:#1f4185;border-radius:0}
.topbar{background:#3c3c3b;color:white;border-bottom:3px solid var(--sst-red);height:88px}
.top-title{font-family:'Fjalla One','Arial Narrow',Arial,sans-serif;font-size:21px;letter-spacing:1px;font-weight:400}
.top-title small{font-family:'Open Sans',sans-serif;font-size:11px;color:#ddd;letter-spacing:0;margin-top:4px}
.profile label{color:#d2d2d2}.profile select{color:#fff;font-size:12px;max-width:190px}.profile select option{color:#3c3c3b;background:#fff}
.avatar{color:#fff;background:#5a5a59;font-size:12px;border-radius:2px;font-weight:600}
.demo{background:#fff;border:1px solid #dedede;border-left:3px solid #878787;border-radius:2px;color:#737372;padding:10px 14px;font-size:11px}
.eyebrow{color:var(--sst-red);font-size:10px;letter-spacing:1.5px;font-weight:700}
h1,h2,h3{font-family:'Fjalla One','Arial Narrow',Arial,sans-serif;font-weight:400;letter-spacing:0}
h1{font-size:34px;color:#1f4185;text-transform:uppercase;line-height:1.2;margin:8px 0 10px}
h2{font-size:19px;color:#555;text-transform:uppercase;line-height:1.3}
h3{font-size:19px;color:#555}.pagehead{margin-bottom:30px}
.btn{border-radius:2px;background:#1f4185;font-size:12px;padding:12px 20px;font-weight:600;transition:background .15s,color .15s}
.btn:hover{background:#b51f2a;color:white}.btn.secondary{background:white;border-color:#d0d0d0;color:#1f4185}.btn.secondary:hover{border-color:#1f4185;background:#edf1f8;color:#1f4185}.btn.danger{background:#f7eaec;color:#a41d28}.btn.danger:hover{background:#b51f2a;color:white}
.btn.small{font-size:11px;padding:7px 12px}
.stat{border-radius:2px;border:1px solid var(--line);border-top:3px solid #1f4185;padding:20px 22px}.stat:nth-child(3){border-top-color:#b51f2a}
.stat strong{font-family:'Fjalla One','Arial Narrow',Arial,sans-serif;font-weight:400;font-size:34px;color:#1f4185;letter-spacing:0;margin:9px 0 4px}.stat-label{font-size:11px}.stat small{font-size:10px}
.panel{border-radius:2px}.panel-head{background:#fff;border-bottom-color:#dedede}.panel-body{background:white}
th{background:#efefef;color:#686867;letter-spacing:.7px;font-size:10px}td{border-top-color:#e8e8e8}td strong{font-weight:600}td small{font-size:11px}
input,select,textarea{border-color:#d1d1d1;border-radius:2px;font-size:13px}input:focus,select:focus,textarea:focus{outline:2px solid #1f4185;outline-offset:2px}
.pill{border-radius:2px;background:#edf1f8;color:#1f4185}.pill.pending{background:#fbf1dd;color:#87631f}.pill.exported{background:#e9eef8;color:#1f4185}.pill.confirmed{background:#e7f2e9;color:#28613a}
.article{border-radius:2px;transition:border-color .15s,box-shadow .15s;transform:none}.article:hover{transform:none;border-color:#1f4185;box-shadow:0 3px 15px #1f418512}.article-visual{background:#efefef;color:#1f4185;border-radius:0;border-bottom:2px solid #1f4185}.article .num{color:#1f4185}.article h3{font-size:21px;color:#555}.article footer span:last-child{color:#b51f2a;font-weight:600}
.progress{border-radius:1px;background:#e5e5e5}.progress span{background:#1f4185}.row{border-color:#e4e4e4}.linkbtn{color:#1f4185;font-size:12px}.linkbtn:hover{color:#b51f2a;text-decoration:underline}
.notice{background:#edf1f8;color:#3d5680;border-radius:2px;border-left:3px solid #1f4185}.badge{border-radius:2px;color:#1f4185;border-color:#ccd5e6}.kicker{color:#777;font-size:10px}.timeblock strong{font-family:'Fjalla One','Arial Narrow',Arial,sans-serif;color:#1f4185;font-weight:400;letter-spacing:0;font-size:40px}
.modal-backdrop{background:#25252599;backdrop-filter:blur(2px)}.modal{border-radius:3px;box-shadow:0 25px 90px #0004}.modal-header{border-top:4px solid #1f4185}.close{border-radius:2px;background:#efefef;color:#555}.toast{background:#1f4185;border-radius:2px;box-shadow:0 6px 20px #1f418530}
.tabbar button.active{color:#1f4185;border-color:#b51f2a}.tabbar button{font-weight:600;font-size:12px}.error{color:#b51f2a}
@media(max-width:700px){.sidebar{background:#3c3c3b;color:white;border-top:2px solid #b51f2a;border-right:0;padding:0;height:66px}.brand{display:none}.nav{margin:0;height:64px;gap:0}.nav button{border-left:0;border-top:2px solid transparent;color:#ddd;font-size:9px;padding:5px 3px;gap:3px}.nav button.active{background:#1f4185;border-top-color:white}.nav button:hover{background:#4d4d4c;color:white}.topbar{height:85px;padding:0 16px;background:white;color:#3c3c3b;border-bottom:3px solid #1f4185}.mobile-brand{display:block;line-height:0}.mobile-brand img{display:block;width:100px;height:auto}.desktop-title{display:none}.top-title small{color:#777;font-size:9px;margin-top:6px;letter-spacing:0}.profile label{color:#777;font-size:8px!important}.profile select{color:#3c3c3b;font-size:11px;max-width:153px;padding:5px 0}.demo{font-size:10px;padding:8px 10px}h1{font-size:29px}h2{font-size:18px}.stat{padding:15px;border-top-width:3px}.stat strong{font-size:29px}.stat-label{font-size:10px}.pagehead{gap:12px}.pagehead .btn{padding:10px 11px}.content{padding-bottom:95px}.article h3{font-size:22px}}
.timer-card{display:flex;justify-content:space-between;align-items:center;gap:24px;background:white;border:1px solid #dcdcdc;border-left:4px solid #1f4185;padding:24px;margin-bottom:26px}.timer-card.running{background:#f6f8fc;border-left-color:#b51f2a}.timer-info h2{color:#1f4185;font-size:22px;margin:7px 0}.timer-info p{font-size:12px}.timer-info small{display:block;color:#777;font-size:10px;margin-top:10px}.timer-actions{text-align:right;flex-shrink:0}.timer-actions .btn{min-width:160px}.timer-display{font-family:'Fjalla One','Arial Narrow',Arial,sans-serif;color:#1f4185;font-size:36px;font-variant-numeric:tabular-nums;letter-spacing:2px;line-height:1.2;margin-bottom:12px}.timer-idle{font-size:10px;color:#777;margin-bottom:10px}.btn.stop{background:#b51f2a}.btn.stop:hover{background:#8f1822}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b51f2a;margin-right:6px}.timer-summary{background:#edf1f8;padding:14px 16px;margin:0 0 18px;color:#1f4185}.timer-summary strong{font-family:'Fjalla One',sans-serif;font-size:26px;font-weight:400}.timer-summary span{font-size:12px}
.stamp-buttons{display:flex;gap:8px;align-items:stretch}.timer-actions .camera-btn{min-width:0;padding:11px 12px}.camera-btn svg{width:19px;height:19px}.camera-btn span{font-size:11px}.scan-preview{position:relative;background:#272727;aspect-ratio:4/3;overflow:hidden}.scan-preview video{width:100%;height:100%;object-fit:cover;display:block}.scan-frame{position:absolute;inset:23% 12%;border:2px solid #fff;box-shadow:0 0 0 120px #0003;pointer-events:none}.scan-message{font-size:12px;padding:12px 0;min-height:50px}.scan-alternatives{display:flex;gap:10px;align-items:center;margin:5px 0 18px;flex-wrap:wrap}.scan-alternatives label{margin:0;cursor:pointer}.scan-manual{border-top:1px solid var(--line);padding:15px 0}.scan-manual summary{cursor:pointer;font-size:12px;color:#1f4185;font-weight:600}.scan-manual form{margin-top:14px}.scan-input{display:flex;gap:8px}.scan-input input{flex:1}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.visually-hidden:focus{position:static;width:auto;height:auto;clip:auto}.scan-message.error{color:#b51f2a}
.order-tools{display:flex;gap:8px;flex-wrap:wrap}.order-modal{max-width:800px}.operation-row{display:grid;grid-template-columns:100px 120px 1fr 34px;gap:12px;align-items:end;margin-bottom:14px}.operation-row label{margin:0;font-size:11px}.operation-row input{margin-top:6px}.operation-row .btn{height:41px}.operation-row input[readonly]{background:#f1f1f1;color:#666}.order-row-head{padding:20px 0 12px;margin-top:12px;border:0}.order-row-head h3{margin:0}#order-error,#csv-error{margin-top:14px}.tabbar{overflow-x:auto}.tabbar button{white-space:nowrap}
@media(max-width:700px){.order-tools{justify-content:flex-start}.panel-head:has(.order-tools){align-items:flex-start;flex-direction:column}.operation-row{grid-template-columns:1fr 1fr 34px;gap:8px;background:#f5f5f5;padding:12px}.operation-row>div:nth-child(3){grid-column:1/3;grid-row:2}.operation-row>button{grid-column:3;grid-row:2}.order-modal .modal-actions{flex-wrap:wrap}}
@media(max-width:700px){.timer-actions:has(.stamp-buttons){flex-wrap:wrap}.stamp-buttons{flex:1;justify-content:flex-end}.timer-actions .stamp-buttons .btn{min-width:0;padding:11px 12px}.camera-btn span{display:none}.scan-preview{aspect-ratio:1/1}.scan-input{flex-wrap:wrap}}
@media(max-width:700px){.timer-card{padding:18px;flex-direction:column;align-items:stretch;gap:20px}.timer-info h2{font-size:21px}.timer-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.timer-actions .btn{min-width:130px;padding:11px 13px}.timer-display{font-size:30px;margin:0}.timer-idle{max-width:125px;margin:0;font-size:10px}.timer-info small{font-size:10px}}