@font-face{font-family:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/dm-sans-variable-latin.woff2)format("woff2")}html,body{color:#303030;background:#fbfaf8;min-height:100%;margin:0;font-family:DM Sans,system-ui,sans-serif}:root{--color-primary-element:#d10302;--color-primary-element-text:#fff;--color-main-background:#fff;--color-main-text:#303030;--color-border:#e4e0d8;--color-text-maxcontrast:#6b6b6b;--color-primary-element-light:#fbe9e8;--color-primary-element-light-text:#a40302;--color-background-hover:#f6f3ed;--brand-gold:#c5ab6b}#dinoodle-staff{min-height:100vh}#dinoodle-staff a{color:var(--color-primary-element)}#dinoodle-staff .button{background:var(--color-primary-element);color:#fff;border-radius:10px;padding:12px 20px;text-decoration:none;display:inline-block}#dinoodle-staff{width:100%;color:var(--color-main-text,#20252b);background:var(--color-main-background,#f7f8fa);font-family:system-ui,sans-serif;overflow:auto}#dinoodle-staff *{box-sizing:border-box}.staff-workspace{max-width:1050px;margin:0 auto;padding:32px 24px}.staff-workspace h1{margin:5px 0 10px;font-size:30px}.staff-workspace h2{margin:0 0 16px;font-size:20px}.staff-workspace h3{margin:10px 0;font-size:17px}.staff-workspace p{margin:6px 0;line-height:1.5}#dinoodle-staff .eyebrow{color:var(--color-primary-element,#b91616);font-weight:700}#dinoodle-staff .panel{border:1px solid var(--color-border,#dce0e5);background:var(--color-main-background,white);border-radius:12px;margin:16px 0;padding:22px}#dinoodle-staff .login-form{max-width:440px}.staff-workspace label{flex-direction:column;gap:7px;font-weight:500;display:flex}.staff-workspace input,.staff-workspace select{font:inherit;border:1px solid var(--color-border,#b8bec7);background:var(--color-main-background,white);width:100%;color:inherit;border-radius:7px;padding:10px}.staff-workspace button{font:inherit;border:1px solid var(--color-border,#c5cad1);cursor:pointer;background:var(--color-main-background,white);color:inherit;border-radius:8px;padding:10px 15px;font-weight:600}.staff-workspace button[type=submit]{background:var(--color-primary-element,#b91616);color:#fff;border-color:#0000}.staff-workspace button:disabled{opacity:.55;cursor:wait}.staff-workspace :focus-visible{outline:3px solid var(--color-primary-element,#b91616);outline-offset:3px}#dinoodle-staff .login-form{gap:18px;display:grid}#dinoodle-staff .draft-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}#dinoodle-staff .draft-form h2{grid-column:1/-1}#dinoodle-staff .draft-form button{align-self:end}#dinoodle-staff .session-bar,#dinoodle-staff .shift-card{justify-content:space-between;align-items:center;gap:20px;display:flex}#dinoodle-staff .session-bar{margin:28px 0}#dinoodle-staff .actions{gap:10px;display:flex}#dinoodle-staff .status{font-size:var(--text-sm);color:#604811;background:#f4e8c6;border-radius:20px;padding:3px 9px;font-weight:600;display:inline-block}#dinoodle-staff .status.published{color:#18572e;background:#dff2e5}#dinoodle-staff .development-note{font-size:var(--text-md);color:var(--color-text-maxcontrast,#515a65);margin-top:22px!important}#dinoodle-staff .error{color:#8a1414;background:#fce5e5;border-radius:8px;padding:14px}#dinoodle-staff .workspace-nav{gap:10px;margin:20px 0 28px;display:flex}#dinoodle-staff .workspace-nav [aria-current=page]{border-color:var(--color-primary-element,#b91616);color:var(--color-primary-element,#b91616)}#dinoodle-staff .section-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}#dinoodle-staff .section-heading h2{margin-bottom:6px}#dinoodle-staff .employee-layout{grid-template-columns:minmax(240px,320px) minmax(0,1fr);align-items:start;gap:24px;display:grid}#dinoodle-staff .employee-list ul{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}#dinoodle-staff .employee-row{text-align:left;overflow-wrap:anywhere;flex-direction:column;gap:7px;width:100%;font-weight:400;display:flex}#dinoodle-staff .employee-row[aria-pressed=true]{border-color:var(--color-primary-element,#b91616);box-shadow:inset 3px 0 0 var(--color-primary-element,#b91616)}#dinoodle-staff .employee-row>span{font-size:var(--text-md)}#dinoodle-staff .employee-badges{flex-wrap:wrap;align-items:center;gap:10px;display:flex}#dinoodle-staff .employee-detail{min-width:0}#dinoodle-staff .mailbox-toolbar{margin-bottom:16px}#dinoodle-staff .mailbox-toolbar>label{max-width:240px}#dinoodle-staff .mailbox-toolbar>.toolbar-search{max-width:420px}#dinoodle-staff .mailbox-layout{align-items:start;gap:24px;display:grid}#dinoodle-staff .mailbox-layout.has-detail{grid-template-columns:minmax(260px,1fr) minmax(0,1.3fr)}#dinoodle-staff .mailbox-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}#dinoodle-staff .mailbox-card{border:1px solid var(--staff-border);border-radius:8px;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:20px;display:flex}#dinoodle-staff .mailbox-card.is-selected{border-color:var(--color-primary-element);box-shadow:inset 3px 0 0 var(--color-primary-element)}#dinoodle-staff .mailbox-identity{overflow-wrap:anywhere;flex:240px;min-width:0}#dinoodle-staff .mailbox-identity h2{margin:0 0 4px;font-size:17px}#dinoodle-staff .mailbox-card>.actions{align-self:center}#dinoodle-staff .mailbox-detail{min-width:0;margin:0}#dinoodle-staff .mailbox-detail .section-heading{align-items:start;margin-bottom:16px}#dinoodle-staff .mailbox-detail h2{overflow-wrap:anywhere;margin:0}#dinoodle-staff .mailbox-settings{margin-top:16px}#dinoodle-staff .mailbox-settings .panel-footnote{margin-top:-8px}#dinoodle-staff .mailbox-disclosure{border-top:1px solid var(--staff-border);margin-top:16px;padding-top:16px}#dinoodle-staff .mailbox-disclosure summary{cursor:pointer;padding:4px 0;font-weight:600}#dinoodle-staff .mailbox-disclosure[open] summary{margin-bottom:12px}#dinoodle-staff .mailbox-disclosure .actions{align-items:center;margin-top:16px}#dinoodle-staff .mailbox-access-list{gap:12px;max-height:280px;padding:12px 4px;display:grid;overflow-y:auto}#dinoodle-staff .mailbox-access-list label{min-height:32px;margin:0}@media (width<=1000px){#dinoodle-staff .mailbox-layout.has-detail{grid-template-columns:minmax(0,1fr)}}#dinoodle-staff .employee-form{gap:16px;display:grid}#dinoodle-staff .connection-heading{flex-wrap:wrap;align-items:center;gap:12px;display:flex}#dinoodle-staff .connection-heading h2,#dinoodle-staff .connection-heading .panel-footnote{margin:0}#dinoodle-staff .connection-history{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;margin:24px 0;display:grid}#dinoodle-staff .connection-history div{min-width:0}#dinoodle-staff .connection-history dt{color:var(--staff-muted);font-size:var(--text-sm);margin-bottom:4px}#dinoodle-staff .connection-history dd{overflow-wrap:anywhere;margin:0}#dinoodle-staff .service-connection .employee-form{max-width:800px;margin-bottom:24px}#dinoodle-staff .service-connection .employee-form .panel-footnote{margin:0}#dinoodle-staff .tips-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}#dinoodle-staff .tips-sources{gap:12px;display:grid}#dinoodle-staff .tips-sources>div{justify-content:space-between;gap:16px;display:flex}#dinoodle-staff .tips-sources dd{white-space:nowrap;margin:0}#dinoodle-staff .tips-metrics{margin:24px 0}#dinoodle-staff .tips-metrics .metric-card{cursor:default}#dinoodle-staff .tips-table-scroll{overflow-x:auto}#dinoodle-staff .tips-table{border-collapse:collapse;width:100%}#dinoodle-staff .tips-table th,#dinoodle-staff .tips-table td{text-align:left;border-bottom:1px solid var(--staff-border);padding:12px 8px}@media (width<=800px){#dinoodle-staff .tips-columns{grid-template-columns:minmax(0,1fr);gap:0}}#dinoodle-staff .employee-form h3{overflow-wrap:anywhere;margin:0}#dinoodle-staff .employee-form fieldset{border:0;gap:16px;min-width:0;margin:0;padding:0;display:grid}#dinoodle-staff .employee-form input:disabled{opacity:.7}#dinoodle-staff .actions{flex-wrap:wrap}#dinoodle-staff .notice{color:#18572e;background:#dff2e5;border-radius:8px;padding:14px}#dinoodle-staff .operation-warning{color:var(--color-warning-text,#77540a)}#dinoodle-staff .danger-button{color:var(--color-error,#9c2020);justify-self:start}#dinoodle-staff .confirmation{border:1px solid var(--color-border,#dce0e5);border-radius:8px;padding:16px}#dinoodle-staff .confirmation h4{margin:0 0 8px}#dinoodle-staff .confirmation .actions{margin-top:16px}@media (width<=800px){#dinoodle-staff .employee-layout{grid-template-columns:1fr;gap:0}#dinoodle-staff .section-heading{flex-direction:column;align-items:flex-start}}@media (width<=600px){.staff-workspace{padding:24px 16px}#dinoodle-staff .draft-form{grid-template-columns:1fr}#dinoodle-staff .session-bar,#dinoodle-staff .shift-card{flex-direction:column;align-items:flex-start}}#dinoodle-staff .workspace-nav{flex-wrap:wrap}#dinoodle-staff .week-controls{flex-wrap:wrap;align-items:end;gap:12px;margin:22px 0;display:flex}#dinoodle-staff .availability-layout{grid-template-columns:minmax(0,1fr) minmax(260px,330px);align-items:start;gap:24px;display:grid}#dinoodle-staff .availability-day{justify-content:space-between;align-items:center;gap:12px;display:flex}#dinoodle-staff .weekly-rule{border-bottom:1px solid var(--color-border,#dce0e5);padding:14px 0}#dinoodle-staff .availability-editor{border:2px solid var(--color-border,#b8bec7);background:var(--color-main-background,white);width:min(650px,95vw);max-height:80vh;color:inherit;z-index:10;border-radius:12px;margin:auto;padding:24px;position:fixed;inset:10vh 0 auto;overflow:auto;box-shadow:0 5px 35px #0004}#dinoodle-staff .time-range{align-items:end;gap:12px;display:flex}#dinoodle-staff .copy-form{flex-wrap:wrap;align-items:end;gap:18px;display:flex}#dinoodle-staff .checkbox-label{flex-direction:row;align-items:start;margin:22px 0;line-height:1.5}#dinoodle-staff .checkbox-label input{flex-shrink:0;width:20px;height:20px}@media (width<=700px){#dinoodle-staff .availability-layout{grid-template-columns:1fr}#dinoodle-staff .time-range{flex-wrap:wrap}}#dinoodle-staff .availability-editor::backdrop{background:#0006}#dinoodle-staff .time-entries .draft-form h3{grid-column:1/-1;margin:0}#dinoodle-staff .time-entries textarea{font:inherit;border:1px solid var(--color-border,#b8bec7);background:var(--color-main-background,white);width:100%;min-height:80px;color:inherit;resize:vertical;border-radius:7px;padding:10px}#dinoodle-staff .time-entries select{height:44px;padding:8px 10px;line-height:1.4}.history-event{border-bottom:1px solid #d6d6d6;padding:12px 0}.shift-details input[type=checkbox]{width:auto}.shift-details select{min-height:44px}.status.cancelled{color:#555;background:#ececec}.notice-message{white-space:pre-line;overflow-wrap:anywhere}#dinoodle-staff{--staff-muted:var(--color-text-maxcontrast,#64716f);--staff-border:var(--color-border,#dde5e3);--staff-surface:var(--color-background-hover,#f3f7f6);--staff-accent:var(--color-primary-element,#08796b);height:100vh;min-height:100vh;overflow:hidden}#dinoodle-staff .staff-shell{grid-template-columns:232px minmax(0,1fr);height:100%;min-height:0;display:grid}#dinoodle-staff .staff-icon{vertical-align:middle;flex:0 0 21px;width:21px;height:21px}#dinoodle-staff #app-navigation.staff-sidebar{border-right:1px solid var(--staff-border);background:var(--color-main-background,#fff);z-index:2;flex-direction:column;width:auto;height:auto;min-height:0;max-height:none;margin:0;padding:25px 12px 16px;display:flex;position:static;overflow-y:auto}#dinoodle-staff .sidebar-brand{align-items:center;gap:11px;padding:0 12px 26px;display:flex}#dinoodle-staff .sidebar-brand>div{gap:3px;display:grid}#dinoodle-staff .sidebar-brand strong{letter-spacing:-.5px;font-size:19px}#dinoodle-staff .sidebar-brand>div>span{font-size:var(--text-sm);color:var(--staff-muted)}#dinoodle-staff .brand-mark{background:var(--staff-accent);width:38px;height:38px;color:var(--color-primary-element-text,#fff);letter-spacing:-3px;border-radius:12px;justify-content:center;align-items:center;padding-right:3px;font-size:25px;font-weight:750;display:flex}#dinoodle-staff .brand-mark span{font-size:19px}#dinoodle-staff .staff-sidebar nav{flex:1}#dinoodle-staff .staff-sidebar ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}#dinoodle-staff .nav-group-label{color:var(--staff-muted);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:1px;margin:0;padding:14px 14px 7px;font-weight:650}#dinoodle-staff .staff-sidebar nav button{text-align:left;width:100%;min-height:44px;font-size:var(--text-md);color:var(--color-main-text,#293c38);background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:11px 14px;font-weight:500;display:flex}#dinoodle-staff .staff-sidebar nav button:hover{background:var(--staff-surface)}#dinoodle-staff .staff-sidebar nav button[aria-current=page]{background:var(--color-primary-element-light,#e0f1ec);color:var(--color-primary-element-light-text,#065b4f);font-weight:650}#dinoodle-staff .sidebar-account{border-top:1px solid var(--staff-border);gap:12px;margin-top:26px;padding:18px 10px 0;display:grid}#dinoodle-staff .account-identity{align-items:center;gap:10px;min-width:0;display:flex}#dinoodle-staff .account-identity>div{gap:4px;min-width:0;display:grid}#dinoodle-staff .account-identity strong{font-size:var(--text-sm);overflow-wrap:anywhere}#dinoodle-staff .account-identity>div>span{color:var(--staff-muted);font-size:var(--text-sm)}#dinoodle-staff .staff-avatar{background:var(--staff-surface);width:34px;height:34px;font-weight:600;font-size:var(--text-sm);border-radius:50%;flex-shrink:0;place-items:center;display:grid}#dinoodle-staff .local-indicator{color:var(--staff-muted);font-size:var(--text-sm);align-items:center;gap:6px;display:flex}#dinoodle-staff .local-indicator:before{content:"";background:#359a6e;border-radius:50%;width:6px;height:6px}#dinoodle-staff #app-content.staff-workspace{background:var(--color-main-background,#f9fbfa);flex:1;width:auto;min-width:0;max-width:none;height:auto;min-height:0;margin:0;padding:32px clamp(20px,3vw,48px) 50px;display:block;position:relative;overflow:auto}#dinoodle-staff .workspace-header{border-bottom:1px solid var(--staff-border);justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;padding-bottom:22px;display:flex}#dinoodle-staff .workspace-header h1{letter-spacing:-.7px;margin:5px 0 0;font-size:28px;font-weight:650;line-height:1.25}#dinoodle-staff .eyebrow{font-size:var(--text-sm);letter-spacing:1px;text-transform:uppercase;color:var(--staff-muted);font-weight:650}#dinoodle-staff #workspace-title:focus{outline:none}#dinoodle-staff .staff-workspace button{min-height:40px;font-size:var(--text-md);justify-content:center;align-items:center;gap:8px;margin:0;display:inline-flex}#dinoodle-staff .staff-workspace button:hover:enabled{filter:brightness(.97)}#dinoodle-staff .staff-workspace button:disabled{cursor:default}#dinoodle-staff .staff-workspace .primary-button{background:var(--staff-accent);color:var(--color-primary-element-text,#fff);border-color:#0000}#dinoodle-staff .panel{border-color:var(--staff-border);border-radius:13px;margin:0 0 20px;padding:24px}#dinoodle-staff .welcome-row{justify-content:space-between;align-items:center;gap:16px;margin:0 0 26px;display:flex}#dinoodle-staff .welcome-row h2{letter-spacing:-.5px;margin:0 0 5px;font-size:23px;font-weight:600}#dinoodle-staff .welcome-row p{color:var(--staff-muted);font-size:var(--text-md)}#dinoodle-staff .metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:28px;display:grid}#dinoodle-staff .metric-card{text-align:left;border:1px solid var(--staff-border);background:var(--color-main-background,#fff);border-radius:12px;place-content:start stretch;justify-items:start;gap:10px;padding:20px;display:grid}#dinoodle-staff .metric-card>.staff-icon{color:var(--staff-accent);margin-bottom:4px}#dinoodle-staff .metric-card strong{letter-spacing:-1px;font-size:32px;font-weight:650;line-height:1.15}#dinoodle-staff .metric-card span{font-size:var(--text-sm);color:var(--staff-muted);font-weight:400;line-height:1.5}#dinoodle-staff .dashboard-columns{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);align-items:start;gap:24px;display:grid}#dinoodle-staff .dashboard h2{font-size:18px;font-weight:600}#dinoodle-staff .dashboard .welcome-row h2{font-size:23px}#dinoodle-staff .dashboard .section-heading{flex-wrap:wrap;align-items:start;gap:12px;margin-bottom:15px}#dinoodle-staff .text-action{font-size:var(--text-sm);color:var(--staff-accent);background:0 0;border:0;padding:0}#dinoodle-staff .agenda-row{border-top:1px solid var(--staff-border);align-items:center;gap:14px;padding:20px 0;display:flex}#dinoodle-staff .date-tile{background:var(--staff-surface);border-radius:9px;place-items:center;gap:3px;min-width:48px;padding:9px 5px;display:grid}#dinoodle-staff .date-tile strong{font-size:22px;line-height:1.2}#dinoodle-staff .date-tile span{text-transform:uppercase;font-size:var(--text-sm);color:var(--staff-muted)}#dinoodle-staff .agenda-details{flex:1;min-width:0}#dinoodle-staff .agenda-details h3{margin:0 0 4px;font-size:15px}#dinoodle-staff .agenda-details p{color:var(--staff-muted);font-size:var(--text-sm);margin:2px 0}#dinoodle-staff .status{font-size:var(--text-sm);white-space:nowrap;line-height:1.6}#dinoodle-staff .panel-footnote{font-size:var(--text-sm);color:var(--staff-muted);margin-top:14px}#dinoodle-staff .quick-action{text-align:left;border:0;border-top:1px solid var(--staff-border);background:0 0;border-radius:0;justify-content:flex-start;align-items:center;gap:12px;width:100%;padding:16px 0;display:flex}#dinoodle-staff .quick-action>span{flex:1;gap:5px;display:grid}#dinoodle-staff .quick-action strong{font-size:var(--text-sm);font-weight:600}#dinoodle-staff .quick-action small{font-size:var(--text-sm);color:var(--staff-muted);font-weight:400;line-height:1.5}#dinoodle-staff .quick-action>.staff-icon:first-child{color:var(--staff-accent)}#dinoodle-staff .quick-action>.staff-icon:last-child{width:16px;color:var(--staff-muted);flex-basis:16px}#dinoodle-staff .calendar-panel{background:var(--staff-surface)}#dinoodle-staff .calendar-panel>.staff-icon{color:var(--staff-accent);margin-bottom:16px}#dinoodle-staff .calendar-panel h2{margin:0 0 7px}#dinoodle-staff .calendar-panel p{font-size:var(--text-sm);color:var(--staff-muted)}#dinoodle-staff .calendar-link{font-size:var(--text-sm);color:var(--staff-accent);align-items:center;gap:8px;margin-top:12px;font-weight:600;text-decoration:none;display:inline-flex}#dinoodle-staff .schedule-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}#dinoodle-staff .week-controls{align-items:center;margin:0}#dinoodle-staff .week-controls label{font-size:var(--text-sm);flex-direction:row;align-items:center;gap:10px}#dinoodle-staff .week-controls input{max-width:165px}#dinoodle-staff .schedule-summary{color:var(--staff-muted);font-size:var(--text-sm);flex-wrap:wrap;align-items:center;gap:22px;margin-bottom:12px;padding:22px 0;display:flex}#dinoodle-staff .schedule-summary strong{color:var(--color-main-text);margin-right:5px;font-size:20px}#dinoodle-staff .schedule-day{margin:12px 0 30px}#dinoodle-staff .schedule-day>h2{font-size:var(--text-md);color:var(--staff-muted);margin:0 0 14px;font-weight:600}#dinoodle-staff .shift-card{flex-wrap:wrap;margin:0 0 12px;padding:22px}#dinoodle-staff .shift-card h3{margin:9px 0 5px;font-size:17px}#dinoodle-staff .shift-card p{font-size:var(--text-sm);color:var(--staff-muted)}#dinoodle-staff .shift-card .employee-name{color:var(--color-main-text);font-weight:550}#dinoodle-staff .empty-state{text-align:center;place-items:center;padding:44px 18px;display:grid}#dinoodle-staff .empty-state>.staff-icon{width:36px;height:36px;color:var(--staff-muted);margin-bottom:12px}#dinoodle-staff .empty-state h2,#dinoodle-staff .empty-state h3{margin:0 0 7px;font-size:17px}#dinoodle-staff .empty-state p{font-size:var(--text-sm);color:var(--staff-muted)}#dinoodle-staff .employee-row{justify-content:flex-start;align-items:stretch;display:flex}#dinoodle-staff .section-heading{margin-bottom:20px}#dinoodle-staff .employee-list{padding:18px}#dinoodle-staff .employee-form{gap:20px}#dinoodle-staff .staff-workspace textarea{font:inherit;border:1px solid var(--staff-border);background:var(--color-main-background,white);width:100%;min-height:90px;color:inherit;border-radius:8px;padding:10px}#dinoodle-staff .mobile-nav-toggle,#dinoodle-staff .nav-backdrop{display:none}#dinoodle-staff .staff-shell:has(.signed-out){grid-template-columns:1fr}#dinoodle-staff .signed-out .workspace-header,#dinoodle-staff .signed-out>.panel{max-width:500px;margin-left:auto;margin-right:auto}#dinoodle-staff .connection-panel>.staff-icon{margin-bottom:18px}@media (width<=1200px){#dinoodle-staff .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#dinoodle-staff .dashboard-columns{grid-template-columns:1fr}#dinoodle-staff .dashboard-side{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}}@media (width<=800px){#dinoodle-staff .staff-shell{display:block;position:relative}#dinoodle-staff #app-content.staff-workspace{height:100%;padding:72px 20px 32px}#dinoodle-staff .mobile-nav-toggle{z-index:5;border:1px solid var(--staff-border);background:var(--color-main-background);min-height:40px;color:inherit;font-size:var(--text-sm);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:inline-flex;position:absolute;top:10px;left:20px}#dinoodle-staff #app-navigation.staff-sidebar{z-index:4;width:min(280px,85%);padding-top:65px;display:none;position:absolute;top:0;bottom:0;left:0;box-shadow:10px 0 30px #0002}#dinoodle-staff #app-navigation.is-open{display:flex}#dinoodle-staff .nav-backdrop{z-index:3;background:#0006;border:0;display:block;position:absolute;inset:0}#dinoodle-staff .workspace-header{flex-wrap:wrap;align-items:start}#dinoodle-staff .dashboard-side{grid-template-columns:1fr;gap:0}#dinoodle-staff .welcome-row{flex-wrap:wrap}}@media (width<=440px){#dinoodle-staff .metric-grid{gap:10px}#dinoodle-staff .metric-card{padding:16px}#dinoodle-staff .metric-card strong{font-size:27px}#dinoodle-staff .panel{padding:18px}#dinoodle-staff .agenda-row{flex-wrap:wrap;gap:10px}#dinoodle-staff .week-controls{gap:8px}#dinoodle-staff .week-controls label{gap:6px}}#dinoodle-staff #app-navigation.staff-sidebar{transform:none!important}#dinoodle-staff .staff-workspace button.metric-card{justify-content:stretch;display:grid}#dinoodle-staff .staff-workspace button.quick-action{justify-content:flex-start;display:flex}#dinoodle-staff #app-content.staff-workspace{z-index:1}#dinoodle-staff .staff-workspace select{height:auto;min-height:44px;line-height:1.4}#dinoodle-staff .staff-workspace input:not([type=checkbox]):not([type=radio]){min-height:44px}#dinoodle-staff .staff-workspace button.employee-row{text-align:left;justify-content:flex-start;align-items:stretch}#dinoodle-staff .status.inactive{background:var(--staff-surface);color:var(--staff-muted)}#dinoodle-staff .schedule-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}#dinoodle-staff .week-switcher{flex-wrap:wrap;align-items:center;gap:12px;display:flex}#dinoodle-staff .week-switcher>div{gap:7px;display:grid}#dinoodle-staff .week-switcher>button:first-child,#dinoodle-staff .week-switcher>button:nth-child(3){min-width:40px;padding:2px 12px;font-size:24px}#dinoodle-staff .week-date-label{font-size:var(--text-sm);color:var(--staff-muted);flex-direction:row;align-items:center;gap:8px;display:flex}#dinoodle-staff .week-date-label input{width:155px;min-height:32px;font-size:var(--text-sm);padding:5px 8px}#dinoodle-staff .week-summary{border:1px solid var(--staff-border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:30px;margin-bottom:24px;padding:22px 24px;display:flex}#dinoodle-staff .week-summary>div:not(.summary-actions){gap:5px;display:grid}#dinoodle-staff .week-summary strong{letter-spacing:-.5px;font-size:26px;line-height:1.2}#dinoodle-staff .week-summary span{font-size:var(--text-sm);color:var(--staff-muted)}#dinoodle-staff .summary-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-left:auto;display:flex}#dinoodle-staff .summary-actions .calendar-link{margin:0}#dinoodle-staff .schedule-filters{flex-wrap:wrap;align-items:end;gap:14px;margin-bottom:18px;display:flex}#dinoodle-staff .schedule-filters label{min-width:140px;font-size:var(--text-sm);flex:1}#dinoodle-staff .view-switch{border:1px solid var(--staff-border);border-radius:8px;padding:3px;display:flex}#dinoodle-staff .view-switch button{min-height:36px;font-size:var(--text-sm);border:0;padding:7px 12px}#dinoodle-staff .view-switch button[aria-pressed=true]{background:var(--color-primary-element-light,#e0f1ec);color:var(--color-primary-element-light-text,#065b4f)}#dinoodle-staff .schedule-legend{font-size:var(--text-sm);color:var(--staff-muted);flex-wrap:wrap;align-items:center;gap:18px;margin:0 0 16px;display:flex}#dinoodle-staff .schedule-legend>span{align-items:center;gap:6px;display:flex}#dinoodle-staff .schedule-legend i{border-radius:2px;width:8px;height:8px;display:inline-block}#dinoodle-staff .published-dot{background:#31986b}#dinoodle-staff .draft-dot{background:#cb932d}#dinoodle-staff .inline-checkbox{font-size:var(--text-sm);flex-direction:row;align-items:center;gap:7px;margin-left:auto;display:inline-flex}#dinoodle-staff .inline-checkbox input{width:16px;height:16px;min-height:0}#dinoodle-staff .week-matrix{border:1px solid var(--staff-border);border-radius:12px;max-height:min(75vh,1100px);margin-bottom:20px;overflow:auto}#dinoodle-staff .week-matrix table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:920px}#dinoodle-staff .week-matrix th,#dinoodle-staff .week-matrix td{border-right:1px solid var(--staff-border);border-bottom:1px solid var(--staff-border);vertical-align:top;padding:8px}#dinoodle-staff .week-matrix th:last-child,#dinoodle-staff .week-matrix td:last-child{border-right:0}#dinoodle-staff .week-matrix tr:last-child>*{border-bottom:0}#dinoodle-staff .week-matrix thead th{z-index:2;background:var(--staff-surface);text-align:center;font-size:var(--text-sm);padding:17px 8px;font-weight:600;position:sticky;top:0}#dinoodle-staff .week-matrix .employee-column{z-index:1;background:var(--color-main-background,#fff);text-align:left;width:160px;min-width:160px;padding:16px;position:sticky;left:0}#dinoodle-staff .week-matrix thead .employee-column{z-index:3;background:var(--staff-surface)}#dinoodle-staff .employee-column strong{font-size:var(--text-sm);font-weight:600;line-height:1.5;display:block}#dinoodle-staff .employee-column span{font-size:var(--text-sm);color:var(--staff-muted);margin-top:7px;font-weight:400;display:block}#dinoodle-staff .employee-column .over-limit{color:var(--color-warning-text,#9c6a12);font-weight:650}#dinoodle-staff .week-matrix .is-today{background:var(--color-primary-element-light,#edf8f3)}#dinoodle-staff .staff-workspace button.week-shift{text-align:left;background:var(--staff-surface);overflow-wrap:anywhere;border:1px solid #338a6a66;border-left:3px solid #31986b;border-radius:6px;align-content:start;justify-items:start;gap:6px;width:100%;min-height:76px;margin:0 0 7px;padding:10px 8px;display:grid}#dinoodle-staff .week-shift strong{font-size:var(--text-sm);font-weight:600;line-height:1.5}#dinoodle-staff .week-shift span{font-size:var(--text-sm);font-weight:400;line-height:1.4}#dinoodle-staff .week-shift small{font-size:var(--text-sm);font-weight:600}#dinoodle-staff .staff-workspace .week-shift.draft{border-style:dashed dashed dashed solid;border-color:#cb932d88 #cb932d88 #cb932d88 #cb932d}#dinoodle-staff .staff-workspace .week-shift.cancelled{opacity:.65;border-color:var(--staff-border)}#dinoodle-staff .week-shift.cancelled strong{text-decoration:line-through}#dinoodle-staff .staff-workspace button.add-cell{width:100%;min-height:28px;color:var(--staff-muted);font-size:var(--text-sm);opacity:.6;background:0 0;border:0;padding:4px}#dinoodle-staff .add-cell .staff-icon{flex-basis:12px;width:12px;height:12px}#dinoodle-staff .add-cell:hover{opacity:1;background:var(--staff-surface)}#dinoodle-staff .week-agenda{display:none}#dinoodle-staff .week-agenda.agenda-visible{display:block}#dinoodle-staff .agenda-day{margin-bottom:28px}#dinoodle-staff .agenda-day>.section-heading{margin-bottom:12px}#dinoodle-staff .agenda-day h2{margin:0;font-size:16px}#dinoodle-staff .staff-workspace button.agenda-shift{text-align:left;border-left:3px solid #31986b;justify-content:space-between;gap:14px;width:100%;margin-bottom:8px;padding:16px 20px;display:flex}#dinoodle-staff .agenda-shift>div{gap:7px;display:grid}#dinoodle-staff .agenda-shift>div>span{font-size:var(--text-sm);color:var(--staff-muted);font-weight:400}#dinoodle-staff .staff-workspace .agenda-shift.draft{border-left-color:#cb932d}#dinoodle-staff .empty-day{border:1px dashed var(--staff-border);color:var(--staff-muted);font-size:var(--text-sm);border-radius:8px;padding:18px}#dinoodle-staff .staff-modal{border:1px solid var(--staff-border);background:var(--color-main-background,#fff);width:min(680px,100vw - 32px);max-height:calc(100dvh - 70px);color:var(--color-main-text);border-radius:16px;margin:auto;padding:28px;box-shadow:0 18px 60px #0005}#dinoodle-staff .staff-modal:not([open]){display:none}#dinoodle-staff .staff-modal[open]{display:block}#dinoodle-staff .staff-modal::backdrop{background:#0008}#dinoodle-staff .staff-modal header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}#dinoodle-staff .staff-modal header h2{margin:0;font-size:21px}#dinoodle-staff .shift-editor fieldset{border:0;min-width:0;margin:0;padding:0}#dinoodle-staff .editor-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}#dinoodle-staff .offset-controls{font-size:var(--text-sm);color:var(--staff-muted);margin:20px 0}#dinoodle-staff .offset-controls summary,#dinoodle-staff .shift-timeline summary{cursor:pointer}#dinoodle-staff .modal-actions{border-top:1px solid var(--staff-border);flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px;display:flex}#dinoodle-staff .publish-modal>p{margin:14px 0}#dinoodle-staff .shift-detail-hero{border-bottom:1px solid var(--staff-border);margin-bottom:20px;padding-bottom:20px}#dinoodle-staff .shift-detail-hero h3{margin:18px 0 8px;font-size:25px}#dinoodle-staff .shift-detail-hero .detail-time{margin:8px 0;font-size:20px;font-weight:550}#dinoodle-staff .detail-person{align-items:center;gap:8px;padding-top:12px;display:flex}#dinoodle-staff .detail-actions{flex-wrap:wrap;gap:10px;display:flex}#dinoodle-staff .cancel-shift-form{border:1px solid var(--staff-border);border-radius:10px;margin-top:22px;padding:20px}#dinoodle-staff .cancel-shift-form>p{margin:12px 0}#dinoodle-staff .shift-timeline{margin-top:30px}#dinoodle-staff .shift-timeline h3{margin:0}#dinoodle-staff .shift-timeline .history-event{border-color:var(--staff-border);padding:18px 0}#dinoodle-staff .history-event p{color:var(--staff-muted);font-size:var(--text-sm)}#dinoodle-staff .history-event ul{font-size:var(--text-sm);margin:12px 0 0;padding-left:18px;line-height:1.7}#dinoodle-staff .history-event .history-reason{color:var(--color-main-text);font-size:var(--text-md)}@media (width<=900px){#dinoodle-staff .week-matrix{display:none}#dinoodle-staff .week-agenda{display:block}#dinoodle-staff .view-switch{display:none}#dinoodle-staff .week-summary{gap:20px;padding:18px}#dinoodle-staff .summary-actions{justify-content:space-between;width:100%}}@media (width<=520px){#dinoodle-staff .editor-fields{grid-template-columns:1fr}#dinoodle-staff .staff-modal{padding:20px}#dinoodle-staff .schedule-controls>.actions{width:100%}#dinoodle-staff .schedule-controls>.actions>button{flex:1}}#dinoodle-staff .generation-steps{gap:12px;margin-bottom:28px;display:flex}#dinoodle-staff .generation-steps button{border:1px solid var(--staff-border);background:var(--staff-surface);text-align:left;border-radius:9px;flex:1;justify-content:flex-start;padding:12px}#dinoodle-staff .generation-steps button span{border:1px solid var(--staff-border);width:26px;height:26px;font-size:var(--text-sm);border-radius:50%;flex-shrink:0;place-items:center;display:grid}#dinoodle-staff .generation-steps [aria-current=step]{color:var(--color-primary-element-light-text);background:var(--color-primary-element-light);border-color:var(--staff-accent);font-weight:650}#dinoodle-staff .generation-heading{letter-spacing:-.3px;outline:none;margin:0 0 22px;font-size:22px;font-weight:600}#dinoodle-staff .generation-setup{max-width:800px}#dinoodle-staff .generation-intro{color:var(--staff-muted);font-size:var(--text-md);margin:0 0 20px;line-height:1.6}#dinoodle-staff .generation-setup label{margin-bottom:22px}#dinoodle-staff .generation-week-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}#dinoodle-staff .generation-template-summary{background:var(--staff-surface);border:1px solid var(--staff-border);border-radius:10px;align-items:center;gap:14px;margin-bottom:24px;padding:18px;display:flex}#dinoodle-staff .generation-template-summary div{gap:5px;display:grid}#dinoodle-staff .generation-template-summary span{color:var(--staff-muted);font-size:var(--text-sm)}#dinoodle-staff .generation-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:20px 0 0;display:flex}#dinoodle-staff .generation-footer>span{color:var(--staff-muted);font-size:var(--text-sm)}#dinoodle-staff .generation-context{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}#dinoodle-staff .generation-context>span{color:var(--staff-muted);font-size:var(--text-md)}#dinoodle-staff .generation-metrics{border:1px solid var(--staff-border);border-radius:12px;flex-wrap:wrap;gap:38px;margin-bottom:24px;padding:22px;display:flex}#dinoodle-staff .generation-metrics>div{gap:6px;display:grid}#dinoodle-staff .generation-metrics strong{font-size:28px;font-weight:650;line-height:1.2}#dinoodle-staff .generation-metrics span{color:var(--staff-muted);font-size:var(--text-sm)}#dinoodle-staff .needs-attention{color:var(--color-warning-text,#ab7a13)}#dinoodle-staff .generation-target-tools{flex-wrap:wrap;align-items:end;gap:18px;margin:24px 0 18px;display:flex}#dinoodle-staff .generation-target-tools>label:first-child{flex:1;min-width:200px}#dinoodle-staff .generation-target-tools .inline-checkbox{padding-bottom:12px}#dinoodle-staff .generation-target-tools .actions{margin-left:auto}#dinoodle-staff .generation-table-wrap{border:1px solid var(--staff-border);border-radius:12px;max-height:64vh;overflow:auto}#dinoodle-staff .generation-table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--text-md);min-width:640px}#dinoodle-staff .generation-table th,#dinoodle-staff .generation-table td{vertical-align:middle;text-align:left;border-bottom:1px solid var(--staff-border);padding:16px}#dinoodle-staff .generation-table tr:last-child>*{border-bottom:0}#dinoodle-staff .generation-table thead th{background:var(--staff-surface);z-index:1;color:var(--staff-muted);font-size:var(--text-sm);font-weight:600;position:sticky;top:0}#dinoodle-staff .generation-table tbody th{min-width:210px;font-weight:400}#dinoodle-staff .generation-table tbody th>strong{font-size:var(--text-md);font-weight:600}#dinoodle-staff .generation-table tbody th>span{font-size:var(--text-sm);margin-top:6px;line-height:1.5;display:block}#dinoodle-staff .generation-table tbody th>span:not(.needs-attention){color:var(--staff-muted)}#dinoodle-staff .generation-table input[type=number]{width:82px;min-width:75px;margin:0}#dinoodle-staff .generation-table input[aria-invalid=true]{border-color:var(--color-error,#ba3333)}#dinoodle-staff .generation-review-tabs{background:var(--staff-surface);border:1px solid var(--staff-border);border-radius:9px;gap:8px;width:max-content;max-width:100%;margin-bottom:24px;padding:5px;display:flex}#dinoodle-staff .generation-review-tabs button{background:0 0;border:0}#dinoodle-staff .generation-review-tabs button[aria-pressed=true]{background:var(--color-primary-element-light);color:var(--color-primary-element-light-text)}#dinoodle-staff .generation-filters{flex-wrap:wrap;align-items:end;gap:20px;margin-bottom:24px;display:flex}#dinoodle-staff .generation-filters label{min-width:180px}#dinoodle-staff .generation-filters>span{color:var(--staff-muted);font-size:var(--text-sm);margin-left:auto;padding-bottom:12px}#dinoodle-staff .generation-day{margin-bottom:30px}#dinoodle-staff .generation-day h3{margin-bottom:12px;font-size:16px;font-weight:600}#dinoodle-staff .proposal-slot{border:1px solid var(--staff-border);border-left:3px solid #4595c6;border-radius:9px;grid-template-columns:minmax(110px,1fr) minmax(150px,2fr) auto;align-items:center;gap:18px;margin-bottom:9px;padding:18px 20px;display:grid}#dinoodle-staff .proposal-slot.unfilled{border-left-color:var(--color-warning,#c89028)}#dinoodle-staff .proposal-slot.existing{border-left-color:#359a6e}#dinoodle-staff .proposal-time,#dinoodle-staff .proposal-person{gap:6px;display:grid}#dinoodle-staff .proposal-slot strong{font-size:var(--text-md);font-weight:600}#dinoodle-staff .proposal-slot span{font-size:var(--text-sm);color:var(--staff-muted)}#dinoodle-staff .proposal-status{white-space:nowrap;font-weight:600}#dinoodle-staff .proposal-issues{color:var(--color-warning-text,#ab7a13);font-size:var(--text-sm);grid-column:1/-1;margin:0;padding-left:18px;line-height:1.6}#dinoodle-staff .generation-differences{margin:0 0 18px}#dinoodle-staff .generation-policy{font-size:var(--text-sm);margin:25px 0}#dinoodle-staff .generation-policy p{color:var(--staff-muted);margin-top:14px;line-height:1.7}#dinoodle-staff .generation-save-panel{border-top:1px solid var(--staff-border);padding-top:22px}#dinoodle-staff .generation-save-panel .checkbox-label{align-items:flex-start;line-height:1.6}#dinoodle-staff .generation-save-panel .checkbox-label input{flex-shrink:0;margin-top:5px}#dinoodle-staff .generation-confirm>p{margin-bottom:18px}#dinoodle-staff .generation-success>.staff-icon{color:#359a6e;width:38px;height:38px;margin-bottom:14px}#dinoodle-staff .generation-success h3{margin-bottom:12px;font-size:22px}#dinoodle-staff .generation-success p{color:var(--staff-muted);margin-bottom:24px}@media (width<=950px){#dinoodle-staff .generation-steps{gap:6px}#dinoodle-staff .generation-steps button{font-size:var(--text-sm);flex-direction:column;align-items:flex-start;gap:8px;padding:10px}#dinoodle-staff .generation-metrics{gap:24px}}@media (width<=520px){#dinoodle-staff .generation-week-fields{grid-template-columns:1fr;gap:0}#dinoodle-staff .generation-setup{padding:18px}#dinoodle-staff .generation-footer{flex-direction:column;align-items:stretch}#dinoodle-staff .generation-filters{gap:12px}#dinoodle-staff .generation-filters label{flex:1;min-width:0}#dinoodle-staff .generation-target-tools .actions{flex-wrap:wrap;margin-left:0}#dinoodle-staff .proposal-slot{grid-template-columns:1fr auto;gap:12px;padding:16px}#dinoodle-staff .proposal-time{grid-column:1/-1}#dinoodle-staff .generation-review-tabs{width:100%}#dinoodle-staff .generation-review-tabs button{font-size:var(--text-sm);flex:1}}#dinoodle-staff .proposal-slot{grid-template-columns:minmax(110px,1fr) minmax(150px,2fr) auto auto}#dinoodle-staff .proposal-edit{justify-items:end;gap:8px;display:grid}#dinoodle-staff .proposal-edit .adjusted-label{color:var(--staff-accent);font-weight:600}#dinoodle-staff .assignment-context{gap:10px;margin-bottom:24px;display:grid}#dinoodle-staff .assignment-context strong{font-size:20px}#dinoodle-staff .assignment-context span{color:var(--staff-muted);font-size:var(--text-md)}#dinoodle-staff .assignment-modal select{text-overflow:ellipsis;width:100%;max-width:100%}#dinoodle-staff .assignment-modal fieldset{min-width:0}@media (width<=950px){#dinoodle-staff .proposal-slot{grid-template-columns:minmax(100px,1fr) minmax(130px,2fr) auto}#dinoodle-staff .proposal-edit{grid-column:1/-1}}@media (width<=520px){#dinoodle-staff .proposal-slot{grid-template-columns:1fr auto}}#dinoodle-staff{font-family:DM Sans,system-ui,sans-serif}#dinoodle-staff .sidebar-brand{flex-direction:column;align-items:flex-start;gap:12px;padding:0 12px 26px;display:flex}#dinoodle-staff .brand-logo{object-fit:contain;width:176px;height:62px;display:block}#dinoodle-staff .sidebar-brand>span{font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;color:#c5ab6b}#dinoodle-staff .staff-sidebar nav button{color:#dedbd5}#dinoodle-staff .staff-sidebar nav button[aria-current=page]{color:#e4cb94;box-shadow:inset 3px 0 var(--brand-gold);background:#342c20}#dinoodle-staff .sidebar-account span,.staff-sidebar .local-indicator{color:#bbb7af}#dinoodle-staff .sidebar-account button{color:#fff;font:inherit;font-size:var(--text-sm);cursor:pointer;background:#222;border:1px solid #45413b;border-radius:7px;padding:9px 12px}#dinoodle-staff .staff-avatar{color:#f4e2b8;background:#473a23}#dinoodle-staff .login-brand-logo{width:210px;max-width:100%;height:auto;margin-bottom:24px;display:block}#dinoodle-staff .staff-main{background:#fbfaf8}#dinoodle-staff .timeline-days{gap:8px;padding:4px 0 16px;display:flex;overflow:auto}#dinoodle-staff .timeline-days button{white-space:nowrap;flex:1;min-width:80px}#dinoodle-staff .timeline-days [aria-pressed=true]{color:#fff;background:#131313;border-color:#131313}#dinoodle-staff .timeline-instructions{font-size:var(--text-sm);justify-content:space-between;align-items:center;gap:24px;display:flex}#dinoodle-staff .timeline-instructions>span{white-space:nowrap;color:#6d592c;font-weight:600}#dinoodle-staff .timeline-scroll{border:1px solid var(--staff-border);background:#fff;border-radius:12px;max-height:65vh;margin-top:18px;overflow:auto}#dinoodle-staff .timeline-grid{width:calc(200px + var(--timeline-width));min-width:100%}#dinoodle-staff .timeline-header,.timeline-row{grid-template-columns:200px var(--timeline-width);display:grid}#dinoodle-staff .timeline-header{z-index:4;border-bottom:1px solid var(--staff-border);background:#f3efe5;height:44px;position:sticky;top:0}#dinoodle-staff .timeline-person{z-index:2;border-right:1px solid var(--staff-border);font-size:var(--text-sm);background:#fff;flex-direction:column;justify-content:center;gap:6px;padding:12px 16px;display:flex;position:sticky;left:0}#dinoodle-staff .timeline-header .timeline-person{z-index:5;background:#f3efe5;font-weight:600}#dinoodle-staff .timeline-person strong{overflow-wrap:anywhere}#dinoodle-staff .timeline-person button{text-align:left;font-size:var(--text-sm);color:var(--staff-accent);background:0 0;border:0;padding:2px 0;font-weight:500}#dinoodle-staff .timeline-axis,.timeline-lane{background-image:linear-gradient(to right,var(--staff-border) 1px,transparent 1px);background-size:var(--timeline-hour) 100%;position:relative}#dinoodle-staff .timeline-axis>span{font-size:var(--text-sm);color:var(--staff-muted);background:#f3efe5;padding:0 4px;position:absolute;top:12px;transform:translate(-50%)}#dinoodle-staff .timeline-axis>span:first-child{transform:none}#dinoodle-staff .timeline-axis>span:last-child{transform:translate(-100%)}#dinoodle-staff .timeline-row{border-bottom:1px solid var(--staff-border)}#dinoodle-staff .timeline-row:last-child{border-bottom:0}#dinoodle-staff .timeline-lane{overflow:hidden}#dinoodle-staff .timeline-shift{color:#59491f;background:#f3efe5;border:1px solid #c5ab6b;border-radius:7px;min-width:10px;height:54px;display:flex;position:absolute}#dinoodle-staff .timeline-shift.published{color:#fff;background:#272727;border-color:#4a4a4a}#dinoodle-staff .timeline-shift.cancelled{color:#666;background:#eee;border-color:#bbb;text-decoration:line-through}#dinoodle-staff .timeline-shift.is-dragging{z-index:2;border-color:#d10302;box-shadow:0 0 0 3px #d1030233}#dinoodle-staff .timeline-shift>button{color:inherit;touch-action:none;background:0 0;border:0;border-radius:0}#dinoodle-staff .timeline-bar{cursor:grab;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:3px;min-width:0;padding:5px 7px;display:flex;overflow:hidden}#dinoodle-staff .timeline-bar:active{cursor:grabbing}#dinoodle-staff .timeline-bar strong{white-space:nowrap;font-size:var(--text-sm)}#dinoodle-staff .timeline-bar span{font-size:var(--text-sm);white-space:nowrap;font-weight:400}#dinoodle-staff .timeline-edge{cursor:ew-resize;flex:0 0 16px;width:16px;padding:0;font-size:17px}#dinoodle-staff .timeline-edge:hover{background:#c5ab6b44}#dinoodle-staff .timeline-legend .published-dot{background:#272727}#dinoodle-staff .timeline-preview{color:#a40302;font-weight:600}#dinoodle-staff .timeline-review-summary{font-size:var(--text-md);background:#f3efe5;border-radius:8px;padding:14px}#dinoodle-staff .preset-list{gap:8px;max-height:220px;padding:0;list-style:none;display:grid;overflow:auto}#dinoodle-staff .preset-list button{text-align:left;width:100%;font-size:var(--text-sm);justify-content:space-between;gap:12px;display:flex}#dinoodle-staff .preset-list button span{color:var(--staff-muted);font-weight:400}#dinoodle-staff .preset-picker{grid-column:1/-1}@media (width<=700px){#dinoodle-staff .timeline-instructions{flex-direction:column;align-items:flex-start;gap:10px}#dinoodle-staff .preset-list button{flex-direction:column;gap:5px}}#dinoodle-staff #app-navigation.staff-sidebar{color:#292929;background:#f3f2ef;border-right:1px solid #dedcd7}#dinoodle-staff .sidebar-brand>span{color:#74674e;font-size:var(--text-sm)}#dinoodle-staff .staff-sidebar nav .nav-group-label{color:#79766e}#dinoodle-staff .staff-sidebar nav button{color:#37352f;border-radius:6px}#dinoodle-staff .staff-sidebar nav button:hover{color:#181818;background:#e8e6e0}#dinoodle-staff .staff-sidebar nav button[aria-current=page]{color:#372c17;background:#e3ded3;box-shadow:inset 3px 0 #b91616}#dinoodle-staff .sidebar-account{color:#292929;border-color:#d5d1c8}#dinoodle-staff .sidebar-account span,#dinoodle-staff .staff-sidebar .local-indicator{color:#716c62}#dinoodle-staff .sidebar-account button{color:#37352f;background:#fff;border-color:#d5d1c8}#dinoodle-staff .staff-workspace{background:#fff}#dinoodle-staff .staff-workspace[data-view=schedule]{padding:18px 22px}#dinoodle-staff [data-view=schedule] .workspace-header{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}#dinoodle-staff .week-summary{border:0;gap:22px;margin-bottom:6px;padding:10px 0}#dinoodle-staff .week-summary>div:not(.summary-actions){align-items:baseline;gap:6px;display:flex}#dinoodle-staff .week-summary span{font-size:var(--text-sm)}#dinoodle-staff .schedule-filters{gap:10px;margin-bottom:0;padding:10px 0}#dinoodle-staff .schedule-filters label{font-size:var(--text-sm);flex:1;min-width:130px}#dinoodle-staff .schedule-filters input,#dinoodle-staff .schedule-filters select{height:38px;min-height:38px;padding:7px 9px}#dinoodle-staff .view-switch button{white-space:nowrap}#dinoodle-staff .schedule-legend{font-size:var(--text-sm);padding:5px 0 12px}#dinoodle-staff .week-matrix{border-radius:6px;max-height:calc(100vh - 250px)}#dinoodle-staff .week-matrix thead th{background:#fafafa;padding:12px 6px}#dinoodle-staff .day-shift-count{color:#777;font-size:var(--text-sm);margin-top:5px;font-weight:400;display:block}#dinoodle-staff .week-matrix td{padding:5px}#dinoodle-staff .week-matrix .department-row th{color:#fff;text-align:left;font-size:var(--text-sm);letter-spacing:.02em;background:#343434;padding:7px 12px}#dinoodle-staff .week-matrix .role-group-row th{text-align:left;background:color-mix(in srgb,var(--role-color) 24%,white);font-size:var(--text-sm);padding:7px 12px}#dinoodle-staff .role-group-row i,.role-chip:before{background:var(--role-color,#b91616);border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}#dinoodle-staff .role-group-row small{font-size:var(--text-sm);color:#666;margin-left:12px;font-weight:400}#dinoodle-staff .staff-workspace button.week-shift{border:1px solid #d5d5d5;border-left:5px solid var(--shift-role,#c5ab6b);background:color-mix(in srgb,var(--shift-role,#c5ab6b) 13%,white);border-radius:3px;gap:3px;min-height:53px;padding:7px 5px}#dinoodle-staff .week-shift span{font-size:var(--text-sm)}#dinoodle-staff .week-matrix tfoot th,#dinoodle-staff .week-matrix tfoot td{font-size:var(--text-sm);z-index:2;background:#f5f4f0;padding:12px 6px;font-weight:600;position:sticky;bottom:0}#dinoodle-staff .week-matrix tfoot .employee-column{z-index:3}#dinoodle-staff .quiet-notice{font-size:var(--text-sm);color:#6a562c;background:#f8f5ec;border:1px solid #e9dfc7;border-radius:6px;align-items:center;gap:10px;margin:12px 0 22px;padding:12px 14px;display:flex}#dinoodle-staff .employee-tabs{border-bottom:1px solid #ddd;gap:22px;margin:20px 0;display:flex}#dinoodle-staff .employee-tabs button{color:#777;background:0 0;border:0;border-radius:0;padding:12px 5px}#dinoodle-staff .employee-tabs [aria-pressed=true]{color:#272727;border-bottom:3px solid #b91616}#dinoodle-staff .employee-tabs span{font-size:var(--text-sm);background:#eeece7;border-radius:10px;padding:2px 7px}#dinoodle-staff .roster-filters{align-items:end;gap:14px;margin:0 0 20px;display:flex}#dinoodle-staff .roster-filters label{font-size:var(--text-sm);flex:1}#dinoodle-staff .roster-filters .roster-search{flex:2}#dinoodle-staff .employee-roster{border:1px solid #dedcd7;border-radius:7px;overflow:auto}#dinoodle-staff .employee-roster table{border-collapse:collapse;width:100%;min-width:850px;font-size:var(--text-sm)}#dinoodle-staff .employee-roster th{text-align:left;background:#f8f7f5;border-bottom:1px solid #dedcd7;padding:15px;font-weight:600}#dinoodle-staff .employee-roster td{vertical-align:middle;border-bottom:1px solid #eceae6;padding:13px 15px}#dinoodle-staff .employee-roster tr:last-child td{border-bottom:0}#dinoodle-staff .roster-person{text-align:left;background:0 0;border:0;justify-content:flex-start;gap:12px;padding:0;display:flex}#dinoodle-staff .roster-person>span:last-child{gap:5px;display:grid}#dinoodle-staff .roster-person small{color:#777;font-weight:400;font-size:var(--text-sm)}#dinoodle-staff .roster-avatar{color:#705d37;width:36px;height:36px;font-size:var(--text-sm);background:#eee8db;border-radius:50%;flex-shrink:0;place-items:center;display:grid}#dinoodle-staff .role-chip{white-space:nowrap;background:#f1efea;border-radius:5px;margin:2px;padding:4px 7px;display:inline-block}#dinoodle-staff .roster-phone{color:#777;margin-top:5px;display:block}#dinoodle-staff .status.held{color:#745d23;background:#f5edda}#dinoodle-staff .employee-profile-dialog{width:min(650px,96vw)}#dinoodle-staff .employee-profile-dialog .panel{box-shadow:none;border:0;border-bottom:1px solid #ddd;border-radius:0;padding:18px 0}#dinoodle-staff .role-catalog-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-top:18px;display:grid}#dinoodle-staff .role-catalog-grid button{text-align:left;background:#fff;border:1px solid #ddd;grid-template-columns:12px 1fr;justify-items:start;gap:8px 10px;padding:18px;display:grid}#dinoodle-staff .role-catalog-grid i{background:var(--role-color);border-radius:50%;width:12px;height:12px}#dinoodle-staff .role-catalog-grid span,#dinoodle-staff .role-catalog-grid small{font-size:var(--text-sm);color:#777;grid-column:2;font-weight:400}#dinoodle-staff .role-catalog-grid [aria-pressed=true]{border-color:#b91616}#dinoodle-staff .rules-columns{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=850px){#dinoodle-staff .roster-filters{flex-wrap:wrap}#dinoodle-staff .roster-filters .roster-search{flex-basis:100%}#dinoodle-staff .rules-columns{grid-template-columns:1fr}}#dinoodle-staff [data-view=schedule].staff-workspace{padding:12px 18px}#dinoodle-staff .schedule-controls{gap:10px;margin-bottom:7px}#dinoodle-staff .week-switcher{gap:7px}#dinoodle-staff .week-date-label{font-size:var(--text-md);gap:6px;margin-top:3px}#dinoodle-staff .week-date-label input{height:27px;min-height:27px;font-size:var(--text-sm);padding:3px 6px}#dinoodle-staff .week-summary{gap:18px;min-height:31px;margin-bottom:3px;padding:3px 0}#dinoodle-staff .week-summary>div:not(.summary-actions){gap:4px}#dinoodle-staff .week-summary strong,#dinoodle-staff .week-summary span{font-size:var(--text-sm)}#dinoodle-staff .week-summary button{min-height:30px;font-size:var(--text-sm);padding:5px 10px}#dinoodle-staff .schedule-filters{gap:7px;padding:5px 0}#dinoodle-staff .schedule-filters label{font-size:var(--text-md);gap:6px;min-width:100px}#dinoodle-staff .schedule-filters label:first-child{min-width:150px}#dinoodle-staff .schedule-filters input,#dinoodle-staff .schedule-filters select{height:32px;min-height:32px;font-size:var(--text-sm);padding:4px 7px}#dinoodle-staff .schedule-legend{font-size:var(--text-sm);gap:15px;margin:0;padding:3px 0 7px}#dinoodle-staff .week-matrix{border-radius:4px;max-height:calc(100dvh - 250px);margin-bottom:7px}#dinoodle-staff .week-matrix table{min-width:800px}#dinoodle-staff .week-matrix .employee-column{width:170px;min-width:170px;font-size:var(--text-sm);padding:7px 10px}#dinoodle-staff .week-matrix .employee-column>span{font-size:var(--text-sm);margin-top:2px}#dinoodle-staff .week-matrix thead th{font-size:var(--text-sm);padding:8px 4px}#dinoodle-staff .day-shift-count{font-size:var(--text-sm);margin-top:3px}#dinoodle-staff .week-matrix td{height:44px;padding:3px;position:relative}#dinoodle-staff .week-matrix .department-row th,#dinoodle-staff .week-matrix .role-group-row th{font-size:var(--text-sm);padding:4px 10px}#dinoodle-staff .week-matrix .role-group-row small{font-size:var(--text-sm)}#dinoodle-staff .staff-workspace button.week-shift{z-index:2;border-left-width:4px;gap:1px;min-height:33px;margin:0 0 2px;padding:4px 5px;position:relative}#dinoodle-staff .week-shift strong,#dinoodle-staff .week-shift span,#dinoodle-staff .week-shift small{font-size:var(--text-sm);line-height:1.3}#dinoodle-staff .staff-workspace button.hover-add{opacity:0;pointer-events:none;color:#a01d17;z-index:1;background:#b9161608;border:0;border-radius:0;width:100%;height:100%;min-height:0;margin:0;padding:0;position:absolute;inset:0}#dinoodle-staff .hover-add .staff-icon{width:18px;height:18px}#dinoodle-staff td:hover>.hover-add:enabled,#dinoodle-staff td:focus-within>.hover-add:enabled,#dinoodle-staff .hover-add:focus-visible{opacity:1;pointer-events:auto}#dinoodle-staff td:has(.week-shift) .hover-add{background:#fff;border-radius:4px;width:20px;height:20px;inset:auto 2px 2px auto}#dinoodle-staff .week-matrix tfoot th,#dinoodle-staff .week-matrix tfoot td{height:auto;font-size:var(--text-sm);padding:7px 5px}#dinoodle-staff .day-labor-cost{font-size:var(--text-sm);color:#666;margin-top:3px;display:block}#dinoodle-staff .has-overtime{background:#fff0ee!important}#dinoodle-staff .overtime-label,#dinoodle-staff .cell-overtime{color:#a12b21;font-weight:600;font-size:var(--text-sm)}#dinoodle-staff .employee-column .overtime-label{margin-top:2px;display:block}#dinoodle-staff .cell-overtime{padding:2px 4px;display:block}#dinoodle-staff .timeline-instructions{font-size:var(--text-sm);color:#777;margin:0 0 5px;display:block}#dinoodle-staff .timeline-instructions summary{cursor:pointer;display:inline-block}#dinoodle-staff .timeline-instructions p{font-size:var(--text-sm);max-width:820px;margin-top:7px}#dinoodle-staff .timeline-scroll{border-radius:4px;max-height:calc(100dvh - 285px);margin-top:5px}#dinoodle-staff .timeline-person{font-size:var(--text-sm);gap:3px;padding:5px 10px}#dinoodle-staff .timeline-person small{font-size:var(--text-sm);color:#666;font-weight:400}#dinoodle-staff .timeline-axis>span{font-size:var(--text-sm);top:10px}#dinoodle-staff .timeline-department{color:#fff;font-size:var(--text-sm);background:#343434;padding:4px 0}#dinoodle-staff .timeline-role{background:color-mix(in srgb,var(--role-color) 24%,white);font-size:var(--text-sm);padding:4px 0}#dinoodle-staff .timeline-department>strong,#dinoodle-staff .timeline-role>strong{display:inline-block;position:sticky;left:10px}#dinoodle-staff .timeline-role i{background:var(--role-color);border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}#dinoodle-staff .timeline-shift{border:1px solid color-mix(in srgb,var(--role-color) 80%,#777);border-left:4px solid var(--role-color);background:color-mix(in srgb,var(--role-color) 22%,white);color:#292929;z-index:2;border-radius:3px;height:34px}#dinoodle-staff .timeline-shift>button{min-height:0}#dinoodle-staff .timeline-shift .timeline-bar{padding:2px 4px}#dinoodle-staff .timeline-edge{opacity:0;width:10px;font-size:var(--text-sm);flex-basis:10px}#dinoodle-staff .timeline-shift:hover .timeline-edge,#dinoodle-staff .timeline-shift:focus-within .timeline-edge{opacity:1}#dinoodle-staff .timeline-add-cells{z-index:1;position:absolute;inset:0}#dinoodle-staff .staff-workspace .timeline-cell-add{background:0 0;border:0;border-radius:0;height:100%;min-height:0;padding:0;position:absolute;top:0}#dinoodle-staff .timeline-cell-add span{opacity:0;color:#a01d17;font-size:20px}#dinoodle-staff .timeline-cell-add:hover:enabled,#dinoodle-staff .timeline-cell-add:focus-visible{background:#b9161608}#dinoodle-staff .timeline-cell-add:hover:enabled span,#dinoodle-staff .timeline-cell-add:focus-visible span{opacity:1}#dinoodle-staff .labor-budget{z-index:6;background:#faf9f5;border:1px solid #dedad1;border-radius:5px;flex-wrap:wrap;align-items:center;gap:10px 25px;margin:7px 0;padding:10px 14px;display:flex;position:sticky;bottom:0}#dinoodle-staff .labor-budget>div{gap:4px;display:grid}#dinoodle-staff .labor-budget .budget-title{margin-right:auto}#dinoodle-staff .labor-budget button{color:#a3291e;min-height:0;font-size:var(--text-sm);text-align:left;background:0 0;border:0;padding:0}#dinoodle-staff .budget-basis{font-size:var(--text-sm);color:#766e5f;flex-basis:100%}#dinoodle-staff .budget-basis summary{cursor:pointer}#dinoodle-staff .budget-basis p{font-size:var(--text-sm);margin:6px 0 0;line-height:1.5}#dinoodle-staff .budget-dialog{width:min(460px,95vw)}#dinoodle-staff .employee-roster td{font-size:var(--text-sm);padding:9px 12px}#dinoodle-staff .employee-roster th{font-size:var(--text-sm);padding:10px 12px}#dinoodle-staff .roster-avatar{width:29px;height:29px;font-size:var(--text-sm)}@media (hover:none),(pointer:coarse){#dinoodle-staff .staff-workspace button.hover-add:enabled{opacity:.6;pointer-events:auto}#dinoodle-staff .timeline-cell-add:enabled span{opacity:.4}}@media (width<=900px){#dinoodle-staff .view-switch{display:flex}#dinoodle-staff .timeline-section~.week-agenda{display:none}#dinoodle-staff .week-summary{padding:5px 0}#dinoodle-staff .labor-budget{gap:10px 18px}}@media (width<=520px){#dinoodle-staff .schedule-filters{flex-wrap:wrap}#dinoodle-staff .schedule-filters .view-switch{width:100%}#dinoodle-staff .timeline-person{padding:5px 8px}}#dinoodle-staff .timeline-section .timeline-grid{width:100%;min-width:calc(200px + var(--timeline-width))}#dinoodle-staff .timeline-section .timeline-header,#dinoodle-staff .timeline-section .timeline-row{grid-template-columns:200px minmax(0,1fr)}#dinoodle-staff .timeline-section .timeline-header{height:66px}#dinoodle-staff .timeline-hour{border-right:1px solid var(--staff-border);flex-direction:column;align-items:start;gap:5px;padding:7px 4px;display:flex;position:absolute;top:0;bottom:0}#dinoodle-staff .hour-time{font-size:var(--text-sm);color:#303030;white-space:nowrap;font-weight:600}#dinoodle-staff .hour-headcount{color:var(--staff-muted);align-items:center;gap:4px;font-weight:600;line-height:20px;display:inline-flex}#dinoodle-staff .hour-headcount .staff-icon{flex-basis:14px;width:14px;height:14px}#dinoodle-staff .timeline-section .timeline-axis>span.timeline-end-time{font-size:var(--text-sm);color:#303030;padding:0;font-weight:600;top:7px;left:auto;right:3px;transform:none}#dinoodle-staff .schedule-options{justify-content:end;margin-bottom:12px;display:flex}#dinoodle-staff .schedule-help{flex:none;position:relative}#dinoodle-staff .schedule-help p{z-index:20;border:1px solid var(--staff-border);border-radius:var(--control-radius);background:#fff;width:min(420px,100vw - 48px);padding:16px;position:absolute;top:100%;right:0;box-shadow:0 4px 16px #0002}#dinoodle-staff .week-switcher .week-date-label{margin:0}#dinoodle-staff .role-workspace{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start;gap:16px;display:grid}#dinoodle-staff .role-list{border:1px solid var(--staff-border);border-radius:var(--control-radius);overflow:hidden}#dinoodle-staff .role-list-heading{background:var(--staff-surface);font-weight:600;font-size:var(--text-md);justify-content:space-between;padding:8px 12px;display:flex}#dinoodle-staff .role-list .role-catalog-grid{grid-template-columns:1fr;gap:0;margin:0;display:grid}#dinoodle-staff .role-list .role-catalog-grid button{border:0;border-bottom:1px solid var(--staff-border);border-radius:0;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:8px 12px;display:grid}#dinoodle-staff .role-list .role-catalog-grid button:last-child{border-bottom:0}#dinoodle-staff .role-list .role-catalog-grid [aria-pressed=true]{background:var(--color-primary-element-light)}#dinoodle-staff .role-list .role-catalog-grid .role-list-name{overflow-wrap:anywhere;grid-column:auto;gap:2px;min-width:0;display:grid}#dinoodle-staff .role-list-name strong{color:var(--color-main-text);font-size:var(--text-md)}#dinoodle-staff .role-list-name small{color:var(--staff-muted);grid-column:auto}#dinoodle-staff .role-list .role-catalog-grid .role-employee-count{color:var(--color-main-text);grid-column:auto;padding-right:16px}#dinoodle-staff .availability-controls .date-navigation{flex-wrap:wrap;align-items:center;gap:8px;display:flex}#dinoodle-staff .availability-controls .date-navigation label{width:170px}#dinoodle-staff .availability-controls .availability-person{flex:0 300px;margin-left:auto}#dinoodle-staff .availability-table{margin-top:0}#dinoodle-staff .availability-table table{table-layout:fixed;min-width:560px}#dinoodle-staff .availability-table th:first-child{width:24%}#dinoodle-staff .availability-table tbody th{text-align:left}#dinoodle-staff .availability-table td{height:64px}#dinoodle-staff .availability-cell{justify-content:space-between;align-items:center;gap:12px;display:flex}#dinoodle-staff .availability-cell>:first-child{overflow-wrap:anywhere;min-width:0}#dinoodle-staff .availability-unset{color:var(--staff-muted)}#dinoodle-staff .availability-cell .exception-label{color:#a01616}#dinoodle-staff .availability-help{margin-top:12px}#dinoodle-staff .availability-editor{width:min(650px,100vw - 32px);max-height:90dvh;margin:auto;position:fixed;inset:0}#dinoodle-staff .availability-editor .time-range>label{flex:1;min-width:100px}@media (width<=1050px){#dinoodle-staff .role-workspace{grid-template-columns:1fr}}@media (width<=600px){#dinoodle-staff .availability-controls .availability-person{flex:100%;margin:0}#dinoodle-staff .availability-controls .date-navigation{gap:8px}#dinoodle-staff .availability-controls .date-navigation label{width:150px}}#dinoodle-staff .week-matrix{isolation:isolate}#dinoodle-staff .week-matrix tbody td{z-index:0}#dinoodle-staff .week-matrix tbody .employee-column{z-index:2}#dinoodle-staff .week-matrix thead th{z-index:10;background:#fafafa}#dinoodle-staff .week-matrix thead .employee-column{z-index:12}:root{--text-sm:13px;--text-md:14px;--text-base:15px;--control-height:40px;--control-radius:6px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--color-text-maxcontrast:#625f59;--color-border:#d7d3cb}#dinoodle-staff{font-family:DM Sans,system-ui,sans-serif;font-size:var(--text-base);--staff-muted:#625f59;line-height:1.45}#dinoodle-staff .sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#dinoodle-staff .staff-workspace label{font-size:var(--text-md);gap:6px;line-height:20px}#dinoodle-staff .staff-workspace :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select){width:100%;min-width:0;height:var(--control-height);min-height:var(--control-height);border-radius:var(--control-radius);font:inherit;font-size:var(--text-base);color:#303030;background:#fff;border:1px solid #cbc7bf;padding:8px 12px;line-height:22px}#dinoodle-staff .staff-workspace textarea{border-radius:var(--control-radius);width:100%;min-height:96px;font:inherit;resize:vertical;border:1px solid #cbc7bf;padding:10px 12px}#dinoodle-staff .staff-workspace input[type=color]{max-width:100px;padding:4px}#dinoodle-staff .staff-workspace input::placeholder,#dinoodle-staff .staff-workspace textarea::placeholder{color:#716d66;opacity:1}#dinoodle-staff .staff-workspace button{min-height:var(--control-height);border-radius:var(--control-radius);font-size:var(--text-md);padding:8px 12px;line-height:20px}#dinoodle-staff .staff-workspace :is(.inline-checkbox,.checkbox-label){font-size:var(--text-md);flex-direction:row;align-items:center;gap:8px}#dinoodle-staff .staff-workspace :is(input[type=checkbox],input[type=radio]){accent-color:#ba1616;flex:0 0 18px;width:18px;height:18px;min-height:18px;margin:0}#dinoodle-staff .staff-workspace :focus-visible{outline-offset:3px;outline:2px solid #b91616}#dinoodle-staff .workspace-header{margin-bottom:24px;padding-bottom:16px}#dinoodle-staff .workspace-header h1{margin:0;font-size:26px}#dinoodle-staff .staff-workspace :is(.employee-form,.rules-form){gap:16px;display:grid}#dinoodle-staff .staff-workspace :is(.employee-form,.rules-form) fieldset{border:0;min-width:0;margin:0;padding:0}#dinoodle-staff .staff-workspace :is(.rules-form,.employee-form) .actions{margin:0}#dinoodle-staff .field-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}#dinoodle-staff .field-row>.full-width{grid-column:1/-1}#dinoodle-staff .form-help{font-size:var(--text-sm);color:var(--staff-muted)}#dinoodle-staff .form-help summary{cursor:pointer;padding:4px 0}#dinoodle-staff .form-help p{margin:8px 0}#dinoodle-staff .panel-footnote,#dinoodle-staff .development-note{font-size:var(--text-sm);color:var(--staff-muted)}#dinoodle-staff .quiet-notice{font-size:var(--text-md);margin:0 0 16px;padding:10px 12px}#dinoodle-staff .staff-modal{border-radius:10px;padding:24px}#dinoodle-staff .staff-modal header{margin-bottom:20px}#dinoodle-staff .staff-modal h2{font-size:20px}#dinoodle-staff .staff-modal header>button{flex:0 0 40px;width:40px;padding:8px}#dinoodle-staff .modal-actions{gap:8px;margin-top:20px;padding-top:16px}#dinoodle-staff .employee-roster td,#dinoodle-staff .employee-roster th{font-size:var(--text-md);padding:10px 12px}#dinoodle-staff .roster-person strong{font-size:var(--text-md)}#dinoodle-staff .roster-person small,#dinoodle-staff .roster-phone{font-size:var(--text-sm);color:var(--staff-muted)}#dinoodle-staff .roster-filters{gap:12px;margin-bottom:16px}#dinoodle-staff .role-catalog{margin-top:0}#dinoodle-staff .role-catalog-grid{gap:12px;margin-top:12px}#dinoodle-staff .role-catalog-grid button{padding:16px}#dinoodle-staff .rules-columns{align-items:start;gap:20px}#dinoodle-staff .rules-columns>.panel{margin-top:0}#dinoodle-staff .rules-columns h3{margin:0 0 16px}#dinoodle-staff .rules-columns .rules-form+.rules-form{border-top:1px solid var(--staff-border);margin-top:24px;padding-top:24px}#dinoodle-staff .role-checkboxes{flex-wrap:wrap;gap:12px 20px;display:flex}#dinoodle-staff .role-checkboxes legend{width:100%;font-size:var(--text-md);margin-bottom:8px;font-weight:500}#dinoodle-staff .role-checkboxes .checkbox-label{margin:0}#dinoodle-staff .schedule-controls{align-items:end;gap:16px;margin-bottom:12px}#dinoodle-staff .week-switcher{align-items:end;gap:8px}#dinoodle-staff .week-switcher strong{font-size:16px}#dinoodle-staff .week-date-label{margin-top:6px}#dinoodle-staff .schedule-controls button,#dinoodle-staff .view-switch button{min-height:40px;font-size:var(--text-md);padding:8px 12px}#dinoodle-staff .schedule-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:0;display:flex}#dinoodle-staff .schedule-filters>label{min-width:0;font-size:var(--text-md);flex:110px;gap:0}#dinoodle-staff .schedule-filters>label:first-child{flex:1.2 150px;min-width:0}#dinoodle-staff .schedule-filters>.schedule-sort{flex:1.2 170px}#dinoodle-staff .schedule-filters .view-switch{border:0;flex:none;align-self:end;padding:0}#dinoodle-staff .view-switch button{min-width:56px}#dinoodle-staff .staff-workspace .compact-toggle{height:var(--control-height);border-radius:var(--control-radius);cursor:pointer;border:1px solid #cbc7bf;flex-direction:row;flex:none;justify-content:center;align-items:center;gap:6px;padding:8px;display:flex}#dinoodle-staff .compact-toggle:has(input:checked){background:var(--color-primary-element-light);border-color:var(--color-primary-element)}#dinoodle-staff .compact-toggle:focus-within{outline-offset:3px;outline:2px solid #b91616}#dinoodle-staff .schedule-help summary{width:var(--control-height);height:var(--control-height);border-radius:var(--control-radius);cursor:pointer;border:1px solid #cbc7bf;place-items:center;font-weight:600;list-style:none;display:grid}#dinoodle-staff .schedule-help summary::-webkit-details-marker{display:none}@media (width>=1100px){#dinoodle-staff .schedule-filters{flex-wrap:nowrap}}#dinoodle-staff .schedule-legend{font-size:var(--text-sm);color:var(--staff-muted);margin-bottom:12px;padding:0}#dinoodle-staff .timeline-toolbar{gap:12px;margin-bottom:8px;display:grid}#dinoodle-staff .timeline-days{gap:6px;padding:0}#dinoodle-staff .timeline-days button{min-height:40px;font-size:var(--text-md);padding:8px}#dinoodle-staff .timeline-toolbar .inline-checkbox{width:max-content;max-width:100%}#dinoodle-staff .timeline-instructions{font-size:var(--text-sm);color:var(--staff-muted);margin:0 0 8px}#dinoodle-staff .timeline-scroll{max-height:calc(100dvh - 370px);margin-top:0}#dinoodle-staff .timeline-grid{width:calc(200px + var(--timeline-width))}#dinoodle-staff .timeline-header,#dinoodle-staff .timeline-row{grid-template-columns:200px var(--timeline-width)}#dinoodle-staff .timeline-header{height:48px}#dinoodle-staff .timeline-person{font-size:var(--text-md);gap:2px;padding:6px 12px;line-height:1.3}#dinoodle-staff .timeline-person small{font-size:var(--text-sm);color:var(--staff-muted)}#dinoodle-staff .timeline-axis>span{font-size:var(--text-sm);color:var(--staff-muted);top:15px}#dinoodle-staff .timeline-role,#dinoodle-staff .timeline-department{font-size:var(--text-md);padding:5px 0}#dinoodle-staff .timeline-shift{height:40px}#dinoodle-staff .timeline-bar strong{font-size:var(--text-md)}#dinoodle-staff .staff-workspace .timeline-edge{border-radius:0;min-height:0;padding:0}#dinoodle-staff .staff-workspace .timeline-bar{border-radius:0;min-height:0;padding:4px 6px}#dinoodle-staff .staff-workspace .timeline-cell-add{border-radius:0;min-height:0;padding:0}#dinoodle-staff .schedule-empty{border:1px dashed #cbc7bf;border-radius:6px;justify-items:center;gap:12px;padding:40px 16px;display:grid}#dinoodle-staff .week-matrix .employee-column{width:190px;min-width:190px;font-size:var(--text-md)}#dinoodle-staff .week-shift strong,#dinoodle-staff .week-matrix thead th,#dinoodle-staff .week-matrix .department-row th,#dinoodle-staff .week-matrix .role-group-row th{font-size:var(--text-md)}#dinoodle-staff .labor-budget{gap:12px 24px;margin:12px 0 0;padding:12px 16px}#dinoodle-staff .labor-budget span,#dinoodle-staff .labor-budget small{font-size:var(--text-sm);color:var(--staff-muted)}#dinoodle-staff .labor-budget strong{font-size:var(--text-base)}#dinoodle-staff .labor-budget button{min-height:24px;font-size:var(--text-base);border-radius:3px;padding:0}#dinoodle-staff .budget-basis{font-size:var(--text-sm);color:var(--staff-muted)}#dinoodle-staff .budget-basis p{font-size:var(--text-sm)}@media (width<=900px){#dinoodle-staff .workspace-header{flex-wrap:wrap;align-items:start}#dinoodle-staff .timeline-scroll{max-height:60dvh}#dinoodle-staff .schedule-controls{align-items:start}}@media (width<=600px){#dinoodle-staff .field-row{grid-template-columns:1fr}#dinoodle-staff .staff-workspace :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){font-size:16px}#dinoodle-staff .staff-workspace button{min-height:44px}#dinoodle-staff .schedule-controls,#dinoodle-staff .week-switcher{flex-wrap:wrap}#dinoodle-staff .schedule-filters>label:not(.compact-toggle),#dinoodle-staff .schedule-filters>label:first-child{flex:140px}#dinoodle-staff .schedule-filters .view-switch{flex:1 0 100%}#dinoodle-staff .schedule-filters .view-switch button{flex:1}#dinoodle-staff .staff-modal{padding:20px}#dinoodle-staff .labor-budget{gap:12px 20px}}#dinoodle-staff .copy-form label{flex:200px}#dinoodle-staff .editor-fields{align-items:start}#dinoodle-staff .role-checkboxes input{align-self:center}#dinoodle-staff .rules-form .field-row .checkbox-label{min-height:var(--control-height);align-self:end}#dinoodle-staff small{font-size:var(--text-sm)}#dinoodle-staff .staff-workspace .roster-person{justify-content:flex-start;gap:10px;min-height:40px;padding:0}#dinoodle-staff .day-options{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:12px;display:flex}#dinoodle-staff .day-options .timeline-instructions{flex:1;margin:0}#dinoodle-staff .day-options .timeline-instructions p{max-width:720px}#dinoodle-staff .day-options .inline-checkbox{margin-left:auto}#dinoodle-staff .labor-budget{position:static}#dinoodle-staff .schedule-employee-search{width:100%;font-weight:400}#dinoodle-staff .schedule-employee-search input[type=search]{font-size:var(--text-md);padding:8px}#dinoodle-staff .compact-toolbar{flex-wrap:wrap;align-items:end;gap:8px;margin:0 0 12px;display:flex}#dinoodle-staff .compact-toolbar>label{flex:160px;min-width:0}#dinoodle-staff .compact-toolbar>.toolbar-search{flex:1.4 180px}#dinoodle-staff .compact-panel{border:1px solid var(--staff-border);border-radius:var(--control-radius);padding:16px}#dinoodle-staff .compact-panel h3{margin:0 0 12px}#dinoodle-staff .inline-notice{color:var(--staff-muted);font-size:var(--text-sm);align-items:center;gap:8px;margin:0 0 12px;display:flex}#dinoodle-staff .inline-notice .staff-icon{flex-basis:18px;width:18px;height:18px}#dinoodle-staff .compact-table{border:1px solid var(--staff-border);border-radius:var(--control-radius);overflow:auto}#dinoodle-staff .compact-table table{border-collapse:collapse;text-align:left;width:100%}#dinoodle-staff .compact-table :is(th,td){border-bottom:1px solid var(--staff-border);font-size:var(--text-md);vertical-align:middle;padding:8px 12px}#dinoodle-staff .compact-table thead{background:var(--staff-surface)}#dinoodle-staff .compact-table tbody tr:last-child>*{border-bottom:0}#dinoodle-staff .compact-table small{color:var(--staff-muted);font-weight:400;display:block}#dinoodle-staff .staff-workspace .icon-button{width:var(--control-height);min-width:var(--control-height);flex-shrink:0;place-items:center;padding:8px;display:grid}#dinoodle-staff .toolbar-meta{color:var(--staff-muted);font-size:var(--text-sm);align-self:center}#dinoodle-staff .employee-profile-dialog .profile-section{border-top:1px solid var(--staff-border);margin:0;padding:16px 0}#dinoodle-staff .employee-profile-dialog .profile-section:first-of-type{border-top:0;padding-top:0}#dinoodle-staff .employee-profile-dialog .employee-form{gap:12px}#dinoodle-staff .employee-management .roster-filters>label{flex:150px}#dinoodle-staff .employee-management .roster-filters>.roster-search{flex:1.5 200px}#dinoodle-staff .employee-roster :is(th,td){padding:8px 12px}#dinoodle-staff .rate-controls{margin:0}#dinoodle-staff .rate-controls>label{flex:0 180px}@media (width<=600px){#dinoodle-staff .compact-toolbar>label,#dinoodle-staff .compact-toolbar>.toolbar-search{flex:140px}#dinoodle-staff .compact-toolbar>.toolbar-search,#dinoodle-staff .employee-management .roster-filters>.roster-search{flex-basis:100%}}
