.op-shell{display:grid;grid-template-columns:220px minmax(0,1fr);margin:25px 0 0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:white;min-height:720px}.op-sidebar{background:#203c32;color:#e9efe4;padding:28px 16px;display:flex;flex-direction:column;gap:5px}.op-sidebar-heading{font-size:9px;letter-spacing:1.8px;color:#acbea9;margin:0 10px 25px}.op-nav{border:0;text-align:start;color:#d7e1d4;border-radius:7px;background:none;padding:12px 10px;display:flex;gap:10px;align-items:center;font-size:12px}.op-nav.active{background:#dbea9e;color:#203c32}.op-nav:hover{background:#ffffff14}.op-nav.active:hover{background:#dbea9e}.op-nav span{font-size:17px;width:20px}.op-sidebar-note{margin-top:auto;padding:35px 10px 0;font-size:10px;line-height:1.8;color:#acbea9}.op-content{padding:30px;min-width:0;background:#f7f8f4}.op-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px}.op-toolbar h1{font-size:29px;letter-spacing:-1px;margin:9px 0}.op-kicker{font-size:9px;letter-spacing:1.4px;color:#75876c;text-transform:uppercase}.op-toolbar-actions{display:flex;gap:8px;align-items:center}.op-toolbar-actions select{border:1px solid var(--line);padding:9px;border-radius:6px;background:white;font-size:11px}.op-mode-note{font-size:11px!important;line-height:1.7;padding:11px 14px;background:#eaf0df;border-radius:7px;color:#5e7052}.op-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.op-stats>div{background:white;border:1px solid var(--line);border-radius:10px;padding:18px;font-size:11px;color:var(--muted)}.op-stats strong{display:block;font-size:27px;color:var(--ink);margin:12px 0}.op-stats small{font-size:9px}.op-stats.compact{grid-template-columns:repeat(3,1fr);gap:7px}.op-stats.compact>div{padding:12px}.op-stats.compact strong{font-size:20px}.op-filters{display:flex;gap:12px;margin-bottom:18px}.op-filters input,.op-filters select{background:white;border:1px solid var(--line);border-radius:7px;padding:11px;font-size:12px;min-width:0}.op-filters input{flex:1}.op-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:white}.op-table{border-collapse:collapse;width:100%;font-size:11px;text-align:start}.op-table th{font-size:9px;letter-spacing:.8px;color:#7d8877;font-weight:600;text-transform:uppercase;background:#f0f3eb;padding:14px;text-align:start;white-space:nowrap}.op-table td{padding:17px 14px;border-top:1px solid #e9ede4;vertical-align:top;line-height:1.7;min-width:95px}.op-table td strong{display:block;font-size:12px;font-weight:600}.op-table td small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.op-empty{text-align:center;padding:40px!important;color:var(--muted)}.op-badge{display:inline-block;white-space:nowrap;padding:5px 8px;border-radius:20px;background:#edf0e8;font-size:9px;color:#65765a}.op-badge.confirmed,.op-badge.completed{background:#e3efd5;color:#456738}.op-badge.held{background:#fff0c9;color:#8b6a26}.op-badge.conditional{background:#e2eaf2;color:#4e6a80}.op-badge.cancelled,.op-badge.expired{background:#f4e5df;color:#9c6251}.op-calendar{display:flex;flex-direction:column;gap:10px}.op-calendar-event{padding:18px;border:1px solid var(--line);border-radius:9px;background:white;display:flex;align-items:center;gap:20px;text-align:start}.op-calendar-event time{font-size:11px;min-width:135px}.op-calendar-event>span:nth-child(2){flex:1;font-size:12px}.op-calendar-event small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.op-calendar-event.requested{border-inline-start:4px solid #c4cfb9}.op-calendar-event.held{border-inline-start:4px solid #dfbf68}.op-calendar-event.confirmed{border-inline-start:4px solid #769d5e}.op-detail-tabs{display:flex;gap:5px;flex-wrap:wrap;margin:20px 0 15px;border-bottom:1px solid var(--line);padding-bottom:10px}.op-detail-tabs button{border:0;background:var(--soft);padding:9px;border-radius:5px;font-size:10px}.op-task{padding:13px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:7px}.op-task strong{font-size:12px}.op-task small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.op-task .button{align-self:end}.op-field{display:flex;flex-direction:column;gap:7px;margin:14px 0;font-size:11px;font-weight:550}.op-field input,.op-field select,.op-field textarea{width:100%;border:1px solid var(--line);border-radius:6px;padding:11px;background:white;font-size:12px;color:var(--ink);min-width:0}.op-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.op-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.op-action-grid button{border:1px solid var(--line);background:var(--paper);padding:11px 9px;border-radius:6px;font-size:10px}.op-action-grid .dark{background:var(--ink);color:white}.op-blockers{font-size:11px;background:#fff4df;padding:16px;border-radius:7px;margin:18px 0;line-height:1.8}.op-blockers ul{padding-left:17px}.op-date-list{font-size:11px;line-height:2;background:var(--paper);padding:12px;border-radius:7px;max-height:200px;overflow:auto}.op-error{font-size:12px;color:#a5402c;line-height:1.7;margin:12px 0}.op-inventory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0}.op-inventory article{padding:20px;border:1px solid var(--line);border-radius:9px;background:white;display:flex;flex-direction:column;align-items:start;gap:9px}.op-inventory h3{font:600 16px Manrope;margin:0;letter-spacing:-.4px}.op-inventory p{font-size:11px;line-height:1.8;margin:0;color:var(--muted)}.op-inventory small{font-size:9px;color:var(--muted)}.op-inventory button{margin-top:auto}.op-task-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.op-task-list button{padding:18px;border:1px solid var(--line);border-radius:9px;background:white;display:flex;flex-direction:column;align-items:start;gap:10px;text-align:start;font-size:11px}.op-task-list strong{font-size:13px}.op-onboarding{display:grid;grid-template-columns:1fr 1fr;gap:20px}.op-onboarding article{padding:22px;background:white;border:1px solid var(--line);border-radius:9px;font-size:12px;line-height:1.9}.op-onboarding h2{font-size:19px}.op-onboarding ol{padding-left:18px}.op-onboarding code{font-size:10px;word-break:break-all}.op-onboarding pre{white-space:pre-wrap;font-size:11px}details{font-size:12px;line-height:1.8}summary{cursor:pointer}.staff-demo-link{display:block;margin:20px auto;width:fit-content;text-align:center}
@media(max-width:1100px){.op-shell{grid-template-columns:180px minmax(0,1fr)}.op-content{padding:20px}.op-inventory{grid-template-columns:repeat(2,1fr)}.op-stats{grid-template-columns:repeat(2,1fr)}.op-toolbar{flex-wrap:wrap}.op-toolbar-actions{flex-wrap:wrap}}@media(max-width:700px){.op-shell{grid-template-columns:1fr}.op-sidebar{flex-direction:row;overflow:auto;padding:10px;gap:6px}.op-sidebar-heading,.op-sidebar-note{display:none}.op-nav{flex-shrink:0;white-space:nowrap;padding:10px;font-size:10px}.op-nav span{display:none}.op-content{padding:15px}.op-toolbar h1{font-size:25px}.op-filters{flex-direction:column}.op-inventory,.op-onboarding,.op-task-list{grid-template-columns:1fr}.op-stats>div{padding:13px}.op-stats strong{font-size:23px}.op-calendar-event{flex-wrap:wrap;gap:12px}.op-calendar-event .op-badge{margin-inline-start:auto}.op-form-grid{gap:0 10px}.op-content .button{font-size:10px;padding:10px}.op-stats.compact strong{font-size:17px}}