/* OROX Platform Control Center — isolated from tenant dashboard styles. */
.platform-control-shell{width:100%;max-width:none;margin:0;padding:0 0 24px}
.platform-control-shell,.platform-control-shell *{font-variant-numeric:tabular-nums}
.platform-control-layout{display:flex;flex-direction:row;direction:rtl;gap:22px;align-items:flex-start;width:100%}
.platform-control-content{order:2;direction:rtl;flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:16px}
.platform-control-nav{order:1;direction:rtl;position:sticky;top:88px;flex:0 0 255px;display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--line,#27364a);border-radius:18px;background:var(--panel,#101c2b);box-shadow:0 12px 30px rgb(0 0 0 / 12%)}
.platform-control-nav-item{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center;width:100%;padding:10px;border:0;border-radius:12px;background:transparent;color:var(--muted,#9fb0c5);text-align:start;cursor:pointer;transition:.15s ease}
.platform-control-nav-item:hover{background:color-mix(in srgb,var(--accent,#4e8cff) 8%,transparent);color:var(--text,#f4f7fb)}
.platform-control-nav-item.active{background:color-mix(in srgb,var(--accent,#4e8cff) 13%,var(--panel,#101c2b));color:var(--text,#f4f7fb);box-shadow:inset -3px 0 0 var(--accent,#4e8cff)}
.platform-control-nav-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:color-mix(in srgb,currentColor 8%,transparent)}
.platform-control-nav-icon .ui-icon{width:18px;height:18px}
.platform-control-nav-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.platform-control-nav-copy b{font-size:13px;line-height:1.35}
.platform-control-nav-copy small{font-size:10.5px;line-height:1.35;color:var(--muted,#9fb0c5);font-weight:400}
.platform-admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:2px 0 14px;border-bottom:1px solid var(--line,#27364a);margin-bottom:16px}
.platform-admin-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.platform-admin-head h3{margin:3px 0 5px;font-size:24px;line-height:1.25}
.platform-admin-head p{max-width:760px;margin:0;color:var(--muted,#9fb0c5);line-height:1.65}
.platform-admin-head>div>small{letter-spacing:.08em;font-size:10px;color:var(--muted,#9fb0c5)}
.platform-subnav{display:flex;gap:7px;flex-wrap:wrap;margin:0}
.platform-subnav button,.platform-360-tabs button{border:1px solid var(--line,#27364a);background:transparent;color:var(--muted,#9fb0c5);border-radius:10px;padding:8px 12px;cursor:pointer;font-size:12px;font-weight:600}
.platform-subnav button.active,.platform-360-tabs button.active{background:color-mix(in srgb,var(--accent,#4e8cff) 13%,var(--panel,#101c2b));border-color:color-mix(in srgb,var(--accent,#4e8cff) 45%,var(--line,#27364a));color:var(--text,#f4f7fb)}
.platform-admin .section-card{border-radius:16px;border-color:color-mix(in srgb,var(--line,#27364a) 88%,transparent);box-shadow:none}
.platform-admin .section-title{padding:15px 17px 10px;align-items:center}
.platform-admin .section-title h3{font-size:15px;line-height:1.35}
.platform-admin .section-content{padding:0 17px 17px}
.platform-admin .platform-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.platform-admin .platform-kpi{min-height:86px;padding:14px;border-radius:14px;border:1px solid var(--line,#27364a);background:var(--panel,#101c2b);box-shadow:none}
.platform-admin .platform-kpi-icon{width:34px;height:34px;border-radius:10px}
.platform-admin .platform-kpi small{font-size:10.5px;color:var(--muted,#9fb0c5)}
.platform-admin .platform-kpi b{font-size:20px;line-height:1.2;letter-spacing:-.02em}
.platform-chart-grid{gap:12px}
.platform-admin .executive-card{border-radius:16px;box-shadow:none}
.platform-filter-grid{align-items:end;gap:9px;margin-bottom:12px}
.platform-filter-grid input,.platform-filter-grid select{min-height:38px}
.platform-desktop-table{border:1px solid var(--line,#27364a);border-radius:14px;overflow:hidden}
.platform-desktop-table table{margin:0}
.platform-desktop-table th{font-size:10.5px;font-weight:700;color:var(--muted,#9fb0c5);background:color-mix(in srgb,var(--panel,#101c2b) 96%,#fff 2%)}
.platform-desktop-table td{vertical-align:middle}
.platform-tenant-name{display:flex;flex-direction:column;gap:2px;text-align:start}
.platform-tenant-name small,.cell-sub{font-size:10.5px;color:var(--muted,#9fb0c5)}
.platform-info-banner{display:flex;gap:12px;align-items:flex-start;padding:13px 15px;margin:0;border:1px solid color-mix(in srgb,var(--accent,#4e8cff) 28%,var(--line,#27364a));border-radius:14px;background:color-mix(in srgb,var(--accent,#4e8cff) 6%,var(--panel,#101c2b))}
.platform-info-banner.warning{border-color:color-mix(in srgb,#ff8b3d 38%,var(--line,#27364a));background:color-mix(in srgb,#ff8b3d 6%,var(--panel,#101c2b))}
.platform-info-banner>span{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:9px;background:color-mix(in srgb,currentColor 9%,transparent)}
.platform-info-banner b,.platform-info-banner small{display:block}
.platform-info-banner small{margin-top:4px;line-height:1.6;color:var(--muted,#9fb0c5)}
.platform-role-grid{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:9px}
.platform-role-card{padding:12px;border:1px solid var(--line,#27364a);border-radius:12px;background:var(--panel,#101c2b)}
.platform-role-card b,.platform-role-card small{display:block}
.platform-role-card small{margin-top:5px;color:var(--muted,#9fb0c5)}
.platform-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.platform-check-grid span{padding:9px 11px;border:1px solid var(--line,#27364a);border-radius:10px;background:color-mix(in srgb,var(--panel,#101c2b) 96%,transparent);font-size:12px}
.platform-tenant-page{display:flex;flex-direction:column;gap:14px}
.platform-tenant-page-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px 16px;border:1px solid var(--line,#27364a);border-radius:16px;background:var(--panel,#101c2b)}
.platform-tenant-page-head h3{margin:2px 0 3px;font-size:20px}
.platform-tenant-page-head p,.platform-tenant-page-head small{margin:0;color:var(--muted,#9fb0c5)}
.platform-360-tabs{display:flex;gap:6px;overflow:auto;padding:0 0 4px;scrollbar-width:thin}
.platform-360-tabs button{white-space:nowrap}
.platform-lifecycle{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:10px 0 0}
.platform-lifecycle span{padding:9px 7px;text-align:center;border:1px solid var(--line,#27364a);border-radius:9px;color:var(--muted,#9fb0c5);font-size:10.5px}
.platform-lifecycle span.done{border-color:color-mix(in srgb,#38b77d 42%,var(--line,#27364a));background:color-mix(in srgb,#38b77d 6%,transparent);color:var(--text,#f4f7fb)}
.platform-lifecycle span.warn{border-color:color-mix(in srgb,#ff8b3d 42%,var(--line,#27364a));background:color-mix(in srgb,#ff8b3d 6%,transparent)}
.platform-limit-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:14px}
.platform-limit-row{padding:11px;border:1px solid var(--line,#27364a);border-radius:12px;background:var(--panel,#101c2b)}
.platform-limit-row>div:first-child{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px}
.platform-limit-row small{color:var(--muted,#9fb0c5)}
.platform-limit-track{height:6px;border-radius:999px;background:color-mix(in srgb,var(--muted,#9fb0c5) 12%,transparent);overflow:hidden}
.platform-limit-track i{display:block;height:100%;border-radius:inherit;background:#38b77d}
.platform-limit-track i.warn{background:#ff8b3d}
.platform-limit-track i.danger{background:#d65858}
.platform-attention{width:100%}
.platform-impact-preview{margin:10px 0 14px;padding:12px 13px;border:1px solid var(--line,#27364a);border-radius:12px;background:var(--panel,#101c2b)}
.platform-impact-preview>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:8px 0}
.platform-impact-preview span{padding:8px 9px;border-radius:9px;background:color-mix(in srgb,#38b77d 6%,transparent);font-size:12px}
.platform-impact-preview span.danger{background:color-mix(in srgb,#d65858 9%,transparent);color:#f0a6a6}
.platform-impact-preview small{color:var(--muted,#9fb0c5);line-height:1.5}
.platform-impact-preview.blocked{border-color:color-mix(in srgb,#d65858 40%,var(--line,#27364a))}
.platform-caption{font-size:11px;line-height:1.6;color:var(--muted,#9fb0c5)}
@media(max-width:1250px){
  .platform-admin .platform-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1100px){
  .platform-control-layout{display:flex;flex-direction:column;direction:rtl}
  .platform-control-nav{order:1;position:static;flex:0 0 auto;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .platform-control-content{order:2;width:100%}
  .platform-role-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .platform-lifecycle{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:720px){
  .platform-control-shell{padding:0 2px 18px}
  .platform-control-nav{grid-template-columns:1fr 1fr}
  .platform-control-nav-copy small{display:none}
  .platform-admin .platform-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .platform-role-grid,.platform-limit-list,.platform-check-grid,.platform-impact-preview>div{grid-template-columns:1fr}
  .platform-tenant-page-head{grid-template-columns:1fr}
  .platform-lifecycle{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Tenant list polish: keep operational data compact, readable and visually scannable. */
.platform-admin .platform-desktop-table{overflow:visible}
.platform-admin .platform-desktop-table .table-wrap{overflow:visible}
.platform-admin .platform-desktop-table table{table-layout:fixed;width:100%}
.platform-admin .platform-desktop-table th,.platform-admin .platform-desktop-table td{padding-inline:10px}
.platform-admin .platform-desktop-table th:nth-child(1){width:13%}
.platform-admin .platform-desktop-table th:nth-child(2){width:11%}
.platform-admin .platform-desktop-table th:nth-child(3){width:10%}
.platform-admin .platform-desktop-table th:nth-child(4){width:12%}
.platform-admin .platform-desktop-table th:nth-child(5){width:25%}
.platform-admin .platform-desktop-table th:nth-child(6){width:9%}
.platform-admin .platform-desktop-table th:nth-child(7){width:11%}
.platform-admin .platform-desktop-table th:nth-child(8){width:9%}
.platform-admin .platform-tenant-name{min-width:0;max-width:100%}
.platform-admin .platform-tenant-name b{font-size:13px;line-height:1.45;white-space:normal;overflow-wrap:anywhere}
.platform-admin .cell-sub{display:block;margin-top:4px;line-height:1.45;overflow-wrap:anywhere}
.platform-admin .platform-usage{grid-template-columns:repeat(2,minmax(82px,1fr));gap:6px;min-width:0}
.platform-admin .platform-usage .usage-cell{padding:7px 8px;border-radius:10px}
.platform-admin .platform-usage .usage-cell span{font-size:9px;font-weight:800;letter-spacing:.01em}
.platform-admin .platform-usage .usage-cell b{font-size:11px;margin-top:2px}
.platform-admin .platform-usage .usage-users{border-color:color-mix(in srgb,var(--blue,#1f6fd8) 35%,var(--line));background:color-mix(in srgb,var(--blue,#1f6fd8) 9%,var(--card,#142235))}
.platform-admin .platform-usage .usage-users span{color:color-mix(in srgb,var(--blue,#1f6fd8) 72%,var(--text))}
.platform-admin .platform-usage .usage-branches{border-color:color-mix(in srgb,var(--cyan,#178aa0) 35%,var(--line));background:color-mix(in srgb,var(--cyan,#178aa0) 9%,var(--card,#142235))}
.platform-admin .platform-usage .usage-branches span{color:color-mix(in srgb,var(--cyan,#178aa0) 72%,var(--text))}
.platform-admin .platform-usage .usage-factories{border-color:color-mix(in srgb,var(--purple,#7659d6) 35%,var(--line));background:color-mix(in srgb,var(--purple,#7659d6) 9%,var(--card,#142235))}
.platform-admin .platform-usage .usage-factories span{color:color-mix(in srgb,var(--purple,#7659d6) 72%,var(--text))}
.platform-admin .platform-usage .usage-total{border-color:color-mix(in srgb,var(--green,#18864b) 38%,var(--line));background:color-mix(in srgb,var(--green,#18864b) 9%,var(--card,#142235))}
.platform-admin .platform-usage .usage-total span{color:color-mix(in srgb,var(--green,#18864b) 72%,var(--text))}
.platform-admin .platform-usage .usage-d1{border-color:color-mix(in srgb,var(--indigo,#4d5bd6) 32%,var(--line));background:color-mix(in srgb,var(--indigo,#4d5bd6) 8%,var(--card,#142235))}
.platform-admin .platform-usage .usage-r2{border-color:color-mix(in srgb,var(--orange,#d87922) 32%,var(--line));background:color-mix(in srgb,var(--orange,#d87922) 8%,var(--card,#142235))}
.platform-admin .platform-usage .usage-limit{border-style:dashed;background:color-mix(in srgb,var(--muted,#9fb0c5) 5%,var(--card,#142235))}
.platform-admin .platform-usage .usage-note{grid-column:1/-1;border:0!important;background:transparent!important;padding:1px 2px 0!important;font-size:8.5px!important;line-height:1.35;color:var(--muted,#9fb0c5)}
.platform-admin .platform-row-actions{justify-content:flex-start;position:relative}
.platform-admin .platform-action-menu{position:static}
.platform-admin .platform-action-popover{position:absolute;z-index:300;inset-inline-end:0;inset-inline-start:auto;top:calc(100% + 6px);width:210px}
.platform-admin .platform-row-actions .btn{white-space:nowrap}
@media(max-width:1250px){
  .platform-admin .platform-desktop-table table{min-width:1120px;table-layout:auto}
  .platform-admin .platform-desktop-table{overflow-x:auto;overflow-y:visible}
  .platform-admin .platform-desktop-table .table-wrap{overflow:visible;min-width:1120px}
}
@media(max-width:680px){
  .platform-admin .platform-usage{grid-template-columns:repeat(2,minmax(0,1fr))}
  .platform-admin .platform-action-popover{position:fixed;inset:auto 12px 12px 12px;width:auto;max-height:70vh;overflow:auto}
}

/* Company list must always fit the available control-plane width; never create page-level horizontal scroll. */
#platformTenantTable{min-width:0;max-width:100%;overflow-x:hidden}
#platformTenantTable .platform-desktop-table{max-width:100%;overflow-x:hidden;overflow-y:visible}
#platformTenantTable .platform-desktop-table .table-wrap{min-width:0;max-width:100%;overflow-x:hidden}
#platformTenantTable .platform-desktop-table table{width:100%;min-width:0;table-layout:fixed}
#platformTenantTable .platform-desktop-table th,
#platformTenantTable .platform-desktop-table td{min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
#platformTenantTable .platform-usage{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;max-width:100%}
#platformTenantTable .platform-usage .usage-cell{min-width:0;max-width:100%;overflow:hidden}
#platformTenantTable .platform-usage .usage-cell span,
#platformTenantTable .platform-usage .usage-cell b{max-width:100%;white-space:normal;overflow-wrap:anywhere}
#platformTenantTable .platform-row-actions{min-width:0;max-width:100%;flex-wrap:wrap}
#platformTenantTable .platform-row-actions .btn{min-width:0;max-width:100%;white-space:normal}


/* Final Platform Control Center surfaces. */
.platform-kpi.is-action{width:100%;text-align:start;color:inherit;cursor:pointer}
.platform-kpi.is-action:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--blue,#1f6fd8) 42%,var(--line));box-shadow:0 8px 24px rgba(0,0,0,.09)}
.platform-admin-subnav{margin-bottom:14px}
.platform-audit-timeline{display:grid;gap:9px}
.platform-audit-event{display:grid;grid-template-columns:14px minmax(0,1fr);gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.platform-audit-dot{width:9px;height:9px;border-radius:50%;margin-top:5px;background:var(--green)}
.platform-audit-event.warning .platform-audit-dot{background:var(--amber)}
.platform-audit-event.critical .platform-audit-dot{background:var(--red)}
.platform-audit-main>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}
.platform-audit-main small{display:block;color:var(--muted);margin-top:4px;font-size:10.5px}
.platform-audit-main details{margin-top:7px}
.platform-audit-main summary,.platform-technical-details-block summary{color:var(--muted);font-size:10px;cursor:pointer}
.platform-technical-details{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.platform-technical-details code{font-size:9px;padding:5px 7px;border:1px solid var(--line);border-radius:7px;background:color-mix(in srgb,var(--card) 88%,var(--bg));max-width:100%;overflow-wrap:anywhere}
.platform-technical-details-block{margin-top:12px}
.platform-approval-list{display:grid;gap:9px}
.platform-approval-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.platform-approval-card>div b,.platform-approval-card>div small{display:block}
.platform-approval-card>div small{color:var(--muted);margin-top:3px}
.platform-approval-card p{grid-column:1/-1;margin:0;color:var(--muted);font-size:11px}
.platform-company-drawer{position:fixed;inset-block:0;inset-inline-end:0;width:min(430px,92vw);z-index:420;background:var(--card);border-inline-start:1px solid var(--line);box-shadow:0 20px 70px rgba(0,0,0,.26);padding:18px;overflow:auto}
.platform-drawer-backdrop{position:fixed;inset:0;z-index:410;background:rgba(0,0,0,.45)}
.platform-company-drawer-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}
.platform-company-drawer-head h3{margin:0 0 4px}
.platform-company-drawer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.platform-company-drawer-grid>div{padding:10px;border:1px solid var(--line);border-radius:10px}
.platform-company-drawer-grid small,.platform-company-drawer-grid b{display:block}
.platform-company-drawer-grid small{color:var(--muted);font-size:9px}
.platform-company-drawer-grid b{margin-top:4px}
@media(max-width:720px){
  .platform-approval-card{grid-template-columns:1fr}
  .platform-company-drawer-grid{grid-template-columns:1fr}
}


/* Share the OROX dark analytics visual language without changing Platform Admin structure. */
.platform-control-nav,.platform-tenant-page-head,.platform-admin .platform-kpi,.platform-role-card{
  background:linear-gradient(150deg,var(--surface-2,#111f31),var(--surface-1,#0c1827));
  border-color:var(--line,#26384f)
}
.platform-control-nav{box-shadow:0 16px 38px rgb(0 0 0 / 20%)}
.platform-control-nav-item.active,.platform-subnav button.active,.platform-360-tabs button.active{
  background:linear-gradient(135deg,color-mix(in srgb,var(--blue,#4e8cff) 16%,var(--surface-2,#111f31)),color-mix(in srgb,var(--purple,#9b6cff) 9%,var(--surface-2,#111f31)));
  border-color:color-mix(in srgb,var(--blue,#4e8cff) 42%,var(--line,#26384f))
}
.platform-admin .executive-card{background:linear-gradient(155deg,var(--surface-2,#111f31),color-mix(in srgb,var(--surface-2,#111f31) 96%,var(--purple,#9b6cff) 4%));box-shadow:0 12px 32px rgb(0 0 0 / 15%)}
.platform-info-banner.warning{border-color:color-mix(in srgb,var(--orange,#ff8b3d) 38%,var(--line,#26384f));background:color-mix(in srgb,var(--orange,#ff8b3d) 7%,var(--surface-2,#111f31))}
.platform-lifecycle span.warn{border-color:color-mix(in srgb,var(--orange,#ff8b3d) 42%,var(--line,#26384f));background:color-mix(in srgb,var(--orange,#ff8b3d) 7%,transparent)}


/* Phase 1 — Privacy-safe Usage & Adoption intelligence. */
.platform-usage-filters{grid-template-columns:minmax(220px,1.5fr) repeat(4,minmax(150px,1fr))}
.platform-adoption-meter{display:grid;gap:5px;min-width:120px}
.platform-adoption-meter>div{display:flex;align-items:center;justify-content:space-between;gap:8px}
.platform-adoption-meter small{color:var(--muted);font-size:9px}
.platform-adoption-meter>span{display:block;height:6px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--muted,#9fb0c5) 14%,transparent)}
.platform-adoption-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue,#4e8cff),var(--purple,#9b6cff))}
.platform-usage-table th:nth-child(1){width:15%}
.platform-usage-table th:nth-child(2){width:11%}
.platform-usage-table th:nth-child(3){width:10%}
.platform-usage-table th:nth-child(4){width:11%}
.platform-usage-table th:nth-child(5){width:18%}
.platform-usage-table th:nth-child(6){width:9%}
.platform-usage-table th:nth-child(7){width:16%}
.platform-usage-table th:nth-child(8){width:10%}
.platform-usage-mobile,.platform-module-mobile{display:none}
.platform-usage-card,.platform-module-card{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:12px}
.platform-usage-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}
.platform-usage-card-grid small{display:block;padding:8px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:9px}
.platform-usage-card-grid b{display:block;margin-top:4px;color:var(--text);font-size:11px}
.platform-usage-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}
.platform-usage-pager small{color:var(--muted);font-size:10px}
.platform-usage-period{display:flex;justify-content:flex-end}
.platform-usage-period label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}
.platform-usage-period select{min-height:36px}
.platform-adoption-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.platform-adoption-summary>div{padding:13px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(150deg,var(--surface-2,#111f31),var(--surface-1,#0c1827))}
.platform-adoption-summary small,.platform-adoption-summary b{display:block}
.platform-adoption-summary>div>small{color:var(--muted);font-size:10px}
.platform-adoption-summary>div>b{margin:6px 0;font-size:17px}
.platform-module-card>div{display:flex;align-items:center;justify-content:space-between;gap:8px}
.platform-module-card>small{display:block;margin:7px 0;color:var(--muted);font-size:9px}
.platform-module-card>strong{font-size:11px}
.platform-module-card.unused{opacity:.72}
@media(max-width:1250px){
  .platform-usage-filters{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:720px){
  .platform-usage-filters{grid-template-columns:1fr}
  .platform-usage-table,.platform-module-table{display:none}
  .platform-usage-mobile,.platform-module-mobile{display:grid;gap:9px}
  .platform-adoption-summary{grid-template-columns:1fr}
  .platform-usage-pager{align-items:flex-start;flex-direction:column}
  .platform-usage-period{justify-content:stretch}
  .platform-usage-period label{width:100%;justify-content:space-between}
}


/* Platform Super Admin V2 · Phase 3 operations center. */
.platform-ops-release{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.platform-ops-release>div{display:grid;gap:5px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.platform-ops-release small{color:var(--muted)}
.platform-ops-release b{font-size:11px;overflow-wrap:anywhere}
.platform-ops-release .badge{justify-self:start}
@media(max-width:900px){.platform-ops-release{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.platform-ops-release{grid-template-columns:1fr}.platform-ops-release>div{padding:10px}}

/* Platform Super Admin V2 · Phase 1 real usage intelligence. */
.platform-usage-table th:nth-child(1){width:13%}
.platform-usage-table th:nth-child(2){width:9%}
.platform-usage-table th:nth-child(3){width:8%}
.platform-usage-table th:nth-child(4){width:8%}
.platform-usage-table th:nth-child(5){width:11%}
.platform-usage-table th:nth-child(6){width:16%}
.platform-usage-table th:nth-child(7){width:11%}
.platform-usage-table th:nth-child(8){width:16%}
.platform-usage-table th:nth-child(9){width:8%}
.platform-usage-chart{display:flex;align-items:end;gap:5px;height:170px;padding:16px 8px 4px;overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--blue,#4e8cff) 5%,transparent),transparent)}
.platform-usage-chart-day{display:grid;grid-template-rows:1fr auto;gap:6px;min-width:24px;height:100%;flex:1}
.platform-usage-chart-bars{display:flex;align-items:end;justify-content:center;gap:2px;height:100%}
.platform-usage-chart-bars i,.platform-usage-chart-bars em{display:block;width:7px;min-height:3px;border-radius:4px 4px 1px 1px}
.platform-usage-chart-bars i{background:var(--blue,#4e8cff)}
.platform-usage-chart-bars em{background:var(--purple,#9b6cff)}
.platform-usage-chart-day small{font-size:8px;color:var(--muted);text-align:center;white-space:nowrap}
.platform-usage-chart-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px;color:var(--muted);font-size:9px}
.platform-usage-chart-legend span{display:flex;align-items:center;gap:5px}
.platform-usage-chart-legend i,.platform-usage-chart-legend em{display:inline-block;width:8px;height:8px;border-radius:2px}
.platform-usage-chart-legend i{background:var(--blue,#4e8cff)}
.platform-usage-chart-legend em{background:var(--purple,#9b6cff)}
.platform-top-modules{display:grid;gap:5px;margin-top:7px}
.platform-top-modules>span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border:1px solid var(--line);border-radius:9px}
.platform-top-modules>span small{display:flex;align-items:center;gap:6px;color:var(--muted)}
@media(max-width:720px){
  .platform-usage-chart{height:145px;gap:4px}
  .platform-usage-chart-day{min-width:28px}
  .platform-usage-chart-day small{font-size:7px}
}

/* Phase 2 — Early Warning Center. */
.platform-warning-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 12px}
.platform-warning-summary.dashboard{margin:14px 0}
.platform-warning-summary-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(150deg,var(--surface-2,#111f31),var(--surface-1,#0c1827));color:var(--text);cursor:pointer;text-align:start}
.platform-warning-summary-card small{color:var(--muted);font-size:10px}
.platform-warning-summary-card b{font-size:22px}
.platform-warning-summary-card.red{border-color:color-mix(in srgb,var(--red,#d65858) 42%,var(--line))}
.platform-warning-summary-card.amber{border-color:color-mix(in srgb,var(--orange,#ff8b3d) 38%,var(--line))}
.platform-warning-summary-card.green{border-color:color-mix(in srgb,var(--green,#38b77d) 38%,var(--line))}
.platform-warning-filters{grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(150px,1fr))}
.platform-warning-table th:nth-child(1){width:14%}
.platform-warning-table th:nth-child(2){width:14%}
.platform-warning-table th:nth-child(3){width:8%}
.platform-warning-table th:nth-child(4),.platform-warning-table th:nth-child(5){width:11%}
.platform-warning-table th:nth-child(6){width:12%}
.platform-warning-table th:nth-child(7){width:20%}
.platform-warning-table th:nth-child(8){width:10%}
.platform-warning-reason{display:block;line-height:1.55;font-size:10.5px}
.platform-warning-mobile{display:none}
.platform-warning-card{padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.platform-warning-card.critical{border-color:color-mix(in srgb,var(--red,#d65858) 42%,var(--line))}
.platform-warning-card.attention{border-color:color-mix(in srgb,var(--orange,#ff8b3d) 38%,var(--line))}
.platform-warning-card.info{border-color:color-mix(in srgb,var(--blue,#4e8cff) 34%,var(--line))}
.platform-warning-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.platform-warning-card-head b,.platform-warning-card-head small{display:block}
.platform-warning-card-head small{margin-top:3px;color:var(--muted);font-size:10px}
.platform-warning-card-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0}
.platform-warning-card-meta span{padding:7px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:9px}
.platform-warning-card-meta b{display:block;color:var(--text);margin-top:3px}
.platform-warning-card>strong{font-size:12px}
.platform-warning-card>p{margin:7px 0 10px;color:var(--muted);font-size:10px;line-height:1.55}
@media(max-width:1250px){
  .platform-warning-filters{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:720px){
  .platform-warning-summary{grid-template-columns:1fr}
  .platform-warning-filters{grid-template-columns:1fr}
  .platform-warning-table{display:none}
  .platform-warning-mobile{display:grid;gap:9px}
}


/* Phase 3 — Tenant Timeline + tenant-scoped intelligence. */
.platform-tenant-loading{display:grid;gap:5px;padding:28px;border:1px solid var(--line,#26384f);border-radius:16px;background:var(--surface-1,#0c1827)}
.platform-tenant-loading small{color:var(--muted,#9fb0c5)}
.platform-tenant-head-copy{min-width:0}
.platform-tenant-head-summary{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.platform-tenant-head-summary>span{display:flex;align-items:center;gap:6px;min-width:0;padding:5px 8px;border:1px solid color-mix(in srgb,var(--line,#26384f) 88%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface-2,#111f31) 88%,transparent)}
.platform-tenant-head-summary small{font-size:9px}
.platform-tenant-head-summary b{font-size:10px;white-space:nowrap;max-width:190px;overflow:hidden;text-overflow:ellipsis}
.platform-tenant-head-summary b.warn{color:var(--orange,#ff8b3d)}
.platform-tenant-head-summary b.success{color:var(--green,#38b77d)}
.platform-tenant-warning-summary{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 12px}
.platform-tenant-warning-summary span{padding:7px 10px;border:1px solid var(--line,#26384f);border-radius:10px;background:var(--surface-2,#111f31);font-size:11px}
.platform-tenant-warning-list{display:grid;gap:9px}
.platform-tenant-warning{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 13px;border:1px solid var(--line,#26384f);border-radius:13px;background:var(--card,#142235)}
.platform-tenant-warning>div:first-child b,.platform-tenant-warning>div:first-child small{display:block}
.platform-tenant-warning>div:first-child small{margin-top:4px;color:var(--muted,#9fb0c5);line-height:1.55}
.platform-tenant-warning>div:last-child{display:grid;justify-items:end;gap:6px}
.platform-tenant-warning>div:last-child strong{font-size:11px}
.platform-timeline-filters{display:grid;grid-template-columns:minmax(180px,1.2fr) repeat(2,minmax(145px,.8fr)) auto;gap:10px;align-items:end;margin:12px 0 14px;padding:12px;border:1px solid var(--line,#26384f);border-radius:14px;background:var(--surface-1,#0c1827)}
.platform-timeline-filters label{display:grid;gap:5px}
.platform-timeline-filters label>span{font-size:10px;color:var(--muted,#9fb0c5);font-weight:700}
.platform-timeline-list{display:grid;gap:8px}
.platform-timeline-event{display:grid;grid-template-columns:minmax(140px,165px) 38px minmax(0,1fr);gap:11px;align-items:center;padding:12px 13px;border:1px solid var(--line,#26384f);border-radius:14px;background:linear-gradient(150deg,var(--surface-2,#111f31),var(--surface-1,#0c1827))}
.platform-timeline-event time{font-size:10.5px;color:var(--muted,#9fb0c5);font-variant-numeric:tabular-nums}
.platform-timeline-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid color-mix(in srgb,var(--blue,#4e8cff) 34%,var(--line,#26384f));border-radius:10px;background:color-mix(in srgb,var(--blue,#4e8cff) 9%,transparent)}
.platform-timeline-icon svg{width:16px;height:16px}
.platform-timeline-event>div b,.platform-timeline-event>div small{display:block}
.platform-timeline-event>div b{font-size:12.5px}
.platform-timeline-event>div small{margin-top:4px;color:var(--muted,#9fb0c5);font-size:10.5px;line-height:1.55}
.platform-timeline-pager{display:flex;justify-content:center;margin-top:12px}
@media(max-width:900px){
  .platform-timeline-filters{grid-template-columns:1fr 1fr}
  .platform-timeline-filters label:first-child{grid-column:1/-1}
}
@media(max-width:680px){
  .platform-tenant-head-summary{display:grid;grid-template-columns:1fr 1fr}
  .platform-tenant-head-summary>span{border-radius:10px;justify-content:space-between}
  .platform-tenant-warning{grid-template-columns:1fr}
  .platform-tenant-warning>div:last-child{justify-items:start}
  .platform-timeline-filters{grid-template-columns:1fr}
  .platform-timeline-filters label:first-child{grid-column:auto}
  .platform-timeline-event{grid-template-columns:38px minmax(0,1fr);align-items:start}
  .platform-timeline-event time{grid-column:1/-1;grid-row:1}
  .platform-timeline-icon{grid-column:1;grid-row:2}
  .platform-timeline-event>div{grid-column:2;grid-row:2}
}


/* Platform Super Admin V2 / Phase 4 — lightweight Customer Success inside Tenant 360. */
.platform-customer-success{display:grid;gap:14px}
.platform-customer-success-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.platform-success-tags,.platform-success-tag-controls{display:flex;flex-wrap:wrap;gap:8px}
.platform-success-tag{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--line,#26384f);border-radius:999px;background:var(--surface-2,#111f31)}
.platform-success-tag small{font-size:8.5px;color:var(--muted,#9fb0c5)}
.platform-success-tag.manual{border-style:dashed}
.platform-success-tag.manual\+automatic{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--green,#38b77d) 45%,transparent)}
.platform-success-followup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:10px;align-items:end}
.platform-success-followup label,.platform-success-contact label{display:grid;gap:5px}
.platform-success-followup label span,.platform-success-contact label span{font-size:9px;color:var(--muted,#9fb0c5)}
.platform-success-followup input,.platform-success-contact input,.platform-success-note textarea,.platform-success-note-compose textarea{
  width:100%;min-width:0;border:1px solid var(--line,#26384f);border-radius:9px;background:var(--surface-2,#111f31);color:inherit;padding:9px
}
.platform-success-funnel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.platform-success-funnel>div{display:grid;grid-template-columns:auto 1fr;gap:3px 7px;align-items:center;padding:10px;border:1px solid var(--line,#26384f);border-radius:11px;background:var(--surface-2,#111f31)}
.platform-success-funnel>div span{grid-row:1/3;font-size:16px}
.platform-success-funnel>div small{color:var(--muted,#9fb0c5);font-size:9px}
.platform-success-funnel>div.done{border-color:color-mix(in srgb,var(--green,#38b77d) 45%,var(--line,#26384f))}
.platform-success-funnel>div.unknown{opacity:.72}
.platform-success-contacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.platform-success-contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px;border:1px solid var(--line,#26384f);border-radius:12px;background:var(--card,#142235)}
.platform-success-contact-head,.platform-success-contact .action-row{grid-column:1/-1}
.platform-success-contact-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.platform-success-notes{display:grid;gap:10px}
.platform-success-note-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:end}
.platform-success-note-compose textarea{min-height:76px;resize:vertical}
.platform-success-note{display:grid;gap:8px;padding:12px;border:1px solid var(--line,#26384f);border-radius:12px;background:var(--card,#142235)}
.platform-success-note-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.platform-success-note-head b,.platform-success-note-head small{display:block}
.platform-success-note-head small{margin-top:3px;color:var(--muted,#9fb0c5);font-size:9px}
.platform-success-note p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}
.platform-success-note details{display:grid;gap:8px}
.platform-success-note details[open]{padding-top:8px;border-top:1px solid var(--line,#26384f)}
.platform-success-note details textarea{min-height:86px;resize:vertical;margin:8px 0}
@media(max-width:980px){
  .platform-customer-success-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .platform-success-funnel{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .platform-customer-success-grid,.platform-success-funnel,.platform-success-contacts,.platform-success-followup,.platform-success-contact,.platform-success-note-compose{grid-template-columns:1fr}
  .platform-success-contact-head,.platform-success-contact .action-row{grid-column:1}
}


/* Platform Super Admin V2 / Phase 5 — Safe Feature Rollout. */
.platform-feature-rollout{display:grid;gap:14px;margin-bottom:16px}
.platform-rollout-editor,.platform-rollout-targets{display:grid;gap:12px;padding:14px;border:1px solid var(--line,#26384f);border-radius:14px;background:var(--card,#142235)}
.platform-rollout-editor-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.platform-rollout-editor-head b,.platform-rollout-editor-head small{display:block}
.platform-rollout-editor-head small{margin-top:4px;color:var(--muted,#9fb0c5)}
.platform-rollout-editor-head select{min-width:min(360px,100%)}
.platform-rollout-editor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.platform-rollout-editor-grid label,.platform-rollout-target-controls label{display:grid;gap:5px;min-width:0}
.platform-rollout-editor-grid label span,.platform-rollout-target-controls label span{font-size:9px;color:var(--muted,#9fb0c5)}
.platform-rollout-editor-grid input,.platform-rollout-editor-grid select,.platform-rollout-target-controls input,.platform-rollout-target-controls select,.platform-rollout-editor-head select{
  width:100%;min-width:0;border:1px solid var(--line,#26384f);border-radius:9px;background:var(--surface-2,#111f31);color:inherit;padding:9px
}
.platform-rollout-kill{grid-column:span 2;grid-template-columns:auto auto 1fr!important;align-items:center}
.platform-rollout-kill span{grid-column:1/-1}
.platform-rollout-kill input{width:auto}
.platform-rollout-reason{grid-column:span 2}
.platform-rollout-target-controls{display:grid;grid-template-columns:minmax(160px,1fr) minmax(240px,2fr) minmax(150px,1fr) minmax(200px,1.5fr) auto;gap:10px;align-items:end}
.platform-rollout-target-controls select[multiple]{min-height:120px}
.platform-feature-rollout code{font-size:10px;overflow-wrap:anywhere}
@media(max-width:1100px){
  .platform-rollout-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .platform-rollout-target-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .platform-rollout-editor-head{display:grid;grid-template-columns:1fr}
  .platform-rollout-editor-grid,.platform-rollout-target-controls{grid-template-columns:1fr}
  .platform-rollout-kill,.platform-rollout-reason{grid-column:1}
}

/* Access & Permissions hierarchy */
.access-main-section>summary{align-items:center;gap:10px}.access-scope-control{margin-inline-start:auto}.access-scope-select{min-width:118px;min-height:34px}.access-subsections{display:grid;gap:10px;padding:10px}.access-subsection{border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--card) 92%,transparent);overflow:hidden}.access-subsection-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--line)}.access-subsection-head>div{min-width:0}.access-subsection-head b,.access-subsection-head small{display:block}.access-subsection-head small{margin-top:3px;color:var(--muted);font-size:9px}.access-ineffective{color:var(--orange,#ff8b3d)!important}@media(max-width:720px){.access-main-section>summary{grid-template-columns:auto minmax(0,1fr)}.access-scope-control{grid-column:1/-1;width:100%}.access-scope-select{width:100%}.access-subsection-head{align-items:stretch;flex-direction:column}.access-subsection-head .access-scope-select{width:100%}}


/* Access states describe saved/draft settings; inherited blocking is explained separately. */
.access-main-section,.access-subsection{
  --access-state-color:#a6c5f4;--access-state-border:#536f98;--access-state-tint:rgba(98,145,207,.055);
  min-width:0;max-width:100%;border-color:var(--access-state-border);
  background:linear-gradient(var(--access-state-tint),var(--access-state-tint)),var(--card);
}
.access-main-section[data-access-state="open"],.access-subsection[data-access-state="open"]{
  --access-state-color:#8dd7b5;--access-state-border:#477e68;--access-state-tint:rgba(79,164,127,.045);
}
.access-main-section[data-access-state="locked"],.access-subsection[data-access-state="locked"]{
  --access-state-color:#f0a5ae;--access-state-border:#92525d;--access-state-tint:rgba(194,96,110,.05);
}
.access-main-section[data-access-state="hidden"],.access-subsection[data-access-state="hidden"]{
  --access-state-color:#e6c57e;--access-state-border:#8d7949;--access-state-tint:rgba(188,154,80,.05);
}
.access-main-section>summary{
  grid-template-columns:auto minmax(0,1fr) minmax(0,auto) auto;
  background:linear-gradient(var(--access-state-tint),var(--access-state-tint)),var(--card);
}
.access-main-section[open]>summary,.access-subsection-head{border-bottom-color:var(--access-state-border)}
.access-main-section>summary>.access-scope-control{grid-column:3;grid-row:1}
.access-main-section>summary>.permission-category-count{grid-column:4;grid-row:1}
.access-scope-control,.access-subsection-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;max-width:100%}
.access-scope-select{max-width:100%}
.access-state-badge{
  display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:3px 9px;
  border:1px solid var(--access-state-border);border-radius:999px;color:var(--access-state-color);
  background:var(--card);font-size:11px;font-weight:700;line-height:1.45;white-space:normal;
}
.access-main-section .access-scope-reason{color:#e6c57e;font-size:11px;line-height:1.6;overflow-wrap:anywhere}
.access-main-section .access-scope-reason[hidden]{display:none}
.access-main-section .permission-copy>em{font-size:10px;line-height:1.6;overflow-wrap:anywhere}
.access-main-section .access-ineffective{color:#e6c57e!important}
.access-section-actions>small{flex-basis:100%;grid-column:1/-1;min-width:0;color:var(--muted);font-size:10px;line-height:1.6}
.access-section-actions .btn:focus-visible,.access-scope-select:focus-visible{outline:2px solid var(--text);outline-offset:3px}
.platform-admin [data-platform-policy-tenant]{min-width:0;max-width:100%}
.platform-admin .permission-toolbar{display:grid;gap:10px;min-width:0;max-width:100%}
.platform-admin .permission-search,.platform-admin .permission-search input{min-width:0;max-width:100%;width:100%}
.access-policy-filters{display:flex;flex-wrap:wrap;gap:7px;min-width:0;max-width:100%}
.access-policy-filter{white-space:normal;min-height:36px}
.access-policy-filter.active{
  border-color:color-mix(in srgb,var(--accent,#4e8cff) 55%,var(--line,#27364a));
  background:color-mix(in srgb,var(--accent,#4e8cff) 14%,var(--card));
  color:var(--text);
}
.access-toolbar-save{display:flex;justify-content:flex-end;align-items:center;gap:8px;min-width:0}
.access-toolbar-save .btn{min-width:150px}
.access-save-bar{
  position:sticky;top:88px;z-index:24;display:flex;align-items:center;justify-content:space-between;
  gap:12px;min-width:0;max-width:100%;margin:12px 0;padding:11px 13px;
  border:1px solid color-mix(in srgb,var(--accent,#4e8cff) 45%,var(--line,#27364a));
  border-radius:13px;background:color-mix(in srgb,var(--panel,#101c2b) 94%,transparent);
  box-shadow:0 12px 30px rgb(0 0 0 / 22%);backdrop-filter:blur(10px);
}
.access-save-bar[hidden]{display:none!important}
.access-save-bar strong{min-width:0;overflow-wrap:anywhere;font-size:12px}
.access-save-bar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:0}
@media(max-width:720px){
  .access-main-section>summary{grid-template-columns:auto minmax(0,1fr) auto}
  .access-main-section>summary>.permission-category-count{grid-column:3}
  .access-main-section>summary>.access-scope-control{grid-column:1/-1;grid-row:2;margin-inline-start:0}
  .access-scope-control .access-scope-select,.access-subsection-controls .access-scope-select{flex:1;min-width:0;width:auto;min-height:44px}
  .access-section-actions .btn{min-height:44px;flex:1 1 40%;white-space:normal}
  .access-policy-filter{flex:1 1 calc(33.333% - 7px);min-width:0;min-height:42px;padding-inline:7px}
  .access-toolbar-save,.access-toolbar-save .btn{width:100%}
  .access-save-bar{top:76px;align-items:stretch;flex-direction:column;padding:10px}
  .access-save-bar-actions{width:100%}
  .access-save-bar-actions .btn{flex:1 1 0;min-width:0;min-height:44px;white-space:normal}
}

/* Responsive Tenant 360 containment: resize surfaces instead of hiding unreachable horizontal content. */
.platform-admin,
.platform-control-shell,
.platform-control-layout,
.platform-control-content,
.platform-tenant-page,
.platform-tenant-page-head,
.platform-tenant-head-copy,
.platform-tenant-head-summary,
.platform-360-tabs,
.platform-360-content,
.platform-admin .section-card,
.platform-admin .section-content,
.platform-admin .profile-grid,
.platform-admin .profile-kpi{
  min-width:0;
  max-width:100%;
}
.platform-control-shell,
.platform-control-layout,
.platform-control-content,
.platform-tenant-page,
.platform-tenant-page-head,
.platform-360-content{width:100%}
.platform-admin .profile-kpi b,
.platform-admin .profile-kpi small,
.platform-tenant-head-copy h3,
.platform-tenant-head-copy p{max-width:100%;overflow-wrap:anywhere;word-break:break-word}

@media(max-width:1100px){
  .platform-tenant-page-head{grid-template-columns:1fr;align-items:stretch}
  .platform-tenant-head-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  .platform-tenant-head-summary>span{width:100%;max-width:100%;justify-content:space-between;border-radius:10px}
  .platform-tenant-head-summary b{min-width:0;max-width:100%;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;text-align:end}
  .platform-360-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}
  .platform-360-tabs button{width:100%;min-width:0;white-space:normal;line-height:1.35;text-align:center}
  .platform-admin .profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .platform-admin .profile-kpi{min-width:0;overflow:hidden}
}

@media(max-width:820px){
  .platform-control-shell{padding-inline:0}
  .platform-control-nav{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}
  .platform-control-nav-item{min-width:0;padding:8px}
  .platform-control-nav-copy b{white-space:normal;overflow-wrap:anywhere}
  .platform-tenant-page-head{padding:12px}
  .platform-tenant-head-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .platform-360-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .platform-admin .profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .platform-lifecycle{grid-template-columns:repeat(2,minmax(0,1fr))}
  .platform-technical-details{min-width:0;max-width:100%}
}


/* OROX Mobile UX Professional Upgrade — Phase 8 — Super Admin */
@media(max-width:680px){
  .platform-admin,
  .platform-control-shell,
  .platform-control-layout,
  .platform-control-content,
  .platform-tenant-page,
  .platform-360-content{
    width:100%;min-width:0;max-width:100%;overflow-x:hidden
  }

  .platform-control-nav{
    grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0
  }
  .platform-control-nav-item{
    grid-template-columns:32px minmax(0,1fr);min-width:0;min-height:58px
  }
  .platform-control-nav-copy b,
  .platform-control-nav-copy small{
    display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere
  }
  .platform-control-nav-copy small{
    font-size:9px;line-height:1.35
  }

  .platform-admin-head{
    display:grid;grid-template-columns:1fr;align-items:start;padding:12px
  }
  .platform-admin-head-actions{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0
  }
  .platform-admin-head-actions .btn{
    width:100%;min-width:0;min-height:44px;white-space:normal
  }
  .platform-admin-head h3,
  .platform-admin-head p{
    max-width:100%;white-space:normal;overflow-wrap:anywhere
  }

  .platform-subnav,
  .platform-360-tabs{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;
    width:100%;min-width:0;overflow:visible
  }
  .platform-subnav button,
  .platform-360-tabs button{
    width:100%;min-width:0;min-height:44px;white-space:normal;line-height:1.35
  }

  .platform-admin .platform-kpi-grid,
  .platform-customer-success-grid,
  .platform-success-funnel,
  .platform-admin .profile-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .platform-admin .platform-kpi,
  .platform-admin .profile-kpi,
  .platform-warning-summary-card{
    min-width:0
  }
  .platform-admin .platform-kpi b,
  .platform-admin .platform-kpi small,
  .platform-admin .profile-kpi b,
  .platform-admin .profile-kpi small,
  .platform-warning-summary-card b,
  .platform-warning-summary-card small{
    max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word
  }

  .platform-filter-grid,
  .platform-usage-filters,
  .platform-warning-filters,
  .platform-timeline-filters,
  .platform-rollout-editor-grid,
  .platform-rollout-target-controls,
  .platform-success-followup,
  .platform-success-contact,
  .platform-success-note-compose{
    grid-template-columns:1fr!important;width:100%;min-width:0
  }
  .platform-filter-grid>*,
  .platform-usage-filters>*,
  .platform-warning-filters>*,
  .platform-timeline-filters>*,
  .platform-rollout-editor-grid>*,
  .platform-rollout-target-controls>*{
    width:100%;min-width:0;max-width:100%
  }
  .platform-filter-grid input,
  .platform-filter-grid select,
  .platform-usage-filters input,
  .platform-usage-filters select,
  .platform-warning-filters input,
  .platform-warning-filters select,
  .platform-timeline-filters input,
  .platform-timeline-filters select,
  .platform-rollout-editor-grid input,
  .platform-rollout-editor-grid select,
  .platform-rollout-target-controls input,
  .platform-rollout-target-controls select{
    min-height:44px
  }

  .platform-admin .platform-desktop-table,
  .platform-admin .platform-desktop-table .table-wrap,
  #platformTenantTable,
  #platformTenantTable .platform-desktop-table,
  #platformTenantTable .platform-desktop-table .table-wrap{
    width:100%;min-width:0!important;max-width:100%;overflow:visible!important
  }
  .platform-admin .platform-desktop-table table,
  #platformTenantTable .platform-desktop-table table{
    display:block;width:100%;min-width:0!important;max-width:100%;table-layout:auto!important;
    border-collapse:separate;border-spacing:0
  }
  .platform-admin .platform-desktop-table thead,
  #platformTenantTable .platform-desktop-table thead{
    display:none
  }
  .platform-admin .platform-desktop-table tbody,
  #platformTenantTable .platform-desktop-table tbody{
    display:grid;width:100%;min-width:0;gap:9px;padding:8px
  }
  .platform-admin .platform-desktop-table tr,
  #platformTenantTable .platform-desktop-table tr{
    display:grid;width:100%;min-width:0;padding:8px 10px;
    border:1px solid var(--line,#26384f);border-radius:13px;background:var(--card,#142235)
  }
  .platform-admin .platform-desktop-table td,
  #platformTenantTable .platform-desktop-table td{
    display:grid;grid-template-columns:minmax(90px,.8fr) minmax(0,1.2fr);
    gap:8px;align-items:start;width:100%!important;min-width:0!important;max-width:100%;
    padding:7px 0;border:0;white-space:normal!important;overflow:visible!important;
    text-overflow:clip;overflow-wrap:anywhere;word-break:break-word
  }
  .platform-admin .platform-desktop-table td+td,
  #platformTenantTable .platform-desktop-table td+td{
    border-top:1px solid var(--line,#26384f)
  }
  .platform-admin .platform-desktop-table td::before,
  #platformTenantTable .platform-desktop-table td::before{
    content:attr(data-label);color:var(--muted,#9fb0c5);font-size:10px;font-weight:800;
    line-height:1.45;white-space:normal;overflow-wrap:anywhere
  }
  .platform-admin .platform-desktop-table td[data-label=""]::before,
  #platformTenantTable .platform-desktop-table td[data-label=""]::before{
    content:"إجراءات"
  }

  .platform-row-actions,
  .platform-admin .action-row{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;
    width:100%;min-width:0
  }
  .platform-row-actions .btn,
  .platform-admin .action-row .btn{
    width:100%;min-width:0;min-height:44px;white-space:normal;line-height:1.35
  }
  .platform-action-menu{width:100%;min-width:0}
  .platform-action-menu summary{min-height:44px;display:flex;align-items:center}
  .platform-action-popover{
    position:static!important;inset:auto!important;width:100%;max-height:none;overflow:visible;
    margin-top:6px;box-shadow:none
  }

  .platform-tenant-page-head{
    grid-template-columns:1fr;padding:12px;min-width:0
  }
  .platform-tenant-head-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0
  }
  .platform-tenant-head-summary>span,
  .platform-tenant-warning,
  .platform-timeline-event,
  .platform-success-note,
  .platform-success-contact{
    min-width:0;max-width:100%
  }
  .platform-tenant-head-summary b,
  .platform-tenant-warning b,
  .platform-tenant-warning small,
  .platform-timeline-event b,
  .platform-timeline-event small,
  .platform-success-note b,
  .platform-success-note small,
  .platform-success-note p{
    max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word
  }

  .platform-lifecycle{
    grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0
  }
  .platform-limit-list,
  .platform-check-grid,
  .platform-impact-preview>div,
  .platform-role-grid,
  .platform-company-drawer-grid,
  .platform-success-contacts{
    grid-template-columns:1fr
  }

  .platform-usage-chart{
    display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;
    width:100%;min-width:0;max-width:100%;height:auto;overflow:hidden;padding:12px 5px
  }
  .platform-usage-chart-day{
    min-width:0;height:118px
  }
  .platform-usage-chart-bars{
    min-width:0
  }
  .platform-usage-chart-bars i,
  .platform-usage-chart-bars em{
    width:min(6px,42%)
  }
  .platform-usage-chart-day small{
    white-space:normal;overflow-wrap:anywhere;font-size:7px
  }

  .platform-warning-summary{
    grid-template-columns:1fr
  }
  .platform-warning-card,
  .platform-tenant-warning{
    overflow:hidden
  }
  .platform-warning-card-meta{
    grid-template-columns:1fr
  }

  .platform-timeline-event{
    grid-template-columns:34px minmax(0,1fr);align-items:start
  }
  .platform-timeline-event time{
    grid-column:1/-1;grid-row:1;white-space:normal;overflow-wrap:anywhere
  }
  .platform-timeline-icon{grid-column:1;grid-row:2}
  .platform-timeline-event>div{grid-column:2;grid-row:2;min-width:0}

  .platform-rollout-editor-head{
    display:grid;grid-template-columns:1fr;align-items:stretch
  }
  .platform-rollout-editor-head select{min-width:0;width:100%;min-height:44px}
  .platform-rollout-kill,
  .platform-rollout-reason{grid-column:1!important}

  .platform-company-drawer{
    width:min(100vw - 12px,430px);padding:14px
  }
  .platform-company-drawer-head{
    display:grid;grid-template-columns:1fr auto;min-width:0
  }

  .platform-admin code,
  .platform-technical-details code{
    max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-all
  }
}

@media(max-width:430px){
  .platform-control-nav,
  .platform-subnav,
  .platform-360-tabs,
  .platform-admin-head-actions,
  .platform-row-actions,
  .platform-admin .action-row{
    grid-template-columns:1fr
  }
  .platform-admin .platform-kpi-grid,
  .platform-customer-success-grid,
  .platform-success-funnel,
  .platform-admin .profile-grid,
  .platform-tenant-head-summary{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .platform-admin .platform-desktop-table td,
  #platformTenantTable .platform-desktop-table td{
    grid-template-columns:minmax(78px,.72fr) minmax(0,1.28fr);gap:7px
  }
  .platform-usage-chart{
    grid-template-columns:repeat(5,minmax(0,1fr))
  }
}



/* Access & Permissions UX result clarity */
.access-result-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
.access-source-badge{display:inline-flex;align-items:center;min-height:25px;padding:3px 8px;border:1px solid var(--line);border-radius:999px;font-size:10px;font-weight:700;line-height:1.35;white-space:normal}
.access-source-badge.source-plan{color:#9fc5ff}.access-source-badge.source-addon{color:#89dcb4}.access-source-badge.source-tenant_override{color:#d6b5ff}.access-source-badge.source-unavailable{color:#e8bf7d}
.access-exception-fields{display:grid;grid-template-columns:minmax(130px,.55fr) minmax(150px,.65fr) minmax(220px,1.4fr);gap:8px;padding:10px 12px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--card) 97%,var(--bg))}
.access-exception-fields[hidden]{display:none!important}
.access-exception-fields label{display:grid;gap:4px;min-width:0}.access-exception-fields label>span{font-size:9px;color:var(--muted)}
.access-exception-fields input,.access-exception-fields select{width:100%;min-width:0;max-width:100%;min-height:36px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--text);padding:7px 9px}
.access-exception-warning{grid-column:1/-1;color:var(--orange,#ff9a5f);font-size:9px;line-height:1.5}
.access-bulk-actions{margin:9px 10px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--card) 96%,var(--bg))}
.access-bulk-actions>summary{cursor:pointer;padding:9px 11px;font-size:10px;font-weight:700;color:var(--muted)}
.access-bulk-actions .permission-category-actions{margin:0;border:0;border-top:1px solid var(--line);border-radius:0}
.permission-effective-line{display:block;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.55;overflow-wrap:anywhere}
.permission-effective-line strong.good{color:var(--green,#62c995)}.permission-effective-line strong.bad{color:var(--red,#f07b86)}
.platform-permission-technical{margin-top:4px;color:var(--muted);font-size:9px}.platform-permission-technical summary{cursor:pointer;list-style:none;width:max-content;max-width:100%;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}.platform-permission-technical code{display:block;margin-top:4px;max-width:100%;overflow-wrap:anywhere;white-space:normal}
@media(max-width:760px){
  .access-result-summary{grid-template-columns:1fr 1fr}
  .access-exception-fields{grid-template-columns:1fr 1fr}
  .access-exception-note{grid-column:1/-1}
  .access-scope-control,.access-subsection-controls{align-items:stretch}
  .access-source-badge,.access-state-badge{flex:1 1 auto;text-align:center}
}
@media(max-width:460px){
  .access-exception-fields{grid-template-columns:1fr}
  .access-exception-note,.access-exception-warning{grid-column:1}
}