@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Arimo:ital,wght@0,400;0,700;1,400&display=swap";:root{--bg:#f5f5f7;--surface:#fff;--fill:#f2f2f4;--ink:#1d1d1f;--ink-2:#6e6e73;--ink-3:#86868b;--line:#e5e5ea;--line-2:#d2d2d7;--accent:#0071e3;--accent-hover:#0062c4;--accent-soft:#e8f1fc;--warn:#ff9f0a;--ok:#34c759;--ok-ink:#1e7a35;--danger:#d70015;color:var(--ink);background:var(--bg);letter-spacing:-.006em;-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:14px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}:focus-visible{outline-offset:1px;border-radius:6px;outline:3px solid #0066cc80}a{color:var(--accent);text-decoration:none}.app{flex-direction:column;height:100%;display:flex}.topbar{-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--line);z-index:3;background:#ffffffd9;flex:none;justify-content:space-between;align-items:center;gap:16px;height:52px;padding:0 20px;display:flex;position:relative}.brand{align-items:center;gap:10px;min-width:0;display:flex}.wordmark{letter-spacing:-.035em;text-transform:lowercase;color:var(--ink);align-items:center;gap:6px;font-weight:700;display:inline-flex}.brand-icon{color:var(--accent);flex:none}.brand .wordmark{font-size:17px}.wordmark-region{letter-spacing:-.01em;text-transform:none;color:var(--ink-2);white-space:nowrap;margin-left:2px;font-weight:500}.sep{color:var(--line-2);font-size:15px}.docname{white-space:nowrap;text-overflow:ellipsis;max-width:380px;font-weight:600;overflow:hidden}.status{color:var(--ink-3);white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:inline-flex}.status.unsaved{color:#8a5300;font-weight:500}.btn.save-btn:not(:disabled){background:var(--accent-soft);color:var(--accent)}.btn.save-btn:hover:not(:disabled){background:#d9e8fb}.actions{flex:none;align-items:center;gap:6px;display:flex}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.account{background:var(--fill);height:32px;color:var(--ink-2);border-radius:8px;align-items:center;gap:6px;min-width:0;padding:0 10px;display:inline-flex}.account-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:13px;font-weight:500;overflow:hidden}.submit-error{color:var(--danger);background:#fdecee;flex:none;align-items:center;gap:8px;margin:0;padding:6px 8px 6px 20px;font-size:13px;display:flex}.submit-error .icon{color:var(--danger);margin-left:auto}.page-msg{text-align:center;color:var(--ink-2);margin:0;padding:48px 16px}.login{background:var(--bg);flex-direction:column;min-height:100%;display:flex}.login-center{flex:1 0 auto;place-items:center;padding:24px 16px;display:grid}.login-card{background:var(--surface);border-radius:16px;flex-direction:column;gap:14px;width:min(380px,100%);padding:28px 24px 24px;display:flex;box-shadow:0 1px 2px #0000000d,0 12px 32px #0000000f}.login-brand{margin-bottom:6px;font-size:20px}.login-card h1{letter-spacing:-.03em;margin:0;font-size:22px;font-weight:700}.login-card h1+p{color:var(--ink-2);margin:4px 0 0;font-size:13px}.login-error{color:var(--danger);background:#fdecee;border-radius:10px;align-items:center;gap:8px;margin:0;padding:10px 12px;font-size:13px;display:flex}.login-error svg{flex:none}.login-submit{justify-content:center;height:40px;margin-top:4px;font-size:14px}.login-help{color:var(--ink-3);text-align:center;margin:0;font-size:12px;line-height:1.5}.btn{background:var(--fill);white-space:nowrap;border:0;border-radius:8px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.btn:hover:not(:disabled){background:#e8e8ed}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:var(--accent-hover)}.btn.pill-btn{border-radius:980px;padding:0 14px}.submit-state{white-space:nowrap;border-radius:980px;align-items:center;gap:6px;height:32px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.submit-state.review{color:#8a5300;background:#fff4e0}.submit-state.disahkan{color:var(--ok-ink);background:#e9f7ed}.btn.ghost{color:var(--ink-2);background:0 0}.btn.ghost:hover:not(:disabled){background:var(--fill);color:var(--ink)}.btn.small{height:28px;padding:0 9px;font-size:12px}.panel .btn.small.ghost{color:var(--accent)}.panel .btn.small.ghost:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.danger-text{color:var(--danger)!important}.icon{width:28px;height:28px;color:var(--ink-3);background:0 0;border:0;border-radius:7px;flex:none;place-items:center;display:grid}.icon:hover:not(:disabled){background:var(--fill);color:var(--ink)}.icon.danger:hover{color:var(--danger)}.link{color:var(--accent);background:0 0;border:0;padding:0;font-weight:500}.link:hover{text-decoration:underline}.push{margin-left:auto}.body{flex:1;min-height:0;display:flex}.panel{background:var(--bg);flex-direction:column;flex:0 0 50%;min-width:0;display:flex}.panel-scroll{flex-direction:column;flex:1;gap:28px;padding:28px 20px 32px;display:flex;overflow-y:auto}.panel section{flex-direction:column;gap:8px;display:flex}.panel h3{letter-spacing:-.02em;align-items:center;gap:8px;min-height:28px;margin:0;padding:0 4px;font-size:15px;font-weight:600;display:flex}.panel h3 em,.field-label em{color:var(--ink-3);letter-spacing:0;font-size:12px;font-style:normal;font-weight:400}.num{background:var(--ink-3);color:#fff;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:11px;font-weight:600;display:grid}.num.done{background:var(--ok-ink)}.panel-foot{color:var(--ink-3);text-align:center;padding:12px 20px;font-size:12px}.panel section>.field,.panel section>.add-actor,.actors,.steps,.detail,.group-list,.locked{background:var(--surface);border-radius:12px}.panel section>.field{padding:12px 14px}.panel section>.field>.field-label{display:none}.panel section>.field textarea,.panel section>.field input{background:0 0;border:0;padding:0;font-size:14px;box-shadow:none!important}.section-help{color:var(--ink-3);order:10;margin:0;padding:0 4px;font-size:12px;line-height:1.5}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field-label{color:var(--ink-2);align-items:baseline;gap:8px;font-size:12px;font-weight:500;display:flex}input:not([type=radio]):not([type=file]),select,textarea{background:var(--fill);border:1px solid #0000;border-radius:8px;width:100%;padding:8px 10px;line-height:1.4;transition:box-shadow .15s,background .15s}textarea{resize:vertical}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #0066cc40, 0 0 0 1px var(--accent) inset;background:#fff;outline:none}::placeholder{color:var(--ink-3);opacity:1}.kop-auto{background:var(--fill);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.kop-auto img{object-fit:contain;flex:none;width:34px;height:40px}.kop-auto dl{grid-template-columns:auto 1fr;gap:2px 12px;min-width:0;margin:0;font-size:12px;display:grid}.kop-auto dt{color:var(--ink-3)}.kop-auto dd{color:var(--ink);overflow-wrap:anywhere;min-width:0;margin:0;font-weight:600}.kop-note{color:var(--ink-3);margin:-4px 0 0;font-size:12px}.row2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.row3{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.section-toggle{text-align:left;width:100%;color:inherit;background:0 0;border:0;padding:0}.section-toggle h3{width:100%}.section-toggle svg.push{color:var(--ink-3)}.group-list{margin:0;padding:0;list-style:none;overflow:hidden}.group-list li+li button{position:relative}.group-list li+li button:before{content:"";background:var(--line);height:1px;position:absolute;top:0;left:52px;right:0}.group-list button{text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:11px 14px;display:flex}.group-list button:hover{background:#fafafa}.ib{background:var(--fill);width:26px;height:26px;color:var(--ink-2);border-radius:7px;flex:none;place-items:center;display:grid}.gl-label{flex:1;font-size:14px}.gl-value{color:var(--ink-3);font-size:13px}.gl-value.ok{color:var(--ok-ink);font-weight:500}.gl-chev{color:#c7c7cc;flex:none}.detail{flex-direction:column;gap:12px;padding:16px;display:flex}.detail h4{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);align-items:baseline;gap:8px;margin:4px 0 -2px;font-size:11px;font-weight:600;display:flex}.detail h4 em{text-transform:none;letter-spacing:0;font-style:normal;font-weight:400}.detail h4:not(:first-child){margin-top:10px}.logo-row{align-items:center;gap:10px;font-size:13px;display:flex}.logo-row img{height:40px}.actors{flex-direction:column;margin:0;padding:4px 6px;list-style:none;display:flex}.actors li{align-items:center;gap:2px;padding:4px 0;display:flex}.actors li+li{border-top:1px solid var(--line)}.actors li input:not([type=radio]){background:0 0;flex:1;padding:6px}.actors li input:not([type=radio]):focus{background:var(--fill);box-shadow:none}.actors li.actor-ask{color:var(--ink);background:#fdecee;border-radius:8px;flex-wrap:wrap;gap:6px;margin:2px 0;padding:8px 6px;font-size:12px;line-height:1.45}.actors li.actor-ask span{flex:220px}.btn.actor-ask-del{background:var(--danger);color:#fff}.btn.actor-ask-del:hover:not(:disabled){background:#b80012}.actors .count{color:var(--ink-3);text-align:right;white-space:nowrap;width:70px;padding-right:4px;font-size:12px}.actor-no{width:20px;color:var(--ink-3);text-align:center;font-variant-numeric:tabular-nums;flex:none;font-size:12px;font-weight:600}.add-actor{align-items:center;gap:8px;padding:6px 6px 6px 14px;display:flex}.add-actor input{flex:1;box-shadow:none!important;background:0 0!important;padding:6px 0!important}.add-actor .btn{background:var(--accent);color:#fff;border-radius:980px}.add-actor .btn:hover:not(:disabled){background:var(--accent-hover)}.locked{color:var(--ink-2);align-items:flex-start;gap:10px;margin:0;padding:12px 14px;font-size:13px;line-height:1.45;display:flex}.locked svg{color:var(--ink-3);flex:none;margin-top:2px}.steps{flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.steps-toolbar{color:var(--ink-3);align-items:center;gap:2px;padding:0 4px;font-size:12px;display:flex}.step{background:var(--surface);flex-direction:column;display:flex}.step+.step{border-top:1px solid var(--line)}.step.open{background:#fbfbfd}.step-head{align-items:flex-start;gap:2px;padding-left:6px;display:flex}.grip{color:#c7c7cc;cursor:grab;flex:none;margin-top:14px}.step.open .grip{cursor:default}.step-no{color:var(--ink-3);font-variant-numeric:tabular-nums;flex:none;width:22px;margin-top:1px;font-size:13px;font-weight:600}.step.open .step-no{color:var(--accent)}.step-summary{text-align:left;background:0 0;border:0;flex:1;align-items:flex-start;gap:8px;min-width:0;padding:12px 10px 12px 4px;display:flex}.step-summary:hover .step-chevron{color:var(--ink)}.step-sum-body{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.step-chevron{color:#c7c7cc;flex:none;width:20px;height:20px;transition:transform .2s;transform:rotate(-90deg)}.step.open .step-chevron{color:var(--accent);transform:rotate(0)}.step-text{line-height:1.4}.kind-ic{vertical-align:-1px;color:var(--warn);margin-right:5px}.step-meta{color:var(--ink-3);gap:12px;min-width:0;font-size:12px;display:flex}.step-meta span{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.step-meta .who{color:var(--accent);font-weight:500}.step-meta .who.none{color:var(--danger)}.step-meta .ellipsis{text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}.step-meta .ellipsis svg{vertical-align:-2px;margin-right:4px}.step-editor{flex-direction:column;gap:14px;min-width:0;padding:4px 14px 14px 52px;display:flex}.missing{color:var(--danger);font-style:italic}.seg{background:#7676801f;border-radius:9px;height:34px;padding:2px;display:flex}.seg button{color:var(--ink-2);background:0 0;border:0;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:5px;font-size:13px;display:inline-flex}.seg button.on{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 3px #0000001f,0 1px 1px #0000000a}.branch{background:var(--fill);color:var(--ink-2);border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;font-size:13px;display:flex}.branch>div{align-items:center;gap:8px;display:flex}.branch select{background:#fff;flex:1;padding:5px 8px}.tag{text-align:center;border-radius:980px;flex:none;width:46px;padding:2px 0;font-size:12px;font-weight:600}.tag.ya{color:var(--ok-ink);background:#34c7591f}.tag.tidak{color:#d70015;background:#ff3b301a}.step-actions{align-items:center;gap:4px;display:flex}.step-actions .btn.primary{border-radius:980px}.actor-pick{flex-wrap:wrap;gap:6px;display:flex}.actor-pick button{background:var(--fill);border:0;border-radius:980px;padding:5px 12px;font-size:13px}.actor-pick button:hover{background:#e8e8ed}.actor-pick button.on{background:var(--accent);color:#fff;font-weight:500}.field-label b{color:var(--accent);font-weight:600}.mutu{background:var(--fill);border:0;border-radius:10px;flex-direction:column;gap:10px;min-width:0;margin:0;padding:12px;display:flex}.mutu input{background:#fff!important}.mutu legend{float:left;color:var(--ink-2);margin-bottom:2px;padding:0;font-size:12px;font-weight:600}.mutu legend b{color:var(--accent);font-weight:600}.add-step{background:var(--surface);color:var(--accent);border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:11px;font-weight:500;display:flex}.add-step:hover{background:var(--accent-soft)}.preview{border-left:1px solid var(--line);background:#ececef;flex-direction:column;flex:0 0 50%;gap:16px;min-width:0;padding:20px 40px 56px;display:flex;overflow:auto}.preview-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.status-pill{background:var(--surface);border:0;border-radius:980px;align-items:center;gap:8px;padding:6px 12px 6px 10px;font-size:13px;font-weight:500;display:inline-flex;box-shadow:0 1px 2px #0000000d}.status-pill span{color:var(--accent);font-weight:400}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot.warn{background:var(--warn)}.dot.ok{background:var(--ok)}.preview-meta{color:var(--ink-2);align-items:center;gap:16px;font-size:12px;display:flex}.muted{color:var(--ink-3)}.per-page{align-items:center;gap:8px;display:flex}.per-page select{background:var(--surface);width:auto;padding:5px 8px;font-size:13px}.stepper{background:var(--surface);border-radius:8px;align-items:center;height:28px;display:flex}.stepper button{width:28px;height:28px;color:var(--ink-2);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.stepper button:hover:not(:disabled){color:var(--ink);background:var(--fill)}.stepper span{text-align:center;min-width:22px;color:var(--ink);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.issues{background:var(--surface);border-radius:12px;flex-direction:column;margin:0;padding:6px 14px;list-style:none;display:flex}.issues li{color:var(--ink-2);align-items:center;gap:8px;padding:7px 0;font-size:13px;display:flex}.issues li+li{border-top:1px solid var(--line)}.issues svg{color:var(--warn);flex:none}.pages{flex-direction:column;align-items:center;gap:32px;display:flex}.empty-note{color:var(--ink-3);margin:0;font-size:13px;line-height:1.5}.empty-flow{width:var(--paper-h,297mm);border:1px dashed var(--line-2);text-align:center;max-width:100%;color:var(--ink-2);border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:48px 24px;display:flex}.empty-flow svg{color:var(--ink-3)}.empty-flow strong{color:var(--ink);font-size:15px}.empty-actions{gap:8px;margin-top:8px;display:flex}.empty-actions .btn:not(.ghost){background:var(--surface)}.paper{color:#111;background:#fff;border-radius:2px;flex:none;font-family:Arimo,Arial,sans-serif;font-size:10.5px;line-height:1.35;box-shadow:0 1px 2px #0000000f,0 12px 40px #00000014}.paper.portrait{width:var(--paper-w,210mm);min-height:var(--paper-h,297mm);padding:15mm}.paper.landscape{width:var(--paper-h,297mm);min-height:var(--paper-w,210mm);flex-direction:column;padding:10mm;display:flex}.doc-title{text-align:center;margin:0 0 10px;font-size:13px;font-weight:700}.doc-table{border-collapse:collapse;table-layout:fixed;width:100%}.doc-table th,.doc-table td{vertical-align:middle;border:1px solid #222;padding:4px 6px}.doc-table th{text-align:center;background:#f0f0f0;font-weight:700}.doc-table .c{text-align:center}.doc-foot{color:#666;text-align:right;margin-top:auto;padding-top:8px;font-size:9px}.ident th{text-align:left;background:0 0;font-size:10.5px}.ident.grid{margin-top:-1px}.ident.grid th{text-align:left;background:0 0}.ident.grid td{vertical-align:top;padding:6px 8px 10px}.ident ol{margin:0;padding-left:16px}.ident p{margin:0}.kop{text-align:center;vertical-align:middle!important}.kop strong{font-size:12.5px;line-height:1.5;display:block}.logo{object-fit:contain;max-width:80px;height:72px;margin:0 auto 10px;display:block}.logo.placeholder{color:#999;border:1px dashed #bbb;place-items:center;width:60px;font-size:9px;display:grid}.sign{text-align:center;border-left:0;flex-direction:column;align-items:center;display:flex}td.sign{display:table-cell}.sign>*{display:block}.sign-space{height:42px}.u{text-decoration:underline}.flow-wrap{position:relative}.flow th{padding:4px 3px;font-size:9.5px;line-height:1.2}.flow td{height:62px;font-size:9.5px}.flow .actor-h{word-break:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:8.5px}.flow td.lane{padding:6px 2px}.lane-stack{flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.shape{flex:none;display:block}.shape.rect{background:#fff;border:1.2px solid #111;height:24px}.shape.term{background:#fff;border:1.2px solid #111;border-radius:11px;height:22px}.conn{flex:none;display:block;overflow:visible}.flow tr.conn-row td{vertical-align:middle;height:30px;padding:7px 2px}.conn-lane{justify-content:center;height:16px;display:flex;position:relative}.tidak-conn{line-height:0;position:absolute;top:0}.connectors{pointer-events:none;position:absolute;inset:0;overflow:visible}.preview{position:relative}.pages{-webkit-user-select:none;user-select:none}.preview.guarded .pages,.preview.guarded .issues{visibility:hidden}.guard-veil{z-index:5;text-align:center;min-height:60vh;color:var(--ink-2);background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:sticky;top:0}.guard-veil strong{color:var(--ink);font-size:15px}@media (width<=1100px){.body{flex-direction:column;overflow:auto}.panel{flex:none;width:100%}.preview{flex:none}.panel-scroll{overflow:visible}.preview{border-left:0;overflow:visible}.actions .btn.ghost{display:none}}@media (width<=760px){.topbar{padding:0 12px}.sep,.status{display:none}.docname{max-width:40vw}.account-name{max-width:110px}.topbar .wordmark-region{display:none}}@page{size:A4 portrait;margin:0}@page land{size:A4 landscape;margin:0}.print-view{background:#ececef;flex-direction:column;min-height:100%;display:flex}.print-view .topbar{position:sticky;top:0}.print-hint{text-align:center;max-width:720px;color:var(--ink-2);margin:16px auto 0;padding:0 16px;font-size:13px}.print-view .pages{padding:24px 16px 56px;overflow-x:auto}.review-pdf{margin-top:10px;display:inline-flex}a.icon{place-items:center;display:inline-grid}@media print{.print-view{background:#fff}.print-view .pages{padding:0;overflow:visible}html,body,#root,.app,.body,.preview{background:#fff;border:0;height:auto;padding:0;display:block;overflow:visible}.no-print{display:none!important}.preview.guarded .pages{visibility:visible!important}.pages{display:block;zoom:1!important}.paper{box-shadow:none;break-after:page;border-radius:0}.paper:last-child{break-after:auto}.paper.landscape{page:land;height:var(--paper-w,210mm)}.paper.portrait{height:var(--paper-h,297mm)}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}:root{--ease-out:cubic-bezier(.16, 1, .3, 1)}::selection{background:#06c3}.btn,.icon,.add-step,.actor-pick button,.seg button{transition:background .15s ease, color .15s ease, transform .12s var(--ease-out), border-color .15s ease}.btn:active:not(:disabled),.add-step:active,.actor-pick button:active{transform:scale(.97)}.detail,.step-editor{animation:l-open .28s var(--ease-out)}@keyframes l-open{0%{opacity:0;transform:translateY(-4px)}}@keyframes l-fade-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.step-chevron{transition:none}.detail,.step-editor{animation-name:l-fade-in}.btn:active:not(:disabled),.add-step:active,.actor-pick button:active{transform:none}}.status.error{color:var(--danger);font-weight:500}.field-error{color:var(--danger);font-size:12px;font-weight:500;line-height:1.4}@media (pointer:coarse){.btn,.btn.small{min-height:44px}.icon,.stepper button{width:44px;height:44px}.stepper{height:44px}.actor-pick button{min-height:44px}.seg{height:48px}.step-summary{min-height:48px}.section-toggle,.add-step,.status-pill,.group-list button,select,.per-page select,.app input:not([type=radio]):not([type=file]){min-height:44px}}@media (width<=1100px){.actions .btn.ghost{display:inline-flex}.actions .btn.ghost .lbl{display:none}.preview{padding:16px}.preview-meta{flex-wrap:wrap;row-gap:8px}.preview-bar{min-width:0}}.notes{flex-direction:column;gap:10px;display:flex}.notes-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.note{gap:10px;padding:10px 0;display:flex}.note+.note{border-top:1px solid var(--line)}.note>div{flex-direction:column;gap:3px;min-width:0;display:flex}.note-ic{background:var(--fill);width:24px;height:24px;color:var(--ink-2);border-radius:50%;flex:none;place-items:center;display:grid}.note.ajukan .note-ic{background:var(--accent-soft);color:var(--accent)}.note.revisi .note-ic{color:#8a5300;background:#fff4e0}.note.validasi .note-ic{color:var(--ok-ink);background:#e9f7ed}.note-head{flex-wrap:wrap;align-items:baseline;gap:4px 6px;margin:0;font-size:13px;display:flex}.note-head strong{font-weight:600}.note-role{color:var(--ink-3);font-size:11px}.note-what{color:var(--ink-2);font-size:12px}.note-text{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);margin:0;font-size:13px;line-height:1.5}.note time{color:var(--ink-3);font-size:11px}.notes-empty{color:var(--ink-3);margin:0;font-size:13px}.notes-error{color:var(--danger);align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.notes-form{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.notes-form textarea{font-size:13px}.panel .detail .notes{padding:4px 0}.lock-fields{display:contents}.lock-fields:disabled section{opacity:.75}.lock-banner{background:var(--accent-soft);color:var(--ink);border-radius:12px;gap:10px;padding:12px 14px;display:flex}.lock-banner>svg{color:var(--accent);flex:none;margin-top:2px}.lock-banner div{flex-direction:column;gap:4px;min-width:0;display:flex}.lock-banner strong{font-size:14px}.lock-banner p{color:var(--ink-2);margin:0;font-size:13px;line-height:1.5}.unlock-ask{border-bottom:1px solid var(--line);background:#fff4e0;flex-wrap:wrap;flex:none;align-items:center;gap:8px;padding:10px 20px;display:flex}.unlock-ask p{color:#5c3800;flex:320px;margin:0;font-size:13px;line-height:1.5}.revisi-banner{color:#5c3800;background:#fff4e0;border-radius:12px;gap:10px;padding:12px 14px;display:flex}.revisi-banner>svg{color:#8a5300;flex:none;margin-top:2px}.revisi-banner div{flex-direction:column;gap:4px;min-width:0;display:flex}.revisi-banner strong{font-size:14px}.revisi-banner p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.5}.revisi-banner span{color:#8a5300;font-size:12px}.submit-state.revisi{color:#8a5300;background:#fff4e0}.a-status-badge{white-space:nowrap;background:var(--fill);color:var(--ink-2);border-radius:980px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.a-status-badge.review{background:var(--accent-soft);color:var(--accent)}.a-status-badge.revisi{color:#8a5300;background:#fff4e0}.a-status-badge.disahkan{color:var(--ok-ink);background:#e9f7ed}.review .preview.review-preview{flex:auto}.review-side{background:var(--bg);border-left:1px solid var(--line);flex-direction:column;flex:0 0 380px;gap:14px;min-width:0;padding:20px;display:flex;overflow-y:auto}.review-card{background:var(--surface);border-radius:12px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.review-card h2{letter-spacing:-.02em;margin:0;font-size:14px;font-weight:600}.review-facts{grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:13px;display:grid}.review-facts dt{color:var(--ink-3)}.review-facts dd{overflow-wrap:anywhere;min-width:0;margin:0}.review-warn{color:#8a5300;font-weight:500}.review-issues{color:var(--ink-2);margin:0;padding-left:18px;font-size:12px;line-height:1.6}.review-act textarea{font-size:13px}.review-buttons{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.review-confirm{background:var(--accent-soft);border-radius:10px;flex-direction:column;gap:10px;padding:10px 12px;display:flex}.review-confirm p{margin:0;font-size:13px;line-height:1.5}.review-state{background:var(--surface);color:var(--ink-2);border-radius:12px;margin:0;padding:12px 14px;font-size:13px;line-height:1.5}.review-state.disahkan{color:var(--ok-ink);background:#e9f7ed}.review-state.revisi{color:#5c3800;background:#fff4e0}.review .brand .a-status-badge{flex:none}@media (width<=1100px){.review .body{flex-direction:column;overflow:auto}.review-side{border-left:0;flex:none;overflow:visible}.review .preview.review-preview{flex:none;overflow:visible}}.bell,.bell-btn{position:relative}.bell-count{background:var(--danger);color:#fff;text-align:center;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:2px;right:2px}.bell-panel{z-index:20;background:var(--surface);border-radius:12px;width:min(380px,100vw - 24px);max-height:70vh;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:0 1px 2px #0000001a,0 16px 40px #00000026}.bell-panel header{background:var(--surface);justify-content:space-between;align-items:center;gap:8px;padding:12px 14px 8px;font-size:14px;display:flex;position:sticky;top:0}.bell-panel header .link{align-items:center;gap:4px;font-size:12px;display:inline-flex}.bell-panel ul{margin:0;padding:0 6px 6px;list-style:none}.bell-panel li button{text-align:left;width:100%;color:var(--ink-2);background:0 0;border:0;border-radius:8px;flex-direction:column;gap:3px;padding:9px 10px 9px 18px;display:flex;position:relative}.bell-panel li button:hover{background:var(--fill)}.bell-panel li button.unread{color:var(--ink)}.bell-panel li button.unread:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:15px;left:6px}.bell-text{overflow-wrap:anywhere;font-size:13px;line-height:1.45}.bell-panel time{color:var(--ink-3);font-size:11px}.bell-empty{color:var(--ink-3);margin:0;padding:16px 14px 20px;font-size:13px}.temp-pass{background:var(--fill);border-radius:10px;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;padding:12px 14px;font-size:13px;display:grid}.temp-pass dt{color:var(--ink-3)}.temp-pass dd{margin:0;font-weight:600}.temp-pass code{letter-spacing:.04em;font-size:16px}html:has(.landing){scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html:has(.landing){scroll-behavior:auto}}.landing{background:var(--surface);min-height:100%;color:var(--ink);flex-direction:column;display:flex}.landing>main{flex:1 0 auto}.landing section[id]{scroll-margin-top:64px}.land-nav{position:sticky;top:0}.land-nav .wordmark{font-size:17px;text-decoration:none}.land-links{align-items:center;gap:4px;display:flex}.land-links a:not(.btn){color:var(--ink-2);border-radius:8px;padding:10px 12px;font-size:14px;font-weight:500}.land-links a:not(.btn):hover{color:var(--ink);background:var(--fill)}.land-links .btn{margin-left:6px}.landing a.btn.primary{color:#fff}.land-hero{max-width:960px;animation:land-in .7s var(--ease-out) both;flex-direction:column;align-items:flex-start;gap:20px;margin:0 auto;padding:72px 24px 64px;display:flex}.land-kop{border-bottom:2px solid var(--ink);align-items:center;gap:14px;padding-bottom:20px;display:flex}.land-kop img{flex:none;width:52px;height:auto}.land-kop div{flex-direction:column;gap:2px;display:flex}.land-kop strong{letter-spacing:.02em;text-transform:uppercase;font-size:15px;font-weight:700}.land-kop span{color:var(--ink-2);font-size:13px}.land-hero h1{letter-spacing:-.03em;max-width:820px;margin:0;font-size:clamp(32px,5vw,52px);font-weight:700;line-height:1.08}.land-lead{max-width:640px;color:var(--ink-2);margin:0;font-size:clamp(16px,1.8vw,19px);line-height:1.55}.land-actions{flex-wrap:wrap;gap:10px;padding-top:4px;display:flex}.btn.land-btn{height:44px;padding:0 18px;font-size:14px}.land-note{color:var(--ink-2);margin:0;font-size:13px}@keyframes land-in{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){.land-hero{animation:none}}.land-section{border-top:1px solid var(--line);flex-direction:column;gap:20px;max-width:960px;margin:0 auto;padding:56px 24px;display:flex}.land-head h2{letter-spacing:-.025em;margin:0 0 6px;font-size:clamp(22px,3vw,28px);font-weight:700}.land-head p{max-width:640px;color:var(--ink-2);margin:0;font-size:15px;line-height:1.55}.landing .a-toolbar select,.landing .a-search input{background:var(--fill)!important}.landing .catalog-list a{background:var(--bg)}.landing ::placeholder{color:var(--ink-2)}.land-flow{border:1px solid var(--ink);font-size:14px}.land-flow-row{grid-template-columns:48px minmax(0,1fr) 128px 128px minmax(0,170px);display:grid}.land-flow-row+.land-flow-row{border-top:1px solid var(--ink)}.land-flow-row>span{align-items:center;min-width:0;padding:12px;display:flex}.land-flow-row>span+span{border-left:1px solid var(--ink)}.land-flow-row.head{background:var(--fill);font-size:12px;font-weight:700}.land-flow-row.head>span{text-align:center;justify-content:center}.land-no{font-variant-numeric:tabular-nums;justify-content:center}.land-keg{flex-direction:column;justify-content:center;gap:4px;line-height:1.45;align-items:flex-start!important}.land-keg em{color:var(--ink-2);font-size:12px;font-style:normal}.land-lane{justify-content:center}.land-hasil{text-align:center;color:var(--ink-2);justify-content:center;font-size:13px}.land-sym{border:1.5px solid var(--ink);background:var(--surface);display:block}.land-sym.proses{width:56px;height:26px}.land-sym.mulai,.land-sym.selesai{border-radius:13px;width:56px;height:26px}.land-sym.keputusan{border-color:var(--accent);width:24px;height:24px;transform:rotate(45deg)}.land-akses{grid-template-columns:1fr 1fr;gap:40px;display:grid}.land-akses>div{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.land-akses h2{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700}.land-akses p{color:var(--ink-2);margin:0;font-size:15px;line-height:1.55}@media (width<=760px){.land-links a:not(.btn){display:none}.land-nav .wordmark,.landing .a-search input,.landing .a-toolbar select{min-height:44px}.land-hero{padding:40px 16px 48px}.land-section{padding:40px 16px}.land-akses{grid-template-columns:1fr;gap:28px}.land-flow{border:0;flex-direction:column;gap:10px;display:flex}.land-flow-row.head{display:none}.land-flow-row{grid-template-columns:40px 1fr;border:1px solid var(--ink)!important}.land-flow-row>span+span{border-left:0}.land-no{border-right:1px solid var(--ink);grid-row:span 3}.land-lane:empty{display:none}.land-lane{color:var(--ink-2);justify-content:flex-start;gap:10px;font-size:13px;padding-top:0!important}.land-lane:after{content:attr(data-label)}.land-hasil{text-align:left;justify-content:flex-start;padding-top:0!important}.land-hasil:before{content:"Hasil: ";margin-right:4px}}.catalog{background:var(--bg);flex-direction:column;min-height:100%;display:flex}.catalog .topbar{position:sticky;top:0}.catalog .wordmark{text-decoration:none}.catalog-main{flex-direction:column;gap:16px;width:100%;max-width:960px;margin:0 auto;padding:32px 20px 64px;display:flex}.catalog-intro h1{letter-spacing:-.03em;margin:0 0 6px;font-size:clamp(22px,3vw,28px);font-weight:700}.catalog-intro p{color:var(--ink-2);margin:0;font-size:14px;line-height:1.5}.catalog-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.catalog-list a{background:var(--surface);color:var(--ink);border-radius:12px;flex-direction:column;gap:4px;padding:14px 16px;text-decoration:none;display:flex}.catalog-list a:hover{box-shadow:0 0 0 1px var(--accent) inset}.catalog-list strong{font-size:15px;font-weight:600;line-height:1.4}.catalog-unit{color:var(--ink-2);font-size:13px}.catalog-meta{color:var(--ok-ink);flex-wrap:wrap;align-items:center;gap:4px;font-size:12px;display:inline-flex}.catalog-doc{padding:16px 16px 56px}.catalog-back{max-width:960px;margin:0 auto 16px;font-size:13px}.catalog-back a{align-items:center;gap:4px;display:inline-flex}.catalog-doc .pages{gap:24px}.site-foot{border-top:1px solid var(--line);background:var(--surface);flex:none;margin-top:auto}.site-foot-in{max-width:960px;color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin:0 auto;padding:16px 24px;font-size:12px;line-height:1.5;display:flex}.app>.site-foot .site-foot-in{max-width:none;padding:6px 20px}@media (width<=760px){.site-foot-in{flex-direction:column;padding:14px 16px}.app>.site-foot .site-foot-in{padding:8px 16px}}.admin{background:var(--bg);flex-direction:column;min-height:100%;display:flex}.admin .topbar{position:sticky;top:0}.admin a.btn.primary{color:#fff}.a-tabs{background:var(--surface);border-bottom:1px solid var(--line);z-index:2;position:sticky;top:52px}.a-tabs-in{scrollbar-width:none;gap:4px;max-width:1200px;margin:0 auto;padding:0 20px;display:flex;overflow-x:auto}.a-tabs button{height:44px;color:var(--ink-2);white-space:nowrap;background:0 0;border:0;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex;box-shadow:inset 0 -2px #0000}.a-tabs button:hover{color:var(--ink)}.a-tabs button.on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent)}.a-tabs button.on svg{color:var(--accent)}.a-count{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:12px}.a-count:empty{display:none}.a-main{flex-direction:column;flex:1 0 auto;gap:16px;width:100%;max-width:1200px;margin:0 auto;padding:24px 20px 64px;display:flex}.a-stack{flex-direction:column;gap:16px;display:flex}.a-note,.a-error{color:var(--ink-3);align-items:center;gap:8px;margin:0;font-size:12px;display:flex}.a-note svg{flex:none}.a-error{color:var(--danger);background:#fdecee;border-radius:10px;padding:10px 6px 10px 14px;font-size:13px}.a-error svg{flex:none}.a-error .icon{color:var(--danger);margin-left:auto}.a-stats{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.a-stat{background:var(--surface);border-radius:12px;flex-direction:column;gap:6px;min-width:0;padding:16px;display:flex}.a-stat span{color:var(--ink-2);font-size:12px}.a-stat strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:600;line-height:1.1}.a-grid2{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.a-card{background:var(--surface);border-radius:12px;flex-direction:column;gap:12px;min-width:0;padding:16px 18px;display:flex}.a-card>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.a-card h2{letter-spacing:-.02em;margin:0;font-size:15px;font-weight:600}.a-empty{color:var(--ink-3);text-align:center;margin:0;padding:20px 0;font-size:13px}.a-bars{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.a-bars li{grid-template-columns:minmax(0,160px) 1fr auto;align-items:center;gap:12px;font-size:13px;display:grid}.a-bar-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.a-bar{background:var(--fill);border-radius:5px;height:10px;position:relative;overflow:hidden}.a-bar i,.a-bar b{border-radius:5px;position:absolute;top:0;bottom:0;left:0}.a-bar i{background:#b9d5f5}.a-bar b{background:var(--accent)}.a-bar-val{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.a-bar-val em{color:var(--ink-3);font-style:normal;font-weight:400}.a-legend{color:var(--ink-3);align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.a-legend .sw{border-radius:3px;width:10px;height:10px;display:inline-block}.a-legend .sw.total{background:#b9d5f5}.a-legend .sw.done{background:var(--accent);margin-left:10px}.v-stats{grid-template-columns:repeat(4,1fr)}.v-bar{display:flex}.v-bar .v-seg{border-radius:0;height:100%;display:block;position:static}.v-bar .v-seg:first-child{border-radius:5px 0 0 5px}.v-seg.review,.a-legend .sw.review{background:var(--accent)}.v-seg.revisi,.a-legend .sw.revisi{background:#f5b04c}.v-seg.disahkan,.a-legend .sw.disahkan{background:var(--ok)}.a-legend .sw.revisi,.a-legend .sw.disahkan{margin-left:10px}.a-log li>span{min-width:0;line-height:1.5}.a-log .link{text-align:left;font-weight:500}.v-quote{color:var(--ink-2);overflow-wrap:anywhere;margin-top:2px;font-size:12px;display:block}.a-list,.a-log{margin:0;padding:0;list-style:none}.a-list li{align-items:center;gap:12px;padding:10px 0;display:flex}.a-list li+li,.a-log li+li{border-top:1px solid var(--line)}.a-list li>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.a-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.a-list span{color:var(--ink-3);font-size:12px}.a-log li{justify-content:space-between;gap:16px;padding:9px 0;font-size:13px;display:flex}.a-log time{color:var(--ink-3);white-space:nowrap;font-size:12px}.a-pct{font-variant-numeric:tabular-nums;color:var(--ink-2);white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:inline-flex}.a-pct>span{background:var(--fill);border-radius:3px;width:56px;height:6px;display:block;overflow:hidden}.a-pct i{background:var(--warn);border-radius:3px;height:100%;display:block}.a-pct.full i{background:var(--ok)}.a-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.a-toolbar select{text-overflow:ellipsis;background:var(--surface);width:auto;max-width:260px}.a-sub{color:var(--ink-2);max-width:640px;margin:0;font-size:13px;line-height:1.5}.a-search{flex:260px;align-items:center;max-width:360px;display:flex;position:relative}.a-search svg{color:var(--ink-3);pointer-events:none;position:absolute;left:10px}.a-search input{background:var(--surface)!important;padding-left:32px!important}.a-table-wrap{background:var(--surface);border-radius:12px;overflow-x:auto}.a-table{border-collapse:collapse;width:100%;font-size:13px}.a-table th{text-align:left;color:var(--ink-3);border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 12px;font-size:12px;font-weight:500}.a-table td{vertical-align:middle;border-bottom:1px solid var(--line);padding:10px 12px}.a-table tbody tr:last-child td{border-bottom:0}.a-table tbody tr:hover td{background:#fafafb}.a-table tr.off td{color:var(--ink-3)}.a-table .a-num{text-align:right;font-variant-numeric:tabular-nums}.a-table select{background:0 0;width:auto;max-width:200px;padding:5px 8px;font-size:13px}.a-table select:hover{background:var(--fill)}.a-name{min-width:240px;max-width:360px}.a-name>.link,.a-name>strong{text-align:left;color:var(--ink);font-weight:600;line-height:1.35;display:block}.a-name>.link:hover{color:var(--accent)}.a-name>span{color:var(--ink-3);margin-top:2px;font-size:12px;display:block}.a-time{color:var(--ink-2);white-space:nowrap}.a-row-actions{white-space:nowrap;text-align:right}.a-row-actions .icon{display:inline-grid}select.a-status{font-weight:500;border-radius:980px!important}select.a-status.draf{background:var(--fill)}select.a-status.review{background:var(--accent-soft);color:var(--accent)}select.a-status.revisi{color:#8a5300;background:#fff4e0}select.a-status.disahkan{color:var(--ok-ink);background:#e9f7ed}.a-tag{color:#8a5300;background:#fff4e0;border-radius:980px;margin-left:8px;padding:1px 7px;font-size:11px;font-style:normal}.a-switch{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.a-switch input{appearance:none;background:var(--line-2);cursor:pointer;border-radius:10px;width:32px;height:20px;margin:0;transition:background .15s;position:relative}.a-switch input:after{content:"";width:16px;height:16px;transition:transform .15s var(--ease-out,ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.a-switch input:checked{background:var(--ok)}.a-switch input:checked:after{transform:translate(12px)}.a-switch input:disabled{opacity:.5;cursor:not-allowed}.a-units{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;display:grid}.a-unit{background:var(--surface);border-radius:12px;flex-direction:column;gap:14px;padding:16px;display:flex}.a-unit-head{align-items:center;gap:12px;display:flex}.a-unit-head img{object-fit:contain;flex:none;width:40px;height:40px}.a-unit-logo{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:10px;flex:none;place-items:center;font-weight:700;display:grid}.a-unit-head div{flex-direction:column;gap:2px;min-width:0;display:flex}.a-unit-head strong{font-size:14px;font-weight:600}.a-unit-head span{color:var(--ink-3);font-size:12px}.a-unit dl{grid-template-columns:auto 1fr;gap:6px 16px;margin:0;font-size:13px;display:grid}.a-unit dt{color:var(--ink-3)}.a-unit dd{overflow-wrap:anywhere;min-width:0;margin:0}.a-unit-actions{gap:6px;margin-top:auto;display:flex}.a-overlay{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;place-items:center;padding:16px;animation:.2s ease-out l-fade-in;display:grid;position:fixed;inset:0}.a-modal{background:var(--surface);border-radius:16px;flex-direction:column;gap:16px;width:min(560px,100%);max-height:calc(100vh - 32px);padding:20px 22px 22px;display:flex;overflow-y:auto;box-shadow:0 24px 64px #0003}.a-modal>header{justify-content:space-between;align-items:center;display:flex}.a-modal h2{letter-spacing:-.02em;margin:0;font-size:17px;font-weight:600}.a-form{flex-direction:column;gap:12px;display:flex}.a-form-actions{justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.a-confirm-msg{color:var(--ink-2);overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.5}.btn.primary.danger{background:var(--danger)}.btn.primary.danger:hover:not(:disabled){background:#b80012}.a-check{color:var(--ink-2);align-items:flex-start;gap:8px;font-size:13px;line-height:1.4;display:flex}.a-check input{margin-top:2px}@media (width<=1100px){.a-stats{grid-template-columns:repeat(3,1fr)}.v-stats{grid-template-columns:repeat(2,1fr)}.a-grid2{grid-template-columns:1fr}}@media (width<=760px){.admin .topbar{padding:0 16px}.admin .actions .lbl{display:none}.a-tabs-in,.a-main{padding-left:16px;padding-right:16px}.a-stats,.v-stats{grid-template-columns:repeat(2,1fr)}.a-stat strong{font-size:24px}.a-bars li{grid-template-columns:minmax(0,1fr) auto}.a-bar{grid-area:2/1/auto/-1}.a-toolbar .push{margin-left:0}.a-search{max-width:none}.a-units,.a-modal .row2{grid-template-columns:1fr}}@media (pointer:coarse){.a-tabs button,.a-table select,.a-toolbar select{min-height:44px}}@media (prefers-reduced-motion:reduce){.a-overlay{animation:none}.a-switch input,.a-switch input:after{transition:none}}.new-sop-blank{border:1px solid var(--line);background:var(--surface);text-align:left;color:var(--ink);border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.new-sop-blank:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.new-sop-blank>svg{color:var(--accent);flex:none}.new-sop-blank span{flex-direction:column;gap:2px;display:flex}.new-sop-blank strong{font-size:14px}.new-sop-blank em{color:var(--ink-2);font-size:12px;font-style:normal}.new-sop-head{flex-direction:column;gap:3px;padding-top:6px;display:flex}.new-sop-head strong{font-size:14px}.new-sop-head span{color:var(--ink-2);font-size:12px;line-height:1.5}.a-modal .a-search{flex:none;max-width:none}.new-sop-list{max-height:320px;margin:0;padding:0;list-style:none;overflow-y:auto}.new-sop-list li{align-items:center;gap:10px;padding:10px 2px;display:flex}.new-sop-list li+li{border-top:1px solid var(--line)}.new-sop-list li>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.new-sop-list strong{font-size:13px;font-weight:600;line-height:1.4}.new-sop-list li>div span{color:var(--ink-3);font-size:12px}.rekap-check{align-items:center}.rekap-table td.rekap-total{font-weight:600}.rekap-table tfoot td{border-top:1px solid var(--line-2);font-variant-numeric:tabular-nums;padding:10px 12px;font-weight:600}.rekap-table tfoot .a-num{text-align:right}.a-modal.submitted{align-items:flex-start;gap:12px;width:min(460px,100%)}.submitted-ic{color:var(--ok-ink)}.a-modal.submitted p{color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.55}.a-modal.submitted ul{color:var(--ink-2);flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:13px;line-height:1.5;display:flex}.a-modal.submitted .a-form-actions{flex-wrap:wrap;align-self:stretch;padding-top:6px}.a-modal.submitted a.btn.primary{color:#fff}