.ott-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px;margin-bottom:18px;border-radius:24px;background:linear-gradient(135deg,#1b4a34,#173624 62%,#7d6727);color:#fff;box-shadow:0 18px 50px rgba(18,54,36,.2)}.ott-hero:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:-65px;top:-80px;box-shadow:0 0 0 28px rgba(255,255,255,.035),0 0 0 58px rgba(255,255,255,.025)}.ott-hero h1{font-size:clamp(32px,5vw,52px);margin:2px 0 6px;letter-spacing:-.045em}.ott-hero p{margin:0;max-width:650px;color:#d5e8de}.ott-now{position:relative;z-index:2;min-width:135px;text-align:center;padding:16px 20px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.16);border-radius:18px}.ott-now span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#b9d1c4}.ott-now strong{font-size:34px}.ott-grid{display:grid;gap:14px;margin-bottom:18px}.ott-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ott-card-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:850;color:var(--oos-muted,#6b756f);margin-bottom:10px}.ott-status-card{position:relative;overflow:hidden}.ott-status-card.is-live{box-shadow:inset 0 3px 0 #48a26b,var(--oos-shadow)}.ott-big-status{display:block;font-size:26px;letter-spacing:-.03em;margin-bottom:6px}.ott-next-time{display:block;font-size:26px;letter-spacing:-.03em}.ott-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.ott-punch.is-stop{background:#8d3636}.ott-countdown{display:flex;justify-content:space-between;align-items:center;margin:13px 0;padding:12px 14px;border-radius:13px;background:#fff8df;color:#735f24}.ott-countdown strong{font-variant-numeric:tabular-nums;font-size:19px}.ott-rule-card strong{display:block;font-size:19px;margin-bottom:8px}.ott-table-wrap{overflow:auto}.ott-table{width:100%;border-collapse:collapse;min-width:720px}.ott-table th,.ott-table td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--oos-border,#e2e7e4);font-size:13px;vertical-align:top}.ott-table th{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--oos-muted,#6b756f)}.ott-table td small{display:block;color:var(--oos-muted,#6b756f);margin-top:3px}.ott-warn{color:#9a6a22!important}.ott-mini{border:1px solid var(--oos-border,#dfe5e1);background:transparent;color:inherit;border-radius:8px;padding:6px 9px;font-weight:750;cursor:pointer}.ott-mini.is-danger{color:#a63d3d}.ott-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ott-form-grid-5{grid-template-columns:1.2fr 1fr 1fr 1fr 1fr auto;align-items:end}.ott-form-grid label,.ott-settings-form label,.ott-dialog label{display:grid;gap:5px;font-size:11px;font-weight:800;color:var(--oos-muted,#6b756f)}.ott-form-grid input,.ott-form-grid select,.ott-settings-form input,.ott-dialog input,.ott-dialog textarea,.ott-filter-row input,.ott-filter-row select{min-height:42px;border:1px solid var(--oos-border,#dfe5e1);border-radius:10px;background:var(--oos-surface,#fff);color:inherit;padding:0 10px}.ott-dialog textarea{padding:10px;resize:vertical}.ott-shift-create{margin-bottom:18px}.ott-chip{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800;background:#edf1ef}.ott-chip.is-scheduled{background:#eaf3ff;color:#345e90}.ott-chip.is-completed{background:#e6f5ea;color:#2c7042}.ott-chip.is-cancelled{background:#f7e9e9;color:#923e3e}.ott-approval-list{display:grid;gap:12px}.ott-approval{display:flex;justify-content:space-between;gap:20px;align-items:center}.ott-approval h2{margin:2px 0 4px}.ott-approval p{margin:4px 0}.ott-approval-actions{display:flex;gap:8px;flex-wrap:wrap}.ott-delta{display:inline-block;margin-top:8px;padding:6px 9px;border-radius:9px;background:#fff7df;color:#765e1b;font-weight:800;font-size:12px}.ott-count-badge{padding:8px 12px;border-radius:999px;background:#2b4738;color:#fff;font-size:12px;font-weight:800}.ott-empty{text-align:center;padding:35px}.ott-filter-row{display:flex;gap:8px;flex-wrap:wrap}.ott-kpi span{display:block;color:var(--oos-muted,#6b756f);font-size:11px}.ott-kpi strong{display:block;font-size:30px;margin-top:7px}.ott-kpi.is-positive strong{color:#2f8650}.ott-kpi.is-negative strong{color:#b14343}.ott-settings-form{display:grid;gap:14px;max-width:680px}.ott-settings-form label{grid-template-columns:1fr 90px auto;align-items:center}.ott-check{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px!important}.ott-check input{min-height:0!important;width:auto}.ott-rule-explain{margin-top:18px}.ott-rule-explain li{margin:8px 0}.ott-dialog{width:min(560px,calc(100vw - 24px));border:0;border-radius:20px;padding:22px;background:var(--oos-surface,#fff);color:inherit;box-shadow:0 30px 90px rgba(0,0,0,.28)}.ott-dialog::backdrop{background:rgba(10,22,16,.62);backdrop-filter:blur(3px)}.ott-dialog h2{margin-top:0}.ott-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}
@media(max-width:1000px){.ott-grid-3{grid-template-columns:1fr}.ott-form-grid-5{grid-template-columns:1fr 1fr}.ott-form-grid-5 .oos-btn{grid-column:1/-1;justify-self:start}.ott-approval{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.ott-hero{padding:22px;align-items:flex-start}.ott-now{min-width:100px;padding:12px}.ott-now strong{font-size:25px}.ott-form-grid,.ott-form-grid-5{grid-template-columns:1fr}.ott-approval-actions{width:100%}.ott-approval-actions>*{flex:1}.ott-settings-form label{grid-template-columns:1fr}}
.ott-pair-result{margin-top:16px;padding:18px;border-radius:16px;background:#eef6d7;border:1px solid #d8e8a8;color:#283718}.ott-pair-result span,.ott-pair-result small{display:block}.ott-pair-result strong{display:block;font-size:34px;letter-spacing:.18em;margin:4px 0}.ott-pin-input{min-height:38px;border:1px solid var(--oos-border,#dfe5e1);border-radius:9px;background:var(--oos-surface,#fff);color:inherit;padding:0 10px;max-width:180px}
.ott-payroll-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.ott-export-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.ott-datev-personnel{min-height:38px;width:120px;border:1px solid var(--oos-border,#dfe5e1);border-radius:9px;background:var(--oos-surface,#fff);color:inherit;padding:0 10px}.ott-payroll-settings{margin-top:18px}.ott-settings-wide{max-width:none}.ott-settings-wide .ott-form-grid select,.ott-settings-wide textarea,.ott-datev-maps input{min-height:42px;border:1px solid var(--oos-border,#dfe5e1);border-radius:10px;background:var(--oos-surface,#fff);color:inherit;padding:8px 10px}.ott-settings-wide textarea{width:100%;resize:vertical}.ott-datev-maps{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ott-datev-maps>div{padding:16px;border:1px solid var(--oos-border,#e2e7e4);border-radius:14px}.ott-datev-maps h3{margin:0 0 12px}.ott-datev-maps label{display:grid;grid-template-columns:1fr 110px;gap:10px;align-items:center;margin:8px 0}.ott-datev-note{margin-top:18px;padding:14px 16px;border-radius:14px;background:#fff8df;color:#5c4b16}.ott-datev-note p{margin:5px 0 0}.ott-surcharge-pill{display:inline-flex;white-space:nowrap;padding:4px 7px;margin:2px;border-radius:999px;background:#edf4ef;color:#31513e;font-size:10px;font-weight:800}
@media(max-width:1200px){.ott-payroll-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.ott-payroll-kpis,.ott-datev-maps{grid-template-columns:1fr}.ott-export-actions{justify-content:flex-start}.ott-datev-maps label{grid-template-columns:1fr}}
.ott-stack{display:grid;gap:10px}.ott-stack label{display:grid;gap:5px;font-size:11px;font-weight:800;color:var(--oos-muted,#6b756f)}.ott-stack input,.ott-stack select,.ott-stack textarea,.ott-contracts input{min-height:40px;border:1px solid var(--oos-border,#dfe5e1);border-radius:9px;background:var(--oos-surface,#fff);color:inherit;padding:7px 9px}.ott-stack textarea{resize:vertical}.ott-stack hr{width:100%;border:0;border-top:1px solid var(--oos-border,#e2e7e4);margin:6px 0}.ott-week-nav{display:flex;gap:8px;flex-wrap:wrap}.ott-weekday-checks{display:flex;gap:7px;flex-wrap:wrap}.ott-weekday-checks label{display:flex;align-items:center;gap:3px;padding:6px 8px;border:1px solid var(--oos-border,#dfe5e1);border-radius:8px}.ott-roster-tools{align-items:start}.ott-roster-board{margin-top:18px}.ott-roster-scroll{overflow:auto}.ott-roster-grid{display:grid;grid-template-columns:190px repeat(7,minmax(150px,1fr));min-width:1240px;border-top:1px solid var(--oos-border,#e2e7e4);border-left:1px solid var(--oos-border,#e2e7e4)}.ott-roster-grid>div{border-right:1px solid var(--oos-border,#e2e7e4);border-bottom:1px solid var(--oos-border,#e2e7e4)}.ott-roster-corner,.ott-roster-dayhead,.ott-roster-user{padding:10px;background:rgba(0,0,0,.018)}.ott-roster-corner{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.ott-roster-dayhead b,.ott-roster-dayhead span{display:block}.ott-roster-dayhead span{font-size:11px;color:var(--oos-muted,#6b756f)}.ott-roster-dayhead small{display:grid;gap:3px;margin-top:6px}.ott-roster-dayhead i{font-style:normal;font-size:9px;padding:3px 5px;border-radius:6px;background:#e7f3eb;color:#2d6840}.ott-roster-dayhead i.is-gap{background:#fff0df;color:#8a5722}.ott-roster-user strong,.ott-roster-user span{display:block}.ott-roster-user span{font-size:10px;color:var(--oos-muted,#6b756f);margin-top:4px}.ott-roster-cell{min-height:104px;padding:7px;background:rgba(255,255,255,.3);transition:.14s ease}.ott-roster-cell.is-drop{background:#e9f5ed;box-shadow:inset 0 0 0 2px #4a9a67}.ott-shift-card{position:relative;padding:8px 24px 8px 9px;border-radius:10px;background:#eaf3ff;color:#274d78;margin-bottom:6px;cursor:grab;box-shadow:0 2px 8px rgba(0,0,0,.05)}.ott-shift-card.is-dragging{opacity:.45}.ott-shift-card.is-completed{background:#e6f5ea;color:#2c7042}.ott-shift-card.is-cancelled{opacity:.5;background:#f5eded;color:#7d4848}.ott-shift-card b,.ott-shift-card span,.ott-shift-card small{display:block}.ott-shift-card b{font-size:12px}.ott-shift-card span,.ott-shift-card small{font-size:10px;margin-top:2px}.ott-shift-x{position:absolute;right:5px;top:5px;border:0;background:transparent;color:inherit;font-size:17px;cursor:pointer}.ott-availability{font-size:9px;font-weight:800;padding:4px 6px;border-radius:7px;margin-bottom:5px;background:#eff4ef;color:#4b6655}.ott-availability.is-wish_off{background:#fff0e5;color:#8a5722}.ott-contracts{margin-top:18px}.ott-contracts input{width:92px;min-height:36px}.ott-contract-days{display:flex;gap:4px;flex-wrap:wrap}.ott-contract-days label{display:flex;gap:2px;align-items:center;font-size:10px}.ott-contract-days input{width:auto;min-height:auto}.ott-planning-request{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px 0;border-bottom:1px solid var(--oos-border,#e2e7e4)}.ott-planning-request:last-child{border-bottom:0}.ott-planning-request b,.ott-planning-request span,.ott-planning-request small{display:block}.ott-planning-request span{font-size:12px;margin-top:2px}.ott-planning-request small{color:var(--oos-muted,#6b756f);margin-top:3px}.ott-account-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.ott-account-kpis small{display:block;color:var(--oos-muted,#6b756f);margin-top:4px}
@media(max-width:1100px){.ott-account-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ott-roster-tools{grid-template-columns:1fr}}
@media(max-width:650px){.ott-account-kpis{grid-template-columns:1fr}.ott-week-nav{width:100%}.ott-week-nav>*{flex:1}.ott-planning-request{align-items:flex-start;flex-direction:column}}


/* Standalone employee clock at /clock/ */
.ott-clock-body{min-height:100%;background:linear-gradient(145deg,var(--oos-bg,#f4f6f2),var(--oos-bg2,#eef1ec));}
.ott-clock-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:20px 0 56px;}
.ott-clock-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px;padding:12px 14px;border:1px solid var(--oos-border,#dfe5e1);border-radius:18px;background:rgba(255,255,255,.86);box-shadow:var(--oos-shadow,0 12px 34px rgba(30,55,39,.08));backdrop-filter:blur(14px);}
.ott-clock-brand{display:flex;align-items:center;gap:12px;min-width:0;}
.ott-clock-brand img{width:46px;height:46px;border-radius:14px;object-fit:cover;}
.ott-clock-brand strong,.ott-clock-brand small{display:block;}
.ott-clock-brand strong{font-size:15px;}
.ott-clock-brand small{margin-top:2px;color:var(--oos-muted,#6b756f);font-size:11px;}
.ott-clock-user{display:flex;align-items:center;gap:12px;color:var(--oos-muted,#6b756f);font-size:12px;font-weight:750;}
.ott-clock-main{display:grid;gap:18px;}
.ott-clock-main .ott-hero{margin-bottom:0;}
@media(max-width:650px){.ott-clock-shell{width:min(100% - 20px,1180px);padding-top:10px}.ott-clock-topbar{align-items:flex-start;flex-direction:column}.ott-clock-user{width:100%;justify-content:space-between}.ott-clock-user .oos-btn{min-height:40px}}


/* 0.4.6: intentionally slim employee clock. Accounting rules stay internal. */
.ott-clock-simple{display:grid;gap:18px;max-width:860px;margin:0 auto;padding:28px;border:1px solid var(--oos-border,#dfe5e1);border-radius:28px;background:var(--oos-surface,#fff);box-shadow:var(--oos-shadow,0 18px 50px rgba(30,55,39,.10))}
.ott-clock-simple-head{display:flex;align-items:center;justify-content:space-between;gap:20px}
.ott-clock-simple-head h1{margin:2px 0 0;font-size:clamp(34px,6vw,56px);letter-spacing:-.045em}
.ott-clock-live-time{flex:0 0 auto;min-width:128px;padding:12px 16px;border-radius:18px;background:#173624;color:#fff;text-align:center}
.ott-clock-live-time span{display:block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;opacity:.72}
.ott-clock-live-time strong{display:block;margin-top:2px;font-size:34px;font-variant-numeric:tabular-nums}
.ott-clock-state{display:grid;gap:3px;padding:18px 20px;border-radius:18px;background:var(--oos-bg,#f2f5f1);border:1px solid var(--oos-border,#dfe5e1)}
.ott-clock-state>span{font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.12em;color:var(--oos-muted,#6b756f)}
.ott-clock-state>strong{font-size:24px;letter-spacing:-.02em}
.ott-clock-state>small{color:var(--oos-muted,#6b756f)}
.ott-clock-state-in{box-shadow:inset 4px 0 0 #3f8859}
.ott-clock-state-waiting{box-shadow:inset 4px 0 0 #b08a35}
.ott-clock-state-break{box-shadow:inset 4px 0 0 #b08a35}
.ott-clock-timers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ott-clock-timer{display:grid;gap:4px;padding:16px 18px;border:1px solid var(--oos-border,#dfe5e1);border-radius:18px;background:var(--oos-bg,#f2f5f1)}
.ott-clock-timer>span{font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.12em;color:var(--oos-muted,#6b756f)}
.ott-clock-timer>strong{font-size:clamp(30px,5vw,44px);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.035em}
.ott-clock-timer.is-running{box-shadow:inset 4px 0 0 #3f8859}
.ott-clock-timer.is-waiting{box-shadow:inset 4px 0 0 #b08a35}
.ott-clock-timer.is-pause{box-shadow:inset 4px 0 0 #b08a35}
.ott-clock-actions-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ott-clock-action{appearance:none;min-height:112px;padding:18px 12px;border:1px solid var(--oos-border,#dfe5e1);border-radius:20px;background:#173624;color:#fff;cursor:pointer;box-shadow:0 8px 20px rgba(23,54,36,.10);transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}
.ott-clock-action strong,.ott-clock-action span{display:block}
.ott-clock-action strong{font-size:24px;letter-spacing:-.02em}
.ott-clock-action span{margin-top:5px;font-size:11px;opacity:.78}
.ott-clock-action.is-out{background:#783b36}
.ott-clock-action.is-pause,.ott-clock-action.is-pause-end{background:#5a5731}
.ott-clock-action:not(:disabled):active{transform:translateY(1px);box-shadow:0 3px 10px rgba(23,54,36,.12)}
.ott-clock-action:disabled{background:#eef1ef;color:#8a938d;border-color:#e0e5e2;box-shadow:none;cursor:not-allowed;opacity:.72}
.ott-clock-nextline{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding-top:2px;color:var(--oos-muted,#6b756f)}
.ott-clock-nextline>span{font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}
.ott-clock-nextline>strong{color:var(--oos-text,#142019)}
.ott-clock-nextline>small:before{content:"· ";}
@media(max-width:760px){.ott-clock-simple{padding:20px;border-radius:22px}.ott-clock-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ott-clock-action{min-height:100px}}
@media(max-width:520px){.ott-clock-timers{grid-template-columns:1fr}.ott-clock-timer>strong{font-size:36px}}
@media(max-width:460px){.ott-clock-simple-head{align-items:flex-end}.ott-clock-live-time{min-width:104px}.ott-clock-live-time strong{font-size:28px}.ott-clock-actions-grid{grid-template-columns:1fr 1fr;gap:9px}.ott-clock-action{min-height:92px;padding:14px 8px}.ott-clock-action strong{font-size:20px}}


/* 0.4.9 shared /clock/ PIN session and live team status */
.ott-clock-kiosk{min-height:560px;display:grid;place-items:center}.ott-clock-kiosk.is-busy{opacity:.7;pointer-events:none}.ott-clock-kiosk-loading{color:var(--oos-muted,#6b756f)}
.ott-clock-pin-card{width:min(520px,100%);padding:32px;border:1px solid var(--oos-border,#dfe5e1);border-radius:28px;background:var(--oos-surface,#fff);box-shadow:var(--oos-shadow,0 18px 50px rgba(30,55,39,.10));text-align:center}.ott-clock-pin-card h1{margin:4px 0 8px;font-size:clamp(34px,6vw,54px);letter-spacing:-.04em}.ott-clock-pin-help{margin:0 0 18px;color:var(--oos-muted,#6b756f)}.ott-clock-pin-dots{min-height:42px;margin:12px 0 18px;font-size:26px;letter-spacing:.16em;color:#173624}.ott-clock-pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ott-clock-pin-pad button{min-height:66px;border:1px solid var(--oos-border,#dfe5e1);border-radius:16px;background:var(--oos-bg,#f2f5f1);color:var(--oos-text,#142019);font-size:26px;font-weight:850;cursor:pointer}.ott-clock-pin-pad button:active{transform:translateY(1px)}.ott-clock-pin-pad button.is-go{background:#173624;color:#fff}.ott-clock-pin-message{margin:12px 0;padding:10px 12px;border-radius:12px;font-weight:750}.ott-clock-pin-message.is-error{background:#fff0ee;color:#873b34}.ott-clock-pin-message.is-success{background:#e8f5eb;color:#2e6b42}.ott-clock-switch-user{justify-self:center;border:0;background:transparent;color:var(--oos-muted,#6b756f);text-decoration:underline;cursor:pointer;padding:6px 10px}.ott-clock-success{width:min(600px,100%);padding:42px 32px;border:1px solid var(--oos-border,#dfe5e1);border-radius:28px;background:var(--oos-surface,#fff);box-shadow:var(--oos-shadow,0 18px 50px rgba(30,55,39,.10));text-align:center}.ott-clock-success-mark{width:72px;height:72px;margin:0 auto 16px;border-radius:24px;display:grid;place-items:center;background:#173624;color:#fff;font-size:38px;font-weight:900}.ott-clock-success h1{margin:4px 0 8px;font-size:42px;letter-spacing:-.035em}.ott-clock-success p{color:var(--oos-muted,#6b756f)}.ott-clock-success>small{display:block;margin-top:18px;color:var(--oos-muted,#6b756f)}.ott-clock-success-totals{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.ott-clock-success-totals>div{padding:14px;border-radius:16px;background:var(--oos-bg,#f2f5f1)}.ott-clock-success-totals span,.ott-clock-success-totals strong{display:block}.ott-clock-success-totals span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--oos-muted,#6b756f);font-weight:850}.ott-clock-success-totals strong{margin-top:3px;font-size:28px;font-variant-numeric:tabular-nums}.ott-clock-kiosk-action{width:100%}
.ott-live-status{display:inline-flex!important;align-items:center;width:max-content;max-width:100%;margin-top:7px!important;padding:3px 7px;border-radius:999px;font-size:9px!important;font-style:normal;font-weight:850;line-height:1.3;background:#edf1ee;color:#6d7771}.ott-live-status:before{content:"";width:6px;height:6px;border-radius:50%;margin-right:5px;background:currentColor;flex:none}.ott-live-status.is-in{background:#e6f5ea;color:#2c7042}.ott-live-status.is-break{background:#fff1cf;color:#815f12}.ott-live-status.is-waiting{background:#f4edd8;color:#7c6225}.ott-live-status.is-out{background:#eef1ef;color:#7d8680}
@media(max-width:600px){.ott-clock-kiosk{min-height:0}.ott-clock-pin-card,.ott-clock-success{padding:24px 18px;border-radius:22px}.ott-clock-pin-pad button{min-height:58px}.ott-clock-success-totals{grid-template-columns:1fr}.ott-clock-kiosk-body .ott-clock-user>span{display:none}}

.ott-team-live-panel{margin-top:18px}.ott-team-live-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.ott-team-live-person{display:grid;gap:7px;padding:12px 14px;border:1px solid var(--oos-border,#dfe5e1);border-radius:14px;background:var(--oos-bg,#f6f8f5)}.ott-team-live-person>strong{font-size:13px}.ott-team-live-person .ott-live-status{margin-top:0!important}

/* 0.5.0 shared clock employee board */
.ott-clock-team{width:min(1180px,100%);display:grid;gap:20px;margin:0 auto}
.ott-clock-team-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:4px 2px}
.ott-clock-team-head h1{margin:3px 0 5px;font-size:clamp(34px,5vw,56px);letter-spacing:-.045em}
.ott-clock-team-head p:not(.oos-eyebrow){margin:0;color:var(--oos-muted,#6b756f)}
.ott-clock-team-now{min-width:144px;padding:13px 16px;border:1px solid var(--oos-border,#dfe5e1);border-radius:18px;background:var(--oos-surface,#fff);text-align:right}
.ott-clock-team-now span{display:block;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.12em;color:var(--oos-muted,#6b756f)}
.ott-clock-team-now strong{display:block;margin-top:2px;font-size:30px;line-height:1;font-variant-numeric:tabular-nums}
.ott-clock-team-message{padding:12px 14px;border-radius:14px;font-weight:800}.ott-clock-team-message.is-error{background:#fff0ee;color:#873b34}.ott-clock-team-message.is-success{background:#e8f5eb;color:#2e6b42}
.ott-clock-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.ott-clock-team-empty{grid-column:1/-1;padding:42px;border:1px dashed var(--oos-border,#dfe5e1);border-radius:22px;text-align:center;color:var(--oos-muted,#6b756f)}
.ott-clock-person-card{position:relative;display:grid;gap:14px;min-width:0;padding:18px;border:1px solid var(--oos-border,#dfe5e1);border-radius:24px;background:#fff;color:var(--oos-text,#142019);text-align:left;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease,box-shadow .2s ease;overflow:hidden}
.ott-clock-person-card:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(30,55,39,.10)}
.ott-clock-person-card:focus-visible{outline:3px solid #173624;outline-offset:3px}
.ott-clock-person-card:disabled{cursor:not-allowed;opacity:.62}
.ott-clock-person-card.is-out{background:#f7f8f6}
.ott-clock-person-card.is-planned{background:#edf4fa;border-color:#c9dceb}
.ott-clock-person-card.is-waiting{background:#fff7de;border-color:#ead38e}
.ott-clock-person-card.is-in{background:#eaf6ed;border-color:#b9ddc2}
.ott-clock-person-card.is-break{background:#fff1df;border-color:#ebc78f}
.ott-clock-person-head{display:flex;align-items:center;gap:13px;min-width:0}
.ott-clock-person-avatar{position:relative;flex:0 0 auto;width:62px;height:62px;border-radius:20px;display:grid;place-items:center;overflow:hidden;background:#dfe8e1;color:#173624;font-weight:900;font-size:20px;border:1px solid rgba(23,54,36,.10)}
.ott-clock-person-avatar>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#dfe8e1}
.ott-clock-person-avatar.is-large{width:84px;height:84px;border-radius:26px;font-size:26px}
.ott-clock-person-avatar.is-success{width:58px;height:58px;margin:0 auto 8px;border-radius:18px}
.ott-clock-person-name{display:grid;gap:5px;min-width:0}.ott-clock-person-name>strong{font-size:21px;line-height:1.08;overflow-wrap:anywhere}
.ott-clock-person-status{justify-self:start;display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:999px;background:rgba(20,32,25,.08);font-style:normal;font-size:11px;font-weight:850}
.ott-clock-person-status.is-in{background:#cfead6;color:#23613a}.ott-clock-person-status.is-break{background:#f6d9ad;color:#7a4e13}.ott-clock-person-status.is-waiting{background:#f5e4ad;color:#745913}.ott-clock-person-status.is-planned{background:#d8e8f4;color:#315f7c}
.ott-clock-person-focus{display:grid;gap:2px;min-height:54px;padding:11px 13px;border-radius:15px;background:rgba(255,255,255,.66)}
.ott-clock-person-focus span,.ott-clock-person-shift>span{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:var(--oos-muted,#6b756f)}
.ott-clock-person-focus strong{font-size:20px;font-variant-numeric:tabular-nums}
.ott-clock-person-shift{display:grid;gap:3px}.ott-clock-person-shift strong{font-size:13px;line-height:1.35;font-weight:780}
.ott-clock-person-times{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ott-clock-person-times>span{display:grid;gap:2px;padding:10px 11px;border-radius:14px;background:rgba(255,255,255,.72)}
.ott-clock-person-times small{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--oos-muted,#6b756f)}
.ott-clock-person-times strong{font-size:18px;font-variant-numeric:tabular-nums}
.ott-clock-person-open,.ott-clock-person-no-pin{justify-self:end;font-size:11px;font-weight:900}.ott-clock-person-open{color:#173624}.ott-clock-person-no-pin{color:#8a4a42}
.ott-clock-pin-person{width:min(560px,100%);text-align:left}.ott-clock-pin-person .ott-clock-pin-help,.ott-clock-pin-person .ott-clock-pin-dots{text-align:center}
.ott-clock-pin-identity{display:flex;align-items:center;justify-content:center;gap:16px;margin:8px 0 16px}.ott-clock-pin-identity h1{margin:3px 0 0;text-align:left;font-size:clamp(30px,5vw,44px)}
.ott-clock-back{border:0;background:transparent;color:var(--oos-muted,#6b756f);font-weight:800;cursor:pointer;padding:6px 0}
.ott-clock-action-person{display:flex;align-items:center;gap:12px}.ott-clock-action-person h1{margin:2px 0 0}
@media(max-width:980px){.ott-clock-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.ott-clock-team-head{align-items:flex-start}.ott-clock-team-now{min-width:112px;padding:11px}.ott-clock-team-now strong{font-size:24px}.ott-clock-team-grid{grid-template-columns:1fr}.ott-clock-person-card{padding:16px;border-radius:20px}.ott-clock-person-times strong{font-size:17px}}
@media(max-width:440px){.ott-clock-team-head{display:grid;grid-template-columns:1fr auto}.ott-clock-team-head p:not(.oos-eyebrow){grid-column:1/-1}.ott-clock-person-avatar{width:56px;height:56px;border-radius:18px}.ott-clock-pin-identity{justify-content:flex-start}}

/* 0.5.1 staff administration */
.ott-staff-admin{align-items:start}
.ott-staff-person{display:flex;align-items:center;gap:10px;min-width:180px}
.ott-staff-person>div{display:flex;flex-direction:column;min-width:0}
.ott-staff-person small{color:var(--oos-muted,#778078);font-size:12px}
.ott-staff-avatar{width:40px;height:40px;border-radius:12px;object-fit:cover;flex:0 0 auto}
@media (max-width:760px){.ott-staff-admin{grid-template-columns:1fr}.ott-staff-person{min-width:140px}}
.ott-staff-actions{display:flex;gap:7px;flex-wrap:wrap}.ott-staff-dialog form{display:grid;gap:16px}.ott-staff-photo-edit{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;align-items:center}.ott-staff-photo-edit>img{width:110px;height:110px;border-radius:22px;object-fit:cover;background:#edf1ef;border:1px solid var(--oos-border,#dfe5e1)}.ott-staff-photo-edit>img[hidden]{display:block;visibility:hidden}.ott-staff-photo-edit>div{display:grid;gap:10px}.ott-staff-photo-edit input[type=file]{width:100%;padding:9px;border:1px solid var(--oos-border,#dfe5e1);border-radius:10px;background:var(--oos-surface,#fff)}
@media(max-width:650px){.ott-staff-photo-edit{grid-template-columns:1fr}.ott-staff-photo-edit>img{width:88px;height:88px}}

/* 0.6.0 visual weekly planner */
.ott-plan-head{align-items:flex-end}.ott-plan-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.ott-template-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.ott-template-bar>div:first-child{display:grid;gap:3px}.ott-template-bar>div:first-child>span{font-size:12px;color:var(--oos-muted,#6b756f)}.ott-template-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ott-template-actions select{min-height:42px;min-width:190px;border:1px solid var(--oos-border,#dfe5e1);border-radius:10px;background:var(--oos-surface,#fff);padding:0 10px;color:inherit}.ott-staff-tray{margin-bottom:14px}.ott-staff-tray-list{display:flex;gap:9px;overflow:auto;padding-bottom:3px;scrollbar-width:thin}.ott-staff-chip{display:flex;align-items:center;gap:9px;min-width:190px;border:1px solid var(--oos-border,#dfe5e1);background:var(--oos-surface,#fff);color:inherit;border-radius:13px;padding:8px 11px;text-align:left;cursor:grab}.ott-staff-chip.is-dragging{opacity:.45}.ott-staff-chip-avatar,.ott-dialog-avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;background:#e7ece8;color:#173624;font-size:11px;font-weight:900}.ott-staff-chip-avatar img,.ott-dialog-avatar img{width:100%;height:100%;object-fit:cover}.ott-staff-chip>span:last-child{display:grid;gap:2px;min-width:0}.ott-staff-chip strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ott-staff-chip small{font-size:9px;font-weight:800;color:var(--oos-muted,#6b756f)}.ott-staff-chip small.is-in{color:#2d7848}.ott-staff-chip small.is-break{color:#93691a}.ott-staff-chip small.is-waiting{color:#86651c}
.ott-planner-shell{padding:0!important;overflow:auto}.ott-planner-shell,.ott-planner-board{min-width:0}.ott-planner-dayheads,.ott-department{display:grid;grid-template-columns:170px repeat(7,minmax(158px,1fr));min-width:1280px}.ott-planner-dayheads{position:sticky;top:0;z-index:4;border-bottom:1px solid var(--oos-border,#dfe5e1);background:var(--oos-surface,#fff)}.ott-planner-dept-spacer,.ott-planner-dayhead{padding:11px 10px}.ott-planner-dept-spacer{font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:850;color:var(--oos-muted,#6b756f)}.ott-planner-dayhead{display:grid;grid-template-columns:1fr auto;align-items:center;border-left:1px solid var(--oos-border,#dfe5e1)}.ott-planner-dayhead span{font-size:11px;font-weight:850}.ott-planner-dayhead strong{font-size:18px;grid-row:1/3;grid-column:2}.ott-planner-dayhead small{font-size:9px;color:var(--oos-muted,#6b756f)}.ott-planner-dayhead.is-today{background:#eef4ed}.ott-planner-board{overflow:visible;max-width:none}.ott-department{border-bottom:1px solid var(--oos-border,#dfe5e1);background:color-mix(in srgb,var(--ott-dept-color) 2.8%,white)}.ott-department:last-child{border-bottom:0}.ott-department-label{position:sticky;left:0;z-index:3;display:grid;grid-template-columns:auto 1fr;align-content:start;gap:4px 8px;padding:14px 12px;background:color-mix(in srgb,var(--ott-dept-color) 10%,white);border-right:1px solid var(--oos-border,#dfe5e1);box-shadow:8px 0 16px rgba(20,32,25,.03)}.ott-department-label strong{font-size:13px}.ott-department-label small{grid-column:2;color:var(--oos-muted,#6b756f);font-size:10px}.ott-department-dot{width:9px;height:9px;border-radius:50%;background:var(--ott-dept-color);margin-top:4px}.ott-department-day{position:relative;min-height:154px;padding:8px;border-right:1px solid var(--oos-border,#dfe5e1);background-image:radial-gradient(circle at 1px 1px,rgba(20,32,25,.055) 1px,transparent 0);background-size:12px 12px;transition:background .15s ease,box-shadow .15s ease}.ott-department-day.is-plan-drop{background:color-mix(in srgb,var(--ott-dept-color) 11%,white);box-shadow:inset 0 0 0 2px var(--ott-dept-color)}.ott-add-shift{position:absolute;right:7px;bottom:7px;width:30px;height:30px;border-radius:9px;border:1px dashed color-mix(in srgb,var(--ott-dept-color) 65%,#89928d);background:rgba(255,255,255,.82);color:var(--ott-dept-color);font-size:18px;line-height:1;cursor:pointer;opacity:.58}.ott-add-shift:hover{opacity:1}
.ott-plan-shift{position:relative;margin-bottom:8px;border:1px solid color-mix(in srgb,var(--ott-dept-color) 32%,#dfe5e1);border-top:4px solid var(--ott-dept-color);border-radius:10px;background:rgba(255,255,255,.96);box-shadow:0 3px 10px rgba(25,45,31,.05);overflow:hidden;cursor:grab;transition:transform .12s ease,box-shadow .12s ease}.ott-plan-shift:hover{box-shadow:0 7px 18px rgba(25,45,31,.09)}.ott-plan-shift.is-dragging{opacity:.45}.ott-plan-shift.is-plan-drop{box-shadow:0 0 0 3px color-mix(in srgb,var(--ott-dept-color) 45%,transparent),0 8px 20px rgba(25,45,31,.12)}.ott-plan-shift-open{display:grid;gap:5px;width:100%;padding:8px 9px 6px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.ott-plan-shift-title{font-size:11px;font-weight:900;color:color-mix(in srgb,var(--ott-dept-color) 70%,#243127);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ott-plan-shift-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10px;color:#536059}.ott-plan-shift-meta b{padding:2px 5px;border-radius:6px;background:color-mix(in srgb,var(--ott-dept-color) 16%,white);color:color-mix(in srgb,var(--ott-dept-color) 70%,#25352b)}.ott-plan-shift-comment{font-size:9px;color:var(--oos-muted,#6b756f);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ott-plan-assignees{display:grid;gap:3px;padding:0 7px 7px}.ott-assignee{display:flex;align-items:center;gap:6px;min-width:0;padding:4px 5px;border-radius:7px;background:#f6f8f6;font-size:10px;cursor:grab}.ott-assignee.is-dragging{opacity:.4}.ott-assignee i{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;background:#29382e;color:#fff;font-style:normal;font-size:7px;font-weight:900}.ott-assignee i img{width:100%;height:100%;object-fit:cover}.ott-assignee span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ott-block-dialog{width:min(980px,calc(100vw - 28px));max-height:calc(100vh - 36px);overflow:auto}.ott-block-dialog form{display:grid;gap:13px}.ott-block-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.ott-block-dialog-head h2{margin:2px 0 0}.ott-dialog-x{width:36px;height:36px;border:1px solid var(--oos-border,#dfe5e1);border-radius:10px;background:transparent;color:inherit;font-size:22px;cursor:pointer}.ott-block-dialog textarea,.ott-block-dialog input,.ott-block-dialog select{min-height:42px;border:1px solid var(--oos-border,#dfe5e1);border-radius:10px;background:var(--oos-surface,#fff);color:inherit;padding:9px 10px}.ott-block-dialog label{display:grid;gap:5px;font-size:11px;font-weight:800;color:var(--oos-muted,#6b756f)}.ott-block-dialog-actions{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;padding-top:4px}.ott-block-staff{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(360px,1.2fr);gap:16px;margin-top:20px;padding-top:18px;border-top:1px solid var(--oos-border,#dfe5e1)}.ott-block-staff-col{min-width:0}.ott-block-staff-col h3{margin:0 0 10px}.ott-block-suggestion-head{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.ott-block-suggestion-head small{color:var(--oos-muted,#6b756f);font-size:9px}.ott-dialog-person,.ott-suggestion{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid var(--oos-border,#edf0ee)}.ott-dialog-person:last-child,.ott-suggestion:last-child{border-bottom:0}.ott-dialog-person strong,.ott-suggestion strong{font-size:12px}.ott-suggestion>span:nth-child(2){display:grid;gap:2px;min-width:0}.ott-suggestion small{font-size:9px;color:var(--oos-muted,#6b756f);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ott-suggestion.is-unavailable{opacity:.55}.ott-suggestion button:disabled{cursor:not-allowed}.ott-contracts details>summary,.oos-panel>details>summary{display:flex;justify-content:space-between;align-items:center;gap:14px;cursor:pointer;list-style:none}.ott-contracts details>summary::-webkit-details-marker,.oos-panel>details>summary::-webkit-details-marker{display:none}.ott-contracts details[open]>summary,.oos-panel>details[open]>summary{margin-bottom:14px}
@media(max-width:1050px){.ott-template-bar{align-items:flex-start;flex-direction:column}.ott-block-staff{grid-template-columns:1fr}.ott-planner-dayheads,.ott-department{grid-template-columns:145px repeat(7,minmax(150px,1fr));min-width:1195px}}
@media(max-width:720px){.ott-plan-head{align-items:flex-start}.ott-plan-head-actions{width:100%;justify-content:space-between}.ott-template-actions{width:100%}.ott-template-actions select{flex:1;min-width:160px}.ott-staff-chip{min-width:165px}.ott-block-dialog-actions{grid-template-columns:1fr 1fr}.ott-block-dialog-actions>span{display:none}.ott-block-dialog-actions .is-danger{grid-column:1/-1}.ott-block-suggestion-head{align-items:flex-start;flex-direction:column}.ott-dialog-person,.ott-suggestion{grid-template-columns:auto minmax(0,1fr)}.ott-dialog-person button,.ott-suggestion button{grid-column:2}}

/* 0.6.1 department + department-specific role catalog */
.ott-field-with-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.ott-field-with-action .ott-mini{min-height:42px;white-space:nowrap}.ott-department-creator{display:grid;grid-template-columns:minmax(170px,1fr) auto auto auto;gap:8px;align-items:end;margin-top:8px;padding:10px;border:1px solid var(--oos-border,#dfe5e1);border-radius:12px;background:#f7f9f7}.ott-department-creator[hidden]{display:none!important}.ott-department-creator>input[type=text]{min-width:0}.ott-color-field{display:grid!important;grid-template-columns:auto auto;align-items:center!important;gap:7px!important}.ott-color-field span{font-size:10px}.ott-color-field input[type=color]{width:46px;min-width:46px;padding:4px!important}.ott-role-hint{display:block;margin-top:2px;font-size:9px;color:var(--oos-muted,#6b756f);font-weight:700}.ott-role-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px;min-height:24px}.ott-role-chips>small{font-size:9px;color:var(--oos-muted,#6b756f);font-weight:600}.ott-role-chip{border:1px solid var(--oos-border,#dfe5e1);border-radius:999px;background:#f5f7f5;color:#334038;padding:5px 9px;font-size:10px;font-weight:800;cursor:pointer}.ott-role-chip:hover{background:#eaf0ea;border-color:#bfcac2}
@media(max-width:720px){.ott-department-creator{grid-template-columns:1fr 1fr}.ott-department-creator>input[type=text]{grid-column:1/-1}.ott-field-with-action{grid-template-columns:minmax(0,1fr) auto}}

/* 0.6.2 planner focus mode: collapse OnionOS navigation so the complete week fits on desktop. */
@media(min-width:901px){
  .oos-app-shell.ott-planner-focus{grid-template-columns:minmax(0,1fr)}
  .oos-app-shell.ott-planner-focus>.oos-main-wrap{grid-column:1;width:100%;min-width:0}
  .oos-app-shell.ott-planner-focus>.oos-sidebar{position:fixed;left:0;top:0;width:var(--oos-sidebar,278px);height:100vh;transform:translateX(-105%);transition:transform .28s var(--oos-ease,ease);box-shadow:18px 0 55px rgba(0,0,0,.28)}
  .oos-app-shell.ott-planner-focus>.oos-sidebar.is-open{transform:translateX(0)}
  .oos-app-shell.ott-planner-focus .oos-sidebar-scrim{display:block;position:fixed;inset:0;z-index:45;background:rgba(9,25,15,.45);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.2s}
  body.oos-sidebar-open .oos-app-shell.ott-planner-focus .oos-sidebar-scrim{opacity:1;visibility:visible}
  .oos-app-shell.ott-planner-focus .oos-icon-btn{display:grid;place-items:center}
  .oos-app-shell.ott-planner-focus .oos-main{width:100%;max-width:none;padding-left:18px;padding-right:18px}
  .oos-app-shell.ott-planner-focus .oos-topbar{padding-left:18px;padding-right:18px}
  .oos-app-shell.ott-planner-focus .ott-planner-dayheads,.oos-app-shell.ott-planner-focus .ott-department{grid-template-columns:150px repeat(7,minmax(140px,1fr));min-width:1130px}
}

/* 0.6.3 Zwiebel corporate design for the full-width Dienstplan.
   Anthracite work surface, gold hierarchy and deliberately high-contrast state colors. */
.oos-app-shell.ott-planner-focus{
  --ott-corp-bg:#20211f;
  --ott-corp-bg-2:#262824;
  --ott-corp-panel:#2b2d29;
  --ott-corp-panel-2:#32342f;
  --ott-corp-panel-3:#393b35;
  --ott-corp-gold:#d7b34c;
  --ott-corp-gold-bright:#f0cf69;
  --ott-corp-text:#f7f3e7;
  --ott-corp-muted:#b9b9ae;
  --ott-corp-border:#4b4d46;
  --ott-corp-green:#65d28b;
  --ott-corp-blue:#63a9ff;
  --ott-corp-amber:#ffc857;
  --ott-corp-red:#ff716b;
  --oos-bg:var(--ott-corp-bg);
  --oos-surface:var(--ott-corp-panel);
  --oos-card:var(--ott-corp-panel);
  --oos-text:var(--ott-corp-text);
  --oos-muted:var(--ott-corp-muted);
  --oos-border:var(--ott-corp-border);
  --oos-accent:var(--ott-corp-gold);
  color:var(--ott-corp-text);
  background:var(--ott-corp-bg);
}
.oos-app-shell.ott-planner-focus .oos-main,
.oos-app-shell.ott-planner-focus .oos-content,
.oos-app-shell.ott-planner-focus .oos-view,
.oos-app-shell.ott-planner-focus .oos-page{
  background:var(--ott-corp-bg)!important;
  color:var(--ott-corp-text);
}
.oos-app-shell.ott-planner-focus .oos-topbar{
  background:#191a18!important;
  border-bottom:1px solid var(--ott-corp-border)!important;
  color:var(--ott-corp-text);
}
.oos-app-shell.ott-planner-focus .oos-topbar strong,
.oos-app-shell.ott-planner-focus .oos-topbar h1,
.oos-app-shell.ott-planner-focus .oos-page-head h1,
.oos-app-shell.ott-planner-focus .oos-page-head h2,
.oos-app-shell.ott-planner-focus .oos-panel h2,
.oos-app-shell.ott-planner-focus .oos-panel h3{
  color:var(--ott-corp-gold-bright)!important;
}
.oos-app-shell.ott-planner-focus .oos-eyebrow,
.oos-app-shell.ott-planner-focus .ott-card-label{
  color:var(--ott-corp-gold)!important;
}
.oos-app-shell.ott-planner-focus .oos-muted{
  color:var(--ott-corp-muted)!important;
}
.oos-app-shell.ott-planner-focus .oos-panel{
  background:var(--ott-corp-panel)!important;
  border:1px solid var(--ott-corp-border)!important;
  color:var(--ott-corp-text);
  box-shadow:0 14px 34px rgba(0,0,0,.18)!important;
}
.oos-app-shell.ott-planner-focus .oos-btn{
  background:var(--ott-corp-gold)!important;
  color:#1c1d1a!important;
  border-color:var(--ott-corp-gold)!important;
  box-shadow:none!important;
}
.oos-app-shell.ott-planner-focus .oos-btn:hover{
  background:var(--ott-corp-gold-bright)!important;
  border-color:var(--ott-corp-gold-bright)!important;
}
.oos-app-shell.ott-planner-focus .oos-ghost-btn,
.oos-app-shell.ott-planner-focus .ott-mini{
  background:transparent!important;
  color:var(--ott-corp-gold-bright)!important;
  border-color:#766a43!important;
}
.oos-app-shell.ott-planner-focus .oos-ghost-btn:hover,
.oos-app-shell.ott-planner-focus .ott-mini:hover{
  background:rgba(215,179,76,.12)!important;
  border-color:var(--ott-corp-gold)!important;
}
.oos-app-shell.ott-planner-focus .ott-mini.is-danger,
.oos-app-shell.ott-planner-focus .oos-ghost-btn.is-danger{
  color:var(--ott-corp-red)!important;
  border-color:#7e4643!important;
}

/* Planner controls and team tray */
.oos-app-shell.ott-planner-focus .ott-template-bar,
.oos-app-shell.ott-planner-focus .ott-staff-tray{
  color:var(--ott-corp-text);
}
.oos-app-shell.ott-planner-focus .ott-template-bar>div:first-child>span,
.oos-app-shell.ott-planner-focus .ott-staff-chip small{
  color:var(--ott-corp-muted);
}
.oos-app-shell.ott-planner-focus .ott-template-actions select,
.oos-app-shell.ott-planner-focus .ott-filter-row input,
.oos-app-shell.ott-planner-focus .ott-filter-row select{
  background:var(--ott-corp-panel-2)!important;
  color:var(--ott-corp-text)!important;
  border-color:var(--ott-corp-border)!important;
}
.oos-app-shell.ott-planner-focus .ott-staff-chip{
  background:var(--ott-corp-panel-2)!important;
  border-color:var(--ott-corp-border)!important;
  color:var(--ott-corp-text)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.oos-app-shell.ott-planner-focus .ott-staff-chip:hover{
  border-color:#7c7048!important;
  background:var(--ott-corp-panel-3)!important;
}
.oos-app-shell.ott-planner-focus .ott-staff-chip-avatar,
.oos-app-shell.ott-planner-focus .ott-dialog-avatar{
  background:#171815!important;
  color:var(--ott-corp-gold-bright)!important;
  border:1px solid #55574f;
}
.oos-app-shell.ott-planner-focus .ott-staff-chip small.is-in{color:var(--ott-corp-green)!important}
.oos-app-shell.ott-planner-focus .ott-staff-chip small.is-break{color:var(--ott-corp-amber)!important}
.oos-app-shell.ott-planner-focus .ott-staff-chip small.is-waiting{color:var(--ott-corp-blue)!important}

/* Week grid */
.oos-app-shell.ott-planner-focus .ott-planner-shell{
  background:#1d1e1c!important;
  border-color:var(--ott-corp-border)!important;
}
.oos-app-shell.ott-planner-focus .ott-planner-dayheads{
  background:#181917!important;
  border-color:var(--ott-corp-border)!important;
}
.oos-app-shell.ott-planner-focus .ott-planner-dept-spacer{
  background:#181917;
  color:var(--ott-corp-gold)!important;
}
.oos-app-shell.ott-planner-focus .ott-planner-dayhead{
  background:#20211f;
  border-color:var(--ott-corp-border)!important;
}
.oos-app-shell.ott-planner-focus .ott-planner-dayhead span,
.oos-app-shell.ott-planner-focus .ott-planner-dayhead strong{
  color:var(--ott-corp-text)!important;
}
.oos-app-shell.ott-planner-focus .ott-planner-dayhead small{
  color:#92958d!important;
}
.oos-app-shell.ott-planner-focus .ott-planner-dayhead.is-today{
  background:#413a23!important;
  box-shadow:inset 0 -3px 0 var(--ott-corp-gold);
}
.oos-app-shell.ott-planner-focus .ott-planner-dayhead.is-today span,
.oos-app-shell.ott-planner-focus .ott-planner-dayhead.is-today strong{
  color:var(--ott-corp-gold-bright)!important;
}
.oos-app-shell.ott-planner-focus .ott-department{
  background:#212220!important;
  border-color:var(--ott-corp-border)!important;
}
.oos-app-shell.ott-planner-focus .ott-department-label{
  background:#262724!important;
  border-color:var(--ott-corp-border)!important;
  box-shadow:10px 0 20px rgba(0,0,0,.18)!important;
}
.oos-app-shell.ott-planner-focus .ott-department-label:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:var(--ott-dept-color);
}
.oos-app-shell.ott-planner-focus .ott-department-label strong{
  color:var(--ott-corp-text)!important;
}
.oos-app-shell.ott-planner-focus .ott-department-label small{
  color:var(--ott-corp-muted)!important;
}
.oos-app-shell.ott-planner-focus .ott-department-dot{
  box-shadow:0 0 0 3px rgba(255,255,255,.08);
}
.oos-app-shell.ott-planner-focus .ott-department-day{
  border-color:var(--ott-corp-border)!important;
  background-color:#20211f!important;
  background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.075) 1px,transparent 0)!important;
}
.oos-app-shell.ott-planner-focus .ott-department-day.is-plan-drop{
  background-color:#2c2e28!important;
  box-shadow:inset 0 0 0 2px var(--ott-dept-color)!important;
}
.oos-app-shell.ott-planner-focus .ott-add-shift{
  background:#2e302c!important;
  color:var(--ott-corp-gold-bright)!important;
  border-color:#75693f!important;
  opacity:.85;
}
.oos-app-shell.ott-planner-focus .ott-add-shift:hover{
  background:#3b3d37!important;
  border-color:var(--ott-corp-gold)!important;
  opacity:1;
}

/* Shift cards: department color remains the high-contrast identifier. */
.oos-app-shell.ott-planner-focus .ott-plan-shift{
  background:#30322e!important;
  border-color:#50524b!important;
  border-top-color:var(--ott-dept-color)!important;
  box-shadow:0 6px 16px rgba(0,0,0,.22)!important;
}
.oos-app-shell.ott-planner-focus .ott-plan-shift:hover{
  background:#383a35!important;
  box-shadow:0 10px 24px rgba(0,0,0,.3)!important;
}
.oos-app-shell.ott-planner-focus .ott-plan-shift-title{
  color:var(--ott-corp-gold-bright)!important;
}
.oos-app-shell.ott-planner-focus .ott-plan-shift-meta{
  color:#f0eee4!important;
}
.oos-app-shell.ott-planner-focus .ott-plan-shift-meta b{
  background:#171815!important;
  color:var(--ott-corp-gold-bright)!important;
  border:1px solid #5a5238;
}
.oos-app-shell.ott-planner-focus .ott-plan-shift-comment{
  color:#c6c5bb!important;
}
.oos-app-shell.ott-planner-focus .ott-assignee{
  background:#222320!important;
  color:#f7f3e7!important;
  border:1px solid #44463f;
}
.oos-app-shell.ott-planner-focus .ott-assignee i{
  background:#121310!important;
  color:var(--ott-corp-gold-bright)!important;
  border:1px solid #56584f;
}

/* Shift editor */
.oos-app-shell.ott-planner-focus .ott-block-dialog,
body:has(.oos-app-shell.ott-planner-focus) .ott-block-dialog{
  background:#252724!important;
  color:var(--ott-corp-text,#f7f3e7)!important;
  border:1px solid var(--ott-corp-border,#4b4d46)!important;
}
body:has(.oos-app-shell.ott-planner-focus) .ott-block-dialog::backdrop{
  background:rgba(8,9,8,.78)!important;
}
.oos-app-shell.ott-planner-focus .ott-block-dialog h2,
body:has(.oos-app-shell.ott-planner-focus) .ott-block-dialog h2,
body:has(.oos-app-shell.ott-planner-focus) .ott-block-dialog h3{
  color:var(--ott-corp-gold-bright,#f0cf69)!important;
}
.oos-app-shell.ott-planner-focus .ott-block-dialog label,
body:has(.oos-app-shell.ott-planner-focus) .ott-block-dialog label{
  color:#d2d1c7!important;
}
.oos-app-shell.ott-planner-focus .ott-block-dialog input,
.oos-app-shell.ott-planner-focus .ott-block-dialog select,
.oos-app-shell.ott-planner-focus .ott-block-dialog textarea,
body:has(.oos-app-shell.ott-planner-focus) .ott-block-dialog input,
body:has(.oos-app-shell.ott-planner-focus) .ott-block-dialog select,
body:has(.oos-app-shell.ott-planner-focus) .ott-block-dialog textarea{
  background:#181917!important;
  color:#f7f3e7!important;
  border-color:#56584f!important;
}
body:has(.oos-app-shell.ott-planner-focus) .ott-block-dialog input:focus,
body:has(.oos-app-shell.ott-planner-focus) .ott-block-dialog select:focus,
body:has(.oos-app-shell.ott-planner-focus) .ott-block-dialog textarea:focus{
  outline:2px solid var(--ott-corp-gold,#d7b34c)!important;
  outline-offset:1px;
  border-color:var(--ott-corp-gold,#d7b34c)!important;
}
body:has(.oos-app-shell.ott-planner-focus) .ott-dialog-x{
  background:#171815!important;
  color:#f7f3e7!important;
  border-color:#56584f!important;
}
body:has(.oos-app-shell.ott-planner-focus) .ott-block-staff,
body:has(.oos-app-shell.ott-planner-focus) .ott-dialog-person,
body:has(.oos-app-shell.ott-planner-focus) .ott-suggestion{
  border-color:#45473f!important;
}
body:has(.oos-app-shell.ott-planner-focus) .ott-suggestion small,
body:has(.oos-app-shell.ott-planner-focus) .ott-block-suggestion-head small{
  color:#aaa99f!important;
}
body:has(.oos-app-shell.ott-planner-focus) .ott-suggestion.is-unavailable{
  opacity:.42;
}
body:has(.oos-app-shell.ott-planner-focus) .ott-department-creator{
  background:#1c1d1b!important;
  border-color:#50524b!important;
}
body:has(.oos-app-shell.ott-planner-focus) .ott-role-chip{
  background:#2f312d!important;
  color:#f7f3e7!important;
  border-color:#56584f!important;
}
body:has(.oos-app-shell.ott-planner-focus) .ott-role-chip:hover{
  background:#403a25!important;
  color:var(--ott-corp-gold-bright,#f0cf69)!important;
  border-color:var(--ott-corp-gold,#d7b34c)!important;
}
body:has(.oos-app-shell.ott-planner-focus) .ott-role-hint,
body:has(.oos-app-shell.ott-planner-focus) .ott-role-chips>small{
  color:#aaa99f!important;
}

/* High-contrast semantic accents used by suggestions/statuses. */
.oos-app-shell.ott-planner-focus .ott-chip.is-scheduled{background:#173652!important;color:#8ec7ff!important}
.oos-app-shell.ott-planner-focus .ott-chip.is-completed{background:#173e29!important;color:#7ee0a1!important}
.oos-app-shell.ott-planner-focus .ott-chip.is-cancelled{background:#512626!important;color:#ffaaa5!important}
.oos-app-shell.ott-planner-focus .ott-count-badge{background:#4b3f1f!important;color:var(--ott-corp-gold-bright)!important;border:1px solid #776936}

/* 0.6.5 compact planner chrome: put the week grid above secondary context. */
.oos-app-shell.ott-planner-focus .ott-plan-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 8px;
  min-height:46px;
}
.oos-app-shell.ott-planner-focus .ott-plan-period{
  display:flex;
  align-items:baseline;
  gap:10px;
  min-width:0;
}
.oos-app-shell.ott-planner-focus .ott-plan-period strong{
  color:var(--ott-corp-gold-bright);
  font-size:17px;
  letter-spacing:.01em;
  white-space:nowrap;
}
.oos-app-shell.ott-planner-focus .ott-plan-period span{
  color:var(--ott-corp-muted);
  font-size:12px;
  white-space:nowrap;
}
.oos-app-shell.ott-planner-focus .ott-plan-toolbar .ott-plan-head-actions{
  margin-left:auto;
  flex-wrap:nowrap;
}
.oos-app-shell.ott-planner-focus .ott-plan-toolbar .ott-week-nav{
  gap:5px;
  flex-wrap:nowrap;
}
.oos-app-shell.ott-planner-focus .ott-plan-toolbar .oos-ghost-btn{
  min-height:36px;
  padding:7px 11px;
}
.oos-app-shell.ott-planner-focus .ott-plan-toolbar .oos-btn{
  min-height:38px;
  padding:8px 14px;
  white-space:nowrap;
}
.oos-app-shell.ott-planner-focus .ott-template-bar-compact{
  display:block;
  margin:0 0 8px;
  padding:7px 9px;
  border:1px solid var(--ott-corp-border);
  border-radius:12px;
  background:var(--ott-corp-panel);
  box-shadow:none;
}
.oos-app-shell.ott-planner-focus .ott-template-bar-compact .ott-template-actions{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:nowrap;
}
.oos-app-shell.ott-planner-focus .ott-template-label{
  color:var(--ott-corp-gold-bright);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin:0 3px 0 1px;
  white-space:nowrap;
}
.oos-app-shell.ott-planner-focus .ott-template-bar-compact select{
  min-width:180px;
  min-height:34px;
  height:34px;
  border-radius:8px;
  padding:0 9px;
  font-size:11px;
}
.oos-app-shell.ott-planner-focus .ott-template-bar-compact .oos-ghost-btn,
.oos-app-shell.ott-planner-focus .ott-template-bar-compact .ott-mini{
  min-height:34px;
  padding:6px 9px;
  font-size:10px;
  white-space:nowrap;
}
.oos-app-shell.ott-planner-focus .ott-planner-shell{
  margin-top:0!important;
}
@media(max-width:900px){
  .oos-app-shell.ott-planner-focus .ott-plan-toolbar{align-items:flex-start;flex-direction:column}
  .oos-app-shell.ott-planner-focus .ott-plan-toolbar .ott-plan-head-actions{width:100%;margin-left:0;justify-content:space-between}
  .oos-app-shell.ott-planner-focus .ott-template-bar-compact{overflow-x:auto}
  .oos-app-shell.ott-planner-focus .ott-template-bar-compact .ott-template-actions{width:max-content;min-width:100%}
}
@media(max-width:560px){
  .oos-app-shell.ott-planner-focus .ott-plan-period{align-items:flex-start;flex-direction:column;gap:1px}
  .oos-app-shell.ott-planner-focus .ott-plan-toolbar .oos-btn{padding-left:10px;padding-right:10px}
}

/* 0.6.6 compact Zwiebel clock + one-line planner controls + inline shift edits. */
.ott-clock-body{
  --ott-clock-bg:#20211f;
  --ott-clock-panel:#292b27;
  --ott-clock-panel-2:#32342f;
  --ott-clock-border:#4a4c45;
  --ott-clock-gold:#d7b34c;
  --ott-clock-gold-bright:#f0cf69;
  --ott-clock-text:#f7f3e7;
  --ott-clock-muted:#aaa99f;
  --oos-bg:var(--ott-clock-bg);
  --oos-bg2:#191a18;
  --oos-surface:var(--ott-clock-panel);
  --oos-text:var(--ott-clock-text);
  --oos-muted:var(--ott-clock-muted);
  --oos-border:var(--ott-clock-border);
  background:var(--ott-clock-bg)!important;
  color:var(--ott-clock-text);
}
.ott-clock-shell{width:min(1500px,calc(100% - 24px));padding:10px 0 28px}
.ott-clock-topbar{margin-bottom:10px;padding:8px 10px;border-color:var(--ott-clock-border);border-radius:14px;background:#191a18;box-shadow:none;color:var(--ott-clock-text)}
.ott-clock-brand{color:var(--ott-clock-gold-bright)}
.ott-clock-brand img{width:38px;height:38px;border-radius:11px}
.ott-clock-brand strong{font-size:14px;color:var(--ott-clock-gold-bright)}
.ott-clock-brand small,.ott-clock-user{color:var(--ott-clock-muted)}
.ott-clock-user{gap:8px}.ott-clock-user .oos-btn{min-height:36px;padding:7px 12px;background:var(--ott-clock-gold)!important;color:#1d1e1b!important;border-color:var(--ott-clock-gold)!important}
.ott-clock-kiosk{min-height:0;place-items:start stretch}
.ott-clock-team{width:100%;gap:10px}
.ott-clock-team-head{align-items:center;padding:2px 0 4px;gap:12px}
.ott-clock-team-head .oos-eyebrow{margin:0;color:var(--ott-clock-gold);font-size:9px}
.ott-clock-team-head h1{margin:0;font-size:27px;letter-spacing:-.035em;color:var(--ott-clock-gold-bright)}
.ott-clock-team-now{min-width:auto;padding:7px 10px;border-color:var(--ott-clock-border);border-radius:10px;background:var(--ott-clock-panel);color:var(--ott-clock-gold-bright);text-align:right}
.ott-clock-team-now strong{margin:0;font-size:22px;line-height:1}
.ott-clock-team-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ott-clock-person-card{gap:8px;padding:11px;border-radius:16px;border-color:var(--ott-clock-border);background:var(--ott-clock-panel);color:var(--ott-clock-text);box-shadow:none;min-height:178px}
.ott-clock-person-card:not(:disabled):hover{transform:translateY(-1px);border-color:var(--ott-clock-gold);box-shadow:0 8px 24px rgba(0,0,0,.24)}
.ott-clock-person-card:focus-visible{outline:2px solid var(--ott-clock-gold-bright);outline-offset:2px}
.ott-clock-person-card:disabled{opacity:.58}
.ott-clock-person-card.is-out{background:#292b27;border-color:#55574f}
.ott-clock-person-card.is-planned{background:#202c39;border-color:#5088c7}
.ott-clock-person-card.is-waiting{background:#3a331d;border-color:#d7b34c}
.ott-clock-person-card.is-in{background:#193526;border-color:#55c47b}
.ott-clock-person-card.is-break{background:#3d2f1d;border-color:#f0a84d}
.ott-clock-person-head{gap:9px;display:grid;grid-template-columns:auto minmax(0,1fr) auto}
.ott-clock-person-avatar{width:46px;height:46px;border-radius:13px;background:#171815;color:var(--ott-clock-gold-bright);border-color:#55574f;font-size:15px}
.ott-clock-person-name{gap:0}.ott-clock-person-name>strong{font-size:15px;line-height:1.15;color:var(--ott-clock-gold-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ott-clock-card-state{font-size:18px;line-height:1;align-self:start}
.ott-clock-person-focus{display:flex;align-items:center;justify-content:center;gap:7px;min-height:32px;padding:5px 7px;border-radius:9px;background:rgba(0,0,0,.18);color:var(--ott-clock-gold-bright)}
.ott-clock-person-focus>span{font-size:16px}.ott-clock-person-focus>strong{font-size:15px;font-variant-numeric:tabular-nums}
.ott-clock-person-shift{display:flex;align-items:center;gap:6px;min-width:0;color:var(--ott-clock-muted)}
.ott-clock-person-shift>span{font-size:13px;line-height:1}.ott-clock-person-shift strong{font-size:11px;line-height:1.2;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ott-clock-text)}
.ott-clock-person-times{gap:6px}
.ott-clock-person-times>span{display:flex;align-items:center;gap:5px;padding:6px 7px;border-radius:9px;background:rgba(0,0,0,.2)}
.ott-clock-person-times small{font-size:13px;line-height:1;color:var(--ott-clock-gold)}
.ott-clock-person-times strong{font-size:13px;line-height:1;font-variant-numeric:tabular-nums;color:var(--ott-clock-text)}
.ott-clock-person-open,.ott-clock-person-no-pin{position:absolute;right:10px;bottom:8px;font-size:15px;color:var(--ott-clock-gold-bright)}
.ott-clock-person-no-pin{color:#ff7c75}
.ott-clock-team-message{padding:8px 10px;border-radius:10px}.ott-clock-team-message.is-error{background:#502624;color:#ffaaa5}.ott-clock-team-message.is-success{background:#173e29;color:#7ee0a1}
.ott-clock-team-empty{padding:26px;border-color:var(--ott-clock-border);border-radius:16px;color:var(--ott-clock-muted)}

/* Keep PIN/action states in the same corporate surface. */
.ott-clock-pin-card,.ott-clock-success,.ott-clock-simple{background:var(--ott-clock-panel);border-color:var(--ott-clock-border);color:var(--ott-clock-text);box-shadow:none}
.ott-clock-pin-card h1,.ott-clock-success h1,.ott-clock-simple-head h1{color:var(--ott-clock-gold-bright)}
.ott-clock-pin-dots{color:var(--ott-clock-gold-bright)}
.ott-clock-pin-pad button{background:var(--ott-clock-panel-2);color:var(--ott-clock-text);border-color:var(--ott-clock-border)}
.ott-clock-pin-pad button.is-go,.ott-clock-live-time{background:var(--ott-clock-gold);color:#1d1e1b}
.ott-clock-state,.ott-clock-timer,.ott-clock-success-totals>div{background:var(--ott-clock-panel-2);border-color:var(--ott-clock-border)}
.ott-clock-action:disabled{background:#30322f;color:#777970;border-color:#444640}
.ott-clock-switch-user,.ott-clock-back{color:var(--ott-clock-gold-bright)}
@media(max-width:900px){.ott-clock-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.ott-clock-team-grid{grid-template-columns:1fr}.ott-clock-shell{width:min(100% - 16px,1500px)}.ott-clock-topbar{align-items:center;flex-direction:row}.ott-clock-user>span{display:none}}

/* Planner: navigation/add button shares the compact template row. */
.oos-app-shell.ott-planner-focus .ott-plan-toolbar{min-height:30px;margin-bottom:4px}
.oos-app-shell.ott-planner-focus .ott-plan-period strong{font-size:14px}
.oos-app-shell.ott-planner-focus .ott-plan-period span{font-size:11px}
.oos-app-shell.ott-planner-focus .ott-template-bar-compact{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px}
.oos-app-shell.ott-planner-focus .ott-template-bar-compact .ott-plan-head-actions{display:flex;align-items:center;gap:6px;margin-left:auto;flex-wrap:nowrap}
.oos-app-shell.ott-planner-focus .ott-template-bar-compact .ott-week-nav{display:flex;gap:4px;flex-wrap:nowrap}
.oos-app-shell.ott-planner-focus .ott-template-bar-compact .ott-plan-head-actions .oos-ghost-btn{min-width:34px}
.oos-app-shell.ott-planner-focus .ott-template-bar-compact .ott-plan-head-actions .oos-btn{min-height:34px;padding:6px 10px;font-size:10px;white-space:nowrap}
@media(max-width:1100px){.oos-app-shell.ott-planner-focus .ott-template-bar-compact{overflow-x:auto}.oos-app-shell.ott-planner-focus .ott-template-bar-compact .ott-template-actions,.oos-app-shell.ott-planner-focus .ott-template-bar-compact .ott-plan-head-actions{flex:0 0 auto}}

/* Planner shift cards: click time/headcount and edit in place, no modal. */
.ott-plan-shift-open{cursor:default}
.ott-plan-shift-title-button{appearance:none;display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit}
.ott-plan-shift-comment{appearance:none;display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}
.ott-inline-time-range{display:flex;align-items:center;gap:2px;min-width:0}
.ott-inline-edit{appearance:none;border:0;background:transparent;color:inherit;padding:1px 2px;border-radius:5px;font:inherit;line-height:1.2;cursor:text}
.ott-inline-edit:hover,.ott-inline-edit:focus-visible{background:rgba(215,179,76,.14);outline:1px solid rgba(215,179,76,.42)}
.ott-inline-required{display:inline-flex;align-items:center;justify-content:center;gap:1px;cursor:text;padding:2px 5px!important;background:color-mix(in srgb,var(--ott-dept-color) 16%,white)!important;color:color-mix(in srgb,var(--ott-dept-color) 70%,#25352b)!important;font-weight:800}
.ott-inline-required b{padding:0!important;background:transparent!important;color:inherit!important}
.ott-inline-input{height:24px;min-height:24px!important;margin:0;padding:1px 3px!important;border:1px solid var(--ott-dept-color)!important;border-radius:5px!important;background:#fff!important;color:#182019!important;font:700 10px/1 system-ui,sans-serif!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--ott-dept-color) 20%,transparent)}
.ott-inline-time-input{width:62px}.ott-inline-required-input{width:42px;text-align:center}
.oos-app-shell.ott-planner-focus .ott-inline-edit{color:var(--ott-corp-text)!important}
.oos-app-shell.ott-planner-focus .ott-inline-required{background:color-mix(in srgb,var(--ott-dept-color) 24%,#252722)!important;color:#fff!important}
.oos-app-shell.ott-planner-focus .ott-inline-input{background:#f7f3e7!important;color:#20211f!important}
.ott-clock-kiosk-body .ott-clock-user>span{display:none}

/* 0.6.7 live contract math + vacation value. */
.ott-contract-table{min-width:1180px}
.ott-contract-table th{white-space:nowrap}
.ott-contracts .ott-contract-table input{width:86px}
.ott-contract-derived{display:inline-flex;align-items:center;min-width:76px;min-height:36px;padding:7px 9px;border:1px solid var(--oos-border,#dfe5e1);border-radius:9px;background:color-mix(in srgb,var(--oos-surface,#fff) 88%,var(--oos-bg,#f6f7f5));font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.ott-contract-note{margin:10px 0 0;color:var(--oos-muted,#6b756f);font-size:10px;line-height:1.45}
.oos-app-shell.ott-planner-focus .ott-contract-derived{background:#30322e;border-color:#4a4c45;color:#f0cf69}
.oos-app-shell.ott-planner-focus .ott-contract-note{color:#aaa99f}

/* 0.6.8 planner interaction polish. */
html:has(body.ott-planner-focus-active),
body.ott-planner-focus-active{
  background:#20211f!important;
}
body.ott-planner-focus-active .oos-app-shell.ott-planner-focus{
  min-height:100vh;
  background:#20211f!important;
}
body.ott-planner-focus-active .oos-app-shell.ott-planner-focus .oos-main,
body.ott-planner-focus-active .oos-app-shell.ott-planner-focus .oos-main-wrap,
body.ott-planner-focus-active .oos-app-shell.ott-planner-focus .oos-content,
body.ott-planner-focus-active .oos-app-shell.ott-planner-focus .oos-view,
body.ott-planner-focus-active .oos-app-shell.ott-planner-focus .oos-page{
  background:#20211f!important;
}

/* Text-only inline editing: no native white time/number controls. */
.ott-inline-editor{
  display:inline-block;
  min-width:2.2ch;
  padding:1px 3px;
  border:0;
  border-bottom:1px solid currentColor;
  border-radius:0;
  background:transparent!important;
  color:inherit;
  font:inherit;
  line-height:1.2;
  outline:none;
  cursor:text;
  white-space:nowrap;
}
.ott-inline-time-editor{min-width:5ch;text-align:center;font-variant-numeric:tabular-nums}
.ott-inline-required-editor{min-width:2ch;text-align:center;font-weight:850}
.oos-app-shell.ott-planner-focus .ott-inline-editor{
  color:var(--ott-corp-gold-bright)!important;
  border-bottom-color:var(--ott-corp-gold)!important;
  background:transparent!important;
  box-shadow:none!important;
}
.oos-app-shell.ott-planner-focus .ott-inline-editor:focus{
  outline:none!important;
  box-shadow:0 2px 0 var(--ott-corp-gold)!important;
}

/* Understaffed shift quick-fill control. */
.ott-plan-shift{overflow:visible}
.ott-plan-assignees{position:relative}
.ott-staff-gap{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:25px;
  margin-top:2px;
  border:1px dashed #b8443f;
  border-radius:7px;
  background:#3a1f1d;
  color:#ff8c84;
  font-size:18px;
  font-weight:900;
  line-height:1;
  cursor:pointer;
}
.ott-staff-gap:hover{background:#4a2522;border-color:#ff716b;color:#ffd2ce}
.ott-inline-staff-picker{
  position:absolute;
  left:6px;
  right:6px;
  top:calc(100% + 5px);
  z-index:80;
  padding:8px;
  border:1px solid #5a5d54;
  border-radius:10px;
  background:#181917;
  color:#f7f3e7;
  box-shadow:0 16px 40px rgba(0,0,0,.48);
}
.ott-inline-staff-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:1px 2px 7px;color:#f0cf69;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.ott-inline-staff-list{display:grid;gap:5px;max-height:260px;overflow:auto}
.ott-inline-staff-person{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:7px;
  width:100%;
  padding:6px 7px;
  border:1px solid #45483f;
  border-radius:8px;
  background:#292b27;
  color:#f7f3e7;
  text-align:left;
  cursor:pointer;
}
.ott-inline-staff-person:hover{border-color:#d7b34c;background:#34362f}
.ott-inline-staff-person.is-unavailable{background:#472321;border-color:#9d4944;color:#ffd8d4}
.ott-inline-staff-person.is-unavailable:hover{background:#5a2a27;border-color:#ff716b}
.ott-inline-staff-person>span:last-child{display:grid;gap:1px;min-width:0}
.ott-inline-staff-person strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ott-inline-staff-person small{font-size:8px;color:#aaa99f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ott-inline-staff-person.is-unavailable small{color:#ffaaa5}
.ott-inline-staff-avatar{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#11120f;border:1px solid #55584f;color:#f0cf69;font-size:8px;font-weight:900}
.ott-inline-staff-avatar img{width:100%;height:100%;object-fit:cover}

/* Unavailable suggestions remain selectable, but visually warn. */
body:has(.oos-app-shell.ott-planner-focus) .ott-suggestion.is-unavailable{
  opacity:1!important;
  background:#472321!important;
  border-color:#9d4944!important;
  border-radius:8px;
  padding-left:7px;
  padding-right:7px;
}
body:has(.oos-app-shell.ott-planner-focus) .ott-suggestion.is-unavailable small{color:#ffaaa5!important}
body:has(.oos-app-shell.ott-planner-focus) .ott-suggestion.is-unavailable .ott-mini{color:#ffd8d4!important;border-color:#b85a54!important}
body.ott-planner-focus-active{overflow-x:hidden!important}
.oos-app-shell.ott-planner-focus .ott-planner-shell{scrollbar-color:#6f6240 #181917;scrollbar-width:thin}
.oos-app-shell.ott-planner-focus .ott-planner-shell::-webkit-scrollbar{height:10px;width:10px;background:#181917}
.oos-app-shell.ott-planner-focus .ott-planner-shell::-webkit-scrollbar-track{background:#181917}
.oos-app-shell.ott-planner-focus .ott-planner-shell::-webkit-scrollbar-thumb{background:#6f6240;border:2px solid #181917;border-radius:10px}
/* Ordio integration 0.7.0 */
.ott-ordio-dialog{width:min(980px,calc(100vw - 36px));max-height:min(82vh,760px);background:#20231f;color:#f4f1e8;border:1px solid rgba(221,190,88,.32);border-radius:22px;padding:24px;box-shadow:0 28px 90px rgba(0,0,0,.48)}
.ott-ordio-dialog::backdrop{background:rgba(8,10,8,.72);backdrop-filter:blur(5px)}
.ott-ordio-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.ott-ordio-result{border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#181b18;padding:14px;max-height:460px;overflow:auto}
.ott-ordio-summary{display:flex;gap:14px;flex-wrap:wrap;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08);color:#d9bd58}.ott-ordio-summary span{color:#d7d8d2}.ott-ordio-summary .is-warning{color:#ff8d7f}
.ott-ordio-preview-list{display:grid;gap:7px;margin-top:10px}.ott-ordio-preview-row{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:3px 16px;padding:10px 12px;border-radius:10px;background:#252923;border:1px solid rgba(255,255,255,.06)}.ott-ordio-preview-row strong{color:#e2c65d}.ott-ordio-preview-row small{grid-column:1/-1;color:#aeb2aa}.ott-ordio-warnings{margin-top:12px;color:#ff9b8f}.ott-ordio-warnings p{margin:6px 0;font-size:12px}
.ott-ordio-settings input[type=password]{min-width:320px}
@media(max-width:720px){.ott-ordio-preview-row{grid-template-columns:1fr}.ott-ordio-preview-row small{grid-column:auto}.ott-ordio-settings input[type=password]{min-width:0;width:100%}}

/* Ordio import activity */
.ott-ordio-progress{margin:12px 0 4px;display:grid;grid-template-columns:minmax(180px,1fr) auto;align-items:center;gap:10px;color:#d8c36a;font-size:12px;font-weight:800;letter-spacing:.02em}
.ott-ordio-progress[hidden]{display:none}
.ott-ordio-progress-track{height:8px;border-radius:999px;overflow:hidden;background:#30342f;border:1px solid rgba(226,198,93,.22);position:relative}
.ott-ordio-progress-track i{position:absolute;inset:0 auto 0 -36%;width:36%;border-radius:inherit;background:linear-gradient(90deg,rgba(226,198,93,.12),#e2c65d,rgba(226,198,93,.22));animation:ott-ordio-progress 1.15s ease-in-out infinite}
.ott-ordio-summary .is-new{color:#87dba0}
@keyframes ott-ordio-progress{0%{left:-36%}100%{left:100%}}
@media(max-width:720px){.ott-ordio-progress{grid-template-columns:1fr}.ott-ordio-progress span{font-size:11px}}

/* 0.7.7 kiosk name filter: compact, instant and corporate. */
.ott-clock-team-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:min(520px,58vw)}
.ott-clock-team-search{display:flex;align-items:center;gap:7px;min-width:220px;max-width:390px;flex:1;height:38px;padding:0 11px;border:1px solid var(--ott-clock-border);border-radius:10px;background:var(--ott-clock-panel);color:var(--ott-clock-gold-bright)}
.ott-clock-team-search>span{font-size:18px;line-height:1;color:var(--ott-clock-gold)}
.ott-clock-team-search input{width:100%;min-width:0;height:34px;padding:0!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:var(--ott-clock-text)!important;font:750 13px/1 system-ui,sans-serif!important}
.ott-clock-team-search input::placeholder{color:var(--ott-clock-muted);opacity:.9}
.ott-clock-team-search:focus-within{border-color:var(--ott-clock-gold);box-shadow:0 0 0 2px rgba(215,179,76,.16)}
.ott-clock-team-search input::-webkit-search-cancel-button{filter:invert(82%) sepia(32%) saturate(766%) hue-rotate(359deg) brightness(93%)}
@media(max-width:900px){.ott-clock-team-head{align-items:flex-start}.ott-clock-team-controls{min-width:0;flex:1}.ott-clock-team-search{min-width:160px;max-width:none}}
@media(max-width:620px){.ott-clock-team-head{display:grid;grid-template-columns:1fr}.ott-clock-team-controls{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto}.ott-clock-team-search{min-width:0}}

/* 0.7.9 kiosk ordering and always-visible name filter. */
.ott-clock-team-filterbar{display:flex;align-items:center;gap:10px;margin:0 0 10px}
.ott-clock-team-filterbar .ott-clock-team-search{width:min(460px,100%);max-width:none;flex:0 1 460px}
.ott-clock-team-sortnote{margin-left:auto;color:var(--ott-clock-muted);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
@media(max-width:700px){.ott-clock-team-filterbar{align-items:stretch}.ott-clock-team-filterbar .ott-clock-team-search{flex:1 1 auto}.ott-clock-team-sortnote{display:none}}

/* 0.8.0 Ordio planner polish: compact role/einteilung labels. */
.oos-app-shell.ott-planner-focus .ott-plan-shift-title{
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:800!important;
}


/* 0.9.0 planner live-sync control + optional light workspace. */
.oos-app-shell.ott-planner-focus .ott-live-sync-toggle.is-active{background:rgba(101,210,139,.14)!important;color:#89e7a8!important;border-color:#4f9f69!important;box-shadow:inset 0 0 0 1px rgba(101,210,139,.12)}
.ott-live-sync-setting{padding:10px 12px;border:1px solid var(--oos-border,#dfe5e1);border-radius:10px}
.oos-app-shell.ott-planner-focus.ott-theme-light{
  --ott-corp-bg:#f5f4ef;--ott-corp-bg-2:#efeee8;--ott-corp-panel:#ffffff;--ott-corp-panel-2:#f7f6f1;--ott-corp-panel-3:#eeece4;
  --ott-corp-gold:#9a7620;--ott-corp-gold-bright:#745713;--ott-corp-text:#24251f;--ott-corp-muted:#6f7168;--ott-corp-border:#d7d5cc;
  --oos-bg:var(--ott-corp-bg);--oos-surface:#fff;--oos-card:#fff;--oos-text:var(--ott-corp-text);--oos-muted:var(--ott-corp-muted);--oos-border:var(--ott-corp-border);--oos-accent:var(--ott-corp-gold);
  background:var(--ott-corp-bg)!important;color:var(--ott-corp-text)!important;
}
.oos-app-shell.ott-planner-focus.ott-theme-light .oos-main,.oos-app-shell.ott-planner-focus.ott-theme-light .oos-content,.oos-app-shell.ott-planner-focus.ott-theme-light .oos-view,.oos-app-shell.ott-planner-focus.ott-theme-light .oos-page{background:var(--ott-corp-bg)!important;color:var(--ott-corp-text)!important}
.oos-app-shell.ott-planner-focus.ott-theme-light .oos-topbar{background:#fff!important;border-bottom-color:var(--ott-corp-border)!important;color:var(--ott-corp-text)!important}
.oos-app-shell.ott-planner-focus.ott-theme-light .oos-panel,.oos-app-shell.ott-planner-focus.ott-theme-light .ott-template-bar-compact{background:#fff!important;border-color:var(--ott-corp-border)!important;color:var(--ott-corp-text)!important;box-shadow:0 8px 24px rgba(45,43,32,.06)!important}
.oos-app-shell.ott-planner-focus.ott-theme-light .oos-ghost-btn,.oos-app-shell.ott-planner-focus.ott-theme-light .ott-mini{color:#6f5416!important;border-color:#c9b878!important}
.oos-app-shell.ott-planner-focus.ott-theme-light .oos-ghost-btn:hover,.oos-app-shell.ott-planner-focus.ott-theme-light .ott-mini:hover{background:#f4eedc!important;border-color:#a98930!important}
.oos-app-shell.ott-planner-focus.ott-theme-light .ott-template-actions select{background:#fff!important;color:#24251f!important;border-color:#d7d5cc!important}
.oos-app-shell.ott-planner-focus.ott-theme-light .ott-planner-shell{background:#fff!important;border-color:#d7d5cc!important}
.oos-app-shell.ott-planner-focus.ott-theme-light .ott-planner-dayheads,.oos-app-shell.ott-planner-focus.ott-theme-light .ott-planner-dept-spacer{background:#f1f0eb!important}
.oos-app-shell.ott-planner-focus.ott-theme-light .ott-planner-dayhead{background:#faf9f5!important;border-color:#d7d5cc!important}
.oos-app-shell.ott-planner-focus.ott-theme-light .ott-planner-dayhead span,.oos-app-shell.ott-planner-focus.ott-theme-light .ott-planner-dayhead strong{color:#292a25!important}
.oos-app-shell.ott-planner-focus.ott-theme-light .ott-planner-dayhead small{color:#85877e!important}
.oos-app-shell.ott-planner-focus.ott-theme-light .ott-planner-dayhead.is-today{background:#f1e8ca!important;box-shadow:inset 0 -3px 0 #b6902b!important}
.oos-app-shell.ott-planner-focus.ott-theme-light .ott-department{background:#faf9f5!important;border-color:#d7d5cc!important}
.oos-app-shell.ott-planner-focus.ott-theme-light .ott-department-label{background:#f4f3ee!important;border-color:#d7d5cc!important;box-shadow:8px 0 18px rgba(45,43,32,.05)!important}
.oos-app-shell.ott-planner-focus.ott-theme-light .ott-department-label strong{color:#2c2d28!important}.oos-app-shell.ott-planner-focus.ott-theme-light .ott-department-label small{color:#777970!important}
.oos-app-shell.ott-planner-focus.ott-theme-light .ott-department-day{background-color:#fbfaf7!important;background-image:radial-gradient(circle at 1px 1px,rgba(65,62,49,.10) 1px,transparent 0)!important;border-color:#d7d5cc!important}
.oos-app-shell.ott-planner-focus.ott-theme-light .ott-add-shift{background:#fff!important;color:#8b6a1c!important;border-color:#c7ae65!important}
.oos-app-shell.ott-planner-focus.ott-theme-light .ott-plan-shift{background:#fff!important;border-color:#d8d5ca!important;border-top-color:var(--ott-dept-color)!important;box-shadow:0 5px 14px rgba(45,43,32,.08)!important}
.oos-app-shell.ott-planner-focus.ott-theme-light .ott-plan-shift:hover{background:#fffef9!important;box-shadow:0 8px 20px rgba(45,43,32,.12)!important}
.oos-app-shell.ott-planner-focus.ott-theme-light .ott-plan-shift-title{color:#765817!important}.oos-app-shell.ott-planner-focus.ott-theme-light .ott-plan-shift-meta{color:#34352f!important}
.oos-app-shell.ott-planner-focus.ott-theme-light .ott-plan-shift-meta b{background:#f1ead4!important;color:#6f5416!important;border-color:#cfbd82!important}
.oos-app-shell.ott-planner-focus.ott-theme-light .ott-plan-shift-comment{color:#6e7067!important}
.oos-app-shell.ott-planner-focus.ott-theme-light .ott-assignee{background:#f7f6f1!important;color:#2b2c27!important;border-color:#d8d5ca!important}.oos-app-shell.ott-planner-focus.ott-theme-light .ott-assignee i{background:#fff!important;color:#795d1a!important;border-color:#d1cdc0!important}
.oos-app-shell.ott-planner-focus.ott-theme-light .ott-staff-gap{background:#fff6f2!important}
.oos-app-shell.ott-planner-focus.ott-theme-light .ott-live-sync-toggle.is-active{background:#e9f7ed!important;color:#287442!important;border-color:#83bd94!important}
body:has(.oos-app-shell.ott-planner-focus.ott-theme-light) .ott-block-dialog{background:#fff!important;color:#24251f!important;border-color:#d7d5cc!important}
body:has(.oos-app-shell.ott-planner-focus.ott-theme-light) .ott-block-dialog::backdrop{background:rgba(30,30,25,.42)!important}
body:has(.oos-app-shell.ott-planner-focus.ott-theme-light) .ott-block-dialog h2,body:has(.oos-app-shell.ott-planner-focus.ott-theme-light) .ott-block-dialog h3{color:#765817!important}
body:has(.oos-app-shell.ott-planner-focus.ott-theme-light) .ott-block-dialog label{color:#5e6058!important}
body:has(.oos-app-shell.ott-planner-focus.ott-theme-light) .ott-block-dialog input,body:has(.oos-app-shell.ott-planner-focus.ott-theme-light) .ott-block-dialog select,body:has(.oos-app-shell.ott-planner-focus.ott-theme-light) .ott-block-dialog textarea{background:#fff!important;color:#24251f!important;border-color:#d7d5cc!important}
body:has(.oos-app-shell.ott-planner-focus.ott-theme-light) .ott-dialog-x{background:#fff!important;color:#24251f!important;border-color:#d7d5cc!important}
body:has(.oos-app-shell.ott-planner-focus.ott-theme-light) .ott-role-chip{background:#f7f6f1!important;color:#3c3d37!important;border-color:#d7d5cc!important}

/* 0.9.1 evaluated working times in planner */
.ott-assignee-copy{display:grid;gap:1px;min-width:0;line-height:1.15}.ott-assignee-name{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ott-assignee-evaluated{display:block;min-width:0;font-size:8px;font-weight:800;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#657168}.ott-assignee.has-evaluated-time{align-items:center;padding-top:5px;padding-bottom:5px}.oos-app-shell.ott-planner-focus .ott-assignee-evaluated{color:#d8c98f}.oos-app-shell.ott-planner-focus.ott-theme-light .ott-assignee-evaluated{color:#80651f!important}