/* SX Business OS — Milestone 004. Retains the existing obsidian, chrome and smoked-glass design. */
.app.os-app-on{max-width:1700px;padding:16px clamp(16px,2.3vw,36px);align-items:stretch}
.os-shell{display:grid;grid-template-columns:252px minmax(0,1fr);gap:18px;width:100%;min-height:calc(100vh - 200px);align-self:stretch}
.os-side{display:flex;flex-direction:column;background:linear-gradient(160deg,rgba(24,29,39,.91),rgba(9,12,18,.97));border:1px solid rgba(223,231,241,.17);border-radius:19px;padding:21px 14px;box-shadow:0 18px 50px rgba(0,0,0,.28);min-width:0}
.os-tenant-card{padding:17px 14px;margin:0 0 22px;border:1px solid rgba(226,234,245,.17);border-radius:14px;background:linear-gradient(140deg,rgba(129,140,161,.14),rgba(8,11,17,.47));display:grid;gap:9px;min-width:0}
.os-kicker{font-size:10px;font-weight:750;letter-spacing:.19em;color:#aeb8c7;text-transform:uppercase}
.os-tenant-card strong{font-size:17px;letter-spacing:-.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.os-badge{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid rgba(225,232,245,.22);background:rgba(234,238,246,.05);border-radius:9px;color:#d2d9e3;font-size:10px;letter-spacing:.075em;text-transform:uppercase;width:max-content;max-width:100%}
.os-badge.muted{opacity:.62}
.os-nav{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}
.os-nav-label{margin:21px 10px 9px;color:#8a96a8;font-size:9px;letter-spacing:.18em;font-weight:750}
.os-nav-label:first-child{margin-top:0}
.os-nav-item{width:100%;border:1px solid transparent;background:transparent;color:#d2d9e2;font-weight:540;font-size:12px;text-align:left;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:9px;padding:10px 11px;transition:background .15s,border .15s}
.os-nav-item:not(:disabled):hover,.os-nav-item.is-current{background:rgba(238,244,252,.09);border-color:rgba(228,238,247,.13);color:#fff}
.os-nav-item:disabled{opacity:.46;cursor:not-allowed}
.os-nav-item small{font-size:9px;letter-spacing:.06em;color:#9ea9b6}
.os-side-foot{display:grid;gap:15px;border-top:1px solid rgba(255,255,255,.12);margin-top:18px;padding:20px 10px 4px}
.os-dev-tag{color:#a9bcb4;letter-spacing:.11em;font-size:10px;font-weight:700}
.os-back{font-size:12px;text-align:left;color:#dfe5ee;border:0;background:transparent;cursor:pointer;padding:0}
.os-back:hover{text-decoration:underline;text-underline-offset:4px}
.os-work{min-width:0;display:flex;flex-direction:column;padding:5px 5px 30px}
.os-top{min-height:58px;display:flex;gap:20px;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(242,245,252,.13);padding:0 8px 17px;margin-bottom:25px}
.os-breadcrumb{display:flex;align-items:center;gap:11px;min-width:0;font-size:12px}
.os-breadcrumb span{color:#9da9b9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.os-breadcrumb strong{color:#eff2f6;font-weight:650}
.os-chevron{opacity:.55}
.os-account{display:flex;align-items:center;gap:15px;font-size:11px;color:#adb8c5}
.os-account span{max-width:245px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.os-content{display:grid;align-content:start;gap:23px;min-width:0}
.os-section-head h1{font-size:clamp(32px,3.7vw,50px);font-weight:600;letter-spacing:-.054em;line-height:1.15;margin:8px 0 10px}
.os-section-head p{font-size:13px;color:#aeb9c6;max-width:720px;line-height:1.75;margin:0}
.os-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.os-metric,.os-surface{background:linear-gradient(145deg,rgba(27,32,43,.86),rgba(11,15,22,.92));border:1px solid rgba(219,229,242,.19);box-shadow:0 14px 38px rgba(0,0,0,.15),inset 0 1px rgba(255,255,255,.045);border-radius:18px}
.os-metric{padding:22px;display:grid;gap:17px;min-height:145px}
.os-metric span{color:#afbac8;font-size:12px}
.os-metric strong{font-size:38px;letter-spacing:-.04em;font-weight:590}
.os-grid-2{display:grid;grid-template-columns:1.12fr .88fr;gap:16px}
.os-panel{padding:25px;min-width:0}
.os-panel h2{font-size:22px;font-weight:590;letter-spacing:-.04em;margin:9px 0 20px}
.os-subtle{font-size:12px;line-height:1.75;color:#aeb8c5}
.os-recent-row,.os-checkline{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-top:1px solid rgba(234,239,249,.09);font-size:12px}
.os-recent-row strong{font-weight:630;flex:1;min-width:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.os-recent-row small,.os-checkline span:last-child{font-size:11px;color:#a8b3c1;white-space:nowrap}
.os-checkline span:first-child{color:#d9dfe7}
.os-checkline span:last-child{text-align:right}
.os-link-button{display:inline-flex;margin-top:16px;padding:0;background:none;border:0;color:#f0f3f7;font-size:12px;font-weight:680;cursor:pointer}
.os-link-button:hover{text-decoration:underline;text-underline-offset:3px}
.os-title-row{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}
.os-action{border:1px solid rgba(228,236,247,.24);border-radius:10px;background:rgba(225,232,245,.06);color:#e5e9f0;padding:10px 15px;font-size:12px;font-weight:660;cursor:pointer;white-space:nowrap;min-height:41px}
.os-action:hover:not(:disabled){background:rgba(225,232,245,.13)}
.os-action-light{background:#eff2f5!important;color:#14161c!important;border-color:#eff2f5!important}
.os-action-light:hover:not(:disabled){background:#d2d8df!important}
.os-action:disabled{opacity:.48;cursor:not-allowed}
.os-toolbar{display:grid;grid-template-columns:minmax(190px,1fr) 185px 145px auto;gap:12px;align-items:end;margin-bottom:18px}
.os-search,.os-filter,.os-field{display:grid;gap:8px;min-width:0;color:#d4dce6;font-size:11px;font-weight:680}
.os-search input,.os-filter select,.os-field input,.os-field select,.os-field textarea{height:44px;width:100%;min-width:0;background:rgba(7,10,15,.8);border:1px solid rgba(226,235,247,.23);border-radius:10px;color:#f3f5f8;padding:10px 12px;font-size:12px;font-weight:430;outline:none}
.os-field textarea{height:auto;min-height:110px;resize:vertical;line-height:1.5}
.os-search input:focus-visible,.os-filter select:focus-visible,.os-field input:focus-visible,.os-field select:focus-visible,.os-field textarea:focus-visible{outline:2px solid rgba(236,242,249,.75);outline-offset:2px}
.os-search input::placeholder,.os-field input::placeholder{color:#8490a0}
.os-table-wrap{overflow-x:auto;min-height:120px}
.os-table{border-collapse:collapse;width:100%;min-width:710px;text-align:left}
.os-table th{font-weight:730;text-transform:uppercase;letter-spacing:.08em;color:#929ead;font-size:10px;border-bottom:1px solid rgba(225,234,244,.17);padding:15px 10px}
.os-table td{border-bottom:1px solid rgba(225,234,244,.09);padding:15px 10px;color:#ccd4df;font-size:12px;vertical-align:middle}
.os-table tr:last-child td{border-bottom:0}
.os-company-cell strong{display:block;color:#f0f2f6;font-size:13px;font-weight:650}
.os-company-cell small{display:block;color:#8c99aa;font-size:11px;margin-top:5px}
.os-row-actions{white-space:nowrap}
.os-tiny{font-size:11px;color:#e5ebf4;border:1px solid rgba(219,232,247,.22);border-radius:7px;padding:6px 9px;background:rgba(225,232,245,.04);cursor:pointer;margin:0 5px 5px 0}
.os-tiny:hover{background:rgba(225,232,245,.12)}
.os-copy{opacity:.75}
.os-pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid rgba(255,255,255,.1);padding-top:16px;color:#b4bfcd;font-size:12px}
.os-pager-buttons{display:flex;gap:8px}
.os-pager-buttons button{min-height:35px}
.os-empty{border:1px dashed rgba(218,230,243,.22);border-radius:13px;color:#afb9c6;font-size:13px;text-align:center;padding:32px 20px}
.os-form-holder:empty{display:none}
.os-record-form{display:grid;grid-template-columns:1fr 1fr;gap:17px 21px}
.os-record-form .os-field{align-self:start}
.os-wide,.os-form-actions{grid-column:1/-1}
.os-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:11px;flex-wrap:wrap;margin-top:5px}
.os-form-actions .os-subtle{margin-right:auto;overflow-wrap:anywhere}
.os-record-editor{border-color:rgba(233,238,244,.4)}
.os-security{border-color:rgba(225,233,245,.1)}
.os-security-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}
.os-security-form .os-field{flex:1;min-width:220px}
.os-security-result{font-size:12px;line-height:1.6;color:#aeb9c6;margin-top:12px}
.os-error{font-size:12px;color:#ffd1d1;line-height:1.7}
.os-notice{font-size:12px;color:#d0d8e5;padding:13px 16px;border:1px solid rgba(224,232,245,.22);border-radius:11px;background:rgba(224,232,245,.04);margin-bottom:15px;line-height:1.55}
.os-notice.error{color:#ffd3d3;border-color:rgba(255,137,137,.35);background:rgba(176,59,59,.07)}
.os-notice.success{color:#c8e8d0;border-color:rgba(136,212,165,.3);background:rgba(96,151,114,.08)}
.os-notice[hidden]{display:none}
@media(max-width:1120px){.os-shell{grid-template-columns:214px minmax(0,1fr)}.os-toolbar{grid-template-columns:1fr 1fr}.os-toolbar>.os-action{justify-self:start}.os-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.os-grid-2{grid-template-columns:1fr}}
@media(max-width:720px){.app.os-app-on{padding:13px 14px}.os-shell{grid-template-columns:minmax(0,1fr)}.os-side{padding:14px}.os-tenant-card{margin-bottom:10px}.os-nav{display:flex;flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:3px}.os-nav-label,.os-nav-item:disabled{display:none}.os-nav-item{width:auto;flex:0 0 auto;white-space:nowrap;padding:9px 13px}.os-side-foot{margin-top:6px;padding:11px 5px 0;display:flex;justify-content:space-between}.os-work{padding:6px 0 18px}.os-top{flex-wrap:wrap;padding:0 4px 17px}.os-metrics{gap:10px}.os-metric{min-height:120px;padding:17px}.os-metric strong{font-size:29px}.os-panel{padding:19px}.os-record-form{grid-template-columns:1fr}.os-form-actions{grid-column:1}.os-toolbar{grid-template-columns:1fr 1fr}.os-toolbar .os-search{grid-column:1/-1}.os-title-row{align-items:start}}
@media(max-width:470px){.os-account{width:100%;justify-content:space-between}.os-account span{max-width:55vw}.os-metrics{grid-template-columns:1fr 1fr}.os-toolbar{grid-template-columns:1fr}.os-toolbar .os-search{grid-column:auto}.os-metric{min-height:110px}.os-section-head h1{font-size:32px}.os-pagination{align-items:flex-start;flex-direction:column}.os-breadcrumb{max-width:100%}}
@media(prefers-reduced-motion:reduce){.os-nav-item{transition:none}}
/* Existing workspace chooser: keep the new Open action compact beside Team. */
.workspace .primary.compact{width:auto;flex:0 0 auto;min-height:34px;padding:7px 13px;font-size:11px;border-radius:9px}

/* Milestone 004 patch — controlled authenticated write-denial diagnostics. */
.os-write-test{border-top:1px solid rgba(226,233,242,.14);margin-top:22px;padding-top:18px;display:grid;justify-items:start;gap:11px}
.os-write-test h3{font-size:15px;font-weight:650;margin:0}
.os-write-test p{margin:0;max-width:790px}
.os-test-confirm{display:flex;align-items:start;gap:9px;max-width:800px;font-size:12px;line-height:1.5;color:#cdd5df;cursor:pointer}
.os-test-confirm input{margin:2px 0 0;accent-color:#eef2f7;width:16px;height:16px;flex:none}
.os-test-danger{color:#ffd1d1;font-weight:700}