/* Super manager: optional self-approval and safe employee-perspective preview. */
.po-super-tools{display:grid;gap:9px;margin:13px 0 17px}
.super-tool-panel{margin:0!important;overflow:hidden}
.super-tool-panel>summary{display:flex!important;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.super-tool-panel>summary>span:first-child{font-size:15px;font-weight:850}
.super-tool-panel>summary>span:last-child{font-size:11px;color:#718d7b}
.super-tool-inner{padding:19px 21px 21px;background:#fff}
.super-tool-control{display:flex;align-items:center;justify-content:space-between;gap:23px;min-width:0}
.super-tool-control h2{font-size:18px;font-weight:850;color:#244e38;margin:0 0 7px}
.super-tool-control .sub{max-width:630px;font-size:12px;line-height:1.7;margin:0}
.super-switch{display:flex;flex-direction:column;align-items:center;gap:7px;position:relative;flex:0 0 88px;cursor:pointer;font-size:11px;color:#536b5a;font-weight:850}
.super-switch input{position:absolute;opacity:0;width:55px;height:34px;margin:0;cursor:pointer}
.super-switch-track{display:block;position:relative;width:60px;height:34px;background:#b8c4bc;border:1px solid #a3b2a8;border-radius:40px;transition:background .16s ease}
.super-switch-track::before{content:"";position:absolute;left:4px;top:4px;width:24px;height:24px;background:#fff;box-shadow:0 1px 4px #0003;border-radius:50%;transition:transform .16s ease}
.super-switch input:checked+.super-switch-track{background:#0db763;border-color:#129958}
.super-switch input:checked+.super-switch-track::before{transform:translateX(26px)}
.super-switch input:focus-visible+.super-switch-track{outline:3px solid #0cae60;outline-offset:3px}
.super-switch input:disabled+.super-switch-track{opacity:.55;cursor:wait}
.super-tool-feedback{min-height:19px;margin:9px 0 0;color:#17854e;font-size:11px;font-weight:700;line-height:1.5}
.super-tool-note{border-top:1px solid #e5eee8;padding-top:11px;font-size:11px;line-height:1.55;color:#7a9081}
.super-preview-toolbar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:17px 0}
.super-preview-toolbar label{display:grid;gap:6px;flex:1 1 230px;max-width:460px;font-size:12px;font-weight:800;color:#3e5e49}
.super-preview-toolbar select{width:100%;min-height:43px;background:#fff;border:1px solid #cadece;border-radius:11px;padding:10px 13px;color:#223e2c;font:inherit;font-size:12px}
.super-preview-toolbar .btn{min-height:42px;border-radius:10px;font-size:12px}
.super-preview-modes{display:flex;gap:4px;align-items:flex-end;background:#ecf5ee;border:1px solid #d4e7d9;border-bottom:3px solid #88d3a4;border-radius:11px 11px 0 0;padding:10px 9px 0;max-width:100%;overflow-x:auto}
.super-preview-modes button{flex:0 0 auto;padding:11px 15px;background:#f9fcfa;color:#3b6a4e;border:1px solid #d2e5d8;border-bottom:0;border-radius:9px 9px 0 0;cursor:pointer;font-size:12px;font-weight:830}
.super-preview-modes button.active{background:#16c36b;border-color:#0da35a;color:#07321b;transform:translateY(-2px);padding-top:13px}
.super-preview-modes button:focus-visible{outline:2px solid #10b569;outline-offset:-3px}
.super-preview-warning{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 13px;background:#edf8f1;border:1px solid #cfe7d8;border-top:0;color:#527763;font-size:11px;line-height:1.45}
.super-preview-warning span{font-size:9px;font-weight:900;letter-spacing:1.1px;color:#0d9b55;background:#d1f1dd;border-radius:6px;padding:4px 6px}
.super-preview-screen{background:#f5f7f6;border:1px solid #d9e6dc;border-radius:0 0 12px 12px;min-height:130px;overflow:hidden;font-size:12px}
.super-preview-screen .super-preview-header{display:flex;justify-content:space-between;align-items:center;gap:13px;background:linear-gradient(120deg,#e3f8eb,#f2fbf5);border-bottom:1px solid #cee5d4;padding:17px 20px}
.super-preview-header small{font-size:9px;letter-spacing:1.2px;font-weight:900;color:#22814e}
.super-preview-header h3{font-size:20px;color:#205036;margin:4px 0;font-weight:900}
.super-preview-header p{font-size:11px;color:#63816d;margin:0}
.super-preview-content{padding:18px}
.super-preview-empty{text-align:center;padding:34px 15px;color:#779184}
.super-preview-pill{display:inline-flex;align-items:center;white-space:nowrap;gap:4px;border:1px solid #ccdcd1;background:#edf3ef;color:#647e6c;border-radius:99px;padding:6px 10px;font-size:10px;font-weight:850}
.super-preview-pill-green{background:#daf5e5;border-color:#b5e5c5;color:#1b8050}
.super-preview-pill-warn{background:#fff0dc;border-color:#eecfa4;color:#a36d25}
.super-preview-home-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:13px}
.super-preview-duty,.super-preview-feature{background:#fff;border:1px solid #d9e7dd;border-radius:12px;padding:16px;min-width:0}
.super-preview-duty h4,.super-preview-feature h4{font-size:11px;font-weight:900;color:#3a8758;margin:0 0 11px}
.super-preview-duty>p,.super-preview-feature p{font-size:11px;line-height:1.6;margin:7px 0;color:#647f6b}
.super-preview-pair{display:flex;gap:6px;flex-wrap:wrap}
.super-preview-pair span{font-size:13px;font-weight:900;border-radius:9px;background:#e7f8ee;color:#28764b;padding:8px 10px}
.super-preview-feature .super-preview-dim{font-size:10px;color:#899b8d}
.super-preview-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.super-preview-stats>div{background:#fff;border:1px solid #dce8df;border-radius:11px;min-width:0;padding:14px 10px;text-align:center;display:grid;gap:7px}
.super-preview-stats small{font-size:10px;color:#819787;line-height:1.4}
.super-preview-stats b{font-size:18px;color:#1d7b49}
.super-preview-task-section{padding:15px 0 5px}
.super-preview-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 11px}
.super-preview-section-title h4{font-size:15px;font-weight:900;color:#2b6241;margin:0}
.super-preview-duty-list,.super-preview-activities{display:grid;gap:8px}
.super-preview-duty-list>.task,.super-preview-duty-list>.appliance-card,.super-preview-activity{border:1px solid #d8e8de;background:#fff;border-radius:10px;padding:12px}
.super-preview-duty-list button{cursor:not-allowed!important;pointer-events:none}
.super-preview-duty-list button.super-preview-would-enable{background:#b8edca!important;color:#226a44!important;border:1px solid #92d9ae!important;opacity:.75}
.super-preview-activity{display:flex;align-items:center;gap:10px}
.super-preview-emoji{font-size:23px}
.super-preview-activity>div:nth-child(2){flex:1;min-width:0;display:grid;gap:5px}
.super-preview-activity strong{font-size:12px;color:#2a593b}
.super-preview-activity small{font-size:11px;color:#879b8b}
.super-preview-count{font-size:10px;font-weight:850;color:#43885e;text-align:right}
.po-self-review-tag{display:inline-flex;padding:3px 6px;margin-left:5px;border-radius:6px;background:#d1f2dd;color:#157640;font-weight:850;font-size:9px}
html[data-theme="dark"] .super-tool-inner{background:#242424;color:#eee}
html[data-theme="dark"] .super-tool-panel>summary>span:last-child{color:#acacac}
html[data-theme="dark"] .super-tool-control h2,html[data-theme="dark"] .super-preview-section-title h4{color:#f1f1f1}
html[data-theme="dark"] .super-switch{color:#ddd}
html[data-theme="dark"] .super-tool-note{border-color:#444;color:#aaa}
html[data-theme="dark"] .super-preview-toolbar label{color:#ddd}
html[data-theme="dark"] .super-preview-toolbar select{background:#303030;color:#f3f3f3;border-color:#555}
html[data-theme="dark"] .super-preview-modes{background:#242424;border-color:#444;border-bottom-color:#26734c}
html[data-theme="dark"] .super-preview-modes button{background:#343434;border-color:#4b4b4b;color:#d3d3d3}
html[data-theme="dark"] .super-preview-modes button.active{background:#20c66c;border-color:#129e5a;color:#082514}
html[data-theme="dark"] .super-preview-warning{background:#2a302c;border-color:#444;color:#c1c9c2}
html[data-theme="dark"] .super-preview-warning span{background:#254733;color:#a3ecc0}
html[data-theme="dark"] .super-preview-screen{background:#1b1b1b;border-color:#434343;color:#eee}
html[data-theme="dark"] .super-preview-screen .super-preview-header{background:linear-gradient(120deg,#263c2f,#292929);border-color:#445248}
html[data-theme="dark"] .super-preview-header h3{color:#f0f0f0}
html[data-theme="dark"] .super-preview-header small{color:#8de4ac}
html[data-theme="dark"] .super-preview-header p{color:#b5b5b5}
html[data-theme="dark"] :is(.super-preview-duty,.super-preview-feature,.super-preview-stats>div,.super-preview-duty-list>.task,.super-preview-duty-list>.appliance-card,.super-preview-activity){background:#292929!important;border-color:#434343!important;color:#ebebeb!important}
html[data-theme="dark"] .super-preview-stats small,html[data-theme="dark"] .super-preview-feature p{color:#bcbcbc!important}
html[data-theme="dark"] .super-preview-stats b{color:#93eab5}
html[data-theme="dark"] .super-preview-activity strong{color:#e8e8e8}
html[data-theme="dark"] .super-preview-activity small{color:#aaa}
html[data-theme="dark"] .super-preview-pair span{background:#294b35;color:#baedcb}
html[data-theme="dark"] .super-preview-pill{background:#333;border-color:#555;color:#bbb}
html[data-theme="dark"] .super-preview-pill-green{background:#204d34;border-color:#39774c;color:#b5f1c8}
html[data-theme="dark"] .super-preview-pill-warn{background:#513c29;border-color:#84603a;color:#ffdba9}
html[data-theme="dark"] .po-self-review-tag{background:#214b33;color:#b7f1ca}
@media(max-width:760px){.super-preview-home-row{grid-template-columns:1fr}.super-preview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.super-tool-control{align-items:flex-start}}
@media(max-width:510px){.super-tool-inner{padding:14px}.super-tool-control{flex-direction:column;gap:15px}.super-switch{flex-direction:row;flex-basis:auto;align-self:flex-end}.super-preview-content{padding:11px}.super-preview-screen .super-preview-header{padding:14px}.super-preview-count{max-width:120px}}