:root{--navy:#1b2a5c;--navy-deep:#111c40;--navy-soft:#c9cedc;--gold:#ffc800;--gold-press:#e6b400;--paper:#f6f4ee;--surface:#fff;--text:#1a1f2e;--muted:#4a5168;--line:#e8e5dd;--edge:#8a90a6;--ok:#1f7a4d;--warn:#9a5b00;--danger:#b3261e;--ok-bg:#e7f3ec;--warn-bg:#fbf0dc;--danger-bg:#fbe9e7;--label-navy:#1b2a5c;--label-gold:#b38600;--label-teal:#0f6e6e;--label-brick:#a3412a;--label-plum:#6b3a78;--label-slate:#4a5168;--radius-sm:8px;--radius:12px;--shadow-card:0 1px 2px #1b2a5c0d;--shadow-raised:0 8px 18px -12px #1b2a5c66;--font:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--gutter:clamp(16px, 4vw, 40px);--header-h:68px}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--text);background:var(--paper);min-height:100dvh;margin:0;font-size:1rem;line-height:1.55}h1,h2,h3{color:var(--navy);margin:0;line-height:1.25}h1{font-size:clamp(1.4rem,1.1rem + 1.2vw,1.85rem);font-weight:700}h2{font-size:1.15rem;font-weight:700}h3{font-size:1rem;font-weight:600}p{margin:0}a{color:var(--navy);text-underline-offset:3px}a:hover{color:var(--navy-deep)}img{max-width:100%;display:block}a[href],button:not(:disabled),summary,select,label[for],input[type=checkbox],input[type=radio]{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--navy);outline-offset:2px;border-radius:2px}.topbar :focus-visible{outline-color:var(--gold)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:20;background:var(--gold);color:var(--navy);border-radius:var(--radius-sm);padding:10px 14px;font-weight:600;position:absolute;top:-60px;left:12px}.skip-link:focus{top:12px}.topbar{background:var(--navy);color:#fff;z-index:2;position:relative}.topbar__inner{max-width:1180px;padding:0 var(--gutter);min-height:var(--header-h);align-items:center;gap:24px;margin:0 auto;display:flex}.brand{color:#fff;align-items:center;gap:12px;min-height:44px;font-size:1.05rem;font-weight:700;text-decoration:none;display:flex}.brand:hover{color:#fff}.brand img{border-radius:4px;width:40px;height:40px}.brand small{color:var(--navy-soft);font-size:.78rem;font-weight:500;display:block}.nav{align-items:center;gap:4px;margin-left:auto;display:flex}.nav a,.nav button{color:var(--navy-soft);font:inherit;border-radius:var(--radius-sm);background:0 0;border:0;align-items:center;min-height:44px;padding:10px 12px;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.nav a:hover,.nav button:hover{color:#fff;background:#ffffff14}.nav a[aria-current=page]{color:#fff;box-shadow:inset 0 -3px 0 var(--gold);border-radius:0}.nav__user{color:var(--navy-soft);border-left:1px solid #ffffff2e;align-items:center;gap:4px;margin-left:8px;padding-left:12px;font-size:.85rem;display:flex}.nav__user form{margin:0}.menu-toggle{color:#fff;border-radius:var(--radius-sm);font:inherit;background:0 0;border:1px solid #ffffff59;min-height:44px;margin-left:auto;padding:8px 14px;font-weight:600;display:none}.slot{background:var(--navy-deep);height:8px;box-shadow:inset 0 3px 4px #00000073}.page{max-width:1180px;padding:0 var(--gutter) 48px;margin:0 auto}.sheet{background:var(--surface);border-radius:0 0 var(--radius) var(--radius);box-shadow:0 1px 0 var(--line), 0 10px 24px -14px #1b2a5c59;margin-bottom:24px;padding:clamp(20px,3vw,36px)}.page--full{max-width:none;padding-bottom:0}.sheet--full{margin-bottom:0;padding:12px 16px}@media (prefers-reduced-motion:no-preference){.sheet--feed{animation:.32s cubic-bezier(.2,.7,.2,1) both feed}@keyframes feed{0%{clip-path:inset(0 0 100%);transform:translateY(-14px)}to{clip-path:inset(0);transform:none}}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.page-head p{color:var(--muted);max-width:60ch;margin-top:6px}.actions{flex-wrap:wrap;gap:10px;display:flex}.section+.section{border-top:1px solid var(--line);margin-top:36px;padding-top:28px}.section>h2{margin-bottom:6px}.section>.lead{color:var(--muted);max-width:65ch;margin-bottom:18px}.btn{border-radius:var(--radius-sm);min-height:44px;font:inherit;border:2px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.95rem;font-weight:600;text-decoration:none;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.btn--primary{background:var(--gold);color:var(--navy)}.btn--primary:hover{background:var(--gold-press);color:var(--navy)}.btn--primary:active{transform:translateY(1px)}.btn--secondary{background:var(--surface);color:var(--navy);border-color:var(--navy)}.btn--secondary:hover{color:var(--navy);background:#eef0f6}.btn--danger{background:var(--surface);color:var(--danger);border-color:var(--danger)}.btn--danger:hover{background:var(--danger-bg);color:var(--danger)}.btn--danger-solid{background:var(--danger);color:#fff}.btn--danger-solid:hover{color:#fff;background:#8f1d17}.btn--quiet{color:var(--navy);text-underline-offset:3px;background:0 0;padding-inline:10px;text-decoration:underline}.btn--quiet:hover{background:#eef0f6}.btn:disabled,.btn[aria-busy=true]{opacity:.6;transform:none}.btn--small{min-height:40px;padding:6px 12px;font-size:.88rem}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;display:none}[aria-busy=true] .spinner{display:inline-block}@media (prefers-reduced-motion:no-preference){[aria-busy=true] .spinner{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}}.form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px 20px;display:grid}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field--wide{grid-column:1/-1}.field label,.field legend{color:var(--text);padding:0;font-size:.92rem;font-weight:600}.field .help{color:var(--muted);font-size:.85rem}.input{font:inherit;color:var(--text);background:var(--surface);border:1.5px solid var(--edge);border-radius:var(--radius-sm);width:100%;min-height:44px;padding:10px 12px}.input:hover{border-color:var(--muted)}.input:focus-visible{outline:3px solid var(--navy);outline-offset:0;border-color:var(--navy)}.input[aria-invalid=true]{border-color:var(--danger)}textarea.input{resize:vertical;min-height:88px}.input-unit{align-items:center;gap:10px;display:flex}.input-unit .input{max-width:120px}.input-unit span{color:var(--muted)}.error{color:var(--danger);font-size:.88rem;font-weight:500}.error:before{content:"Perlu diperbaiki: ";font-weight:700}fieldset.field{border:0;margin:0;padding:0}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{position:relative}.swatch input{opacity:0;margin:0;position:absolute;inset:0}.swatch span{border:1.5px solid var(--edge);border-radius:var(--radius-sm);align-items:center;gap:8px;min-height:44px;padding:6px 12px 6px 8px;font-size:.9rem;display:flex}.swatch span:before{content:"";background:var(--swatch);border-radius:4px;width:22px;height:22px}.swatch input:checked+span{border-color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--navy);font-weight:600}.swatch input:focus-visible+span{outline:3px solid var(--navy);outline-offset:2px}.switch{align-items:center;gap:12px;min-height:44px;display:flex}.switch input{width:22px;height:22px;accent-color:var(--navy)}.flash{border-radius:var(--radius-sm);align-items:flex-start;gap:12px;margin-bottom:20px;padding:12px 16px;font-weight:500;display:flex}.flash strong{flex:none}.flash--ok{background:var(--ok-bg);color:#14523a}.flash--error{background:var(--danger-bg);color:#8f1d17}.flash--info{color:var(--navy);background:#eef0f6}.printers{gap:14px;margin:0;padding:0;list-style:none;display:grid}.printer{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;align-items:center;gap:16px 28px;padding:18px 20px;display:grid}.printer--off{background:#faf9f5}.printer__id{align-items:flex-start;gap:14px;min-width:0;display:flex}.printer__id>div{min-width:0}.printer__name{color:var(--navy);overflow-wrap:anywhere;font-size:1.05rem;font-weight:700}.printer__meta{color:var(--muted);overflow-wrap:anywhere;font-size:.88rem}.printer__actions{flex-wrap:wrap;gap:6px;margin-top:8px;margin-left:-12px;display:flex}.printer__actions form{margin:0}@media (width<=980px){.printer{grid-template-columns:minmax(0,1fr) auto}.printer__status{grid-area:2/1/auto/-1}}@media (width<=560px){.printer{grid-template-columns:minmax(0,1fr);padding:16px}.printer__status{grid-row:auto}}.label-tab{background:var(--tab,var(--label-navy));border-radius:3px 3px 7px 7px;flex:none;width:14px;height:44px;margin-top:2px}.label-tab[data-color=navy]{--tab:var(--label-navy)}.label-tab[data-color=gold]{--tab:var(--label-gold)}.label-tab[data-color=teal]{--tab:var(--label-teal)}.label-tab[data-color=brick]{--tab:var(--label-brick)}.label-tab[data-color=plum]{--tab:var(--label-plum)}.label-tab[data-color=slate]{--tab:var(--label-slate)}.printer-icon{--tile:var(--label-navy);border-radius:var(--radius-sm);background:var(--tile);color:#fff;--icon-paper:var(--tile);flex:none;place-items:center;width:44px;height:44px;display:grid}.printer-icon[data-color=gold]{--tile:var(--label-gold)}.printer-icon[data-color=teal]{--tile:var(--label-teal)}.printer-icon[data-color=brick]{--tile:var(--label-brick)}.printer-icon[data-color=plum]{--tile:var(--label-plum)}.printer-icon[data-color=slate]{--tile:var(--label-slate)}.printer-icon[data-color=none]{--tile:#eef0f6;color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--navy-soft)}.status{flex-direction:column;gap:2px;display:flex}.status__main{align-items:center;gap:8px;font-weight:600;display:flex}.status__main:before{content:"";background:var(--dot);border-radius:50%;flex:none;width:10px;height:10px}.status__detail{color:var(--muted);padding-left:18px;font-size:.88rem}.status--ready{--dot:var(--ok)}.status--ready .status__main{color:var(--ok)}.status--busy{--dot:var(--navy)}.status--attention{--dot:var(--warn)}.status--attention .status__detail{color:var(--warn);font-weight:500}.status--stopped{--dot:var(--danger)}.status--stopped .status__main{color:var(--danger)}.status--offline,.status--disabled{--dot:var(--edge)}.status--offline .status__main,.status--disabled .status__main{color:var(--muted)}.inks{gap:6px;margin:0;padding:0;list-style:none;display:grid}.ink{grid-template-columns:62px minmax(0,1fr) 54px;align-items:center;gap:8px;display:grid}.ink__name{color:var(--muted);font-size:.8rem}.ink__bar{background:#ece9e0;border-radius:4px;height:8px;display:block;position:relative}.ink__fill{width:calc(var(--level,0) * 1%);background:var(--ink);height:100%;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 70%, #000);border-radius:4px;display:block}.js [data-tank]:not(.is-ready) .ink__fill{width:0}.ink__fill--multi{background:linear-gradient(to right, var(--ink-1) 0 33.3%, var(--ink-2) 33.3% 66.6%, var(--ink-3) 66.6%);box-shadow:none}@media (prefers-reduced-motion:no-preference){.ink__fill{transition:width .6s cubic-bezier(.25,.8,.25,1)}}.ink__low{top:-2px;bottom:-2px;left:calc(var(--low,15) * 1%);background:var(--danger);opacity:.7;width:2px;position:absolute}.ink__unknown{background:repeating-linear-gradient(135deg,#0000 0 4px,#4a516833 4px 6px);border-radius:4px;position:absolute;inset:0}.ink__value{font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:flex-end;align-items:center;gap:3px;font-size:.82rem;font-weight:700;display:inline-flex}.ink--low .ink__value,.ink--empty .ink__value{color:var(--danger)}.tanks-note{color:var(--muted);margin-top:6px;font-size:.76rem}.empty{border:1.5px dashed var(--edge);border-radius:var(--radius);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:28px;padding:28px;display:grid}.empty h2{margin-bottom:6px}.empty p{color:var(--muted);max-width:52ch;margin-bottom:16px}.empty svg{width:140px;height:auto}@media (width<=560px){.empty{text-align:center;grid-template-columns:1fr;padding:20px}.empty svg{margin:0 auto}.empty .actions{justify-content:center}}.found{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.found>li{border-bottom:1px solid var(--line)}.found__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;padding:14px 0;display:flex}.found__row strong{color:var(--navy)}.found__id{flex:200px;min-width:0}.found__meta{color:var(--muted);overflow-wrap:anywhere;font-size:.88rem}.found__known{color:var(--muted);font-size:.9rem}.found details>summary{list-style:none}.found details>summary::-webkit-details-marker{display:none}.found details[open]>summary .btn{background:#eef0f6}.approve{padding:4px 0 22px}.approve .actions{margin-top:18px}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.93rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:12px 14px}.table th{color:var(--muted);white-space:nowrap;background:#faf9f5;font-weight:600}.table tr:last-child td{border-bottom:0}.table td form{margin:0}.muted{color:var(--muted)}.mono{font-variant-numeric:tabular-nums;white-space:nowrap}.tag{color:var(--navy);background:#eef0f6;border-radius:4px;padding:2px 8px;font-size:.8rem;font-weight:600;display:inline-block}.tag--off{color:var(--muted);background:#ece9e0}@media (width<=640px){.table--stack thead{display:none}.table--stack tr{border-bottom:1px solid var(--line);padding:12px 14px;display:block}.table--stack td{overflow-wrap:anywhere;border:0;flex-wrap:wrap;align-items:baseline;gap:4px 12px;min-width:0;padding:4px 0;display:flex}.table--stack td:before{content:attr(data-label);color:var(--muted);flex:0 0 96px;font-weight:600}.table-wrap:has(.table--stack){overflow-x:visible}}.pagination{justify-content:space-between;gap:10px;margin-top:18px;display:flex}dialog{border-radius:var(--radius);border:0;max-width:min(440px,100vw - 32px);padding:24px;box-shadow:0 24px 48px -12px #111c4073}dialog::backdrop{background:#111c408c}dialog h2{margin-bottom:8px}dialog p{color:var(--muted)}dialog .actions{justify-content:flex-end;margin-top:20px}.login{grid-template-rows:auto auto 1fr;min-height:100dvh;display:grid}.login__top{background:var(--navy);color:#fff;justify-content:center;align-items:center;gap:14px;min-height:120px;padding:16px;display:flex}.login__top img{border-radius:6px;width:64px;height:64px}.login__top p{color:var(--navy-soft);font-size:.9rem}.login__title{color:#fff;font-size:1.4rem;font-weight:700;line-height:1.2}.login main{align-content:center;justify-items:center;min-width:0;padding:32px 16px 48px;display:grid}.login .sheet{border-radius:var(--radius);width:100%;min-width:0;max-width:420px;margin:0;padding:32px}.login .sheet--register{max-width:800px}.stage-notice{border-radius:var(--radius-sm);background:var(--warn-bg);color:#6e4100;border:1px solid #ecd3a3;align-items:flex-start;gap:10px;margin:0 0 20px;padding:12px 14px;font-size:.9rem;line-height:1.45;display:flex}.stage-notice .icon{margin-top:1px}.login form{gap:16px;display:grid}.login .input{min-height:48px}.login .btn{width:100%;min-height:48px}@media (width<=560px){.login__top{gap:10px;min-height:84px;padding:12px 16px}.login__top img{width:48px;height:48px}.login__title{font-size:1.15rem}.login__top p{font-size:.8rem}.login main{padding:16px 16px 32px}.login .sheet{padding:22px 18px}}.auth-head{margin-bottom:18px}.auth-head p{color:var(--muted);margin-top:4px;font-size:.92rem}.auth-note{margin-bottom:16px}.auth-actions{gap:10px;display:grid}.auth-remember{gap:8px;min-height:28px;font-size:.92rem}.auth-remember input{width:18px;height:18px}.auth-foot{border-top:1px solid var(--line);color:var(--muted);text-align:center;gap:2px;margin-top:20px;padding-top:16px;font-size:.88rem;display:grid}.auth-group{border:0;min-width:0;margin:0;padding:0}.auth-group>legend{color:var(--navy);align-items:center;gap:7px;margin-bottom:10px;padding:0;font-size:.95rem;font-weight:700;display:flex}.auth-grid{align-items:start;gap:14px;display:grid}@media (width>=640px){.auth-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}}.password-field{position:relative}.login .password-field .input,.password-field .input{padding-right:48px}.password-field__toggle{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}html:not(.js) .password-field__toggle{display:none}.password-field__toggle:hover{background:var(--paper);color:var(--navy)}.password-field__toggle:focus-visible{outline:3px solid var(--navy);outline-offset:-2px}.password-field__hide,.password-field__toggle[aria-pressed=true] .password-field__show{display:none}.password-field__toggle[aria-pressed=true] .password-field__hide{display:block}.login__alt{margin-top:14px}.login__links{color:var(--muted);text-align:center;margin-top:18px;font-size:.9rem}.segment{border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);grid-template-columns:1fr 1fr;gap:4px;margin-bottom:18px;padding:4px;display:grid}.segment a{text-align:center;min-height:44px;color:var(--muted);border-radius:4px;justify-content:center;align-items:center;padding:6px 8px;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.segment a[aria-current]{background:var(--navy);color:#fff}@media (width<=420px){.segment a{padding-inline:4px;font-size:.82rem}}.segment--tabs{max-width:320px}.checklist{gap:4px;display:grid}.applications{gap:16px;margin:0;padding:0;list-style:none;display:grid}.application{border:1.5px solid var(--line);border-radius:var(--radius);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px 28px;padding:18px;display:grid}.application__forms{align-content:start;gap:14px;display:grid}.application__forms h3{margin:0 0 10px}.application summary{min-height:44px;color:var(--danger);cursor:pointer;padding:10px 0;font-weight:600}@media (width<=820px){.application{grid-template-columns:minmax(0,1fr)}}.otp-input{letter-spacing:.3em;max-width:220px;font-size:1.5rem;font-weight:700}.login .sheet--status{max-width:760px}.status__title{margin:24px 0 14px}.apply-steps{--step-gap:.32s;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 22px;padding:0;list-style:none;display:grid}.apply-step{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:0 6px;display:flex;position:relative}.apply-step:not(:last-child):before,.apply-step:not(:last-child):after{content:"";background:var(--line);width:calc(100% - 40px);height:3px;position:absolute;top:17px;left:calc(50% + 20px)}.apply-step--done:not(:last-child):after{background:var(--ok);transform-origin:0}.apply-step__dot{z-index:1;border:2px solid var(--edge);background:var(--surface);width:36px;height:36px;color:var(--muted);border-radius:50%;place-items:center;font-size:.9rem;font-weight:700;display:grid}.apply-step__text{color:var(--muted);gap:2px;font-size:.85rem;display:grid}.apply-step__text strong{color:var(--text);line-height:1.3}.apply-step--done .apply-step__dot{border-color:var(--ok);background:var(--ok);color:#fff}.apply-step--current .apply-step__dot{border-color:var(--navy);background:var(--navy);color:#fff}.apply-step--failed .apply-step__dot{border-color:var(--danger);background:var(--danger);color:#fff}.apply-step--failed .apply-step__text strong{color:var(--danger)}@media (width<=560px){.apply-steps{grid-template-columns:1fr;gap:16px}.apply-step{text-align:left;flex-direction:row;align-items:flex-start;gap:12px;padding:0}.apply-step:not(:last-child):before,.apply-step:not(:last-child):after{width:3px;height:calc(100% - 20px);top:36px;left:17px}.apply-step--done:not(:last-child):after{transform-origin:top}}@media (prefers-reduced-motion:no-preference){.apply-step__dot{animation:.3s ease-out both step-in;animation-delay:calc(var(--i) * var(--step-gap))}.apply-step__text{animation:.3s ease-out both step-text;animation-delay:calc(var(--i) * var(--step-gap))}.apply-step--done:not(:last-child):after{animation:.28s ease-in both step-line-x;animation-delay:calc((var(--i) * var(--step-gap)) + .16s)}.apply-step--current .apply-step__dot{animation:.3s ease-out both step-in,2.2s ease-out infinite step-wait;animation-delay:calc(var(--i) * var(--step-gap)), calc((var(--i) * var(--step-gap)) + .4s)}}@media (prefers-reduced-motion:no-preference) and (width<=560px){.apply-step--done:not(:last-child):after{animation-name:step-line-y}}@keyframes step-in{0%{opacity:0;transform:scale(.6)}}@keyframes step-text{0%{opacity:0}}@keyframes step-line-x{0%{transform:scaleX(0)}}@keyframes step-line-y{0%{transform:scaleY(0)}}@keyframes step-wait{0%{box-shadow:0 0 #1b2a5c66}70%,to{box-shadow:0 0 0 10px #1b2a5c00}}.captcha{grid-template-columns:minmax(0,150px) 48px minmax(76px,1fr);align-items:center;gap:8px;max-width:400px;display:grid}.captcha__img{object-fit:contain;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);width:100%;height:48px}.login .captcha__refresh{width:48px;height:48px;padding:0}@media (prefers-reduced-motion:no-preference){.captcha__refresh.is-spinning svg{animation:.45s ease-out spin}}.captcha__input{text-align:center;padding-inline:8px}.dl{grid-template-columns:max-content minmax(0,1fr);gap:6px 18px;margin:0;display:grid}.dl dt{color:var(--muted)}.dl dd{overflow-wrap:anywhere;white-space:normal;margin:0}.page--narrow{max-width:920px}.page--narrow:has(.review){max-width:1180px}.btn--large{min-height:52px;padding:12px 26px;font-size:1.02rem}.page:has(.cetak){max-width:1560px}body:has(.cetak) .topbar__inner{max-width:1560px}.icon{flex:none}.cetak{gap:16px;display:grid}.cetak__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.cetak__head h1{font-size:1.5rem;line-height:1.25}.cetak__head p{color:var(--muted);margin-top:2px;font-size:.92rem}.cetak__head .badge{margin-left:0}.notice{border-radius:var(--radius-sm);color:var(--navy);overflow-wrap:anywhere;background:#eef0f6;align-items:flex-start;gap:8px;padding:8px 12px;font-size:.9rem;display:flex}.notice .icon{margin-top:3px}.upload{gap:12px;display:grid}.cetak__grid{align-items:start;gap:22px;display:grid}.cetak__side{gap:14px;min-width:0;display:grid}@media (width>=1080px){.cetak__grid{grid-template-columns:minmax(0,1fr) minmax(340px,400px)}.cetak__side{position:sticky;top:16px}}.cetak-sec{border:0;min-width:0;margin:0;padding:0}.cetak-sec__title{color:var(--navy);align-items:center;gap:8px;margin-bottom:10px;padding:0;font-size:1rem;font-weight:700;display:flex}.cetak-sec__n{background:var(--navy);color:#fff;font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.76rem;display:inline-grid}html:not(.js) .cetak-tools{display:none}.cetak-tools{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.cetak-tools__search,.cetak-tools__place{min-width:0;position:relative}.cetak-tools__search{flex:220px}.cetak-tools__place{flex:0 220px}@media (width<=560px){.cetak-tools__place{flex-grow:1}}.cetak-tools .icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.cetak-tools .input{width:100%;padding-left:34px}.pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (width>=1600px){.pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=560px){.pgrid{grid-template-columns:minmax(0,1fr)}}.pcard-wrap{min-width:0}.pcard{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;flex-direction:column;gap:9px;height:100%;padding:12px;display:flex;position:relative}.pcard:hover{border-color:var(--edge);box-shadow:0 6px 14px -10px #1b2a5c73}.pcard__input{opacity:0;width:1px;height:1px;position:absolute}.pcard:has(.pcard__input:checked){border-color:var(--gold);box-shadow:0 0 0 1.5px var(--gold);background:#fffdf4}.pcard:has(.pcard__input:focus-visible){outline:3px solid var(--navy);outline-offset:2px}.pcard__check{background:var(--gold);width:22px;height:22px;color:var(--navy);opacity:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px;transform:scale(.6)}.pcard__input:checked~.pcard__check{opacity:1;transform:none}.pcard__head{gap:10px;min-width:0;padding-right:24px;display:flex}.pcard .printer-icon{width:38px;height:38px}.pcard__id{gap:1px;min-width:0;display:grid}.pcard__name{color:var(--navy);overflow-wrap:anywhere;font-size:.95rem;font-weight:700;line-height:1.3}.pcard__place{color:var(--muted);overflow-wrap:anywhere;align-items:flex-start;gap:4px;font-size:.8rem;display:flex}.pcard__place .icon{margin-top:3px}.pcard__status .status__main{font-size:.86rem}.pcard__status .status__detail{font-size:.8rem}.pcard__chips{flex-wrap:wrap;gap:4px;margin-top:auto;display:flex}.pchip{border:1px solid var(--line);background:var(--paper);color:var(--muted);overflow-wrap:anywhere;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:.76rem;font-weight:500;display:inline-flex}.pcard__warn{color:var(--warn);font-size:.78rem;font-weight:500}.pcard--off{border-style:dashed;border-color:var(--edge);cursor:not-allowed;background:#faf9f5}.pcard--off:hover{border-color:var(--edge);box-shadow:none}.pcard--off .printer-icon{opacity:.55}.pcard--off .pcard__name{color:var(--muted)}.pempty{border:1.5px dashed var(--edge);border-radius:var(--radius);color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;padding:18px;display:flex}.dz{border:1.5px dashed var(--edge);border-radius:var(--radius);background:var(--surface);text-align:center;cursor:pointer;justify-items:center;gap:4px;padding:18px 14px;display:grid;position:relative}.dz:hover{border-color:var(--navy)}.dz.is-over{border-style:solid;border-color:var(--gold);box-shadow:0 0 0 1.5px var(--gold);background:#fffdf4}.dz:has(.drop__input:focus-visible){outline:3px solid var(--navy);outline-offset:2px}.dz__icon{width:44px;height:44px;color:var(--navy);background:#eef0f6;border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.dz__title{color:var(--navy);font-weight:700}.dz__or{color:var(--muted);font-size:.82rem}.dz__pick{cursor:pointer;margin:2px 0 6px}.dz__rules{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:0 12px;font-size:.78rem;display:flex}.dz.has-files{text-align:left;align-items:center;gap:10px;padding:8px 10px;display:flex}.dz.has-files .dz__icon{width:32px;height:32px;margin:0}.dz.has-files .dz__icon .icon{width:16px;height:16px}.dz.has-files .dz__title{flex:auto;font-size:.88rem}.dz.has-files .dz__or,.dz.has-files .dz__rules{display:none}.dz.has-files .dz__pick{margin:0}.drop__input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.flist-wrap{margin-top:10px}.flist-head{color:var(--navy);flex-wrap:wrap;justify-content:space-between;gap:2px 10px;margin-bottom:6px;font-size:.82rem;font-weight:600;display:flex}.flist-head .muted{font-weight:400}.flist{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);max-height:264px;margin:0;padding:0;list-style:none;overflow-y:auto}.flist__item{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:6px 6px 6px 8px;display:flex}.flist__item:last-child{border-bottom:0}.flist__type{border-radius:var(--radius-sm);flex:none;place-items:center;width:28px;height:28px;display:grid}.flist__type--pdf{background:var(--danger-bg);color:var(--danger)}.flist__type--word{color:var(--navy);background:#eef0f6}.flist__type--image{background:var(--ok-bg);color:var(--ok)}.flist__text{flex:auto;min-width:0;display:grid}.flist__name{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:600;overflow:hidden}.flist__size{color:var(--muted);font-size:.76rem}.flist__tools{flex:none;display:flex}.flist__btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.flist__btn:hover:not(:disabled){background:var(--paper);color:var(--navy)}.flist__btn:focus-visible{outline:3px solid var(--navy);outline-offset:-1px}.flist__btn:disabled{opacity:.35;cursor:default}@media (pointer:coarse){.flist__btn{width:40px;height:40px}}.cetak-send{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);gap:8px;padding:12px;display:grid}.cetak-send__row{color:var(--muted);overflow-wrap:anywhere;gap:7px;font-size:.84rem;display:flex}.cetak-send__row .icon{margin-top:3px}.cetak-send__row strong{color:var(--text)}.cetak-send__row strong.is-empty{color:var(--muted);font-weight:500}.cetak-send__go{width:100%;margin-top:2px}@media (prefers-reduced-motion:no-preference){.pcard,.dz{transition:border-color .12s,box-shadow .12s,background-color .12s}.pcard__check{transition:opacity .12s,transform .16s cubic-bezier(.2,.9,.3,1.3)}}.progress{flex:220px;gap:6px;display:grid}.progress__bar{background:#ece9e0;border-radius:5px;height:10px;overflow:hidden}.progress__bar span{background:var(--navy);height:100%;transition:width .2s linear;display:block}.progress__text{color:var(--muted);font-size:.9rem;font-weight:500}.feed{width:100%;height:auto}.feed__sheet{transform:translateY(calc(var(--p,0) * 78px))}@media (prefers-reduced-motion:no-preference){.feed__sheet{transition:transform .7s cubic-bezier(.3,.7,.3,1)}}.review-page{grid-template-rows:auto minmax(0,1fr);gap:10px;height:max(620px,100dvh - 100px);display:grid}.review-head{align-items:baseline;gap:14px;min-width:0;display:flex}.review-head h1{flex:none;margin:0;font-size:1.15rem}.review-head__files{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);margin:0;font-size:.9rem;overflow:hidden}.review{grid-template-columns:minmax(0,1fr) 340px;gap:14px;min-height:0;display:grid}@media (width<=860px){.review-page{height:auto;display:block}.review-head{flex-direction:column;align-items:stretch;gap:2px;margin-bottom:10px}.review{grid-template-columns:minmax(0,1fr)}}.pagestrip{gap:8px;min-width:0;display:grid}.pagestrip__bar{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}html:not(.js) [data-pagepick]{display:none}.pagestrip__range{align-items:center;gap:8px;display:flex}.pagestrip__range label{font-size:.9rem;font-weight:600}.pagestrip__range .input{width:150px;min-height:36px;padding-block:4px}.pagestrip__quick{flex-wrap:wrap;gap:6px;display:flex}.pagestrip__error{flex-basis:100%}.error-text{color:var(--danger);font-size:.86rem;font-weight:500}.chip{font:inherit;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);min-height:36px;color:var(--text);white-space:nowrap;cursor:pointer;padding:4px 10px;font-size:.86rem;font-weight:500}.chip:hover{border-color:var(--navy)}.chip:active{background:#eef0f6}.seq{font-variant-numeric:tabular-nums;letter-spacing:.06em;opacity:.8;white-space:nowrap;margin-left:auto;padding-left:12px;font-style:normal}.thumbs{gap:10px;margin:0;padding:0 0 4px;list-style:none;display:flex;overflow-x:auto}.thumb{flex-direction:column;flex:none;align-items:center;gap:2px;display:flex;position:relative}.thumb__view{border:1px solid var(--line);background:var(--surface);border-radius:3px;padding:0;line-height:0;transition:opacity .15s}.thumb__view:hover{border-color:var(--navy)}.thumb__view img{object-fit:contain;width:auto;height:58px;display:block}.thumb.is-off .thumb__view{opacity:.35}.thumb__pick{font-variant-numeric:tabular-nums;align-items:center;gap:6px;min-height:24px;font-size:.82rem;font-weight:600;display:flex}.thumb__pick input{width:18px;height:18px;accent-color:var(--navy)}.thumb.is-off .thumb__pick span{color:var(--muted);text-decoration:line-through}.thumb__tags{gap:2px;display:flex;position:absolute;top:4px;right:4px}.review__main{grid-template-rows:minmax(0,1fr) auto;gap:10px;min-width:0;min-height:0;display:grid}@media (width<=860px){.review__main{flex-direction:column;display:flex}}.viewer{border:1px solid var(--line);border-radius:var(--radius);background:#faf9f5;flex-direction:column;min-width:0;min-height:0;display:flex}.viewer__bar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;padding:6px 10px;display:flex}.viewer__nav{align-items:center;gap:8px;display:flex}.viewer__nav .btn{min-width:44px;font-size:1.2rem;line-height:1}.viewer__pos{text-align:center;font-variant-numeric:tabular-nums;min-width:13ch;font-size:.9rem;font-weight:600}.toggle{border:1.5px solid var(--edge);border-radius:var(--radius-sm);background:var(--surface);display:inline-flex;overflow:hidden}.toggle__btn{font:inherit;border:0;border-left:1px solid var(--line);min-height:40px;color:var(--text);background:0 0;padding:6px 12px;font-size:.88rem;font-weight:500}.toggle__btn:first-child{border-left:0}.toggle__btn:hover{background:#eef0f6}.toggle__btn[aria-pressed=true]{background:var(--navy);color:#fff;font-weight:600}.viewer__stage{background:#e9e6dc;flex:1;min-height:0;padding:16px;overflow:auto}.viewer__stage:focus-visible{outline:3px solid var(--navy);outline-offset:-3px}.viewer__stage.is-fit .viewer__canvas{place-items:center;min-height:100%;display:grid}.vpage,.vface__paper{background:#fff;flex:none;position:relative;box-shadow:0 6px 18px -10px #111c408c}.vpage img,.vface__page img{object-fit:contain;width:100%;max-width:none;height:100%;display:block}.vsheet{justify-content:center;align-items:flex-start;gap:24px;display:flex}.vface{justify-items:center;gap:6px;margin:0;display:grid}.vface figcaption{color:var(--muted);font-size:.82rem;font-weight:600}.vface__page{position:absolute;overflow:hidden}.vface__page img{position:absolute}.vface__paper.is-gray img{filter:grayscale()}.viewer__caption{color:var(--muted);border-top:1px solid var(--line);margin:0;padding:5px 12px;font-size:.82rem}.thumb__flag{background:var(--warn);border:2px solid var(--surface);box-sizing:content-box;border-radius:50%;width:10px;height:10px}.thumb__flag[hidden]{display:none}@media (width<=560px){.viewer__bar{justify-content:center}.viewer__stage{padding:10px}.vsheet{gap:10px}}@media (width<=860px){.viewer__stage{flex:none;height:58vh}}.review__options{border:1px solid var(--line);border-radius:var(--radius);background:#faf9f5;flex-direction:column;min-height:0;display:flex}.review__scroll{flex:1;align-content:start;gap:12px;min-height:0;padding:14px;display:grid;overflow-y:auto}.review__foot{border-top:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius);background:#faf9f5;gap:8px;padding:12px 14px;display:grid}.review__foot .btn{width:100%}.review__cancel{font:inherit;min-height:32px;color:var(--danger);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;font-size:.86rem;text-decoration:underline}.review__cancel:hover{text-decoration-thickness:2px}@media (width<=860px){.review__options{margin-top:12px}.review__scroll{flex:none;overflow:visible}}.field-row{border:0;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:2px 10px;margin:0;padding:0;display:grid}.field-row>label,.field-row>legend{float:left;padding:0;font-size:.9rem;font-weight:600}.field-row .input{min-height:40px;padding-block:4px}.field-row__error{grid-column:2}.field-row .segmented span{min-height:40px;padding:4px 8px;font-size:.88rem}.stepper-wrap{align-items:center;gap:8px;display:flex}.stepper{border:1.5px solid var(--edge);border-radius:var(--radius-sm);background:var(--surface);flex:none;justify-self:start;align-items:stretch;display:inline-flex;overflow:hidden}.stepper__btn{font:inherit;width:34px;min-height:40px;color:var(--navy);cursor:pointer;background:0 0;border:0;font-size:1.1rem;line-height:1}@media (pointer:coarse){.stepper__btn{width:44px;min-height:44px}}.stepper__btn:hover{background:#eef0f6}.stepper__btn:active{background:#dfe3ee}.stepper__input{font:inherit;border:0;border-inline:1px solid var(--line);width:2.6em;color:var(--text);text-align:center;font-variant-numeric:tabular-nums;appearance:textfield;background:0 0;font-weight:600}.stepper__input::-webkit-outer-spin-button{appearance:none;margin:0}.stepper__input::-webkit-inner-spin-button{appearance:none;margin:0}.stepper__input[aria-invalid]{color:var(--danger)}.stepper__unit{border-right:1px solid var(--line);color:var(--muted);align-self:center;padding:0 4px;font-size:.9rem}.stepper:focus-within{outline:3px solid var(--navy);outline-offset:2px}.more{border-top:1px solid var(--line);padding-top:8px}.more summary{cursor:pointer;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 10px;min-height:32px;display:flex}.more__title{color:var(--navy);font-size:.9rem;font-weight:600}.more summary:hover .more__title{text-decoration:underline}.more__summary{color:var(--muted);font-size:.82rem}.more__body{gap:12px;padding-top:10px;display:grid}.segmented{flex-wrap:wrap;gap:6px;display:flex}.segmented--stack{flex-direction:column}.segmented label{flex:auto;position:relative}.segmented input{opacity:0;margin:0;position:absolute;inset:0}.segmented span{border:1.5px solid var(--edge);border-radius:var(--radius-sm);background:var(--surface);text-align:center;justify-content:center;align-items:center;min-height:44px;padding:8px 12px;font-size:.92rem;display:flex}.segmented--stack span{text-align:left;justify-content:flex-start}.segmented input:checked+span{border-color:var(--navy);background:var(--navy);color:#fff;font-weight:600}.segmented input:focus-visible+span{outline:3px solid var(--navy);outline-offset:2px}.segmented input:disabled+span{color:var(--muted);cursor:not-allowed;background:#f1efe8;border-style:dashed;text-decoration:line-through}.summary__main{color:var(--navy);margin:0;font-size:.98rem;font-weight:700}.notes{gap:8px;margin:0;padding:0;list-style:none;display:grid}.notes:empty{display:none}.note{color:var(--muted);background:var(--surface);border-radius:var(--radius-sm);padding:8px 10px;font-size:.88rem}.note--warn{background:var(--warn-bg);color:#6e4100}.zoom{max-width:min(900px,100vw - 24px);padding:16px}.zoom img{border:1px solid var(--line);width:auto;max-height:calc(100dvh - 160px);margin:0 auto}.held{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:32px;display:grid}.held h1{margin-bottom:6px}.held .lead{color:var(--muted);margin-bottom:20px;font-size:1.05rem}.release{margin-bottom:26px}.release .help{margin-top:10px}.btn--huge{width:100%;max-width:420px;min-height:64px;padding:14px 40px;font-size:1.2rem}.ticket{border:2px dashed var(--navy);border-radius:var(--radius);text-align:center;overflow-wrap:anywhere;background:#fffdf5;padding:20px}.ticket h2{color:var(--muted);font-size:.95rem;font-weight:600}.ticket__code{color:var(--navy);letter-spacing:.04em;margin:6px 0;font-size:2.2rem;font-weight:700}.ticket__code--small{letter-spacing:0;overflow-wrap:anywhere;font-size:1.05rem}.ticket__pin{margin-bottom:12px;font-size:1.15rem;font-weight:600}.ticket__pin .mono{letter-spacing:.12em;color:var(--navy);font-size:1.4rem}@media (width<=760px){.held{grid-template-columns:1fr}.ticket{order:-1}.btn--huge{max-width:none}}.final{margin-top:24px}.final__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px 16px;margin-bottom:14px;display:flex}.final__head h2{margin-bottom:4px;font-size:1.05rem}.final__sheets{border-radius:var(--radius);background:#e9e6dc;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:18px;margin:0;padding:14px;list-style:none;display:grid}.final__sheet{align-content:start;gap:6px;display:grid}.final__label{color:var(--muted);font-size:.82rem;font-weight:600}.final__faces{align-items:flex-start;gap:8px;display:flex}.final__face{flex:1 1 0;justify-items:center;gap:4px;min-width:0;margin:0;display:grid}.final__face img{background:#fff;width:100%;height:auto;box-shadow:0 4px 12px -8px #111c4099}.final__face figcaption{color:var(--muted);font-size:.78rem}.job-card{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}.inline-label{align-items:center;gap:8px;display:inline-flex}.label-tab--small{width:10px;height:20px;margin:0}.out__sheet{transform:translateY(0)}.out--done .out__sheet{transform:translateY(110px)}.out--queued .out__lamp{opacity:.55}@media (prefers-reduced-motion:no-preference){.out--printing .out__sheet{animation:3.2s cubic-bezier(.45,0,.25,1) infinite eject}.out--printing .out__sheet--b{animation-delay:-1.6s}.out--printing .out__lamp{animation:1.6s steps(2,jump-none) infinite lamp}.out--printing .out__stack{transform-box:fill-box;transform-origin:bottom;animation:3.2s ease-out infinite stack}.out--done .out__sheet{animation:1s cubic-bezier(.3,.7,.3,1) both eject-once}@keyframes eject{0%{opacity:1;transform:translateY(0)}55%{opacity:1;transform:translateY(96px)}70%{opacity:1;transform:translateY(110px)}90%{opacity:1;transform:translateY(110px)}to{opacity:0;transform:translateY(110px)}}@keyframes eject-once{0%{transform:translateY(0)}to{transform:translateY(110px)}}@keyframes stack{0%,60%{transform:scaleY(1)}75%{transform:scaleY(1.35)}to{transform:scaleY(1)}}@keyframes lamp{0%{opacity:1}to{opacity:.35}}}@media (prefers-reduced-motion:reduce){.out--printing .out__sheet--a{transform:translateY(60px)}.out--printing .out__sheet--b{display:none}}.line{counter-reset:line;border:1px solid var(--line);border-radius:var(--radius);margin:0;padding:0;list-style:none}.line__item{counter-increment:line;border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:4px 14px;padding:10px 14px;display:flex}.line__item:last-child{border-bottom:0}.line__item:before{content:counter(line) ".";color:var(--muted);font-variant-numeric:tabular-nums;min-width:1.5em}.line__who{flex:120px;font-weight:600}.line__item.is-me{box-shadow:inset 3px 0 0 var(--navy);background:#f7f8fc}.line__state{color:var(--muted);font-size:.85rem}.mine{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.mine__item{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 0;display:flex}.mine__item>div{overflow-wrap:anywhere;min-width:0}.mine__title{align-items:center;min-height:32px;font-size:1.05rem;font-weight:700;display:inline-flex}.access{gap:18px;max-width:360px;display:grid}.filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.segmented--links{flex-wrap:nowrap}.segmented--links a{border:1.5px solid var(--edge);border-radius:var(--radius-sm);background:var(--surface);min-height:44px;color:var(--text);align-items:center;padding:8px 14px;font-size:.92rem;text-decoration:none;display:flex}.segmented--links a:hover{border-color:var(--navy)}.segmented--links a[aria-current=page]{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:600}.kpis{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr));gap:0;margin-bottom:8px;display:grid}.kpi{border-left:1px solid var(--line);flex-direction:column;justify-content:flex-end;gap:2px;padding:16px 18px;display:flex}.kpi:first-child{border-left:0}.kpi__value{color:var(--text);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700;line-height:1.1}.kpi__label{color:var(--muted);font-size:.85rem}.kpi--hero .kpi__value{color:var(--navy);font-size:clamp(2.2rem,1.6rem + 2vw,3rem)}@media (width<=860px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi{border-left:0;border-top:1px solid var(--line)}.kpi--hero{border-top:0;grid-column:1/-1}.kpi:nth-child(odd):not(.kpi--hero){border-left:1px solid var(--line)}}.colchart{margin:8px 0 0;position:relative}.colchart__scroll{padding:18px 0 4px;overflow-x:auto}.colchart__plot{height:240px;min-width:calc(var(--n) * 8px);margin:0 0 28px 44px;position:relative}.colchart__grid{left:0;right:0;bottom:var(--at);border-top:1px solid var(--line);position:absolute}.colchart__grid span{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.78rem;position:absolute;right:calc(100% + 8px);transform:translateY(-50%)}.colchart__bars{margin:0;padding:0;list-style:none;display:flex;position:absolute;inset:0}.colchart__slot{flex:1 1 0;justify-content:center;align-items:flex-end;min-width:0;padding:0 1px;display:flex;position:relative}.colchart__bar{width:100%;max-width:24px;height:var(--v);background:var(--navy);cursor:default;border-radius:4px 4px 0 0;min-height:0;display:block}.colchart__bar:focus-visible{outline:3px solid var(--navy);outline-offset:2px}.colchart__bar.is-active{background:#3a4a85}.colchart__peak{bottom:calc(var(--v) + 4px);color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.8rem;font-weight:700;position:absolute}.colchart__x{color:var(--muted);white-space:nowrap;font-size:.75rem;position:absolute;top:calc(100% + 6px)}.colchart__x--mid,.colchart__peak--mid{left:50%;transform:translate(-50%)}.colchart__x--start,.colchart__peak--start{left:0}.colchart__x--end,.colchart__peak--end{right:0}.colchart__tip{z-index:3;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line);pointer-events:none;white-space:nowrap;gap:2px;padding:8px 10px;display:grid;position:absolute;transform:translate(-50%,-100%);box-shadow:0 8px 18px -10px #111c4073}.colchart__tip strong{color:var(--text);font-size:1rem}.colchart__tip span{color:var(--muted);font-size:.82rem}.tableview{margin-top:12px}.tableview summary{min-height:44px;color:var(--navy);align-items:center;font-weight:600;display:inline-flex}.tableview .table-wrap{max-height:360px;overflow-y:auto}.hbars{gap:14px;margin:0;padding:0;list-style:none;display:grid}.hbars__row{grid-template-columns:minmax(0,180px) minmax(0,1fr);align-items:center;gap:4px 16px;display:grid}.hbars__name{overflow-wrap:anywhere;font-weight:600}.hbars__track{height:20px;display:block}.hbars__bar{height:100%;width:var(--v);background:var(--navy);border-radius:0 4px 4px 0;min-width:2px;display:block}.hbars__value{color:var(--muted);grid-column:2;font-size:.88rem}.hbars__value strong{color:var(--text)}@media (width<=560px){.hbars__row{grid-template-columns:1fr}.hbars__value{grid-column:1}}.temp-pass{border:2px dashed var(--navy);border-radius:var(--radius);background:#fffdf5;gap:12px;margin-bottom:20px;padding:16px 18px;display:grid}.temp-pass__row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.temp-pass__value{letter-spacing:.06em;color:var(--navy);background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--line);padding:6px 12px;font-size:1.4rem;font-weight:700}.row-actions{flex-wrap:wrap;gap:2px;display:flex}.blocked{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.blocked li{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.input--code{letter-spacing:.08em;font-variant-numeric:tabular-nums;text-transform:uppercase;font-size:1.3rem}.badge{background:var(--gold);min-width:20px;height:20px;color:var(--navy);font-variant-numeric:tabular-nums;border-radius:10px;place-items:center;margin-left:6px;padding:0 6px;font-size:.75rem;font-weight:700;display:inline-grid}.alerts{gap:10px;margin:0;padding:0;list-style:none;display:grid}.alert{border-radius:var(--radius-sm);background:var(--warn-bg);color:var(--text);align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.alert--danger{background:var(--danger-bg)}.alert__mark{background:var(--warn);border-radius:50%;flex:none;width:10px;height:10px;margin-top:7px}.alert--danger .alert__mark{background:var(--danger)}.alert__title{font-weight:600}.alert__title a{color:var(--navy)}.alert__detail{color:var(--muted);margin-top:2px;font-size:.9rem}.alerts__none{border-radius:var(--radius-sm);background:var(--ok-bg);color:#14523a;padding:12px 16px;font-weight:500}.mcards{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.mcard{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:16px;padding:18px 20px;display:flex}.mcard--off{background:#faf9f5}.mcard__head,.page-head__id{align-items:center;gap:14px;min-width:0;display:flex}.mcard__id{flex-direction:column;min-width:0;display:flex}.mcard__name{color:var(--navy);overflow-wrap:anywhere;font-size:1.05rem;font-weight:700}.mcard__meta{color:var(--muted);font-size:.88rem}.mcard__facts{gap:10px;margin:0;display:grid}.mcard__facts dt{color:var(--muted);font-size:.85rem}.mcard__facts dd{margin:2px 0 0}.mcard__more{align-self:flex-start;margin-top:auto}.trays{gap:2px;margin:0;padding:0;list-style:none;display:grid}.trays__item{flex-wrap:wrap;justify-content:space-between;gap:0 12px;max-width:320px;display:flex}.trays__item strong{font-weight:600}.trays__item.is-empty strong,.trays__summary.is-empty{color:var(--danger);font-weight:600}.mdetail{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px 48px;display:flex}.mdetail .mcard__facts{flex:420px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px 24px}.mform{gap:16px;margin-top:18px;display:grid}.mform--service{border-top:1px solid var(--line);grid-template-columns:minmax(0,420px) auto;justify-content:start;align-items:end;padding-top:18px}.mform--service+.table-wrap{margin-top:18px}@media (width<=560px){.mform--service{grid-template-columns:minmax(0,1fr)}}.app{font-size:.9375rem}.app .topbar__inner{gap:20px;max-width:1440px;padding:0 clamp(16px,2.5vw,36px)}.app .topbar{box-shadow:inset 0 -1px 0 var(--navy-deep)}.app .brand{flex-shrink:0}.app .nav{gap:2px}.app .nav a,.app .nav button{border-radius:var(--radius-sm);white-space:nowrap;cursor:pointer;gap:6px;min-height:40px;padding:8px 9px;font-size:.86rem;transition:background-color .15s,color .15s}.app .nav a[aria-current=page]{border-radius:var(--radius-sm);box-shadow:inset 0 -2px 0 var(--gold);color:#fff;background:#ffffff1a}.app .nav .badge{min-width:18px;height:18px;margin-left:0;padding:0 5px;font-size:.7rem}.menu-toggle{cursor:pointer;gap:6px}.usermenu{border-left:1px solid #ffffff2e;margin-left:6px;padding-left:8px;position:relative}.usermenu summary{border-radius:var(--radius-sm);min-height:40px;color:var(--navy-soft);cursor:pointer;align-items:center;gap:6px;padding:8px;font-size:.86rem;list-style:none;transition:background-color .15s,color .15s;display:flex}.usermenu summary::-webkit-details-marker{display:none}.usermenu summary:hover,.usermenu[open] summary{color:#fff;background:#ffffff14}.usermenu__name{text-overflow:ellipsis;white-space:nowrap;max-width:14ch;overflow:hidden}.usermenu__panel{z-index:20;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);transform-origin:100% 0;gap:2px;min-width:200px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 28px -12px #111c4073}.app .usermenu__panel a,.app .usermenu__panel button{width:100%;color:var(--text);justify-content:flex-start}.app .usermenu__panel a:hover,.app .usermenu__panel button:hover{background:var(--paper);color:var(--navy)}.usermenu__panel form{margin:0}@media (width<=860px){.menu-toggle{align-items:center;display:inline-flex}.app .nav{z-index:30;background:var(--navy);visibility:hidden;flex-direction:column;align-items:stretch;width:min(300px,86vw);margin:0;padding:16px;position:fixed;inset:0 0 0 auto;overflow-y:auto;transform:translate(100%)}.app .nav[data-open]{visibility:visible;transform:none;box-shadow:0 0 0 100vmax #111c4080}.app .nav a,.app .nav button{min-height:44px;font-size:.95rem}.app .nav a[aria-current=page]{box-shadow:inset 3px 0 0 var(--gold)}.usermenu{border-top:1px solid #ffffff2e;border-left:0;margin:8px 0 0;padding:8px 0 0}.usermenu__panel{min-width:0;box-shadow:none;background:0 0;border:0;position:static}.app .usermenu__panel a,.app .usermenu__panel button{color:var(--navy-soft)}.app .usermenu__panel a:hover,.app .usermenu__panel button:hover{color:#fff;background:#ffffff14}}@media (width<=1100px){.topbar--wide .menu-toggle{align-items:center;display:inline-flex}.topbar--wide .nav{z-index:30;background:var(--navy);visibility:hidden;flex-direction:column;align-items:stretch;width:min(300px,86vw);margin:0;padding:16px;position:fixed;inset:0 0 0 auto;overflow-y:auto;transform:translate(100%)}.topbar--wide .nav[data-open]{visibility:visible;transform:none;box-shadow:0 0 0 100vmax #111c4080}.topbar--wide .nav a,.topbar--wide .nav button{min-height:44px;font-size:.95rem}.topbar--wide .nav a[aria-current=page]{box-shadow:inset 3px 0 0 var(--gold)}.topbar--wide .usermenu{border-top:1px solid #ffffff2e;border-left:0;margin:8px 0 0;padding:8px 0 0}.topbar--wide .usermenu__panel{min-width:0;box-shadow:none;background:0 0;border:0;position:static}.topbar--wide .usermenu__panel a,.topbar--wide .usermenu__panel button{color:var(--navy-soft)}.topbar--wide .usermenu__panel a:hover,.topbar--wide .usermenu__panel button:hover{color:#fff;background:#ffffff14}}.page--admin{max-width:1440px;padding:28px clamp(16px,2.5vw,36px) 48px}.page--admin .sheet{box-shadow:none;background:0 0;border-radius:0;margin:0;padding:0}.app .page--narrow{padding-top:24px}.app .page--narrow .sheet{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card)}.app .page-head{align-items:center;margin-bottom:18px}.app .page-head p{max-width:80ch;margin-top:2px;font-size:.9rem}.page-head__time{white-space:nowrap;align-items:center;gap:4px;margin-left:6px;display:inline-flex}.app--admin .section{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-card);margin:0 0 16px;padding:20px 22px}.app--admin .section+.section{border-top:1px solid var(--line);margin-top:0;padding-top:20px}.app--admin .section>h2{margin-bottom:12px;font-size:1.12rem}.app--admin .section>h2:has(+.lead){margin-bottom:2px}.app--admin .section>.lead{margin-bottom:14px;font-size:.88rem}.section__title{align-items:center;gap:8px;display:flex}.cards-2{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.cards-2 .section{margin-bottom:0}.cards-2{margin-bottom:16px}@media (width<=960px){.cards-2{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.app--admin .section{padding:16px}.page--admin{padding-top:18px}}.stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:12px;margin-bottom:16px;display:grid}.stat{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;box-shadow:var(--shadow-card);align-items:center;gap:12px;padding:14px 16px;display:flex}.stat__icon{border-radius:var(--radius-sm);width:38px;height:38px;color:var(--navy);background:#eef0f6;flex:none;place-items:center;display:grid}.stat--ok .stat__icon{background:var(--ok-bg);color:var(--ok)}.stat--warn .stat__icon{background:var(--warn-bg);color:var(--warn)}.stat--danger .stat__icon{background:var(--danger-bg);color:var(--danger)}.stat__body{min-width:0;display:grid}.stat__value{color:var(--navy);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700;line-height:1.15}.stat__label{color:var(--muted);font-size:.82rem}.stat__hint{color:var(--muted);font-size:.76rem}.pill{color:var(--muted);white-space:nowrap;background:#ece9e0;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.76rem;font-weight:600;display:inline-flex}.pill--ok{background:var(--ok-bg);color:#14523a}.pill--warn{background:var(--warn-bg);color:#744400}.pill--danger{background:var(--danger-bg);color:#8c1d18}.pill--info{color:var(--navy);background:#eef0f6}.empty-state{text-align:center;justify-items:center;gap:4px;padding:24px 16px;display:grid}.empty-state__icon{width:44px;height:44px;color:var(--navy);background:#eef0f6;border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.empty-state__title{color:var(--navy);font-weight:700}.empty-state__body{max-width:56ch;color:var(--muted);justify-items:center;gap:12px;font-size:.9rem;display:grid}.app .table-wrap{border:1px solid var(--line);border-radius:var(--radius-sm);position:relative;overflow-x:auto}.app .table th{background:#faf9f5;font-size:.8rem}.app .table th,.app .table td{vertical-align:middle;padding:8px 12px}.app .table .btn--small{min-height:32px;padding-block:4px}.device .inks-wrap .tanks-note,.mcard .inks-wrap .tanks-note{display:none}@media (width<=640px){.app .brand small{display:none}}.app .table tbody tr{transition:background-color .15s}.app .table tbody tr:hover{background:#faf9f5}.table__title{font-weight:600}.log-time{white-space:nowrap}.log-detail{overflow-wrap:anywhere;gap:1px;font-size:.84rem;display:grid}.toolbar{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:14px;display:flex}.toolbar .field{flex:130px;min-width:0}.toolbar .toolbar__search{flex:3 240px}.toolbar .field label{font-size:.82rem}.input-icon{position:relative}.input-icon .icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.input-icon .input{padding-left:34px}.inline-form{grid-template-columns:minmax(0,200px) minmax(0,1fr) auto;align-items:end;gap:10px;max-width:760px;display:grid}@media (width<=640px){.inline-form{grid-template-columns:minmax(0,1fr)}}.app .pagination{align-items:center}.app .blocked{margin-top:14px}.app .btn{transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}.app .btn--danger{background:var(--danger-bg);color:#8c1d18;border-color:#0000}.app .btn--danger:hover{color:#8c1d18;background:#f6d9d6}.app .btn--quiet .icon{margin-right:-2px}.devices{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}@media (width<=960px){.devices{grid-template-columns:minmax(0,1fr)}}.device{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;box-shadow:var(--shadow-card);flex-direction:column;gap:12px;padding:16px;transition:box-shadow .15s;display:flex}.device:hover{box-shadow:var(--shadow-raised)}.device--off{background:#faf9f5}.device--off .printer-icon{opacity:.55}.device__head{gap:12px;min-width:0;display:flex}.device .printer-icon,.mcard .printer-icon{width:40px;height:40px}.device__id{flex:auto;min-width:0;display:grid}.device__name{color:var(--navy);overflow-wrap:anywhere;font-weight:700}.device__meta{color:var(--muted);overflow-wrap:anywhere;font-size:.82rem}.device__status{flex:0 190px;min-width:0}.device__status .status__main,.mcard .status__main{font-size:.86rem}.device__status .status__detail,.mcard .status__detail{font-size:.78rem}.device__notice{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:.82rem;display:flex}.device__body{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;display:grid}.device__facts{align-content:start;gap:8px;margin:0;font-size:.86rem;display:grid}.device__facts dt{color:var(--muted);font-size:.78rem}.device__facts dd{margin:0}.device__actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:2px;margin-top:auto;padding-top:8px;display:flex}.device__actions form{margin:0}@media (width<=560px){.device__head{flex-wrap:wrap}.device__status{flex-basis:100%}.device__body{grid-template-columns:minmax(0,1fr)}}.alerts-scroll{max-height:260px;overflow-y:auto}.app .mcards{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px}.app .mcard{gap:10px;padding:14px;transition:box-shadow .15s}.app .mcard:hover{box-shadow:var(--shadow-raised)}.app .mcard__name{font-size:.95rem}.app .mcard__meta{font-size:.82rem}.app .mcard__facts{gap:6px;font-size:.86rem}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.settings-grid .section{margin:0}.settings-grid .section[data-span=wide]{grid-column:1/-1}.settings-grid .form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}@media (width<=860px){.settings-grid{grid-template-columns:minmax(0,1fr)}}.savebar{z-index:5;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-raised);justify-content:flex-end;margin-top:16px;padding:10px 12px;display:flex;position:sticky;bottom:12px}.share{gap:2px;height:14px;display:flex}.share__part{border-radius:4px;flex-basis:0;min-width:4px}.share__part--color,.share__key--color{background:var(--navy)}.share__part--mono,.share__key--mono{background:var(--edge)}.share__legend{color:var(--muted);flex-wrap:wrap;gap:4px 18px;margin:10px 0 0;padding:0;font-size:.86rem;list-style:none;display:flex}.share__legend li{align-items:center;gap:6px;display:flex}.share__legend strong{color:var(--text)}.share__key{border-radius:3px;width:10px;height:10px}.dialog--wide{width:min(720px,100vw - 32px);max-width:min(720px,100vw - 32px)}.dialog--wide .form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));margin-top:14px}.dialog-fields{gap:14px;width:min(380px,100vw - 80px);margin-top:12px;display:grid}.toasts{z-index:40;gap:8px;width:min(420px,100vw - 24px);display:grid;position:fixed;top:78px;right:clamp(12px,2.5vw,36px)}.toast{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);overflow-wrap:anywhere;align-items:flex-start;gap:10px;padding:12px 8px 12px 14px;font-size:.9rem;display:flex;box-shadow:0 14px 30px -14px #111c4080}.toast>span{flex:auto;min-width:0}.toast--ok>.icon{color:var(--ok)}.toast--error>.icon{color:var(--danger)}.toast__close{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;margin:-4px 0;padding:0;display:grid}.toast__close:hover{background:var(--paper)}html:not(.js) .toast__close{display:none}.detail-grid{grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:start;gap:16px;display:grid}.detail-grid__main,.detail-grid__side{min-width:0}.app--admin .detail-grid>.section{min-width:0;margin-bottom:0}.app--admin .detail-grid__side .section:last-child,.app--admin .detail-grid__main .section:last-child{margin-bottom:0}@media (width<=960px){.detail-grid{grid-template-columns:minmax(0,1fr)}}.app--admin .section .checklist{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:4px 16px}.app .found{gap:8px}.toggle__btn{align-items:center;gap:5px;display:inline-flex}.app .viewer__nav .btn{place-items:center;padding:0;display:inline-grid}.app .viewer__stage{background:#dad6ca}.app .vpage,.app .vface__paper{box-shadow:0 0 0 1px #111c401a,0 12px 26px -12px #111c4099}.review__printer-status{margin-top:2px}.app .page:has(.review-page){padding-top:12px}.app .sheet:has(.review-page){border-radius:var(--radius)}@media (width>=861px){.app .review-page{height:max(620px,100dvh - 112px)}}.review__printer-status .status__main{font-size:.84rem}.app .held{grid-template-columns:minmax(0,1fr) minmax(300px,360px);grid-template-areas:"head head""alerts alerts""final side";gap:14px 20px;display:grid}.app .page--narrow:has(.held){max-width:1280px}.held__head{grid-area:head}.app .held__head .lead{margin:2px 0 0;font-size:.92rem}.held__alerts{grid-area:alerts;min-width:0}.held__alerts:empty{display:none}.held__side{grid-area:side;gap:12px;min-width:0;display:grid}.held__panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);gap:12px;padding:16px;display:grid}.app .release{gap:8px;margin:0;display:grid}.app .release .btn--huge{width:100%}.app .release .help{gap:5px;margin:0;display:flex}.app .release .help .icon{margin-top:3px}.held__actions{flex-wrap:wrap;gap:8px;display:flex}.held__actions form{margin:0}@media (width>=861px) and (height>=800px){.held__side{top:calc(var(--header-h) + 16px);position:sticky}}.app .ticket{border:1px solid var(--line);background:var(--surface);text-align:left;order:0;padding:14px 16px}.app .ticket h2{align-items:center;gap:6px;margin-bottom:4px;font-size:.95rem;display:flex}.app .final{border-radius:var(--radius);background:#dad6ca;grid-area:final;min-width:0;margin:0;padding:16px}.app .final__head{margin-bottom:12px;display:block}.app .final__head .help{color:var(--text)}.app .final__sheets{background:0 0;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));padding:0}.app .final__label{color:var(--text)}.app .job-card{gap:4px 14px;padding:10px 0;font-size:.88rem}@media (width<=860px){.app .held{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""alerts""side""final"}}.jobstatus{gap:20px;min-width:0;display:grid}.jobstatus__head{grid-template-columns:52px minmax(0,1fr) 104px;align-items:start;gap:16px;display:grid}.jobstatus__head:not(:has(.jobstatus__art)){grid-template-columns:52px minmax(0,1fr)}.jobstatus__icon{border-radius:var(--radius);width:52px;height:52px;color:var(--muted);background:#eeece6;place-items:center;display:grid}.jobstatus--ok .jobstatus__icon{background:var(--ok-bg);color:var(--ok)}.jobstatus--warn .jobstatus__icon{background:var(--warn-bg);color:var(--warn)}.jobstatus--danger .jobstatus__icon{background:var(--danger-bg);color:var(--danger)}.jobstatus--info .jobstatus__icon{color:var(--navy);background:#eef0f6}.jobstatus h1{margin:0 0 4px}.jobstatus .lead{color:var(--muted);margin:0;font-size:1rem}.jobstatus__meta{color:var(--muted);flex-wrap:wrap;gap:2px 14px;margin:10px 0 0;font-size:.86rem;display:flex}.jobstatus__art svg{width:100%;height:auto;display:block}.jobstatus .flash{margin:0}.jobstatus__failure{border-radius:var(--radius);background:var(--danger-bg);padding:12px 16px}.jobstatus__failure summary{color:#8c1d18;cursor:pointer;font-weight:600}.jobstatus__failure p{overflow-wrap:anywhere;margin:8px 0 0}.jobstatus__body{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(220px,280px);gap:28px;padding-top:20px;display:grid}.jobstatus h2{margin:0 0 12px;font-size:.95rem}.jobstatus__help{margin:12px 0 0}.jobfacts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;margin:0;display:grid}.jobfacts__wide{grid-column:1/-1}.jobfacts dt{color:var(--muted);font-size:.8rem}.jobfacts dd{overflow-wrap:anywhere;margin:2px 0 0;font-weight:500}.timeline{margin:0;padding:0;list-style:none}.timeline li{color:var(--muted);grid-template-columns:20px minmax(0,1fr);gap:10px;padding-bottom:16px;display:grid;position:relative}.timeline li:last-child{padding-bottom:0}.timeline li:not(:last-child):before{content:"";background:var(--line);width:2px;position:absolute;top:22px;bottom:2px;left:9px}.timeline li.is-done:not(:last-child):before{background:var(--ok)}.timeline__dot{border:2px solid var(--edge);background:var(--surface);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.timeline__dot .icon{visibility:hidden}.timeline .is-done .timeline__dot{border-color:var(--ok);background:var(--ok)}.timeline .is-fail .timeline__dot{border-color:var(--danger);background:var(--danger)}.timeline .is-stop .timeline__dot{border-color:var(--muted);background:var(--muted)}.timeline :is(.is-done,.is-fail,.is-stop) .icon{visibility:visible}.timeline .is-now .timeline__dot{border-color:var(--navy);background:radial-gradient(var(--navy) 0 4px, transparent 5px)}.timeline .is-now,.timeline .is-fail,.timeline .is-stop,.timeline .is-done{color:var(--text)}.timeline .is-now{color:var(--navy);font-weight:600}.timeline__time{color:var(--muted);font-size:.8rem;font-weight:400;display:block}.skeleton{background:#ece9e1 linear-gradient(100deg,#0000 30%,#ffffffb3 50%,#0000 70%) 0 0/200% 100%;border-radius:4px;width:70%;height:1em;margin-top:4px;display:block}.jobstatus__line .line{margin:0}.jobstatus__actions{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding-top:20px;display:flex}.jobstatus__cancel{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:8px 14px;margin:6px 0 0;display:flex}@media (width<=760px){.jobstatus__body{grid-template-columns:minmax(0,1fr);gap:22px}}@media (width<=560px){.jobstatus__head{grid-template-columns:52px minmax(0,1fr);grid-template-areas:"icon art""intro intro"}.jobstatus__head:not(:has(.jobstatus__art)){grid-template-columns:minmax(0,1fr);grid-template-areas:"icon""intro"}.jobstatus__icon{grid-area:icon}.jobstatus__intro{grid-area:intro}.jobstatus__art{grid-area:art;justify-self:end;width:64px}.jobstatus__actions .btn{width:100%}.jobstatus__cancel{flex-direction:column;align-items:stretch}}@media (width<=340px){.jobfacts{grid-template-columns:minmax(0,1fr)}}.app .mine__item{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;display:grid}.mine__icon{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--navy);background:#eef0f6;place-items:center;display:grid}.app .mine__title{overflow-wrap:anywhere;font-weight:600}@media (width<=560px){.app .mine__item{grid-template-columns:auto minmax(0,1fr)}.app .mine__item .pill{grid-column:2;justify-self:start}}.captcha__img{background-image:linear-gradient(100deg,#0000 30%,#ffffffb3 50%,#0000 70%);background-size:200% 100%}@media (prefers-reduced-motion:no-preference){.captcha__img{animation:1.4s linear infinite shimmer}.app .sheet--feed{animation:.22s ease-out both rise}.jobstatus{animation:.24s ease-out both rise}.jobstatus__icon{animation:.32s ease-out both status-pop}.timeline__dot{transition:background-color .2s,border-color .2s}.skeleton{animation:1.4s linear infinite shimmer}@keyframes status-pop{0%{opacity:0;transform:scale(.8)}}.app--admin .stat,.app--admin .section,.app--admin .device{animation:.24s ease-out both rise}.usermenu[open] .usermenu__panel{animation:.14s ease-out both pop}dialog[open]{animation:.16s ease-out both pop}dialog[open]::backdrop{animation:.16s ease-out both fade}.toast{animation:.2s ease-out both toast-in}.toast.is-leaving{opacity:0;transition:opacity .25s,transform .25s;transform:translate(16px)}.app .nav,.topbar--wide .nav{transition:transform .2s ease-out,visibility .2s}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}@keyframes pop{0%{opacity:0;transform:scale(.97)}}@keyframes fade{0%{opacity:0}}@keyframes toast-in{0%{opacity:0;transform:translate(16px)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}}
