:root{ --bg:var(--pro-canvas); --panel:var(--pro-surface); --line:var(--pro-subtle); --text:var(--pro-ink); --muted:var(--pro-muted); --accent:var(--pro-muted); --accent-soft:var(--pro-canvas); --good:var(--pro-muted); --good-soft:var(--pro-good-soft); --warn:var(--pro-warning); --warn-soft:var(--pro-warning-soft); --bad:var(--pro-bad); --bad-soft:var(--pro-canvas); --sky:var(--pro-muted); --sky-soft:var(--pro-canvas); --lav:var(--pro-muted); --lav-soft:var(--pro-canvas); --peach:var(--pro-warning); --peach-soft:var(--pro-warning-soft); --mint:var(--pro-good); --mint-soft:var(--pro-good-soft); --radius:10px; --sidebar:220px; --sidebar-collapsed:64px; font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif; } *{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--text);font-size:var(--admin-body,13px)} button,input,select,textarea{font:inherit} button{cursor:pointer} .hidden{display:none!important}.mobile-only{display:none!important} .login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,var(--pro-canvas),var(--pro-canvas))} .login-card{width:min(420px,100%);background:var(--pro-surface);border:1px solid var(--line);border-radius:6px;padding:24px;box-shadow:0 12px 34px color-mix(in srgb, var(--pro-ink) 8.0%, transparent)} .brand-row{display:flex;gap:14px;align-items:center;margin-bottom:18px}.brand-row h1{font-size:21px;margin:0}.brand-row p{margin:3px 0 0;color:var(--muted)} .brand-mark{width:42px;height:42px;border-radius:6px;display:grid;place-items:center;font-weight:800;background:linear-gradient(145deg,var(--pro-surface),var(--pro-canvas));border:1px solid var(--pro-subtle);color:var(--accent)} .brand-mark.sm{width:32px;height:32px;border-radius:6px} label{display:grid;gap:6px;margin:11px 0;color:var(--pro-ink);font-size:var(--admin-body,13px);font-weight:600} input,select,textarea{width:100%;border:1px solid var(--pro-subtle);border-radius:6px;background:var(--pro-surface);color:var(--text);padding:9px 10px;outline:none} input:focus,select:focus,textarea:focus{border-color:var(--pro-line);box-shadow:0 0 0 3px color-mix(in srgb, var(--pro-muted) 9.0%, transparent)} textarea{min-height:86px;resize:vertical}.error{color:var(--bad);font-size:var(--admin-body,13px);min-height:18px;margin-top:6px} .btn,.icon-btn{border:1px solid var(--pro-subtle);background:var(--pro-surface);color:var(--pro-ink);border-radius:6px;padding:8px 11px} .btn:hover,.icon-btn:hover{border-color:var(--pro-line);background:var(--pro-canvas)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--pro-surface)}.btn.danger{color:var(--bad);border-color:var(--pro-bad-soft)}.btn.warn{color:var(--warn);border-color:var(--pro-action)} .btn.ghost{background:var(--pro-surface)}.btn.compact{padding:6px 9px;font-size:var(--admin-body,13px)}.icon-btn{width:34px;height:34px;padding:0;display:grid;place-items:center} .app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--pro-surface);border-right:1px solid var(--line);padding:10px;display:flex;flex-direction:column;z-index:20;transition:width .18s ease} .side-brand{display:flex;align-items:center;gap:9px;padding:5px 5px 10px;min-height:46px}.side-brand-copy{min-width:0}.side-brand-copy strong,.side-brand-copy small{display:block;white-space:nowrap}.side-brand-copy small{color:var(--muted);font-size:var(--admin-body,13px);margin-top:1px}.side-collapse{margin-left:auto;width:28px;height:28px} .sidebar nav{display:grid;gap:3px;margin-top:5px}.sidebar nav button{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--pro-muted);border-radius:6px;padding:9px 10px;text-align:left;min-height:38px} .sidebar nav button:hover{background:var(--pro-canvas);color:var(--pro-ink)}.sidebar nav button.active{background:var(--accent-soft);color:var(--accent);font-weight:650}.nav-ico{width:18px;text-align:center;font-size:16px;flex:0 0 18px}.nav-label{white-space:nowrap} .side-foot{margin-top:auto;border-top:1px solid var(--line);padding:10px 4px 2px;display:grid;gap:8px}.side-email{font-size:var(--admin-body,13px);color:var(--muted);overflow:hidden;text-overflow:ellipsis} .sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar.collapsed .side-brand-copy,.sidebar.collapsed .nav-label,.sidebar.collapsed .side-email,.sidebar.collapsed .side-collapse{display:none}.sidebar.collapsed .side-brand{justify-content:center}.sidebar.collapsed nav button{justify-content:center;padding-inline:8px}.sidebar.collapsed+.main{margin-left:var(--sidebar-collapsed)} .main{margin-left:var(--sidebar);min-width:0;transition:margin-left .18s ease}.topbar{height:64px;background:color-mix(in srgb, var(--pro-surface) 94.0%, transparent);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 18px;position:sticky;top:0;z-index:12;backdrop-filter:blur(8px)} .top-title{display:flex;align-items:center;gap:10px;min-width:0}.top-title h2{margin:0;font-size:18px;line-height:1.2}.top-title p{margin:2px 0 0;color:var(--muted);font-size:var(--admin-body,13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .top-actions{display:flex;align-items:center;gap:8px}.search-wrap{display:flex;align-items:center;gap:6px;margin:0;width:260px;border:1px solid var(--pro-subtle);border-radius:6px;padding:0 9px;background:var(--pro-surface);color:var(--muted)}.search-wrap input{border:0;box-shadow:none;padding:8px 2px;background:transparent} .content{padding:14px 16px 28px;max-width:1800px;margin:0 auto}.page-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}.tool-left,.tool-right{display:flex;align-items:center;gap:7px;flex-wrap:wrap} .grid-kpi{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:9px;margin-bottom:12px}.kpi{background:var(--pro-surface);border:1px solid var(--line);border-radius:var(--radius);padding:11px 12px}.kpi small{display:block;color:var(--muted);font-size:var(--admin-body,13px)}.kpi strong{display:block;font-size:21px;margin-top:3px;letter-spacing:-.02em}.kpi .hint{font-size:var(--admin-body,13px);color:var(--muted);margin-top:2px} .panel{background:var(--pro-surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:12px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line)}.panel-head h3{font-size:var(--admin-body,13px);margin:0}.panel-head p{font-size:var(--admin-body,13px);margin:2px 0 0;color:var(--muted)} .table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th{font-size:var(--admin-body,13px);text-transform:uppercase;letter-spacing:.045em;color:var(--pro-muted);font-weight:650;background:var(--pro-canvas);text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:8px 10px;border-bottom:1px solid var(--pro-subtle);vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tr:hover td{background:var(--pro-surface)}.data-table .primary-text{font-weight:650}.secondary{display:block;color:var(--muted);font-size:var(--admin-body,13px);margin-top:2px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--admin-body,13px);color:var(--pro-muted)} .badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 7px;font-size:var(--admin-body,13px);font-weight:650;line-height:1;background:var(--pro-canvas);color:var(--pro-muted);white-space:nowrap}.badge.good{background:var(--good-soft);color:var(--good)}.badge.bad{background:var(--bad-soft);color:var(--bad)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.accent{background:var(--accent-soft);color:var(--accent)} .plain-link{border:0;background:transparent;padding:0;color:inherit;text-align:left;cursor:pointer}.plain-link:hover{color:var(--accent)} .focus-row td{background:var(--pro-canvas)!important;transition:background .3s} .inline-links{display:flex;gap:5px;flex-wrap:wrap}.link-btn{border:0;background:var(--pro-canvas);color:var(--pro-ink);padding:5px 7px;border-radius:7px;font-size:var(--admin-body,13px)}.link-btn:hover{background:var(--pro-canvas);color:var(--accent)}.link-btn strong{color:inherit} .actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.actions .btn{padding:6px 8px;font-size:var(--admin-body,13px)} .split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:12px}.list-compact{display:grid}.list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--pro-subtle)}.list-row:last-child{border-bottom:0}.list-row strong{font-size:var(--admin-body,13px)}.list-row small{display:block;color:var(--muted);font-size:var(--admin-body,13px);margin-top:2px} .empty{padding:24px;text-align:center;color:var(--muted)}.status-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .modal,.drawer{position:fixed;inset:0;background:color-mix(in srgb, var(--pro-ink) 30.0%, transparent);z-index:80}.modal{display:grid;place-items:center;padding:18px}.modal-card{width:min(720px,96vw);max-height:88vh;background:var(--pro-surface);border-radius:6px;border:1px solid var(--line);box-shadow:0 22px 60px color-mix(in srgb, var(--pro-ink) 18.0%, transparent);display:flex;flex-direction:column}.modal-head,.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}.modal-head h3,.drawer-head h3{margin:0;font-size:16px}.modal-head p,.drawer-head p{margin:2px 0 0;color:var(--muted);font-size:var(--admin-body,13px)}.modal-body,.drawer-body{padding:13px 14px;overflow:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.form-grid .full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)} .drawer{display:flex;justify-content:flex-end}.drawer-card{width:min(660px,96vw);height:100%;background:var(--pro-surface);border-left:1px solid var(--line);box-shadow:-15px 0 50px color-mix(in srgb, var(--pro-ink) 12.0%, transparent);display:flex;flex-direction:column}.drawer-body{padding:0;flex:1}.drawer-section{padding:12px 14px;border-bottom:1px solid var(--line)}.drawer-section h4{margin:0 0 8px;font-size:var(--admin-body,13px);text-transform:uppercase;letter-spacing:.04em;color:var(--pro-muted)}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.detail-item{background:var(--pro-canvas);border:1px solid var(--pro-subtle);border-radius:6px;padding:8px}.detail-item small{color:var(--muted);display:block;font-size:var(--admin-body,13px)}.detail-item strong{display:block;margin-top:2px;font-size:var(--admin-body,13px)} .cross-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cross-card{border:1px solid var(--line);border-radius:6px;padding:9px;background:var(--pro-surface)}.cross-card:hover{border-color:var(--pro-line)}.cross-card strong{font-size:var(--admin-body,13px)}.cross-card small{display:block;color:var(--muted);font-size:var(--admin-body,13px);margin-top:2px} .toast{position:fixed;right:16px;bottom:16px;z-index:120;background:var(--pro-ink);color:var(--pro-surface);padding:9px 12px;border-radius:6px;font-size:var(--admin-body,13px);opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{background:var(--pro-bad)} .code-toggle{display:flex;align-items:center;gap:6px;font-size:var(--admin-body,13px);color:var(--muted)}.code-toggle input{width:auto} @media(max-width:1180px){.grid-kpi{grid-template-columns:repeat(3,1fr)}.sidebar{width:var(--sidebar-collapsed)}.sidebar .side-brand-copy,.sidebar .nav-label,.sidebar .side-email,.sidebar .side-collapse{display:none}.sidebar .side-brand{justify-content:center}.sidebar nav button{justify-content:center}.main{margin-left:var(--sidebar-collapsed)}.split{grid-template-columns:1fr}} @media(max-width:760px){.mobile-only{display:grid!important}.sidebar{transform:translateX(-110%);width:220px;box-shadow:10px 0 35px color-mix(in srgb, var(--pro-ink) 16.0%, transparent)}.sidebar.open{transform:none}.sidebar.open .side-brand-copy,.sidebar.open .nav-label,.sidebar.open .side-email{display:block}.sidebar.open nav button{justify-content:flex-start}.main,.sidebar.collapsed+.main{margin-left:0}.topbar{height:auto;min-height:58px;padding:8px 10px;align-items:flex-start;flex-wrap:wrap}.top-actions{width:100%}.search-wrap{flex:1;width:auto}.content{padding:10px}.grid-kpi{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr 1fr}.cross-grid{grid-template-columns:1fr}.data-table{min-width:650px}} @media(max-width:440px){.grid-kpi{grid-template-columns:1fr 1fr}.top-title p{max-width:220px}.detail-grid{grid-template-columns:1fr}.btn{padding:8px 9px}} .segmented{display:flex;gap:3px;background:var(--pro-canvas);border:1px solid var(--line);padding:3px;border-radius:6px;flex-wrap:wrap} .segmented button{border:0;background:transparent;color:var(--pro-muted);padding:6px 9px;border-radius:6px;font-size:var(--admin-body,13px)} .segmented button.active{background:var(--pro-surface);color:var(--accent);box-shadow:0 1px 2px color-mix(in srgb, var(--pro-ink) 6.0%, transparent);font-weight:650} .promo-type{display:flex;gap:7px;align-items:center}.promo-icon{width:28px;height:28px;border-radius:6px;background:var(--pro-canvas);display:grid;place-items:center;font-weight:700;color:var(--pro-muted)} .metric-row{display:flex;gap:10px;flex-wrap:wrap}.metric-chip{border:1px solid var(--line);background:var(--pro-canvas);border-radius:6px;padding:7px 9px;min-width:95px}.metric-chip small{display:block;color:var(--muted);font-size:var(--admin-body,13px);text-transform:uppercase}.metric-chip strong{font-size:var(--admin-body,13px);display:block;margin-top:2px} .form-note{font-size:var(--admin-body,13px);color:var(--muted);margin-top:3px}.json-area{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--admin-body,13px)} .target-summary{display:flex;gap:5px;flex-wrap:wrap} .dash-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px}.dash-span-8{grid-column:span 8}.dash-span-4{grid-column:span 4}.dash-span-6{grid-column:span 6} @media(max-width:980px){.dash-span-8,.dash-span-4,.dash-span-6{grid-column:1/-1}} .bulkbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;background:var(--pro-canvas);border:1px solid var(--pro-subtle);border-radius:6px;padding:7px 9px} .bulkbar .count{font-size:var(--admin-body,13px);font-weight:700;color:var(--accent);min-width:78px} .member-check{width:16px;height:16px;margin:0} .health-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:9px;margin-bottom:12px} .health-card{border:1px solid var(--line);background:var(--pro-surface);border-radius:6px;padding:11px} .health-card .hrow{display:flex;align-items:center;justify-content:space-between;gap:8px} .health-card strong{font-size:18px}.health-card small{color:var(--muted);font-size:var(--admin-body,13px);display:block;margin-top:4px} .health-dot{width:9px;height:9px;border-radius:50%;background:var(--good)}.health-dot.warn{background:var(--pro-warning)}.health-dot.bad{background:var(--bad)} .rule-flow{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.rule-node{border:1px solid var(--line);border-radius:7px;padding:5px 7px;background:var(--pro-canvas);font-size:var(--admin-body,13px)}.rule-arrow{color:var(--muted)} .feature-list{display:grid;gap:7px}.feature-row{display:grid;grid-template-columns:minmax(180px,1fr) 110px minmax(180px,1fr) auto;gap:8px;align-items:center;padding:8px;border:1px solid var(--pro-subtle);border-radius:6px}.feature-row .feature-name strong{display:block;font-size:var(--admin-body,13px)}.feature-row .feature-name small{display:block;color:var(--muted);font-size:var(--admin-body,13px);margin-top:2px} .audit-line{display:grid;grid-template-columns:145px 120px minmax(0,1fr);gap:10px;padding:8px 10px;border-bottom:1px solid var(--pro-subtle);font-size:var(--admin-body,13px)}.audit-line:last-child{border-bottom:0} .timeline{display:grid;gap:0}.timeline-item{display:grid;grid-template-columns:88px 12px minmax(0,1fr);gap:7px;align-items:start;padding:5px 0}.timeline-dot{width:8px;height:8px;border-radius:50%;background:var(--pro-muted);margin-top:5px}.timeline-item time{color:var(--muted);font-size:var(--admin-body,13px)}.timeline-item strong{font-size:var(--admin-body,13px)}.timeline-item small{display:block;color:var(--muted);font-size:var(--admin-body,13px);margin-top:1px} .feature-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.feature-control{border:1px solid var(--line);border-radius:6px;padding:9px}.feature-control strong{font-size:var(--admin-body,13px)}.feature-control small{display:block;color:var(--muted);font-size:var(--admin-body,13px);margin:2px 0 6px} @media(max-width:980px){.health-grid{grid-template-columns:repeat(2,1fr)}.feature-row{grid-template-columns:1fr 100px 1fr}.feature-row .actions{grid-column:1/-1}.feature-matrix{grid-template-columns:1fr}} @media(max-width:560px){.health-grid{grid-template-columns:1fr 1fr}.audit-line{grid-template-columns:90px minmax(0,1fr)}.audit-line .audit-action{display:none}.feature-row{grid-template-columns:1fr}.bulkbar{width:100%}} .permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .permission-card{border:1px solid var(--line);border-radius:6px;padding:9px;background:var(--pro-canvas)} .permission-card strong{font-size:var(--admin-body,13px)}.permission-card small{display:block;color:var(--muted);font-size:var(--admin-body,13px);margin-top:2px} .impact-box{border:1px solid var(--pro-subtle);background:var(--pro-canvas);border-radius:6px;padding:11px;margin-bottom:10px} .impact-num{font-size:28px;font-weight:750;letter-spacing:-.03em}.impact-sample{max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:6px} .device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .device-card{border:1px solid var(--line);border-radius:6px;padding:9px;background:var(--pro-surface)}.device-card.revoked{opacity:.6;background:var(--pro-canvas)} .device-card strong{font-size:var(--admin-body,13px)}.device-card small{display:block;color:var(--muted);font-size:var(--admin-body,13px);margin-top:2px}.admin-role{min-width:130px}.owner-lock{font-size:var(--admin-body,13px);color:var(--muted)} .run-history{display:grid;gap:6px}.run-row{display:grid;grid-template-columns:150px 95px 90px minmax(0,1fr);gap:8px;align-items:center;border-bottom:1px solid var(--pro-subtle);padding:7px 0;font-size:var(--admin-body,13px)} @media(max-width:780px){.permission-grid{grid-template-columns:1fr}.device-grid{grid-template-columns:1fr 1fr}.run-row{grid-template-columns:110px 80px 1fr}.run-row .run-result{grid-column:1/-1}} @media(max-width:480px){.device-grid{grid-template-columns:1fr}} .schedule-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:8px} .schedule-card{border:1px solid var(--line);border-radius:6px;background:var(--pro-surface);padding:9px} .schedule-card strong{font-size:var(--admin-body,13px);display:block}.schedule-card small{font-size:var(--admin-body,13px);color:var(--muted);display:block;margin-top:2px} .guard-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px} .approval-row{display:grid;grid-template-columns:minmax(180px,1fr) 100px 100px 150px auto;gap:8px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--pro-subtle);font-size:var(--admin-body,13px)} .approval-row:last-child{border-bottom:0}.approval-row strong{font-size:var(--admin-body,13px)} .auto-safe{border-left:3px solid var(--pro-muted)}.auto-review{border-left:3px solid var(--pro-warning)}.auto-manual{border-left:3px solid var(--pro-muted)} @media(max-width:900px){.schedule-grid{grid-template-columns:repeat(2,1fr)}.approval-row{grid-template-columns:1fr 90px 90px}.approval-row .approval-actions{grid-column:1/-1}} @media(max-width:520px){.schedule-grid{grid-template-columns:1fr}.approval-row{grid-template-columns:1fr}} /* v1.5.2 table organization */ .data-table.organized th{padding:7px 10px} .data-table.organized td{padding:8px 10px} .identity-cell{min-width:210px;max-width:360px} .identity-cell .primary-text{font-size:var(--admin-body,13px)} .identity-cell .secondary{line-height:1.35;max-width:330px} .group-cell{min-width:150px} .cell-stack{display:grid;gap:5px;align-content:start} .cell-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:22px} .cell-label{font-size:var(--admin-body,13px);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);min-width:48px} .stat-strip{display:flex;gap:5px;flex-wrap:wrap} .stat-chip{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--pro-subtle);background:var(--pro-canvas);border-radius:7px;padding:5px 7px;font-size:var(--admin-body,13px);color:var(--pro-muted);white-space:nowrap} .stat-chip strong{color:var(--text);font-size:var(--admin-body,13px)} .stat-chip.clickable{cursor:pointer}.stat-chip.clickable:hover{border-color:var(--pro-line);background:var(--pro-canvas);color:var(--accent)} .commerce-summary{display:flex;gap:6px;align-items:center;flex-wrap:wrap} .action-cluster{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-width:145px} .action-cluster .btn{white-space:nowrap} .action-menu{position:relative} .action-menu>summary{list-style:none;border:1px solid var(--pro-subtle);background:var(--pro-surface);border-radius:6px;width:30px;height:30px;display:grid;place-items:center;cursor:pointer;color:var(--pro-muted);font-weight:700} .action-menu>summary::-webkit-details-marker{display:none} .action-menu[open]>summary{background:var(--pro-canvas);border-color:var(--pro-line)} .action-pop{position:absolute;right:0;top:35px;z-index:30;min-width:150px;background:var(--pro-surface);border:1px solid var(--line);border-radius:6px;box-shadow:0 10px 28px color-mix(in srgb, var(--pro-ink) 14.0%, transparent);padding:5px;display:grid;gap:3px} .action-pop button{width:100%;text-align:left;border:0;background:transparent;border-radius:6px;padding:7px 8px;font-size:var(--admin-body,13px);color:var(--pro-ink)} .action-pop button:hover{background:var(--pro-canvas)} .action-pop button.danger-item{color:var(--bad)} .status-activity{display:grid;gap:5px;min-width:125px} .status-activity small{font-size:var(--admin-body,13px);color:var(--muted)} .product-access-list{display:flex;gap:4px;flex-wrap:wrap;max-width:330px} .product-access-list .link-btn{padding:4px 6px} .row-primary-action{font-weight:650} @media(max-width:900px){ .identity-cell{min-width:180px} .group-cell{min-width:135px} .data-table.organized{min-width:760px} } /* v1.5.3 watercolor semantics */ .login-shell{background:linear-gradient(180deg,var(--pro-surface),var(--pro-canvas))} .topbar{background:color-mix(in srgb, var(--pro-surface) 94.0%, transparent)} .panel,.kpi,.health-card,.schedule-card,.feature-control,.permission-card,.detail-item,.device-card,.metric-chip{box-shadow:0 6px 18px color-mix(in srgb, var(--pro-muted) 4.0%, transparent)} .btn,.icon-btn{ border-color:var(--pro-subtle); background:linear-gradient(180deg,color-mix(in srgb, var(--pro-surface) 96.0%, transparent),color-mix(in srgb, var(--pro-canvas) 96.0%, transparent)); color:var(--pro-ink); box-shadow:0 1px 0 color-mix(in srgb, var(--pro-surface) 85.0%, transparent) inset; } .btn:hover,.icon-btn:hover{background:var(--pro-canvas);border-color:var(--pro-line)} .btn.primary{background:linear-gradient(180deg,var(--pro-muted),var(--pro-muted));border-color:var(--pro-muted);color:var(--pro-surface)} .btn.ghost{background:linear-gradient(180deg,var(--pro-surface),var(--pro-canvas))} .btn.danger{background:linear-gradient(180deg,var(--pro-canvas),var(--pro-canvas));border-color:var(--pro-bad-soft);color:var(--pro-bad)} .btn.warn{background:linear-gradient(180deg,var(--pro-canvas),var(--pro-warning-soft));border-color:var(--pro-warning);color:var(--pro-warning)} .smart-tag{ position:relative; border:1px solid transparent; padding:4px 8px; border-radius:999px; font-weight:650; letter-spacing:.01em; box-shadow:0 1px 0 color-mix(in srgb, var(--pro-surface) 60.0%, transparent) inset; } .smart-tag::before{ content:""; width:6px;height:6px;border-radius:50%; display:inline-block; margin-right:4px; background:currentColor; opacity:.55; } .badge.good.smart-tag{background:var(--good-soft);border-color:var(--pro-good-soft);color:var(--good)} .badge.bad.smart-tag{background:var(--bad-soft);border-color:var(--pro-bad-soft);color:var(--pro-bad)} .badge.warn.smart-tag{background:var(--warn-soft);border-color:var(--pro-warning);color:var(--pro-warning)} .badge.accent.smart-tag{background:var(--accent-soft);border-color:var(--pro-subtle);color:var(--accent)} .smart-tag.tag-active{background:var(--good-soft)!important;border-color:var(--pro-good-soft)!important;color:var(--good)!important} .smart-tag.tag-free{background:var(--pro-good-soft)!important;border-color:var(--pro-good-soft)!important;color:var(--pro-muted)!important} .smart-tag.tag-monetize{background:var(--pro-warning-soft)!important;border-color:var(--pro-action)!important;color:var(--pro-warning)!important} .smart-tag.tag-plan{background:var(--pro-canvas)!important;border-color:var(--pro-subtle)!important;color:var(--pro-muted)!important} .smart-tag.tag-trial{background:var(--pro-canvas)!important;border-color:var(--pro-subtle)!important;color:var(--pro-muted)!important} .smart-tag.tag-promo{background:var(--pro-canvas)!important;border-color:var(--pro-subtle)!important;color:var(--pro-muted)!important} .smart-tag.tag-license{background:var(--pro-canvas)!important;border-color:var(--pro-subtle)!important;color:var(--pro-muted)!important} .smart-tag.tag-subscription{background:var(--pro-canvas)!important;border-color:var(--pro-subtle)!important;color:var(--pro-muted)!important} .smart-tag.tag-admin{background:var(--pro-canvas)!important;border-color:var(--pro-subtle)!important;color:var(--pro-muted)!important} .smart-tag.tag-disabled{background:var(--bad-soft)!important;border-color:var(--pro-bad-soft)!important;color:var(--pro-bad)!important} .smart-tag.tag-neutral{background:var(--pro-canvas)!important;border-color:var(--pro-subtle)!important;color:var(--pro-muted)!important} .link-btn,.stat-chip{ border:1px solid var(--pro-subtle); background:linear-gradient(180deg,var(--pro-surface),var(--pro-canvas)); color:var(--pro-muted); } .link-btn:hover,.stat-chip.clickable:hover{background:var(--pro-canvas)} .stat-chip.tone-plans{background:var(--pro-canvas);border-color:var(--pro-subtle);color:var(--pro-muted)} .stat-chip.tone-members{background:var(--pro-good-soft);border-color:var(--pro-good-soft);color:var(--pro-muted)} .stat-chip.tone-coupons{background:var(--pro-warning-soft);border-color:var(--pro-warning);color:var(--pro-warning)} .stat-chip.tone-promos{background:var(--pro-canvas);border-color:var(--pro-subtle);color:var(--pro-muted)} .stat-chip.tone-subscriptions{background:var(--pro-good-soft);border-color:var(--pro-good-soft);color:var(--pro-good)} .stat-chip.tone-licenses{background:var(--pro-canvas);border-color:var(--pro-subtle);color:var(--pro-muted)} .stat-chip.tone-products{background:var(--pro-canvas);border-color:var(--pro-subtle);color:var(--pro-muted)} .btn.tone-view,.action-pop button.tone-view{background:var(--pro-canvas);border-color:var(--pro-subtle);color:var(--pro-muted)} .btn.tone-edit,.action-pop button.tone-edit{background:var(--pro-canvas);border-color:var(--pro-subtle);color:var(--pro-muted)} .btn.tone-commercial,.action-pop button.tone-commercial{background:var(--pro-canvas);border-color:var(--pro-subtle);color:var(--pro-muted)} .btn.tone-grant,.btn.tone-resume,.btn.tone-activate,.btn.tone-approve, .action-pop button.tone-grant,.action-pop button.tone-resume,.action-pop button.tone-activate,.action-pop button.tone-approve{ background:var(--pro-good-soft);border-color:var(--pro-good-soft);color:var(--pro-muted) } .btn.tone-pause,.btn.tone-refresh,.btn.tone-schedule,.action-pop button.tone-pause,.action-pop button.tone-refresh,.action-pop button.tone-schedule{ background:var(--pro-warning-soft);border-color:var(--pro-warning);color:var(--pro-warning) } .btn.tone-license,.btn.tone-email,.action-pop button.tone-license,.action-pop button.tone-email{ background:var(--pro-canvas);border-color:var(--pro-subtle);color:var(--pro-muted) } .btn.tone-delete,.btn.tone-retire,.btn.tone-revoke,.btn.tone-reject,.action-pop button.tone-delete,.action-pop button.tone-retire,.action-pop button.tone-revoke,.action-pop button.tone-reject{ background:var(--pro-canvas);border-color:var(--pro-bad-soft);color:var(--pro-bad) } .action-pop button{ border:1px solid transparent; background:var(--pro-surface); } .action-pop button:hover{background:var(--pro-canvas)} .sidebar nav button.active{ background:linear-gradient(180deg,var(--pro-canvas),var(--pro-canvas)); color:var(--accent); border:1px solid var(--pro-subtle); } .brand-mark{background:linear-gradient(145deg,var(--pro-surface),var(--pro-canvas));border-color:var(--pro-subtle);color:var(--pro-muted)} /* v1.5.4 icon-only action controls */ .icon-action{ position:relative; width:31px; height:31px; min-width:31px; padding:0!important; display:inline-grid!important; place-items:center; border-radius:6px; line-height:1; vertical-align:middle; } .icon-action svg{ width:15px; height:15px; stroke:currentColor; fill:none; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; pointer-events:none; } .icon-action[data-tooltip]::after{ content:attr(data-tooltip); position:absolute; z-index:100; left:50%; bottom:calc(100% + 8px); transform:translateX(-50%) translateY(3px); min-width:max-content; max-width:220px; padding:6px 8px; border-radius:7px; background:var(--pro-ink); color:var(--pro-surface); font-size:var(--admin-body,13px); font-weight:550; letter-spacing:0; line-height:1.2; box-shadow:0 8px 24px color-mix(in srgb, var(--pro-ink) 18.0%, transparent); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .13s ease,transform .13s ease,visibility .13s; white-space:nowrap; } .icon-action[data-tooltip]::before{ content:""; position:absolute; z-index:101; left:50%; bottom:calc(100% + 3px); transform:translateX(-50%); border:5px solid transparent; border-top-color:var(--pro-ink); opacity:0; visibility:hidden; transition:opacity .13s ease,visibility .13s; } .icon-action:hover::after,.icon-action:focus-visible::after, .icon-action:hover::before,.icon-action:focus-visible::before{ opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); } .action-cluster{min-width:auto} .action-cluster .icon-action{flex:0 0 31px} .actions .icon-action{flex:0 0 31px} .action-menu>summary{ width:31px; height:31px; font-size:0; } .action-menu>summary::before{ content:"•••"; font-size:var(--admin-body,13px); letter-spacing:1px; } .action-pop{ min-width:44px; width:max-content; padding:5px; grid-template-columns:repeat(auto-fit,31px); } .action-pop button.icon-action{ width:31px!important; min-width:31px!important; text-align:center; } .page-tools .icon-action{ width:34px; height:34px; min-width:34px; } .panel-head .icon-action{ width:32px; height:32px; } @media(max-width:760px){ .icon-action{width:34px;height:34px;min-width:34px} } /* v1.6.0 command center + intelligence */ .command-launch{display:flex;align-items:center;gap:7px;height:36px} .command-launch kbd,.command-input-row kbd{font-size:var(--admin-body,13px);border:1px solid var(--pro-subtle);background:var(--pro-canvas);border-radius:5px;padding:2px 5px;color:var(--pro-muted);font-family:inherit} .command-palette{position:fixed;inset:0;background:color-mix(in srgb, var(--pro-ink) 22.0%, transparent);z-index:140;display:grid;place-items:start center;padding-top:min(12vh,100px);backdrop-filter:blur(2px)} .command-card{width:min(760px,94vw);max-height:72vh;background:var(--pro-surface);border:1px solid var(--line);border-radius:6px;box-shadow:0 24px 80px color-mix(in srgb, var(--pro-ink) 22.0%, transparent);overflow:hidden} .command-input-row{display:flex;align-items:center;gap:9px;padding:11px 13px;border-bottom:1px solid var(--line);background:var(--pro-surface)} .command-input-row input{border:0;box-shadow:none;background:transparent;padding:5px 0;font-size:var(--admin-body,13px);flex:1} .command-results{max-height:60vh;overflow:auto;padding:6px} .command-group-title{padding:7px 8px 4px;font-size:var(--admin-body,13px);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700} .command-result{width:100%;display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center;border:0;background:transparent;padding:8px;border-radius:6px;text-align:left;color:var(--text)} .command-result:hover,.command-result.active{background:var(--pro-canvas)} .command-result .cmd-icon{width:28px;height:28px;border-radius:6px;background:var(--pro-canvas);display:grid;place-items:center;color:var(--pro-muted);font-size:var(--admin-body,13px)} .command-result strong{font-size:var(--admin-body,13px)}.command-result small{display:block;color:var(--muted);font-size:var(--admin-body,13px);margin-top:2px} .command-result .cmd-type{font-size:var(--admin-body,13px);color:var(--pro-muted);background:var(--pro-canvas);border-radius:999px;padding:3px 6px} .readiness-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:9px;margin-bottom:12px} .readiness-card{border:1px solid var(--line);background:var(--pro-surface);border-radius:6px;padding:10px} .readiness-score{display:flex;align-items:center;gap:10px}.score-ring{--score:0;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--pro-muted) calc(var(--score)*1%),var(--pro-subtle) 0);position:relative} .score-ring::after{content:"";position:absolute;width:36px;height:36px;border-radius:50%;background:var(--pro-surface)} .score-ring strong{position:relative;z-index:1;font-size:var(--admin-body,13px)}.readiness-card h4{margin:0;font-size:var(--admin-body,13px)}.readiness-card p{margin:2px 0 0;color:var(--muted);font-size:var(--admin-body,13px)} .readiness-checks{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px}.check-dot{display:inline-flex;align-items:center;gap:3px;font-size:var(--admin-body,13px);padding:3px 5px;border-radius:999px;background:var(--pro-canvas);color:var(--pro-muted)}.check-dot.ok{background:var(--pro-good-soft);color:var(--pro-muted)}.check-dot.block{background:var(--pro-warning-soft);color:var(--pro-warning)} .intel-summary{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:8px;margin-bottom:10px} .intel-stat{border:1px solid var(--line);border-radius:6px;background:var(--pro-surface);padding:9px}.intel-stat small{display:block;color:var(--muted);font-size:var(--admin-body,13px)}.intel-stat strong{display:block;font-size:20px;margin-top:2px} .intel-list{display:grid}.intel-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(100px,.6fr) minmax(120px,.8fr) auto;gap:9px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--pro-subtle)}.intel-row:last-child{border-bottom:0}.intel-row strong{font-size:var(--admin-body,13px)}.intel-row small{display:block;color:var(--muted);font-size:var(--admin-body,13px);margin-top:2px} .smart-view-bar{display:flex;gap:5px;flex-wrap:wrap}.smart-view-pill{border:1px solid var(--pro-subtle);background:var(--pro-canvas);color:var(--pro-muted);border-radius:999px;padding:5px 8px;font-size:var(--admin-body,13px)}.smart-view-pill:hover{background:var(--pro-canvas);color:var(--pro-muted)}.smart-view-pill.pinned{background:var(--pro-canvas);border-color:var(--pro-subtle);color:var(--pro-muted)} .saved-view-list{display:grid;gap:5px}.saved-view-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:6px;padding:8px}.saved-view-item strong{font-size:var(--admin-body,13px)}.saved-view-item small{display:block;color:var(--muted);font-size:var(--admin-body,13px);margin-top:2px} @media(max-width:1120px){.readiness-grid{grid-template-columns:repeat(3,1fr)}.intel-summary{grid-template-columns:repeat(3,1fr)}.command-label,.command-launch kbd{display:none}} @media(max-width:760px){.readiness-grid{grid-template-columns:repeat(2,1fr)}.intel-summary{grid-template-columns:repeat(2,1fr)}.intel-row{grid-template-columns:1fr auto}.intel-row .intel-mid{display:none}.command-launch{width:36px;padding:0;justify-content:center}} @media(max-width:480px){.readiness-grid{grid-template-columns:1fr}.intel-summary{grid-template-columns:1fr 1fr}} /* v1.7.0 relational UX */ .entity-title-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap} .entity-title-row .primary-text{font-size:var(--admin-body,13px)} .smart-rel{border:0;background:transparent;padding:0;cursor:pointer;display:inline-flex;align-items:center} .smart-rel .badge,.smart-rel.badge{cursor:pointer} .smart-rel:hover .badge{filter:saturate(1.07);box-shadow:0 2px 8px color-mix(in srgb, var(--pro-muted) 10.0%, transparent)} .relation-icon{ width:29px;height:29px;border:1px solid var(--pro-subtle);border-radius:6px; background:var(--pro-canvas);display:inline-grid;place-items:center;color:var(--pro-muted); position:relative;font-size:var(--admin-body,13px);cursor:pointer } .relation-icon .rel-count{position:absolute;right:-5px;top:-6px;min-width:15px;height:15px;padding:0 4px;border-radius:6px;background:var(--pro-surface);border:1px solid var(--pro-subtle);font-size:var(--admin-body,13px);display:grid;place-items:center;color:var(--pro-muted)} .relation-icon:hover{background:var(--pro-canvas);border-color:var(--pro-subtle)} .smart-popover{ position:fixed;z-index:180;width:min(350px,calc(100vw - 24px));max-height:420px;overflow:auto; border:1px solid var(--pro-subtle);border-radius:6px;background:color-mix(in srgb, var(--pro-surface) 98.0%, transparent); box-shadow:0 18px 50px color-mix(in srgb, var(--pro-ink) 18.0%, transparent);padding:7px;backdrop-filter:blur(10px) } .pop-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 6px 8px;border-bottom:1px solid var(--pro-subtle)} .pop-head strong{font-size:var(--admin-body,13px)}.pop-head small{font-size:var(--admin-body,13px);color:var(--muted)} .pop-list{display:grid;padding-top:4px} .pop-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center;padding:7px;border-radius:7px} .pop-item:hover{background:var(--pro-canvas)}.pop-item strong{font-size:var(--admin-body,13px)}.pop-item small{display:block;color:var(--muted);font-size:var(--admin-body,13px);margin-top:2px} .pop-item button{border:0;background:transparent;padding:0;text-align:left;color:inherit;cursor:pointer} .pop-foot{display:flex;justify-content:flex-end;gap:5px;padding:7px 5px 2px;border-top:1px solid var(--pro-subtle);margin-top:4px} .view-controls{display:flex;align-items:center;gap:5px;flex-wrap:wrap} .view-control{display:flex;align-items:center;gap:4px;border:1px solid var(--pro-subtle);background:var(--pro-surface);border-radius:6px;padding:3px 5px} .view-control span{font-size:var(--admin-body,13px);text-transform:uppercase;letter-spacing:.04em;color:var(--pro-muted)} .view-control select{border:0;box-shadow:none;background:transparent;padding:4px 19px 4px 4px;font-size:var(--admin-body,13px);width:auto;min-width:80px} .group-row td{background:var(--pro-canvas)!important;padding:6px 10px!important;color:var(--pro-muted);font-size:var(--admin-body,13px);font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-top:1px solid var(--pro-subtle)} .plan-summary{display:grid;grid-template-columns:repeat(3,minmax(70px,1fr));gap:5px;margin-top:5px} .plan-mini{border:1px solid var(--pro-subtle);background:var(--pro-surface);border-radius:7px;padding:5px} .plan-mini small{display:block;color:var(--muted);font-size:var(--admin-body,13px)}.plan-mini strong{display:block;font-size:var(--admin-body,13px);margin-top:1px} .balance-good{color:var(--pro-muted)}.balance-warn{color:var(--pro-warning)}.balance-bad{color:var(--pro-bad)} @media(max-width:760px){.view-controls{width:100%}.view-control{flex:1}.view-control select{width:100%}} /* v1.8.0 Smart Management */ .pop-head>div{min-width:0} .pop-head strong,.pop-head small{display:block} .pop-head strong{margin-bottom:3px} .pop-head small{line-height:1.35} .pop-item strong,.pop-item small{display:block} .pop-item strong{margin-bottom:2px} .actions,.action-cluster{flex-wrap:nowrap!important;white-space:nowrap} .data-table td:last-child{white-space:nowrap} .action-cluster{min-width:max-content!important} .action-menu{flex:0 0 auto} .action-pop{grid-auto-flow:column;grid-auto-columns:31px;grid-template-columns:none!important;width:max-content!important} .smart-context{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--pro-subtle);border-radius:6px;padding:8px 10px;margin-bottom:10px;background:linear-gradient(110deg,var(--pro-canvas),var(--pro-canvas) 55%,var(--pro-canvas))} .smart-context .smart-orb{width:30px;height:30px;border-radius:6px;display:grid;place-items:center;background:var(--pro-canvas);color:var(--pro-muted);font-weight:800} .smart-context strong{display:block;font-size:var(--admin-body,13px)}.smart-context small{display:block;color:var(--muted);font-size:var(--admin-body,13px);margin-top:2px;line-height:1.35} .smart-context-actions{display:flex;gap:5px;align-items:center} .advisor-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:8px;margin-bottom:10px} .advisor-kpi{border:1px solid var(--line);border-radius:6px;background:var(--pro-surface);padding:10px} .advisor-kpi small{display:block;color:var(--muted);font-size:var(--admin-body,13px);text-transform:uppercase;letter-spacing:.04em} .advisor-kpi strong{display:block;font-size:21px;margin-top:3px}.advisor-kpi .mini{font-size:var(--admin-body,13px);color:var(--muted);margin-top:2px} .insight-list{display:grid;gap:6px} .insight-card{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid var(--line);border-radius:6px;background:var(--pro-surface);padding:8px 9px} .insight-icon{width:31px;height:31px;border-radius:6px;display:grid;place-items:center;font-size:var(--admin-body,13px)} .insight-card.high .insight-icon{background:var(--pro-canvas);color:var(--pro-bad)}.insight-card.medium .insight-icon{background:var(--pro-warning-soft);color:var(--pro-warning)}.insight-card.low .insight-icon{background:var(--pro-canvas);color:var(--pro-muted)}.insight-card.good .insight-icon{background:var(--pro-good-soft);color:var(--pro-muted)} .insight-card strong{font-size:var(--admin-body,13px)}.insight-card small{display:block;color:var(--muted);font-size:var(--admin-body,13px);margin-top:2px;line-height:1.35} .insight-actions{display:flex;gap:5px;align-items:center}.insight-score{font-size:var(--admin-body,13px);border-radius:999px;padding:3px 6px;background:var(--pro-canvas);color:var(--pro-muted)} .report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} .report-card{border:1px solid var(--line);border-radius:6px;background:var(--pro-surface);padding:10px} .report-card h4{margin:0 0 8px;font-size:var(--admin-body,13px)}.report-lines{display:grid;gap:5px} .report-line{display:flex;justify-content:space-between;gap:8px;font-size:var(--admin-body,13px);padding-bottom:5px;border-bottom:1px solid var(--pro-subtle)}.report-line:last-child{border-bottom:0;padding-bottom:0}.report-line span{color:var(--muted)} .health-score{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--pro-muted) var(--health),var(--pro-subtle) 0);position:relative}.health-score::after{content:"";position:absolute;width:50px;height:50px;border-radius:50%;background:var(--pro-surface)}.health-score strong{position:relative;z-index:1;font-size:var(--admin-body,13px)} .report-hero{display:flex;align-items:center;gap:12px}.report-hero h3{margin:0;font-size:var(--admin-body,13px)}.report-hero p{margin:3px 0 0;color:var(--muted);font-size:var(--admin-body,13px)} @media(max-width:1050px){.advisor-grid{grid-template-columns:repeat(2,1fr)}.report-grid{grid-template-columns:1fr}} @media(max-width:620px){.smart-context{grid-template-columns:auto 1fr}.smart-context-actions{grid-column:1/-1}.advisor-grid{grid-template-columns:1fr 1fr}.insight-card{grid-template-columns:31px 1fr}.insight-actions{grid-column:1/-1;justify-content:flex-end}} /* v1.8.2 fluid tables: remove horizontal scrolling */ .table-wrap{ overflow-x:visible!important; overflow-y:visible!important; width:100%; } .data-table{ width:100%!important; min-width:0!important; table-layout:fixed; } .data-table.organized{ min-width:0!important; } .data-table th, .data-table td{ white-space:normal!important; overflow-wrap:anywhere; word-break:normal; } .data-table th{ line-height:1.2; } .data-table td{ min-width:0; } .data-table td:last-child{ white-space:normal!important; } .identity-cell{ min-width:0!important; max-width:none!important; } .identity-cell .secondary{ max-width:none!important; } .group-cell{ min-width:0!important; } .stat-strip{ min-width:0; } .stat-chip{ max-width:100%; white-space:normal; } .action-cluster{ min-width:0!important; max-width:100%; flex-wrap:wrap!important; white-space:normal!important; } .actions{ flex-wrap:wrap!important; white-space:normal!important; } .action-menu{ flex:0 0 auto; } .product-access-list{ max-width:none!important; } .cell-line{ min-width:0; } .plan-summary{ grid-template-columns:repeat(3,minmax(0,1fr)); } .plan-mini{ min-width:0; } .plan-mini strong{ overflow-wrap:anywhere; } /* Balanced fluid column widths by major table type */ .data-table.organized th:nth-child(1), .data-table.organized td:nth-child(1){width:27%} .data-table.organized th:nth-child(2), .data-table.organized td:nth-child(2){width:24%} .data-table.organized th:nth-child(3), .data-table.organized td:nth-child(3){width:18%} .data-table.organized th:nth-child(4), .data-table.organized td:nth-child(4){width:14%} .data-table.organized th:nth-child(5), .data-table.organized td:nth-child(5){width:17%} /* 6-column organized tables */ .data-table.organized:has(th:nth-child(6)) th:nth-child(1), .data-table.organized:has(th:nth-child(6)) td:nth-child(1){width:23%} .data-table.organized:has(th:nth-child(6)) th:nth-child(2), .data-table.organized:has(th:nth-child(6)) td:nth-child(2){width:21%} .data-table.organized:has(th:nth-child(6)) th:nth-child(3), .data-table.organized:has(th:nth-child(6)) td:nth-child(3){width:16%} .data-table.organized:has(th:nth-child(6)) th:nth-child(4), .data-table.organized:has(th:nth-child(6)) td:nth-child(4){width:15%} .data-table.organized:has(th:nth-child(6)) th:nth-child(5), .data-table.organized:has(th:nth-child(6)) td:nth-child(5){width:11%} .data-table.organized:has(th:nth-child(6)) th:nth-child(6), .data-table.organized:has(th:nth-child(6)) td:nth-child(6){width:14%} /* 7-column organized tables */ .data-table.organized:has(th:nth-child(7)) th:nth-child(1), .data-table.organized:has(th:nth-child(7)) td:nth-child(1){width:28%} .data-table.organized:has(th:nth-child(7)) th:nth-child(2), .data-table.organized:has(th:nth-child(7)) td:nth-child(2){width:15%} .data-table.organized:has(th:nth-child(7)) th:nth-child(3), .data-table.organized:has(th:nth-child(7)) td:nth-child(3){width:12%} .data-table.organized:has(th:nth-child(7)) th:nth-child(4), .data-table.organized:has(th:nth-child(7)) td:nth-child(4){width:10%} .data-table.organized:has(th:nth-child(7)) th:nth-child(5), .data-table.organized:has(th:nth-child(7)) td:nth-child(5){width:13%} .data-table.organized:has(th:nth-child(7)) th:nth-child(6), .data-table.organized:has(th:nth-child(7)) td:nth-child(6){width:10%} .data-table.organized:has(th:nth-child(7)) th:nth-child(7), .data-table.organized:has(th:nth-child(7)) td:nth-child(7){width:12%} @media(max-width:1100px){ .data-table th{font-size:var(--admin-body,13px)} .data-table td{padding:7px 7px} .stat-chip{padding:4px 6px;font-size:var(--admin-body,13px)} .stat-chip strong{font-size:var(--admin-body,13px)} .secondary{font-size:var(--admin-body,13px)} .plan-summary{grid-template-columns:1fr} .plan-mini{display:flex;justify-content:space-between;gap:6px;align-items:center} .plan-mini small,.plan-mini strong{display:inline;margin:0} } @media(max-width:820px){ .data-table.organized, .data-table{ table-layout:auto; } .data-table th, .data-table td{ width:auto!important; } .data-table th{ font-size:var(--admin-body,13px); } .data-table td{ font-size:var(--admin-body,13px); } .stat-strip{ gap:3px; } .stat-chip{ flex:1 1 auto; justify-content:center; } .action-cluster, .actions{ gap:3px; } .icon-action{ width:29px; height:29px; min-width:29px; } } @media(max-width:640px){ .data-table thead{ display:none; } .data-table, .data-table tbody, .data-table tr, .data-table td{ display:block; width:100%!important; } .data-table tr{ border-bottom:1px solid var(--line); padding:7px 8px; } .data-table td{ border-bottom:0!important; padding:4px 0!important; } .group-row{ padding:0!important; } .group-row td{ display:block!important; padding:6px 8px!important; } .action-cluster, .actions{ justify-content:flex-start; } } /* v1.9.0 manual/offline payment flow */ .payment-flow{display:grid;gap:9px} .payment-impact{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:7px} .payment-impact .detail-item strong{font-size:var(--admin-body,13px)} .flow-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px;border:1px solid var(--pro-subtle);border-radius:6px;background:var(--pro-surface)} .flow-step{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 7px;background:var(--pro-canvas);color:var(--pro-muted);font-size:var(--admin-body,13px);font-weight:650} .flow-arrow{color:var(--pro-muted)} .preview-note{border-left:3px solid var(--pro-muted);background:var(--pro-canvas);border-radius:7px;padding:8px 9px;font-size:var(--admin-body,13px);color:var(--pro-muted)} .preview-note.warn{border-left-color:var(--pro-warning);background:var(--pro-canvas);color:var(--pro-warning)} .payment-amount{font-size:21px;font-weight:750;letter-spacing:-.02em} .payment-state-line{display:flex;gap:5px;align-items:center;flex-wrap:wrap} @media(max-width:850px){.payment-impact{grid-template-columns:repeat(2,1fr)}} @media(max-width:520px){.payment-impact{grid-template-columns:1fr}} /* v1.10.0 accounting / tax-support */ .accounting-toolbar{display:flex;gap:6px;align-items:center;flex-wrap:wrap} .accounting-summary{display:grid;grid-template-columns:repeat(6,minmax(115px,1fr));gap:7px;margin-bottom:10px} .accounting-kpi{border:1px solid var(--line);background:var(--pro-surface);border-radius:6px;padding:9px} .accounting-kpi small{display:block;color:var(--muted);font-size:var(--admin-body,13px);text-transform:uppercase;letter-spacing:.04em} .accounting-kpi strong{display:block;font-size:17px;margin-top:3px} .accounting-kpi .minor{font-size:var(--admin-body,13px);color:var(--muted);margin-top:2px} .accounting-breakdowns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:10px} .breakdown-list{display:grid;gap:4px} .breakdown-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:5px 0;border-bottom:1px solid var(--pro-subtle);font-size:var(--admin-body,13px)} .breakdown-row:last-child{border-bottom:0}.breakdown-row span{color:var(--muted)}.breakdown-row strong{text-align:right} .tax-note{border:1px solid var(--pro-warning);background:var(--pro-canvas);border-radius:6px;padding:9px 10px;color:var(--pro-warning);font-size:var(--admin-body,13px);line-height:1.45;margin-bottom:10px} .accounting-ledger .primary-text{font-size:var(--admin-body,13px)} .recon-unreconciled{background:var(--pro-warning-soft)!important;border-color:var(--pro-warning)!important;color:var(--pro-warning)!important} .recon-reconciled{background:var(--pro-good-soft)!important;border-color:var(--pro-good-soft)!important;color:var(--pro-muted)!important} .recon-excluded{background:var(--pro-canvas)!important;border-color:var(--pro-subtle)!important;color:var(--pro-muted)!important} .source-section,.sale-section{border:1px solid var(--pro-subtle);border-radius:6px;padding:10px;background:var(--pro-surface)} .source-section h4,.sale-section h4{margin:0 0 8px;font-size:var(--admin-body,13px)}.source-section p,.sale-section p{margin:-4px 0 9px;color:var(--muted);font-size:var(--admin-body,13px)} .net-preview{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--pro-subtle);background:var(--pro-canvas);border-radius:6px;padding:7px 9px;margin-top:4px} .net-preview span{font-size:var(--admin-body,13px);color:var(--muted)}.net-preview strong{font-size:var(--admin-body,13px)} .accounting-filter-grid{display:grid;grid-template-columns:repeat(6,minmax(100px,1fr));gap:6px;margin-bottom:9px} .accounting-filter-grid label{font-size:var(--admin-body,13px);text-transform:uppercase;color:var(--muted)} .accounting-filter-grid select{margin-top:3px} @media(max-width:1100px){.accounting-summary{grid-template-columns:repeat(3,1fr)}.accounting-filter-grid{grid-template-columns:repeat(3,1fr)}} @media(max-width:720px){.accounting-summary{grid-template-columns:repeat(2,1fr)}.accounting-breakdowns{grid-template-columns:1fr}.accounting-filter-grid{grid-template-columns:repeat(2,1fr)}} @media print{ .sidebar,.topbar,.page-tools,.smart-context,.actions,.action-cluster,.accounting-toolbar,.tax-note,.toast,.modal,.drawer,.command-palette,.smart-popover{display:none!important} .app-shell,.main,.content{display:block!important;width:100%!important;margin:0!important;padding:0!important} body{background:var(--pro-surface)!important} .panel{box-shadow:none!important;border-color:var(--pro-muted)!important} .accounting-summary,.accounting-breakdowns{break-inside:avoid} } /* v1.11.0 full back-office accounting */ .backoffice-tabs{display:flex;gap:4px;flex-wrap:wrap} .backoffice-tabs button{border:1px solid var(--pro-subtle);background:var(--pro-surface);border-radius:6px;padding:6px 8px;font-size:var(--admin-body,13px);color:var(--pro-muted);cursor:pointer} .backoffice-tabs button.active{background:var(--pro-canvas);border-color:var(--pro-subtle);color:var(--pro-muted);font-weight:700} .backoffice-alerts{display:grid;gap:6px;margin-bottom:10px} .backoffice-alert{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 9px;border:1px solid var(--line);border-radius:6px;background:var(--pro-surface)} .backoffice-alert.high{border-left:3px solid var(--pro-bad)}.backoffice-alert.medium{border-left:3px solid var(--pro-warning)}.backoffice-alert.low{border-left:3px solid var(--pro-muted)} .backoffice-alert strong{font-size:var(--admin-body,13px)}.backoffice-alert small{display:block;color:var(--muted);font-size:var(--admin-body,13px);margin-top:2px} .completeness{display:flex;align-items:center;gap:6px} .complete-bar{width:70px;height:6px;background:var(--pro-subtle);border-radius:999px;overflow:hidden}.complete-bar i{display:block;height:100%;background:var(--pro-muted);border-radius:inherit} .complete-bar.good i{background:var(--pro-muted)}.complete-bar.warn i{background:var(--pro-warning)}.complete-bar.bad i{background:var(--pro-bad)} .expense-kpis,.recon-kpis,.settlement-kpis,.tax-kpis{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:7px;margin-bottom:10px} .backoffice-kpi{border:1px solid var(--line);border-radius:6px;background:var(--pro-surface);padding:9px} .backoffice-kpi small{display:block;font-size:var(--admin-body,13px);text-transform:uppercase;color:var(--muted);letter-spacing:.04em}.backoffice-kpi strong{display:block;font-size:17px;margin-top:3px} .flow-map{display:flex;gap:5px;align-items:center;flex-wrap:wrap;padding:8px;background:var(--pro-canvas);border:1px solid var(--pro-subtle);border-radius:6px;margin-bottom:9px} .flow-map span{font-size:var(--admin-body,13px);padding:5px 7px;border-radius:999px;background:var(--pro-surface);border:1px solid var(--pro-subtle)}.flow-map b{font-size:var(--admin-body,13px);color:var(--pro-muted)} .recon-status{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 6px;font-size:var(--admin-body,13px)} .recon-status.matched{background:var(--pro-good-soft);color:var(--pro-muted)}.recon-status.possible{background:var(--pro-warning-soft);color:var(--pro-warning)}.recon-status.unmatched{background:var(--pro-canvas);color:var(--pro-bad)}.recon-status.ignored{background:var(--pro-canvas);color:var(--pro-muted)} .compare-positive{color:var(--pro-muted)}.compare-negative{color:var(--pro-bad)}.compare-neutral{color:var(--pro-muted)} .accounting-form-section{border:1px solid var(--pro-subtle);border-radius:6px;background:var(--pro-surface);padding:9px;margin-bottom:8px}.accounting-form-section h4{font-size:var(--admin-body,13px);margin:0 0 7px} .doc-vault-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px} .doc-card{border:1px solid var(--line);border-radius:6px;background:var(--pro-surface);padding:8px}.doc-card strong{font-size:var(--admin-body,13px);display:block}.doc-card small{font-size:var(--admin-body,13px);color:var(--muted);display:block;margin-top:2px}.doc-card .actions{margin-top:6px} .period-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.period-card{border:1px solid var(--line);border-radius:6px;background:var(--pro-surface);padding:8px}.period-card strong{font-size:var(--admin-body,13px)}.period-card small{display:block;color:var(--muted);font-size:var(--admin-body,13px);margin-top:2px} .account-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.account-card{border:1px solid var(--line);border-radius:6px;padding:7px;background:var(--pro-surface)}.account-card strong{font-size:var(--admin-body,13px)}.account-card small{display:block;color:var(--muted);font-size:var(--admin-body,13px)} .tax-compare{display:grid;gap:6px}.tax-compare-row{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,110px) auto;gap:8px;align-items:center;border-bottom:1px solid var(--pro-subtle);padding:7px 0;font-size:var(--admin-body,13px)} .statement-upload{border:1px dashed var(--pro-line);border-radius:6px;padding:12px;background:var(--pro-surface)}.statement-upload input[type=file]{padding:7px;background:var(--pro-surface)} .pkg-note{font-size:var(--admin-body,13px);color:var(--pro-muted);background:var(--pro-canvas);border:1px solid var(--pro-subtle);border-radius:6px;padding:7px 9px} @media(max-width:1000px){.doc-vault-grid,.period-grid{grid-template-columns:repeat(2,1fr)}.tax-compare-row{grid-template-columns:1fr 90px 90px}.tax-compare-row>*:nth-child(4){display:none}} @media(max-width:720px){.expense-kpis,.recon-kpis,.settlement-kpis,.tax-kpis{grid-template-columns:repeat(2,1fr)}.doc-vault-grid,.period-grid,.account-list{grid-template-columns:1fr}.backoffice-alert{grid-template-columns:26px 1fr}.backoffice-alert .actions{grid-column:1/-1}.tax-compare-row{grid-template-columns:1fr auto}} /* v1.11.1 grouped sidebar navigation */ #nav{ display:grid; gap:7px; } .nav-group{ display:grid; gap:2px; } .nav-group-toggle{ width:100%; border:0; background:transparent; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:6px 9px 4px; color:var(--pro-muted); cursor:pointer; border-radius:7px; } .nav-group-toggle:hover{ background:var(--pro-canvas); color:var(--pro-muted); } .nav-group-title{ font-size:var(--admin-body,13px); line-height:1; font-weight:750; text-transform:uppercase; letter-spacing:.075em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .nav-group-caret{ font-size:var(--admin-body,13px); transition:transform .16s ease; } .nav-group.collapsed .nav-group-caret{ transform:rotate(-90deg); } .nav-group-items{ display:grid; gap:2px; } .nav-group.collapsed .nav-group-items{ display:none; } .sidebar.collapsed .nav-group-toggle{ padding:5px 0 3px; justify-content:center; } .sidebar.collapsed .nav-group-title{ display:none; } .sidebar.collapsed .nav-group-caret{ display:none; } .sidebar.collapsed .nav-group{ gap:1px; } .sidebar.collapsed #nav{ gap:4px; } .sidebar.collapsed .nav-group:not(:first-child)::before{ content:""; width:22px; height:1px; background:var(--pro-subtle); margin:2px auto 4px; } @media(max-width:760px){ .nav-group-toggle{ padding-left:11px; padding-right:11px; } } /* v1.12.0 Financial Control Center */ .fin-tabs{display:flex;gap:4px;flex-wrap:wrap} .fin-tabs button{border:1px solid var(--pro-subtle);background:var(--pro-surface);border-radius:6px;padding:6px 8px;font-size:var(--admin-body,13px);color:var(--pro-muted);cursor:pointer} .fin-tabs button.active{background:var(--pro-canvas);border-color:var(--pro-subtle);color:var(--pro-muted);font-weight:700} .fin-kpis{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:7px;margin-bottom:10px} .fin-kpi{border:1px solid var(--line);border-radius:6px;background:var(--pro-surface);padding:9px} .fin-kpi small{display:block;color:var(--muted);font-size:var(--admin-body,13px);text-transform:uppercase;letter-spacing:.04em} .fin-kpi strong{display:block;font-size:17px;margin-top:3px} .exception-list{display:grid;gap:6px} .exception-card{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 9px;border:1px solid var(--line);border-radius:6px;background:var(--pro-surface)} .exception-card.high{border-left:3px solid var(--pro-bad)}.exception-card.medium{border-left:3px solid var(--pro-warning)}.exception-card.low{border-left:3px solid var(--pro-muted)} .exception-card strong{font-size:var(--admin-body,13px)}.exception-card small{display:block;color:var(--muted);font-size:var(--admin-body,13px);margin-top:2px} .ar-aging{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:7px;margin-bottom:10px} .aging-card{border:1px solid var(--line);border-radius:6px;padding:9px;background:var(--pro-surface)}.aging-card small{font-size:var(--admin-body,13px);color:var(--muted);display:block}.aging-card strong{font-size:15px;display:block;margin-top:3px} .close-checks{display:grid;gap:5px}.close-check{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--pro-subtle);border-radius:6px;padding:7px;background:var(--pro-surface)} .close-check .ok{color:var(--pro-muted)}.close-check .bad{color:var(--pro-bad)}.close-check strong{font-size:var(--admin-body,13px)}.close-check small{display:block;color:var(--muted);font-size:var(--admin-body,13px)} .journal-lines{display:grid;gap:5px}.journal-line{display:grid;grid-template-columns:1.3fr 1fr .7fr .7fr;gap:5px;align-items:end} .journal-balance{display:flex;justify-content:space-between;gap:8px;border:1px solid var(--pro-subtle);background:var(--pro-canvas);border-radius:6px;padding:7px 9px;margin-top:6px} .approval-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;border:1px solid var(--line);border-radius:6px;padding:8px;background:var(--pro-surface)} .approval-card strong{font-size:var(--admin-body,13px)}.approval-card small{display:block;color:var(--muted);font-size:var(--admin-body,13px);margin-top:2px} .budget-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.budget-card{border:1px solid var(--line);border-radius:6px;background:var(--pro-surface);padding:9px} .budget-progress{height:7px;background:var(--pro-subtle);border-radius:999px;overflow:hidden;margin-top:6px}.budget-progress i{display:block;height:100%;background:var(--pro-muted);border-radius:inherit} .financial-360{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.financial-360 .detail-item{min-width:0} .contribution-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px} .control-note{font-size:var(--admin-body,13px);color:var(--pro-muted);border:1px solid var(--pro-subtle);background:var(--pro-canvas);border-radius:6px;padding:7px 9px;margin-bottom:9px} @media(max-width:1050px){.fin-kpis{grid-template-columns:repeat(3,1fr)}.budget-grid{grid-template-columns:1fr}.financial-360,.contribution-strip{grid-template-columns:repeat(2,1fr)}} @media(max-width:650px){.fin-kpis,.ar-aging{grid-template-columns:repeat(2,1fr)}.exception-card{grid-template-columns:28px 1fr}.exception-card .actions{grid-column:1/-1}.journal-line{grid-template-columns:1fr 1fr}.financial-360,.contribution-strip{grid-template-columns:1fr 1fr}} /* v1.13.0 Venture Manager UX + adaptive popovers */ /* Smart popovers must never escape the viewport */ .smart-popover{ width:min(360px,calc(100vw - 20px))!important; max-width:calc(100vw - 20px)!important; max-height:calc(100vh - 20px)!important; overflow:auto!important; overscroll-behavior:contain; scrollbar-width:thin; transform:none!important; box-sizing:border-box; } .smart-popover[data-placement^="top"]{transform-origin:bottom center} .smart-popover[data-placement^="bottom"]{transform-origin:top center} .smart-popover[data-placement^="left"]{transform-origin:center right} .smart-popover[data-placement^="right"]{transform-origin:center left} .smart-popover::before{ content:""; position:fixed; width:8px;height:8px; background:inherit; border-left:1px solid var(--line); border-top:1px solid var(--line); transform:rotate(45deg); left:var(--pop-arrow-x,20px); top:var(--pop-arrow-y,-4px); display:var(--pop-arrow-display,block); pointer-events:none; } .smart-popover[data-placement^="bottom"]::before{top:-5px} .smart-popover[data-placement^="top"]::before{top:auto;bottom:-5px;transform:rotate(225deg)} .smart-popover[data-placement^="right"]::before{left:-5px;top:var(--pop-arrow-y,20px)} .smart-popover[data-placement^="left"]::before{left:auto;right:-5px;top:var(--pop-arrow-y,20px);transform:rotate(225deg)} .venture-health{display:grid;grid-template-columns:repeat(6,minmax(115px,1fr));gap:7px;margin-bottom:10px} .venture-health-card{border:1px solid var(--line);border-radius:6px;background:var(--pro-surface);padding:9px;position:relative;overflow:hidden} .venture-health-card small{display:block;color:var(--muted);font-size:var(--admin-body,13px);text-transform:uppercase;letter-spacing:.045em} .venture-health-card strong{display:block;font-size:18px;margin-top:3px} .venture-health-card .health-mini{font-size:var(--admin-body,13px);color:var(--muted);margin-top:2px;line-height:1.3} .venture-health-card .health-track{height:5px;background:var(--pro-subtle);border-radius:999px;overflow:hidden;margin-top:7px} .venture-health-card .health-track i{height:100%;display:block;border-radius:inherit;background:var(--pro-muted)} .today-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:10px;margin-bottom:10px} .today-queue{display:grid;gap:6px} .today-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px 9px;border:1px solid var(--line);border-radius:6px;background:var(--pro-surface)} .today-item.high{border-left:3px solid var(--pro-bad)}.today-item.medium{border-left:3px solid var(--pro-warning)}.today-item.low{border-left:3px solid var(--pro-muted)}.today-item.good{border-left:3px solid var(--pro-muted)} .today-icon{width:30px;height:30px;border-radius:6px;display:grid;place-items:center;background:var(--pro-canvas);color:var(--pro-muted);font-weight:750} .today-item strong{font-size:var(--admin-body,13px)}.today-item small{display:block;color:var(--muted);font-size:var(--admin-body,13px);line-height:1.35;margin-top:2px} .today-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap} .quick-launch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px} .quick-launch button{border:1px solid var(--pro-subtle);background:var(--pro-surface);border-radius:6px;padding:9px;text-align:left;cursor:pointer;min-width:0} .quick-launch button:hover{background:var(--pro-canvas);border-color:var(--pro-subtle);transform:translateY(-1px)} .quick-launch strong{display:block;font-size:var(--admin-body,13px)}.quick-launch small{display:block;color:var(--muted);font-size:var(--admin-body,13px);margin-top:2px} .context-next{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid var(--pro-subtle);background:linear-gradient(105deg,var(--pro-canvas),var(--pro-canvas) 55%,var(--pro-canvas));border-radius:6px;padding:8px 10px;margin-bottom:9px} .context-next .next-orb{width:29px;height:29px;border-radius:6px;display:grid;place-items:center;background:var(--pro-canvas);color:var(--pro-muted);font-weight:800} .context-next strong{font-size:var(--admin-body,13px);display:block}.context-next small{font-size:var(--admin-body,13px);color:var(--muted);display:block;margin-top:2px;line-height:1.35} .context-next .actions{justify-content:flex-end} .venture-mini-report{display:grid;gap:5px}.venture-mini-row{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px solid var(--pro-subtle);font-size:var(--admin-body,13px)}.venture-mini-row:last-child{border-bottom:0}.venture-mini-row span{color:var(--muted)} .flow-shortcuts{display:flex;gap:5px;flex-wrap:wrap}.flow-shortcuts .btn{white-space:nowrap} @media(max-width:1100px){.venture-health{grid-template-columns:repeat(3,1fr)}.today-grid{grid-template-columns:1fr}} @media(max-width:650px){.venture-health{grid-template-columns:repeat(2,1fr)}.today-item{grid-template-columns:30px 1fr}.today-actions{grid-column:1/-1;justify-content:flex-end}.quick-launch{grid-template-columns:1fr 1fr}.context-next{grid-template-columns:29px 1fr}.context-next .actions{grid-column:1/-1;justify-content:flex-end}} /* v1.14.0 two-line records + themed scrolling */ .sidebar{overflow:hidden!important} .sidebar #nav{ overflow-y:auto!important;overflow-x:hidden!important;min-height:0; max-height:calc(100vh - 112px);padding-right:4px;overscroll-behavior:contain } :root{--scroll-track:var(--pro-canvas);--scroll-thumb:var(--pro-line);--scroll-thumb-hover:var(--pro-line)} .sidebar #nav,.table-wrap,.smart-popover,.drawer-body,.modal-body,#content{ scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track) } .sidebar #nav::-webkit-scrollbar,.table-wrap::-webkit-scrollbar,.smart-popover::-webkit-scrollbar, .drawer-body::-webkit-scrollbar,.modal-body::-webkit-scrollbar,#content::-webkit-scrollbar{width:8px;height:8px} .sidebar #nav::-webkit-scrollbar-track,.table-wrap::-webkit-scrollbar-track,.smart-popover::-webkit-scrollbar-track, .drawer-body::-webkit-scrollbar-track,.modal-body::-webkit-scrollbar-track,#content::-webkit-scrollbar-track{ background:var(--scroll-track);border-radius:999px } .sidebar #nav::-webkit-scrollbar-thumb,.table-wrap::-webkit-scrollbar-thumb,.smart-popover::-webkit-scrollbar-thumb, .drawer-body::-webkit-scrollbar-thumb,.modal-body::-webkit-scrollbar-thumb,#content::-webkit-scrollbar-thumb{ background:var(--scroll-thumb);border-radius:999px;border:2px solid var(--scroll-track) } .sidebar #nav::-webkit-scrollbar-thumb:hover,.table-wrap::-webkit-scrollbar-thumb:hover,.smart-popover::-webkit-scrollbar-thumb:hover, .drawer-body::-webkit-scrollbar-thumb:hover,.modal-body::-webkit-scrollbar-thumb:hover,#content::-webkit-scrollbar-thumb:hover{ background:var(--scroll-thumb-hover) } .data-table.two-line-records{table-layout:fixed!important} .data-table.two-line-records thead th{white-space:normal!important;line-height:1.15} .data-table.two-line-records tbody tr{vertical-align:top} .data-table.two-line-records td{padding-top:9px!important;padding-bottom:9px!important} .record-stack{display:grid;gap:2px;min-width:0} .record-title{font-size:var(--admin-body,13px);font-weight:700;color:var(--text);line-height:1.2;overflow-wrap:anywhere} .record-sub{font-size:var(--admin-body,13px);color:var(--muted);line-height:1.28;overflow-wrap:anywhere} .record-meta{display:flex;gap:4px 8px;flex-wrap:wrap;align-items:center;margin-top:4px;font-size:var(--admin-body,13px);color:var(--muted)} .record-money{display:grid;gap:1px}.record-money strong{font-size:var(--admin-body,13px)}.record-money small{font-size:var(--admin-body,13px);color:var(--muted);line-height:1.25} .record-status{display:flex;flex-wrap:wrap;gap:4px;align-items:flex-start} .record-actions{display:flex;gap:5px;flex-wrap:wrap;align-items:flex-start} .record-actions .btn,.record-actions .icon-action{flex:0 0 auto} .data-table.organized th,.data-table.organized td{vertical-align:top} .data-table.organized td .secondary{line-height:1.25} .data-table.organized .badge{margin-bottom:2px} .data-table.two-line-records th:last-child,.data-table.two-line-records td:last-child{width:100px!important} .receipt-ledger-table th:nth-child(1){width:24%}.receipt-ledger-table th:nth-child(2){width:23%} .receipt-ledger-table th:nth-child(3){width:18%}.receipt-ledger-table th:nth-child(4){width:14%} .receipt-ledger-table th:nth-child(5){width:11%}.receipt-ledger-table th:nth-child(6){width:10%} .members-table th:nth-child(1){width:32px}.members-table th:nth-child(2){width:31%} .members-table th:nth-child(3){width:30%}.members-table th:nth-child(4){width:21%}.members-table th:nth-child(5){width:18%} .payments-table th:nth-child(1){width:26%}.payments-table th:nth-child(2){width:18%} .payments-table th:nth-child(3){width:18%}.payments-table th:nth-child(4){width:14%} .payments-table th:nth-child(5){width:14%}.payments-table th:nth-child(6){width:10%} @media(max-width:950px){.data-table.two-line-records th:last-child,.data-table.two-line-records td:last-child{width:86px!important}} @media(max-width:720px){.sidebar #nav{max-height:calc(100vh - 96px)}} /* v1.14.1 focused interaction/layout correction */ .sidebar{position:fixed!important;left:0;top:0;bottom:0;z-index:80;width:var(--sidebar-w,220px)!important;transform:translateX(0);transition:transform .2s ease,box-shadow .2s ease} .sidebar.collapsed{transform:translateX(calc(-100% - 8px))!important;width:var(--sidebar-w,220px)!important} .sidebar.collapsed .nav-group-title,.sidebar.collapsed .nav-group-caret,.sidebar.collapsed .nav-label,.sidebar.collapsed .brand-text{display:initial!important} .sidebar.collapsed .nav-group:not(:first-child)::before{display:none!important} .sidebar-handle{position:fixed;z-index:81;left:0;top:72px;width:22px;height:42px;border:1px solid var(--pro-subtle);border-left:0;border-radius:0 9px 9px 0;background:var(--pro-canvas);color:var(--pro-muted);cursor:pointer;display:none;place-items:center;box-shadow:0 3px 12px color-mix(in srgb, var(--pro-ink) 12.0%, transparent)} .sidebar.collapsed ~ .sidebar-handle,.sidebar.collapsed + .sidebar-handle{display:grid!important} .sidebar.collapsed ~ .main{margin-left:0!important} @media(max-width:900px){ .sidebar{transform:translateX(-102%);box-shadow:8px 0 30px color-mix(in srgb, var(--pro-ink) 12.0%, transparent)} .sidebar.open{transform:translateX(0)} .sidebar-handle{display:grid} .sidebar.open ~ .sidebar-handle,.sidebar.open + .sidebar-handle{display:none!important} } .hover-info-target{cursor:help;border-bottom:1px dotted color-mix(in srgb, var(--pro-muted) 35.0%, transparent)} .product-description-inline,.coupon-description-inline{display:none!important} .plan-identity .plan-name{display:block;font-size:var(--admin-body,13px);line-height:1.2;font-weight:750;color:var(--pro-ink)} .plan-identity .plan-type{display:block;margin-top:2px;font-size:var(--admin-body,13px);color:var(--pro-muted);font-weight:500} .plan-identity .plan-product{display:block;font-size:var(--admin-body,13px);color:var(--pro-muted);margin-bottom:3px} .members-table th:first-child,.members-table td:first-child{width:38px!important;min-width:38px!important;max-width:38px!important;padding-left:10px!important;padding-right:6px!important;text-align:center} .members-table th:first-child input,.members-table td:first-child input{margin:0 auto} .members-table th:last-child,.members-table td:last-child{width:154px!important;min-width:154px!important} .members-table .record-actions,.members-table .actions{flex-wrap:wrap!important;gap:5px!important} .payments-table{table-layout:fixed!important} .payments-table th:nth-child(1){width:24%!important}.payments-table th:nth-child(2){width:20%!important}.payments-table th:nth-child(3){width:16%!important}.payments-table th:nth-child(4){width:15%!important}.payments-table th:nth-child(5){width:16%!important}.payments-table th:nth-child(6){width:9%!important} .payments-table .record-actions{flex-wrap:nowrap!important;white-space:nowrap!important} .payments-table .record-actions .btn{white-space:nowrap!important;padding-left:8px!important;padding-right:8px!important} .receipt-ledger-table{table-layout:fixed!important} .receipt-ledger-table th:nth-child(1){width:22%!important}.receipt-ledger-table th:nth-child(2){width:24%!important}.receipt-ledger-table th:nth-child(3){width:16%!important}.receipt-ledger-table th:nth-child(4){width:14%!important}.receipt-ledger-table th:nth-child(5){width:14%!important}.receipt-ledger-table th:nth-child(6){width:10%!important} .receipt-ledger-table .record-actions{flex-wrap:nowrap!important;white-space:nowrap!important} .receipt-ledger-table .record-actions .btn{min-width:30px;padding-left:7px!important;padding-right:7px!important;white-space:nowrap!important} .payments-table .btn,.receipt-ledger-table .btn{font-size:var(--admin-body,13px)!important} @media(max-width:1050px){.payments-table .record-actions,.receipt-ledger-table .record-actions{flex-wrap:wrap!important}} /* v1.15.0 folder-style page tab groups */ .folder-tabs-wrap{ margin:0 0 10px; } .folder-group-label{ display:inline-flex; align-items:center; gap:6px; font-size:var(--admin-body,13px); color:var(--pro-muted); padding:0 8px 4px 4px; text-transform:uppercase; letter-spacing:.06em; font-weight:700; } .folder-tabs{ display:flex; flex-wrap:wrap; gap:4px; align-items:flex-end; } .folder-tab{ border:1px solid var(--pro-subtle); border-bottom-color:var(--pro-subtle); background:linear-gradient(180deg,var(--pro-surface),var(--pro-canvas)); color:var(--pro-muted); border-radius:6px 10px 0 0; padding:8px 12px 7px; cursor:pointer; min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:1px; box-shadow:0 1px 0 color-mix(in srgb, var(--pro-surface) 80.0%, transparent) inset; transform:translateY(3px); transition:transform .15s ease, background .15s ease, border-color .15s ease; } .folder-tab:hover{ background:linear-gradient(180deg,var(--pro-surface),var(--pro-canvas)); border-color:var(--pro-line); color:var(--pro-muted); } .folder-tab.active{ background:linear-gradient(180deg,var(--pro-surface),var(--pro-surface)); color:var(--pro-muted); border-color:var(--pro-line); border-bottom-color:var(--pro-surface); transform:translateY(0); position:relative; z-index:2; } .folder-tab strong{ font-size:var(--admin-body,13px); line-height:1.1; font-weight:750; } .folder-tab small{ font-size:var(--admin-body,13px); color:var(--pro-muted); line-height:1.2; } .folder-panel{ margin-top:-1px; border:1px solid var(--pro-subtle); border-radius:0 12px 12px 12px; background:linear-gradient(180deg,var(--pro-surface),var(--pro-surface)); padding:10px 10px 0; box-shadow:0 6px 18px color-mix(in srgb, var(--pro-muted) 5.0%, transparent); } .folder-tab-compact .folder-tab{ padding:7px 10px 6px; } @media(max-width:760px){ .folder-tabs{gap:3px} .folder-tab{padding:7px 10px 6px} .folder-panel{padding:8px 8px 0} } /* v1.15.1 sidebar control + description consistency */ /* Definitive drawer state. Avoid conflicting collapse/open states. */ .sidebar{ transform:translateX(0)!important; } .sidebar.sidebar-hidden{ transform:translateX(calc(-100% - 10px))!important; } .sidebar.sidebar-hidden ~ .sidebar-handle, .sidebar.sidebar-hidden + .sidebar-handle{ display:grid!important; left:0!important; } .sidebar:not(.sidebar-hidden) ~ .sidebar-handle, .sidebar:not(.sidebar-hidden) + .sidebar-handle{ display:none!important; } .sidebar.sidebar-hidden ~ .main{ margin-left:0!important; } .side-collapse{ display:grid!important; visibility:visible!important; pointer-events:auto!important; } @media(max-width:900px){ .sidebar{ transform:translateX(-102%)!important; } .sidebar.mobile-open{ transform:translateX(0)!important; } .sidebar-handle{ display:grid!important; } .sidebar.mobile-open ~ .sidebar-handle, .sidebar.mobile-open + .sidebar-handle{ display:none!important; } } /* All descriptive entity text is discoverable by hover/focus, not persistent subtitles. */ .description-hover{ cursor:help; border-bottom:1px dotted color-mix(in srgb, var(--pro-muted) 40.0%, transparent); text-decoration:none; } .description-hover:focus-visible{ outline:2px solid color-mix(in srgb, var(--pro-muted) 25.0%, transparent); outline-offset:2px; border-radius:4px; } .entity-description-inline{ display:none!important; } /* v1.15.2 folder tabs + member checkbox structural fix */ /* Real connected folder-tab workspace */ .folder-tabs-wrap{ margin:0 0 12px; } .folder-group-label{ display:flex; align-items:center; gap:6px; padding:0 2px 6px; font-size:var(--admin-body,13px); font-weight:750; color:var(--pro-muted); text-transform:uppercase; letter-spacing:.07em; } .folder-tabs{ display:flex; flex-wrap:wrap; gap:0; align-items:flex-end; padding-left:8px; border-bottom:1px solid var(--pro-subtle); } .folder-tab{ position:relative; min-width:116px; border:1px solid var(--pro-subtle); border-bottom:0; background:var(--pro-canvas); color:var(--pro-muted); border-radius:6px 9px 0 0; padding:8px 12px 7px; margin-right:3px; cursor:pointer; display:flex; flex-direction:column; align-items:flex-start; gap:1px; transform:none!important; box-shadow:none!important; } .folder-tab::before{ content:""; position:absolute; left:10px; top:-4px; width:38px; height:5px; border:1px solid var(--pro-subtle); border-bottom:0; border-radius:6px 6px 0 0; background:inherit; } .folder-tab:hover{ background:var(--pro-canvas); color:var(--pro-muted); border-color:var(--pro-subtle); } .folder-tab.active{ background:var(--pro-surface); color:var(--pro-muted); border-color:var(--pro-subtle); border-bottom:1px solid var(--pro-surface); margin-bottom:-1px; z-index:3; } .folder-tab.active::before{ border-color:var(--pro-subtle); } .folder-tab strong{ font-size:var(--admin-body,13px); line-height:1.1; font-weight:750; } .folder-tab small{ font-size:var(--admin-body,13px); line-height:1.2; color:var(--pro-muted); } .folder-panel{ display:none!important; } /* Shared content visually connected below folder tabs */ .folder-tabs-wrap + .context-next, .folder-tabs-wrap + .smart-context, .folder-tabs-wrap + .page-tools, .folder-tabs-wrap + .panel{ border-top-left-radius:0!important; } /* Member checkbox width: force exact col sizing */ .members-table{ table-layout:fixed!important; } .members-table col.member-select-col{ width:42px!important; } .members-table th:first-child, .members-table td:first-child{ width:42px!important; min-width:42px!important; max-width:42px!important; padding:0 4px!important; text-align:center!important; } .members-table th:first-child input, .members-table td:first-child input{ display:block; width:16px; height:16px; margin:0 auto!important; } .members-table th:nth-child(2){width:29%!important} .members-table th:nth-child(3){width:31%!important} .members-table th:nth-child(4){width:22%!important} .members-table th:nth-child(5){width:18%!important} /* override generic organized 5-column width rules */ .data-table.organized.members-table th:nth-child(1), .data-table.organized.members-table td:nth-child(1){ width:42px!important; } .data-table.organized.members-table th:nth-child(2), .data-table.organized.members-table td:nth-child(2){ width:auto!important; } /* tighter checkbox header */ .members-table thead th:first-child{ padding-left:4px!important; padding-right:4px!important; } @media(max-width:760px){ .folder-tabs{ padding-left:4px; overflow-x:auto; flex-wrap:nowrap; scrollbar-width:thin; } .folder-tab{ min-width:108px; flex:0 0 auto; } } /* v1.16.0 card-grid management */ .sidebar-handle{top:102px!important} .entity-card-grid,.finance-card-grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr)); gap:10px;align-items:stretch } .finance-card-grid{grid-template-columns:repeat(auto-fit,minmax(330px,1fr))} .entity-card{ position:relative;min-width:0;border:1px solid var(--pro-subtle);border-radius:6px; background:linear-gradient(180deg,var(--pro-surface),var(--pro-surface));padding:12px; box-shadow:0 2px 8px color-mix(in srgb, var(--pro-ink) 3.5%, transparent); transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease } .entity-card:hover,.entity-card:focus-within{ transform:translateY(-1px);border-color:var(--pro-subtle); box-shadow:0 8px 24px color-mix(in srgb, var(--pro-ink) 9.0%, transparent) } .entity-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0} .entity-card-title{display:grid;gap:2px;min-width:0} .entity-card-title strong,.entity-card-title .primary-text{font-size:var(--admin-body,13px);font-weight:750;color:var(--pro-ink);line-height:1.2;overflow-wrap:anywhere} .entity-card-title small{font-size:var(--admin-body,13px);color:var(--muted);line-height:1.25;overflow-wrap:anywhere} .entity-card-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:7px;margin-top:10px} .card-field{min-width:0;padding:7px 8px;border:1px solid var(--pro-subtle);border-radius:6px;background:var(--pro-surface)} .card-field>small{display:block;font-size:var(--admin-body,13px);color:var(--pro-muted);text-transform:uppercase;letter-spacing:.045em;margin-bottom:3px} .card-field>strong{display:block;font-size:var(--admin-body,13px);line-height:1.25;color:var(--pro-ink);overflow-wrap:anywhere} .card-field .secondary{font-size:var(--admin-body,13px);line-height:1.25} .card-field.wide{grid-column:span 2}.card-field.full{grid-column:1/-1} .card-money{font-size:var(--admin-body,13px)!important;letter-spacing:-.02em} .entity-card-meta{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center;margin-top:8px} .card-action-flyout{ position:absolute;top:9px;right:9px;z-index:4;display:flex;gap:4px;align-items:center; padding:4px;border:1px solid var(--pro-subtle);border-radius:6px;background:color-mix(in srgb, var(--pro-surface) 97.0%, transparent); box-shadow:0 6px 18px color-mix(in srgb, var(--pro-ink) 12.0%, transparent);opacity:0;visibility:hidden; transform:translateY(-4px);pointer-events:none;transition:.13s ease } .entity-card:hover .card-action-flyout,.entity-card:focus-within .card-action-flyout{ opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto } .card-action-flyout .btn,.card-action-flyout .icon-action{ min-width:30px!important;height:30px!important;padding:5px 7px!important;font-size:var(--admin-body,13px)!important;white-space:nowrap!important } .entity-card-select{position:absolute;left:10px;top:10px;z-index:3} .entity-card.has-select{padding-left:38px} .card-group-label{ grid-column:1/-1;padding:6px 8px;border-radius:6px;background:var(--pro-canvas);border:1px solid var(--pro-subtle); color:var(--pro-muted);font-size:var(--admin-body,13px);font-weight:750;text-transform:uppercase;letter-spacing:.05em } .receipt-card .entity-card-body,.payment-card .entity-card-body,.member-card .entity-card-body{grid-template-columns:repeat(2,minmax(0,1fr))} .plan-card .entity-card-body{grid-template-columns:repeat(3,minmax(0,1fr))} /* Dashboard folder tabs */ .dashboard-tabs{ display:flex;align-items:flex-end;gap:0;padding-left:8px;border-bottom:1px solid var(--pro-subtle); margin-bottom:10px;overflow-x:auto } .dashboard-tab{ position:relative;border:1px solid var(--pro-subtle);border-bottom:0;background:var(--pro-canvas);color:var(--pro-muted); border-radius:6px 9px 0 0;padding:8px 12px 7px;margin-right:3px;min-width:110px;cursor:pointer;flex:0 0 auto } .dashboard-tab::before{ content:"";position:absolute;left:10px;top:-4px;width:36px;height:5px;border:1px solid var(--pro-subtle); border-bottom:0;border-radius:6px 6px 0 0;background:inherit } .dashboard-tab.active{ background:var(--pro-surface);color:var(--pro-muted);border-color:var(--pro-subtle);border-bottom:1px solid var(--pro-surface);margin-bottom:-1px;z-index:2 } .dashboard-tab strong{display:block;font-size:var(--admin-body,13px)}.dashboard-tab small{display:block;font-size:var(--admin-body,13px);color:var(--pro-muted);margin-top:1px} .dashboard-tab-panel{display:grid;gap:10px} @media(max-width:900px){ .card-action-flyout{position:static;opacity:1;visibility:visible;transform:none;pointer-events:auto;margin-top:8px;width:max-content;max-width:100%;flex-wrap:wrap} .entity-card-grid,.finance-card-grid{grid-template-columns:1fr} } @media(max-width:520px){ .entity-card-body,.receipt-card .entity-card-body,.payment-card .entity-card-body,.member-card .entity-card-body,.plan-card .entity-card-body{grid-template-columns:1fr} .card-field.wide{grid-column:auto} } /* v1.16.1 stability + promotion/license cards */ .page-render-error{ border:1px solid var(--pro-bad-soft);background:var(--pro-canvas);border-radius:6px;padding:12px;color:var(--pro-muted) } .page-render-error strong{display:block;font-size:var(--admin-body,13px);margin-bottom:4px} .page-render-error small{display:block;font-size:var(--admin-body,13px);line-height:1.4} .promotion-card .entity-card-body,.license-card .entity-card-body{ grid-template-columns:repeat(2,minmax(0,1fr)) } .license-key{ font-family:ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.02em;font-size:var(--admin-body,13px)!important } /* v1.16.2 regression repair + internal tab styling */ /* Internal page tabs: Promotions / Bundles / Referrals */ .subtabs{ display:flex; align-items:flex-end; gap:0; flex-wrap:wrap; margin:0 8px 0 0; padding-left:6px; border-bottom:1px solid var(--pro-subtle); } .subtabs button{ position:relative; border:1px solid var(--pro-subtle); border-bottom:0; border-radius:6px 8px 0 0; background:var(--pro-canvas); color:var(--pro-muted); padding:7px 11px 6px; margin:0 3px 0 0; font:inherit; font-size:var(--admin-body,13px); line-height:1.15; cursor:pointer; min-height:30px; box-shadow:none; } .subtabs button:hover{ background:var(--pro-surface); color:var(--pro-muted); border-color:var(--pro-subtle); } .subtabs button.active{ background:var(--pro-surface); color:var(--pro-muted); font-weight:750; border-color:var(--pro-subtle); border-bottom:1px solid var(--pro-surface); margin-bottom:-1px; z-index:2; } .subtabs button::before{ content:""; position:absolute; top:-4px; left:8px; width:28px; height:5px; border:1px solid inherit; border-bottom:0; border-radius:5px 5px 0 0; background:inherit; } .page-tools .tool-left > .subtabs{ align-self:flex-end; } /* keep card grids visually stable even with zero/one records */ .entity-card-grid:has(.empty), .finance-card-grid:has(.empty){ grid-template-columns:1fr; } .entity-card-grid > .empty, .finance-card-grid > .empty{ min-height:90px; display:grid; place-items:center; border:1px dashed var(--pro-subtle); border-radius:6px; background:var(--pro-surface); } /* local render error should not visually dominate the entire page */ .page-render-error{ max-width:760px; } /* v1.16.4 bulk selection row alignment */ .bulkbar{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; min-height:40px; } .bulkbar .check-row{ display:inline-flex !important; flex-direction:row !important; align-items:center !important; justify-content:flex-start; gap:8px; white-space:nowrap; margin:0; padding:0 2px 0 0 !important; min-height:30px; } .bulkbar .check-row input[type="checkbox"]{ margin:0 !important; flex:0 0 auto; } .bulkbar .check-row span{ display:inline-block; line-height:1; white-space:nowrap; } .bulkbar .count{ display:inline-flex; align-items:center; line-height:1; white-space:nowrap; } .bulkbar .btn{ flex:0 0 auto; } @media (max-width: 760px){ .bulkbar{ gap:6px; } } /* v1.16.5 definitive member bulk toolbar layout */ .bulkbar{ display:inline-flex !important; align-items:center !important; justify-content:flex-start !important; gap:7px !important; flex-wrap:nowrap !important; width:auto !important; max-width:100% !important; min-width:0 !important; padding:4px 6px !important; overflow:visible !important; } .bulkbar > .check-row{ display:inline-grid !important; grid-template-columns:16px auto !important; align-items:center !important; column-gap:7px !important; width:auto !important; min-width:max-content !important; max-width:none !important; height:30px !important; min-height:30px !important; margin:0 !important; padding:0 8px !important; white-space:nowrap !important; flex:0 0 auto !important; position:static !important; } .bulkbar > .check-row input[type="checkbox"]{ position:static !important; display:block !important; width:16px !important; height:16px !important; min-width:16px !important; margin:0 !important; padding:0 !important; } .bulkbar > .check-row span{ position:static !important; display:block !important; width:auto !important; min-width:max-content !important; margin:0 !important; padding:0 !important; line-height:30px !important; white-space:nowrap !important; } .bulkbar > .count{ position:static !important; display:inline-flex !important; align-items:center !important; min-width:72px !important; width:auto !important; height:30px !important; padding:0 8px !important; margin:0 !important; white-space:nowrap !important; flex:0 0 auto !important; } .bulkbar > .btn{ position:static !important; flex:0 0 auto !important; margin:0 !important; } @media(max-width:760px){ .bulkbar{ flex-wrap:wrap !important; } } /* v1.17.0 Commercial Growth Center */ .growth-tabs{ display:flex;gap:0;align-items:flex-end;padding-left:8px;border-bottom:1px solid var(--pro-subtle); margin-bottom:10px;overflow-x:auto } .growth-tab{ position:relative;min-width:124px;flex:0 0 auto;border:1px solid var(--pro-subtle);border-bottom:0; background:var(--pro-canvas);color:var(--pro-muted);border-radius:6px 9px 0 0;padding:8px 12px 7px;margin-right:3px; cursor:pointer;text-align:left } .growth-tab::before{ content:"";position:absolute;left:10px;top:-4px;width:36px;height:5px;border:1px solid var(--pro-subtle); border-bottom:0;border-radius:6px 6px 0 0;background:inherit } .growth-tab.active{background:var(--pro-surface);color:var(--pro-muted);border-color:var(--pro-subtle);border-bottom:1px solid var(--pro-surface);margin-bottom:-1px;z-index:2} .growth-tab strong{display:block;font-size:var(--admin-body,13px)}.growth-tab small{display:block;font-size:var(--admin-body,13px);color:var(--pro-muted);margin-top:1px} .growth-kpis{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:7px;margin-bottom:10px} .growth-kpi{border:1px solid var(--line);border-radius:6px;background:var(--pro-surface);padding:9px} .growth-kpi small{display:block;font-size:var(--admin-body,13px);color:var(--muted);text-transform:uppercase;letter-spacing:.04em} .growth-kpi strong{display:block;font-size:17px;margin-top:3px} .growth-kpi .minor{font-size:var(--admin-body,13px);color:var(--muted);margin-top:2px;line-height:1.25} .growth-score{ display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center; border:1px solid var(--pro-subtle);background:linear-gradient(110deg,var(--pro-canvas),var(--pro-canvas));border-radius:6px;padding:12px;margin-bottom:10px } .growth-score-ring{ width:84px;height:84px;border-radius:50%;display:grid;place-items:center; background:conic-gradient(var(--pro-muted) calc(var(--growth-score)*1%),var(--pro-subtle) 0); position:relative } .growth-score-ring::after{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--pro-surface)} .growth-score-ring strong{position:relative;z-index:1;font-size:20px} .growth-score h3{font-size:var(--admin-body,13px);margin:0 0 3px}.growth-score p{font-size:var(--admin-body,13px);color:var(--muted);margin:0;line-height:1.4} .growth-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:10px} .growth-card{ border:1px solid var(--pro-subtle);border-radius:6px;background:var(--pro-surface);padding:10px;min-width:0;position:relative } .growth-card:hover{border-color:var(--pro-subtle);box-shadow:0 7px 20px color-mix(in srgb, var(--pro-ink) 7.0%, transparent)} .growth-card h4{font-size:var(--admin-body,13px);margin:0}.growth-card p{font-size:var(--admin-body,13px);color:var(--muted);line-height:1.38;margin:4px 0 0} .growth-card-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start} .growth-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px} .growth-metric{border:1px solid var(--pro-subtle);border-radius:6px;background:var(--pro-surface);padding:7px} .growth-metric small{display:block;color:var(--pro-muted);font-size:var(--admin-body,13px);text-transform:uppercase}.growth-metric strong{display:block;font-size:var(--admin-body,13px);margin-top:2px} .growth-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px} .bundle-products{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px} .bundle-product{padding:4px 6px;border-radius:999px;border:1px solid var(--pro-subtle);background:var(--pro-canvas);font-size:var(--admin-body,13px);color:var(--pro-muted)} .tier-table{display:grid;grid-template-columns:160px repeat(3,minmax(160px,1fr));border:1px solid var(--pro-subtle);border-radius:6px;overflow:hidden;background:var(--pro-surface)} .tier-cell{padding:9px;border-right:1px solid var(--pro-subtle);border-bottom:1px solid var(--pro-subtle);min-width:0} .tier-cell:nth-child(4n){border-right:0}.tier-head{background:var(--pro-canvas);font-weight:750;color:var(--pro-muted);font-size:var(--admin-body,13px)} .tier-cell strong{font-size:var(--admin-body,13px)}.tier-cell small{display:block;font-size:var(--admin-body,13px);color:var(--muted);line-height:1.3;margin-top:2px} .opportunity-list{display:grid;gap:6px} .opportunity{ display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center; border:1px solid var(--pro-subtle);border-radius:6px;background:var(--pro-surface);padding:8px } .opportunity.high{border-left:3px solid var(--pro-bad)}.opportunity.medium{border-left:3px solid var(--pro-warning)}.opportunity.low{border-left:3px solid var(--pro-muted)} .opportunity-icon{width:30px;height:30px;border-radius:6px;display:grid;place-items:center;background:var(--pro-canvas);color:var(--pro-muted);font-weight:750} .opportunity strong{font-size:var(--admin-body,13px)}.opportunity small{display:block;font-size:var(--admin-body,13px);color:var(--muted);line-height:1.35;margin-top:2px} .value-score{display:flex;align-items:center;gap:7px;margin-top:7px}.value-score .complete-bar{flex:1} .automation-flow{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:8px} .automation-node{padding:6px 8px;border:1px solid var(--pro-subtle);border-radius:6px;background:var(--pro-canvas);font-size:var(--admin-body,13px);color:var(--pro-muted)} .automation-arrow{color:var(--pro-muted)} .pricing-issue{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border-bottom:1px solid var(--pro-subtle);padding:7px 0} .pricing-issue:last-child{border-bottom:0}.pricing-issue strong{font-size:var(--admin-body,13px)}.pricing-issue small{display:block;font-size:var(--admin-body,13px);color:var(--muted);margin-top:2px} @media(max-width:1100px){.growth-kpis{grid-template-columns:repeat(3,1fr)}.tier-table{grid-template-columns:130px repeat(3,minmax(150px,1fr));overflow-x:auto}} @media(max-width:700px){.growth-kpis{grid-template-columns:repeat(2,1fr)}.growth-score{grid-template-columns:1fr}.opportunity{grid-template-columns:30px 1fr}.opportunity .growth-actions{grid-column:1/-1}.tier-table{display:block}.tier-cell{border-right:0}} /* v1.18.0 Subscription Control Center */ .subscription-tabs{display:flex;gap:0;align-items:flex-end;padding-left:7px;border-bottom:1px solid var(--pro-subtle);margin:0 0 10px;overflow-x:auto} .subscription-tab{position:relative;flex:0 0 auto;min-width:120px;border:1px solid var(--pro-subtle);border-bottom:0;background:var(--pro-canvas);color:var(--pro-muted);border-radius:6px 9px 0 0;padding:8px 11px 7px;margin-right:3px;text-align:left;cursor:pointer} .subscription-tab::before{content:"";position:absolute;top:-4px;left:10px;width:32px;height:5px;border:1px solid var(--pro-subtle);border-bottom:0;border-radius:6px 6px 0 0;background:inherit} .subscription-tab.active{background:var(--pro-surface);color:var(--pro-muted);border-color:var(--pro-subtle);border-bottom:1px solid var(--pro-surface);margin-bottom:-1px;z-index:2} .subscription-tab strong{display:block;font-size:var(--admin-body,13px)}.subscription-tab small{display:block;font-size:var(--admin-body,13px);color:var(--pro-muted);margin-top:1px} .subscription-kpis{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:7px;margin-bottom:10px} .subscription-kpi{background:var(--pro-surface);border:1px solid var(--line);border-radius:6px;padding:9px;min-width:0} .subscription-kpi small{display:block;font-size:var(--admin-body,13px);color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.subscription-kpi strong{display:block;font-size:17px;margin-top:3px}.subscription-kpi .minor{font-size:var(--admin-body,13px);color:var(--muted);line-height:1.3;margin-top:2px} .subscription-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:9px} .subscription-card{position:relative;background:var(--pro-surface);border:1px solid var(--pro-subtle);border-radius:6px;padding:10px;min-width:0;transition:.15s ease} .subscription-card:hover,.subscription-card:focus-within{border-color:var(--pro-line);box-shadow:0 7px 22px color-mix(in srgb, var(--pro-ink) 8.0%, transparent);transform:translateY(-1px)} .subscription-card.health-high{border-left:3px solid var(--pro-bad)}.subscription-card.health-medium{border-left:3px solid var(--pro-warning)}.subscription-card.health-low{border-left:3px solid var(--pro-muted)}.subscription-card.health-good{border-left:3px solid var(--pro-good)} .subscription-card-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.subscription-card-title{min-width:0}.subscription-card-title strong{display:block;font-size:var(--admin-body,13px)}.subscription-card-title small{display:block;color:var(--muted);font-size:var(--admin-body,13px);margin-top:2px;overflow:hidden;text-overflow:ellipsis} .subscription-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}.subscription-field{border:1px solid var(--pro-subtle);border-radius:6px;background:var(--pro-surface);padding:7px;min-width:0}.subscription-field.wide{grid-column:1/-1}.subscription-field small{display:block;font-size:var(--admin-body,13px);color:var(--pro-muted);text-transform:uppercase;letter-spacing:.03em}.subscription-field strong{display:block;font-size:var(--admin-body,13px);margin-top:2px;overflow-wrap:anywhere}.subscription-field span{display:block;font-size:var(--admin-body,13px);color:var(--muted);margin-top:2px} .subscription-health{margin-top:8px;padding:7px 8px;border-radius:6px;background:var(--pro-canvas);border:1px solid var(--pro-subtle)}.subscription-health strong{font-size:var(--admin-body,13px)}.subscription-health small{display:block;font-size:var(--admin-body,13px);color:var(--muted);line-height:1.35;margin-top:2px}.subscription-health ul{margin:5px 0 0;padding-left:16px;font-size:var(--admin-body,13px);color:var(--pro-muted);line-height:1.4} .subscription-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px} .recon-list{display:grid;gap:6px}.recon-item{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:8px;align-items:center;background:var(--pro-surface);border:1px solid var(--pro-subtle);border-radius:6px;padding:8px}.recon-item.high{border-left:3px solid var(--pro-bad)}.recon-item.medium{border-left:3px solid var(--pro-warning)}.recon-item.low{border-left:3px solid var(--pro-muted)}.recon-icon{width:29px;height:29px;border-radius:6px;background:var(--pro-canvas);display:grid;place-items:center;font-weight:750;color:var(--pro-muted)}.recon-item strong{font-size:var(--admin-body,13px)}.recon-item small{display:block;font-size:var(--admin-body,13px);color:var(--muted);line-height:1.35;margin-top:2px} .plan-change-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:8px}.plan-change{border:1px solid var(--pro-subtle);border-radius:6px;background:var(--pro-surface);padding:9px}.plan-change h4{font-size:var(--admin-body,13px);margin:0}.plan-change p{font-size:var(--admin-body,13px);color:var(--muted);line-height:1.35;margin:3px 0 0}.plan-change-options{display:grid;gap:5px;margin-top:7px}.plan-option{display:flex;justify-content:space-between;gap:8px;border:1px solid var(--pro-subtle);border-radius:7px;padding:6px;background:var(--pro-surface);font-size:var(--admin-body,13px)}.plan-option strong{font-size:var(--admin-body,13px)}.plan-option small{font-size:var(--admin-body,13px);color:var(--muted)} .subscription-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--pro-subtle);border-radius:6px;background:linear-gradient(110deg,var(--pro-canvas),var(--pro-canvas));padding:11px;margin-bottom:10px}.subscription-summary h3{font-size:var(--admin-body,13px);margin:0}.subscription-summary p{font-size:var(--admin-body,13px);color:var(--muted);line-height:1.4;margin:3px 0 0}.subscription-summary-score{min-width:70px;text-align:center}.subscription-summary-score strong{display:block;font-size:20px}.subscription-summary-score small{display:block;font-size:var(--admin-body,13px);color:var(--muted)} @media(max-width:1050px){.subscription-kpis{grid-template-columns:repeat(3,1fr)}} @media(max-width:700px){.subscription-kpis{grid-template-columns:repeat(2,1fr)}.subscription-card-grid{grid-template-columns:1fr}.recon-item{grid-template-columns:30px 1fr}.recon-item .subscription-actions{grid-column:1/-1}.subscription-summary{grid-template-columns:1fr}.subscription-summary-score{text-align:left}} /* v1.19.0 Reliability & Operations Center */ .reliability-tabs{display:flex;gap:0;align-items:flex-end;padding-left:8px;border-bottom:1px solid var(--pro-subtle);margin-bottom:10px;overflow-x:auto} .reliability-tab{position:relative;min-width:136px;flex:0 0 auto;border:1px solid var(--pro-subtle);border-bottom:0;background:var(--pro-canvas);color:var(--pro-muted);border-radius:6px 9px 0 0;padding:8px 12px 7px;margin-right:3px;cursor:pointer;text-align:left} .reliability-tab::before{content:"";position:absolute;left:10px;top:-4px;width:36px;height:5px;border:1px solid var(--pro-subtle);border-bottom:0;border-radius:6px 6px 0 0;background:inherit} .reliability-tab.active{background:var(--pro-surface);color:var(--pro-muted);border-color:var(--pro-subtle);border-bottom:1px solid var(--pro-surface);margin-bottom:-1px;z-index:2} .reliability-tab strong{display:block;font-size:var(--admin-body,13px)}.reliability-tab small{display:block;font-size:var(--admin-body,13px);color:var(--pro-muted);margin-top:1px} .health-kpis{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:7px;margin-bottom:10px} .health-kpi{border:1px solid var(--line);border-radius:6px;background:var(--pro-surface);padding:9px} .health-kpi small{display:block;font-size:var(--admin-body,13px);color:var(--muted);text-transform:uppercase;letter-spacing:.04em} .health-kpi strong{display:block;font-size:17px;margin-top:3px}.health-kpi .minor{font-size:var(--admin-body,13px);color:var(--muted);margin-top:2px;line-height:1.25} .reliability-health-score{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center;border:1px solid var(--pro-subtle);background:linear-gradient(110deg,var(--pro-canvas),var(--pro-canvas));border-radius:6px;padding:12px;margin-bottom:10px;min-height:92px;width:auto;height:auto;position:static} .health-score-ring{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--pro-muted) calc(var(--health-score)*1%),var(--pro-subtle) 0);position:relative} .health-score-ring::after{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--pro-surface)} .health-score-ring strong{position:relative;z-index:1;font-size:20px} .reliability-health-score h3{font-size:var(--admin-body,13px);margin:0 0 3px}.reliability-health-score p{font-size:var(--admin-body,13px);color:var(--muted);margin:0;line-height:1.4;max-width:760px} .reliability-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px} .reliability-card{border:1px solid var(--pro-subtle);border-radius:6px;background:var(--pro-surface);padding:10px;min-width:0} .reliability-card-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start} .reliability-card h4{font-size:var(--admin-body,13px);margin:0}.reliability-card p{font-size:var(--admin-body,13px);color:var(--muted);line-height:1.38;margin:4px 0 0} .health-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:8px;align-items:start;padding:7px 0;border-bottom:1px solid var(--pro-subtle)} .health-row:last-child{border-bottom:0}.health-dot{width:9px;height:9px;border-radius:50%;margin-top:3px;background:var(--pro-muted)}.health-dot.ok{background:var(--pro-muted)}.health-dot.warn{background:var(--pro-warning)}.health-dot.bad{background:var(--pro-bad)} .health-row strong{font-size:var(--admin-body,13px)}.health-row small{display:block;font-size:var(--admin-body,13px);color:var(--muted);line-height:1.35;margin-top:2px} .exception-list{display:grid;gap:6px} .exception-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--pro-subtle);border-radius:6px;background:var(--pro-surface);padding:8px} .exception-item.critical{border-left:3px solid var(--pro-bad)}.exception-item.high{border-left:3px solid var(--pro-bad)}.exception-item.medium{border-left:3px solid var(--pro-warning)}.exception-item.low{border-left:3px solid var(--pro-muted)} .exception-icon{width:30px;height:30px;border-radius:6px;display:grid;place-items:center;background:var(--pro-canvas);color:var(--pro-muted);font-weight:750} .exception-item strong{font-size:var(--admin-body,13px)}.exception-item small{display:block;font-size:var(--admin-body,13px);color:var(--muted);line-height:1.35;margin-top:2px} .integrity-group{margin-bottom:12px}.integrity-group h4{font-size:var(--admin-body,13px);margin:0 0 5px;color:var(--pro-muted)} .compat-table{display:grid;grid-template-columns:minmax(160px,1.1fr) repeat(4,minmax(130px,1fr));border:1px solid var(--pro-subtle);border-radius:6px;overflow:hidden;background:var(--pro-surface)} .compat-cell{padding:9px;border-right:1px solid var(--pro-subtle);border-bottom:1px solid var(--pro-subtle);min-width:0}.compat-cell:nth-child(5n){border-right:0}.compat-head{background:var(--pro-canvas);font-weight:750;color:var(--pro-muted);font-size:var(--admin-body,13px)} .compat-cell strong{font-size:var(--admin-body,13px)}.compat-cell small{display:block;font-size:var(--admin-body,13px);color:var(--muted);line-height:1.3;margin-top:2px}.release-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:999px;border:1px solid var(--pro-subtle);background:var(--pro-canvas);font-size:var(--admin-body,13px)} @media(max-width:1100px){.health-kpis{grid-template-columns:repeat(3,1fr)}.compat-table{overflow-x:auto}} @media(max-width:700px){.health-kpis{grid-template-columns:repeat(2,1fr)}.reliability-health-score{grid-template-columns:1fr}.exception-item{grid-template-columns:30px 1fr}.exception-item .actions{grid-column:1/-1}.compat-table{display:block}.compat-cell{border-right:0}} /* v1.19.1 stabilization authoritative controls */ .bulkbar{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;flex-wrap:wrap!important;width:auto!important;max-width:100%!important;min-width:0!important;padding:4px 6px!important;overflow:visible!important} .bulkbar>.check-row{display:inline-flex!important;align-items:center!important;gap:7px!important;width:auto!important;min-width:max-content!important;height:30px!important;margin:0!important;padding:0 8px!important;position:static!important;white-space:nowrap!important;flex:0 0 auto!important} .bulkbar>.check-row input[type="checkbox"]{position:static!important;width:16px!important;height:16px!important;margin:0!important;flex:0 0 auto!important} .bulkbar>.check-row span{position:static!important;display:inline-block!important;width:auto!important;line-height:1!important;white-space:nowrap!important} .bulkbar>.count{position:static!important;display:inline-flex!important;align-items:center!important;min-width:72px!important;height:30px!important;padding:0 8px!important;margin:0!important;white-space:nowrap!important;flex:0 0 auto!important} .bulkbar>.btn{position:static!important;flex:0 0 auto!important;margin:0!important} .page-render-error{max-width:760px} /* v1.19.2 operational hardening */ .data-freshness-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;margin:0 0 9px;border:1px solid var(--pro-warning);border-radius:6px;background:var(--pro-canvas);color:var(--pro-warning)} .data-freshness-banner strong{display:block;font-size:var(--admin-body,13px)}.data-freshness-banner small{display:block;font-size:var(--admin-body,13px);margin-top:2px;line-height:1.35;color:var(--pro-muted)} .qa-check-list{display:grid;gap:6px}.qa-check{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:center;border:1px solid var(--pro-subtle);border-radius:6px;background:var(--pro-surface);padding:8px} .qa-check>span{width:26px;height:26px;border-radius:6px;display:grid;place-items:center;font-weight:800;background:var(--pro-canvas);color:var(--pro-muted)}.qa-check.pass{border-left:3px solid var(--pro-muted)}.qa-check.pass>span{background:var(--pro-good-soft);color:var(--pro-muted)}.qa-check.fail{border-left:3px solid var(--pro-bad)}.qa-check.fail>span{background:var(--pro-canvas);color:var(--pro-bad)} .qa-check strong{font-size:var(--admin-body,13px)}.qa-check small{display:block;font-size:var(--admin-body,13px);color:var(--muted);margin-top:2px} /* v1.20.0 Revenue & Retention Intelligence */ .retention-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:10px} .retention-action-list{display:grid;gap:6px;margin-top:8px} .retention-action{ display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:8px;align-items:center; border:1px solid var(--pro-subtle);border-radius:6px;background:var(--pro-surface);padding:8px } .retention-action.high{border-left:3px solid var(--pro-bad)} .retention-action.medium{border-left:3px solid var(--pro-warning)} .retention-action.low{border-left:3px solid var(--pro-muted)} .retention-action-icon{ width:30px;height:30px;border-radius:6px;display:grid;place-items:center; background:var(--pro-canvas);color:var(--pro-muted);font-size:var(--admin-body,13px);font-weight:800 } .retention-action strong{font-size:var(--admin-body,13px)} .retention-action small{display:block;font-size:var(--admin-body,13px);line-height:1.35;color:var(--muted);margin-top:2px} @media(max-width:900px){.retention-layout{grid-template-columns:1fr}} @media(max-width:620px){.retention-action{grid-template-columns:30px 1fr}.retention-action .btn{grid-column:1/-1}} /* v1.21.0 Revenue Recovery */ .recovery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 8px;padding:8px 10px;border:1px solid var(--pro-subtle);border-radius:6px;background:var(--pro-surface)} .recovery-toolbar strong{display:block;font-size:var(--admin-body,13px)}.recovery-toolbar small{display:block;font-size:var(--admin-body,13px);color:var(--muted);margin-top:2px} .recovery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:9px} .recovery-card{border:1px solid var(--pro-subtle);border-radius:6px;background:var(--pro-surface);padding:10px;min-width:0} .recovery-card.high{border-left:3px solid var(--pro-bad)}.recovery-card.medium{border-left:3px solid var(--pro-warning)}.recovery-card.low{border-left:3px solid var(--pro-muted)} .recovery-card-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.recovery-card h4{font-size:var(--admin-body,13px);margin:2px 0 0}.recovery-card p{font-size:var(--admin-body,13px);color:var(--muted);line-height:1.35;margin:3px 0 0} .recovery-kind{font-size:var(--admin-body,13px);text-transform:uppercase;letter-spacing:.05em;color:var(--pro-muted);font-weight:750} .recovery-goal{margin-top:8px;padding:7px 8px;border:1px solid var(--pro-subtle);border-radius:6px;background:var(--pro-canvas);font-size:var(--admin-body,13px);line-height:1.4;color:var(--pro-muted)} .recovery-steps{display:grid;gap:4px;margin-top:7px}.recovery-steps>div{display:grid;grid-template-columns:20px minmax(0,1fr);gap:6px;align-items:center} .recovery-steps span{width:19px;height:19px;border-radius:6px;background:var(--pro-canvas);display:grid;place-items:center;font-size:var(--admin-body,13px);font-weight:800;color:var(--pro-muted)} .recovery-steps small{font-size:var(--admin-body,13px);color:var(--pro-muted);line-height:1.3} @media(max-width:700px){.recovery-toolbar{align-items:flex-start;flex-direction:column}.recovery-grid{grid-template-columns:1fr}} /* v1.22.0 Offer & Conversion Automation */ .offer-automation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:9px} .offer-card{border:1px solid var(--pro-subtle);border-radius:6px;background:var(--pro-surface);padding:10px;min-width:0} .offer-card.high{border-left:3px solid var(--pro-bad)}.offer-card.medium{border-left:3px solid var(--pro-warning)}.offer-card.low{border-left:3px solid var(--pro-muted)} .offer-card-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start} .offer-card h4{font-size:var(--admin-body,13px);margin:2px 0 0}.offer-card p{font-size:var(--admin-body,13px);color:var(--muted);margin:2px 0 0} .offer-score{width:34px;height:34px;border-radius:6px;background:var(--pro-canvas);color:var(--pro-muted);display:grid;place-items:center;font-size:var(--admin-body,13px);font-weight:800} .offer-reason{margin-top:7px;padding:7px 8px;border-radius:6px;background:var(--pro-canvas);border:1px solid var(--pro-subtle);font-size:var(--admin-body,13px);line-height:1.4;color:var(--pro-muted)} .offer-objective,.offer-guardrail{margin-top:7px;padding:7px 8px;border-radius:6px;border:1px solid var(--pro-subtle)} .offer-objective{background:var(--pro-canvas)}.offer-guardrail{background:var(--pro-canvas)} .offer-objective strong,.offer-guardrail strong{display:block;font-size:var(--admin-body,13px);text-transform:uppercase;letter-spacing:.04em;color:var(--pro-muted)} .offer-objective small,.offer-guardrail small{display:block;font-size:var(--admin-body,13px);line-height:1.35;color:var(--pro-muted);margin-top:2px} @media(max-width:700px){.offer-automation-grid{grid-template-columns:1fr}} /* v1.23.0 Offer Performance & Experiment Intelligence */ .experiment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:9px} .experiment-card{border:1px solid var(--pro-subtle);border-radius:6px;background:var(--pro-surface);padding:10px;min-width:0} .experiment-card.high{border-left:3px solid var(--pro-bad)}.experiment-card.medium{border-left:3px solid var(--pro-warning)}.experiment-card.low{border-left:3px solid var(--pro-muted)} .experiment-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.experiment-card h4{font-size:var(--admin-body,13px);margin:2px 0 0}.experiment-card p{font-size:var(--admin-body,13px);color:var(--muted);margin:2px 0 0} .experiment-finance{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px} .experiment-finance>div{border:1px solid var(--pro-subtle);border-radius:6px;background:var(--pro-canvas);padding:7px} .experiment-finance small{display:block;font-size:var(--admin-body,13px);color:var(--muted)}.experiment-finance strong{display:block;font-size:var(--admin-body,13px);margin-top:2px} @media(max-width:700px){.experiment-grid{grid-template-columns:1fr}.experiment-finance{grid-template-columns:1fr}} /* v1.24.0 Conversion Funnel & Cohort Intelligence */ .funnel-panel{border:1px solid var(--pro-subtle);border-radius:6px;background:var(--pro-surface);padding:10px;margin-bottom:10px} .funnel-stage-grid{display:grid;grid-template-columns:repeat(8,minmax(105px,1fr));gap:7px} .funnel-stage{border:1px solid var(--pro-subtle);border-radius:6px;background:var(--pro-surface);padding:8px;min-width:0} .funnel-stage small{display:block;font-size:var(--admin-body,13px);text-transform:uppercase;color:var(--pro-muted)}.funnel-stage strong{display:block;font-size:17px;margin-top:3px} .funnel-stage em{display:block;font-size:var(--admin-body,13px);color:var(--muted);font-style:normal;margin-top:4px} .funnel-bar{height:5px;border-radius:999px;background:var(--pro-subtle);overflow:hidden;margin-top:5px}.funnel-bar span{display:block;height:100%;background:var(--pro-muted);border-radius:999px} .funnel-two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px} .cohort-table{display:grid;grid-template-columns:minmax(90px,1fr) repeat(6,minmax(80px,1fr));border:1px solid var(--pro-subtle);border-radius:6px;overflow:hidden;background:var(--pro-surface)} .cohort-cell{padding:8px;border-right:1px solid var(--pro-subtle);border-bottom:1px solid var(--pro-subtle);font-size:var(--admin-body,13px)}.cohort-cell:nth-child(7n){border-right:0}.cohort-head{background:var(--pro-canvas);font-weight:750;color:var(--pro-muted)} .cohort-cell small{display:block;color:var(--muted);font-size:var(--admin-body,13px);margin-top:1px} .product-funnel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:9px;padding:10px} .product-funnel-card{border:1px solid var(--pro-subtle);border-radius:6px;background:var(--pro-surface);padding:9px}.product-funnel-card h4{font-size:var(--admin-body,13px);margin:0}.product-funnel-card p{font-size:var(--admin-body,13px);color:var(--muted);margin:2px 0 0} @media(max-width:1200px){.funnel-stage-grid{grid-template-columns:repeat(4,1fr)}} @media(max-width:800px){.funnel-two-col{grid-template-columns:1fr}.cohort-table{overflow-x:auto}.funnel-stage-grid{grid-template-columns:repeat(2,1fr)}} /* v1.25.0 Product Profitability & Portfolio Allocation */ .allocation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:9px} .allocation-card{border:1px solid var(--pro-subtle);border-radius:6px;background:var(--pro-surface);padding:10px;min-width:0} .allocation-card.high{border-left:3px solid var(--pro-bad)}.allocation-card.medium{border-left:3px solid var(--pro-warning)}.allocation-card.low{border-left:3px solid var(--pro-muted)} .allocation-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.allocation-card h4{font-size:var(--admin-body,13px);margin:2px 0 0}.allocation-card p{font-size:var(--admin-body,13px);color:var(--muted);line-height:1.35;margin:3px 0 0} .allocation-decision{display:inline-flex;padding:3px 6px;border-radius:999px;border:1px solid var(--pro-subtle);background:var(--pro-canvas);font-size:var(--admin-body,13px);font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--pro-muted)} .allocation-score{width:42px;height:42px;border-radius:6px;background:var(--pro-canvas);display:grid;place-items:center;font-size:var(--admin-body,13px);font-weight:850;color:var(--pro-muted);flex:0 0 auto} .allocation-diagnostics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px} .allocation-diagnostics>div{border:1px solid var(--pro-subtle);border-radius:6px;background:var(--pro-canvas);padding:7px} .allocation-diagnostics small{display:block;font-size:var(--admin-body,13px);color:var(--muted)}.allocation-diagnostics strong{display:block;font-size:var(--admin-body,13px);margin-top:2px}.allocation-diagnostics span{display:block;font-size:var(--admin-body,13px);color:var(--pro-muted);margin-top:2px;line-height:1.25} @media(max-width:800px){.allocation-grid{grid-template-columns:1fr}.allocation-diagnostics{grid-template-columns:1fr}} /* v1.26.0 Executive Revenue Forecasting & Scenario Planning */ .forecast-scenario-tabs{display:flex;gap:6px;overflow-x:auto;margin:0 0 9px;padding-bottom:2px} .forecast-scenario{flex:0 0 auto;min-width:145px;border:1px solid var(--pro-subtle);border-radius:6px;background:var(--pro-canvas);padding:7px 9px;text-align:left;cursor:pointer;color:var(--pro-muted)} .forecast-scenario.active{background:var(--pro-surface);border-color:var(--pro-line);box-shadow:0 1px 3px color-mix(in srgb, var(--pro-ink) 8.0%, transparent)} .forecast-scenario strong{display:block;font-size:var(--admin-body,13px)}.forecast-scenario small{display:block;font-size:var(--admin-body,13px);color:var(--muted);margin-top:2px} .forecast-two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:10px} .forecast-driver{display:grid;grid-template-columns:minmax(120px,1fr) auto;gap:4px 10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--pro-subtle)} .forecast-driver:last-child{border-bottom:0}.forecast-driver span{font-size:var(--admin-body,13px);font-weight:700}.forecast-driver strong{font-size:var(--admin-body,13px)}.forecast-driver small{grid-column:1/-1;font-size:var(--admin-body,13px);color:var(--muted)} .forecast-driver.positive strong{color:var(--pro-muted)}.forecast-driver.negative strong{color:var(--pro-bad)} .forecast-table{display:grid;grid-template-columns:minmax(140px,1.2fr) repeat(5,minmax(95px,1fr));border:1px solid var(--pro-subtle);border-radius:6px;overflow:hidden;background:var(--pro-surface)} .forecast-cell{padding:8px;border-right:1px solid var(--pro-subtle);border-bottom:1px solid var(--pro-subtle);font-size:var(--admin-body,13px)}.forecast-cell:nth-child(6n){border-right:0}.forecast-head{background:var(--pro-canvas);font-weight:750;color:var(--pro-muted)} @media(max-width:800px){.forecast-two-col{grid-template-columns:1fr}.forecast-table{overflow-x:auto}.forecast-cell{min-width:95px}} /* v1.27.0 Executive Action Planner & Resource Allocation */ .planner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:9px} .planner-card{border:1px solid var(--pro-subtle);border-radius:6px;background:var(--pro-surface);padding:10px;min-width:0} .planner-card.do-now{border-left:3px solid var(--pro-bad)}.planner-card.quick-win{border-left:3px solid var(--pro-muted)}.planner-card.high-roi{border-left:3px solid var(--pro-muted)}.planner-card.strategic{border-left:3px solid var(--pro-muted)}.planner-card.defer{border-left:3px solid var(--pro-muted)} .planner-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.planner-card h4{font-size:var(--admin-body,13px);margin:2px 0 0}.planner-card p{font-size:var(--admin-body,13px);color:var(--muted);line-height:1.35;margin:3px 0 0} .planner-bucket{display:inline-flex;padding:3px 6px;border-radius:999px;border:1px solid var(--pro-subtle);background:var(--pro-canvas);font-size:var(--admin-body,13px);font-weight:800;text-transform:uppercase;color:var(--pro-muted)} .planner-score{width:42px;height:42px;border-radius:6px;background:var(--pro-canvas);display:grid;place-items:center;font-size:var(--admin-body,13px);font-weight:850;color:var(--pro-muted);flex:0 0 auto} .planner-matrix{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:8px}.planner-matrix>div{border:1px solid var(--pro-subtle);border-radius:6px;background:var(--pro-canvas);padding:6px}.planner-matrix small{display:block;font-size:var(--admin-body,13px);color:var(--muted)}.planner-matrix strong{display:block;font-size:var(--admin-body,13px);margin-top:2px} .planner-bar{height:5px;border-radius:999px;background:var(--pro-subtle);overflow:hidden;margin-top:8px}.planner-bar span{display:block;height:100%;background:var(--pro-muted);border-radius:999px} @media(max-width:700px){.planner-grid{grid-template-columns:1fr}.planner-matrix{grid-template-columns:repeat(2,1fr)}} /* v1.27.1 Gradient Priority Awareness */ :root{ --prio-red-grad: linear-gradient(90deg, color-mix(in srgb, var(--pro-canvas) 98.0%, transparent) 0%, color-mix(in srgb, var(--pro-canvas) 98.0%, transparent) 60%, color-mix(in srgb, var(--pro-surface) 98.0%, transparent) 100%); --prio-yellow-grad: linear-gradient(90deg, color-mix(in srgb, var(--pro-warning-soft) 98.0%, transparent) 0%, color-mix(in srgb, var(--pro-canvas) 98.0%, transparent) 60%, color-mix(in srgb, var(--pro-surface) 98.0%, transparent) 100%); --prio-pink-grad: linear-gradient(90deg, color-mix(in srgb, var(--pro-canvas) 98.0%, transparent) 0%, color-mix(in srgb, var(--pro-canvas) 98.0%, transparent) 60%, color-mix(in srgb, var(--pro-surface) 98.0%, transparent) 100%); --prio-purple-grad: linear-gradient(90deg, color-mix(in srgb, var(--pro-canvas) 98.0%, transparent) 0%, color-mix(in srgb, var(--pro-canvas) 98.0%, transparent) 60%, color-mix(in srgb, var(--pro-surface) 98.0%, transparent) 100%); --prio-green-grad: linear-gradient(90deg, color-mix(in srgb, var(--pro-good-soft) 98.0%, transparent) 0%, color-mix(in srgb, var(--pro-canvas) 98.0%, transparent) 60%, color-mix(in srgb, var(--pro-surface) 98.0%, transparent) 100%); --prio-blue-grad: linear-gradient(90deg, color-mix(in srgb, var(--pro-canvas) 98.0%, transparent) 0%, color-mix(in srgb, var(--pro-canvas) 98.0%, transparent) 60%, color-mix(in srgb, var(--pro-surface) 98.0%, transparent) 100%); --prio-red-line:var(--pro-bad); --prio-yellow-line:var(--pro-warning); --prio-pink-line:var(--pro-line); --prio-purple-line:var(--pro-subtle); --prio-green-line:var(--pro-good); --prio-blue-line:var(--pro-subtle); } /* Global chips / tags */ .badge.smart-tag{ box-shadow: inset 0 1px 0 color-mix(in srgb, var(--pro-surface) 72.0%, transparent), 0 1px 2px color-mix(in srgb, var(--pro-ink) 5.0%, transparent); } .smart-tag.tag-active{ background:var(--prio-green-grad)!important; border-color:var(--prio-green-line)!important; color:var(--pro-muted)!important; } .smart-tag.tag-free{ background:var(--prio-green-grad)!important; border-color:var(--pro-good-soft)!important; color:var(--pro-muted)!important; } .smart-tag.tag-monetize{ background:var(--prio-yellow-grad)!important; border-color:var(--prio-yellow-line)!important; color:var(--pro-warning)!important; } .smart-tag.tag-plan{ background:var(--prio-blue-grad)!important; border-color:var(--prio-blue-line)!important; color:var(--pro-muted)!important; } .smart-tag.tag-trial{ background:var(--prio-blue-grad)!important; border-color:var(--pro-subtle)!important; color:var(--pro-muted)!important; } .smart-tag.tag-promo{ background:var(--prio-pink-grad)!important; border-color:var(--prio-pink-line)!important; color:var(--pro-muted)!important; } .smart-tag.tag-license{ background:var(--prio-purple-grad)!important; border-color:var(--prio-purple-line)!important; color:var(--pro-muted)!important; } .smart-tag.tag-admin{ background:var(--prio-purple-grad)!important; border-color:var(--pro-subtle)!important; color:var(--pro-muted)!important; } .smart-tag.tag-disabled{ background:var(--prio-red-grad)!important; border-color:var(--prio-red-line)!important; color:var(--pro-bad)!important; } .smart-tag.tag-neutral{ background:linear-gradient(90deg, color-mix(in srgb, var(--pro-canvas) 98.0%, transparent) 0%, color-mix(in srgb, var(--pro-canvas) 98.0%, transparent) 70%, color-mix(in srgb, var(--pro-surface) 98.0%, transparent) 100%)!important; border-color:var(--pro-subtle)!important; color:var(--pro-muted)!important; } /* Important note surfaces */ .control-note{ background:var(--prio-blue-grad)!important; border-color:var(--prio-blue-line)!important; } .data-freshness-banner{ background:var(--prio-yellow-grad)!important; border-color:var(--prio-yellow-line)!important; } /* Health / integrity */ .qa-check.pass{ background:var(--prio-green-grad)!important; } .qa-check.warn{ background:var(--prio-yellow-grad)!important; } .qa-check.fail{ background:var(--prio-red-grad)!important; } .exception-card.high, .exception-item.critical, .exception-item.high{ background:var(--prio-red-grad)!important; } .exception-card.medium, .exception-item.medium{ background:var(--prio-yellow-grad)!important; } .exception-card.low, .exception-item.low{ background:var(--prio-blue-grad)!important; } .close-check .bad, .approval-card .btn.danger{ box-shadow:0 1px 2px color-mix(in srgb, var(--pro-muted) 4.0%, transparent); } /* Growth / priority cards */ .retention-action.high, .recovery-card.high, .offer-card.high, .experiment-card.high, .allocation-card.high{ background:var(--prio-red-grad)!important; border-color:var(--prio-red-line)!important; } .retention-action.medium, .recovery-card.medium, .offer-card.medium, .experiment-card.medium, .allocation-card.medium{ background:var(--prio-yellow-grad)!important; border-color:var(--prio-yellow-line)!important; } .retention-action.low, .recovery-card.low, .offer-card.low, .experiment-card.low{ background:var(--prio-blue-grad)!important; border-color:var(--prio-blue-line)!important; } .allocation-card.low{ background:var(--prio-green-grad)!important; border-color:var(--prio-green-line)!important; } .planner-card.do-now{ background:var(--prio-red-grad)!important; border-color:var(--prio-red-line)!important; } .planner-card.quick-win{ background:var(--prio-green-grad)!important; border-color:var(--prio-green-line)!important; } .planner-card.high-roi{ background:var(--prio-blue-grad)!important; border-color:var(--prio-blue-line)!important; } .planner-card.strategic{ background:var(--prio-purple-grad)!important; border-color:var(--prio-purple-line)!important; } .planner-card.defer{ background:var(--prio-pink-grad)!important; border-color:var(--prio-pink-line)!important; } /* Supporting emphasis widgets */ .offer-objective{ background:var(--prio-green-grad)!important; border-color:var(--pro-good-soft)!important; } .offer-guardrail{ background:var(--prio-yellow-grad)!important; border-color:var(--pro-warning)!important; } .recovery-goal, .offer-reason{ background:var(--prio-blue-grad)!important; border-color:var(--pro-subtle)!important; } .experiment-finance > div, .allocation-diagnostics > div, .planner-matrix > div{ background:linear-gradient(180deg, color-mix(in srgb, var(--pro-surface) 96.0%, transparent) 0%, color-mix(in srgb, var(--pro-canvas) 96.0%, transparent) 100%); } /* Gentle lift for highlighted blocks */ .retention-action, .recovery-card, .offer-card, .experiment-card, .allocation-card, .planner-card, .exception-item, .exception-card, .data-freshness-banner, .control-note, .qa-check{ box-shadow: inset 0 1px 0 color-mix(in srgb, var(--pro-surface) 78.0%, transparent), 0 1px 3px color-mix(in srgb, var(--pro-muted) 5.0%, transparent); } /* Hover clarity */ .retention-action:hover, .recovery-card:hover, .offer-card:hover, .experiment-card:hover, .allocation-card:hover, .planner-card:hover, .exception-item:hover, .exception-card:hover{ box-shadow: inset 0 1px 0 color-mix(in srgb, var(--pro-surface) 78.0%, transparent), 0 4px 10px color-mix(in srgb, var(--pro-muted) 8.0%, transparent); } /* v1.28.0 Smart Escalation & Aging Priority */ .prio-red{background:var(--prio-red-grad)!important;border-color:var(--prio-red-line)!important} .prio-yellow{background:var(--prio-yellow-grad)!important;border-color:var(--prio-yellow-line)!important} .prio-pink{background:var(--prio-pink-grad)!important;border-color:var(--prio-pink-line)!important} .prio-purple{background:var(--prio-purple-grad)!important;border-color:var(--prio-purple-line)!important} .prio-green{background:var(--prio-green-grad)!important;border-color:var(--prio-green-line)!important} .prio-blue{background:var(--prio-blue-grad)!important;border-color:var(--prio-blue-line)!important} .prio-red,.prio-yellow,.prio-pink,.prio-purple,.prio-green,.prio-blue{transition:background .2s ease,border-color .2s ease,box-shadow .2s ease} .prio-red{box-shadow:inset 3px 0 0 var(--pro-bad),0 2px 6px color-mix(in srgb, var(--pro-bad) 6.0%, transparent)!important} .prio-pink{box-shadow:inset 3px 0 0 var(--pro-muted),0 2px 6px color-mix(in srgb, var(--pro-muted) 5.0%, transparent)!important} .prio-yellow{box-shadow:inset 3px 0 0 var(--pro-warning),0 2px 6px color-mix(in srgb, var(--pro-warning) 5.0%, transparent)!important} .prio-green{box-shadow:inset 3px 0 0 var(--pro-muted),0 2px 6px color-mix(in srgb, var(--pro-good) 4.0%, transparent)!important} .prio-blue{box-shadow:inset 3px 0 0 var(--pro-muted),0 2px 6px color-mix(in srgb, var(--pro-muted) 4.0%, transparent)!important} .prio-purple{box-shadow:inset 3px 0 0 var(--pro-muted),0 2px 6px color-mix(in srgb, var(--pro-muted) 4.0%, transparent)!important} /* v1.29.0 Unified Executive Attention Inbox */ .attention-top-panel{border:1px solid var(--pro-subtle);border-radius:6px;background:var(--pro-surface);padding:10px;margin-bottom:10px} .attention-list{display:grid;gap:7px} .attention-item{display:grid;grid-template-columns:34px minmax(0,1fr) 62px auto;gap:8px;align-items:center;border:1px solid var(--pro-subtle);border-radius:6px;padding:8px 9px;background:var(--pro-surface)} .attention-rank{width:30px;height:30px;border-radius:6px;background:color-mix(in srgb, var(--pro-surface) 70.0%, transparent);border:1px solid color-mix(in srgb, var(--pro-muted) 18.0%, transparent);display:grid;place-items:center;font-size:var(--admin-body,13px);font-weight:850;color:var(--pro-muted)} .attention-copy strong{display:block;font-size:var(--admin-body,13px);margin-top:1px}.attention-copy small{display:block;font-size:var(--admin-body,13px);color:var(--muted);line-height:1.35;margin-top:2px} .attention-score{text-align:right}.attention-score small{display:block;font-size:var(--admin-body,13px);color:var(--muted)}.attention-score strong{display:block;font-size:15px;color:var(--pro-muted)} .attention-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .attention-mini{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--pro-subtle);border-radius:6px;padding:7px 8px;margin-top:6px;background:var(--pro-surface)} .attention-mini strong{font-size:var(--admin-body,13px)}.attention-mini small{display:block;font-size:var(--admin-body,13px);color:var(--muted);margin-top:2px} @media(max-width:850px){.attention-groups{grid-template-columns:1fr}.attention-item{grid-template-columns:30px minmax(0,1fr) 48px}.attention-item .btn{grid-column:1/-1}} /* v1.30.0 Executive Daily Briefing + KPI Change Detection */ .briefing-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--pro-subtle);border-radius:6px;padding:11px 12px;margin-bottom:10px} .briefing-hero h3{font-size:var(--admin-body,13px);margin:3px 0}.briefing-hero p{font-size:var(--admin-body,13px);color:var(--muted);margin:0} .briefing-two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px} .briefing-change{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--pro-subtle);border-radius:6px;padding:7px 8px;margin-top:6px} .briefing-change strong{display:block;font-size:var(--admin-body,13px)}.briefing-change small{display:block;font-size:var(--admin-body,13px);color:var(--muted);margin-top:2px} .momentum-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:9px;padding:10px} .momentum-card{border:1px solid var(--pro-subtle);border-radius:6px;padding:9px} .momentum-card h4{font-size:var(--admin-body,13px);margin:0}.momentum-card p{font-size:var(--admin-body,13px);color:var(--muted);margin:2px 0 0} @media(max-width:850px){.briefing-two-col{grid-template-columns:1fr}.briefing-hero{align-items:flex-start;flex-direction:column}} /* v1.31.0 Persistent Business Analytics History */ .history-window-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:10px} .history-window{border:1px solid var(--pro-subtle);border-radius:6px;padding:9px} .history-table{display:grid;grid-template-columns:minmax(90px,.8fr) minmax(150px,1.5fr) repeat(6,minmax(70px,.7fr));border:1px solid var(--pro-subtle);border-radius:6px;overflow:hidden;background:var(--pro-surface)} .history-cell{padding:8px;border-right:1px solid var(--pro-subtle);border-bottom:1px solid var(--pro-subtle);font-size:var(--admin-body,13px);min-width:0} .history-cell:nth-child(8n){border-right:0}.history-head{background:var(--pro-canvas);font-weight:750;color:var(--pro-muted)} @media(max-width:950px){.history-window-grid{grid-template-columns:1fr}.history-table{display:block;overflow-x:auto}.history-cell{min-width:95px;display:inline-block}} /* v1.32.0 Predictive Anomaly & Revenue Early Warning */ .warning-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--pro-subtle);border-radius:6px;padding:11px 12px;margin-bottom:10px} .warning-hero h3{font-size:var(--admin-body,13px);margin:3px 0}.warning-hero p{font-size:var(--admin-body,13px);color:var(--muted);margin:0} .warning-status{min-width:64px;height:40px;border-radius:6px;background:color-mix(in srgb, var(--pro-surface) 72.0%, transparent);border:1px solid color-mix(in srgb, var(--pro-muted) 16.0%, transparent);display:grid;place-items:center;font-size:var(--admin-body,13px);font-weight:850;color:var(--pro-muted)} .warning-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:9px} .warning-card{border:1px solid var(--pro-subtle);border-radius:6px;padding:10px;background:var(--pro-surface)} .warning-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.warning-card h4{font-size:var(--admin-body,13px);margin:2px 0}.warning-card p{font-size:var(--admin-body,13px);color:var(--muted);line-height:1.35;margin:2px 0 0} .warning-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.warning-metrics>div{border:1px solid var(--pro-subtle);border-radius:6px;background:color-mix(in srgb, var(--pro-surface) 72.0%, transparent);padding:7px}.warning-metrics small{display:block;font-size:var(--admin-body,13px);color:var(--muted)}.warning-metrics strong{display:block;font-size:var(--admin-body,13px);margin-top:2px} .warning-bar{height:5px;border-radius:999px;background:var(--pro-subtle);overflow:hidden;margin-top:8px}.warning-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--pro-warning),var(--pro-bad));border-radius:999px} @media(max-width:760px){.warning-grid{grid-template-columns:1fr}.warning-metrics{grid-template-columns:repeat(2,1fr)}.warning-hero{align-items:flex-start;flex-direction:column}} /* v1.33.0 Automated Intervention Playbooks */ .playbook-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:9px} .playbook-card{border:1px solid var(--pro-subtle);border-radius:6px;padding:10px;background:var(--pro-surface);min-width:0} .playbook-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.playbook-card h4{font-size:var(--admin-body,13px);margin:2px 0}.playbook-card p{font-size:var(--admin-body,13px);color:var(--muted);line-height:1.35;margin:2px 0} .playbook-phase{margin-top:8px;padding:8px;border:1px solid var(--pro-subtle);border-radius:6px;background:color-mix(in srgb, var(--pro-surface) 70.0%, transparent)} .playbook-phase>strong{display:block;font-size:var(--admin-body,13px);text-transform:uppercase;letter-spacing:.04em;color:var(--pro-muted);margin-bottom:5px} .playbook-step{display:grid;grid-template-columns:12px 1fr;gap:4px;padding:3px 0}.playbook-step span{font-size:var(--admin-body,13px);color:var(--pro-muted)}.playbook-step small{font-size:var(--admin-body,13px);line-height:1.35;color:var(--pro-muted)} .playbook-actions{display:flex;gap:5px;flex-wrap:wrap} .playbook-measures{display:flex;gap:5px;flex-wrap:wrap}.playbook-measures span{padding:4px 6px;border:1px solid var(--pro-subtle);border-radius:999px;background:var(--pro-canvas);font-size:var(--admin-body,13px);color:var(--pro-muted)} .playbook-outcome{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin-top:8px;padding:8px;border:1px solid var(--pro-subtle);border-radius:6px} .playbook-outcome strong{display:block;font-size:var(--admin-body,13px)}.playbook-outcome small{display:block;font-size:var(--admin-body,13px);color:var(--muted);margin-top:2px} @media(max-width:760px){.playbook-grid{grid-template-columns:1fr}.playbook-outcome{grid-template-columns:1fr}.playbook-outcome .btn{width:100%}} /* v1.34.0 Persistent Intervention ROI Tracking */ .playbook-outcome-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end} .roi-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:9px} .roi-type-card{border:1px solid var(--pro-subtle);border-radius:6px;padding:9px} .roi-type-card h4{font-size:var(--admin-body,13px);margin:0}.roi-type-card p{font-size:var(--admin-body,13px);color:var(--muted);margin:2px 0 0} .roi-history{display:grid;grid-template-columns:minmax(85px,.7fr) minmax(180px,1.5fr) minmax(80px,.7fr) repeat(4,minmax(75px,.7fr));border:1px solid var(--pro-subtle);border-radius:6px;overflow:hidden;background:var(--pro-surface)} .roi-cell{padding:8px;border-right:1px solid var(--pro-subtle);border-bottom:1px solid var(--pro-subtle);font-size:var(--admin-body,13px)}.roi-cell:nth-child(7n){border-right:0}.roi-cell small{display:block;font-size:var(--admin-body,13px);color:var(--muted);margin-top:2px} .roi-head{background:var(--pro-canvas);font-weight:750;color:var(--pro-muted)} @media(max-width:850px){.playbook-outcome-actions{justify-content:flex-start}.roi-history{display:block;overflow-x:auto}.roi-cell{min-width:95px;display:inline-block}} /* v1.35.0 Product Launch Priority & Readiness */ .product-launch-summary{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:7px;margin:0 0 9px} .launch-summary-card{border:1px solid var(--pro-subtle);border-radius:6px;padding:8px 9px}.launch-summary-card small{display:block;font-size:var(--admin-body,13px);color:var(--muted)}.launch-summary-card strong{display:block;font-size:15px;margin-top:2px} .launch-priority-card{position:relative} .launch-card-top{display:grid;grid-template-columns:minmax(100px,1fr) minmax(100px,1fr) 72px;gap:6px;align-items:end;margin:7px 0} .launch-quick-select span{display:block;font-size:var(--admin-body,13px);color:var(--muted);margin-bottom:2px}.launch-quick-select select{width:100%;height:28px;border:1px solid var(--pro-subtle);border-radius:7px;background:color-mix(in srgb, var(--pro-surface) 78.0%, transparent);font-size:var(--admin-body,13px);padding:0 6px;color:var(--pro-muted)} .launch-grade{border:1px solid color-mix(in srgb, var(--pro-muted) 18.0%, transparent);border-radius:6px;background:color-mix(in srgb, var(--pro-surface) 72.0%, transparent);padding:5px 7px;text-align:center}.launch-grade small{display:block;font-size:var(--admin-body,13px);color:var(--muted)}.launch-grade strong{font-size:var(--admin-body,13px)}.launch-grade span{display:block;font-size:var(--admin-body,13px);color:var(--pro-muted)} .launch-progress{height:5px;border-radius:999px;background:color-mix(in srgb, var(--pro-subtle) 75.0%, transparent);overflow:hidden;margin-bottom:7px}.launch-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--pro-muted),var(--pro-muted))} .launch-stage,.launch-target{display:inline-flex;align-items:center;padding:3px 6px;margin-left:4px;border-radius:999px;border:1px solid color-mix(in srgb, var(--pro-muted) 17.0%, transparent);background:color-mix(in srgb, var(--pro-surface) 64.0%, transparent);font-size:var(--admin-body,13px);color:var(--pro-muted)} @media(max-width:850px){.product-launch-summary{grid-template-columns:repeat(2,1fr)}.launch-card-top{grid-template-columns:1fr 1fr}.launch-grade{grid-column:1/-1;text-align:left;display:flex;align-items:center;gap:6px}} /* v1.35.1 Dashboard Launch Priority Board */ .dashboard-launch-board{margin-top:10px;border:1px solid var(--pro-subtle);border-radius:6px;background:var(--pro-surface);padding:10px} .dash-priority-summary{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:6px;margin-bottom:10px} .dash-priority-kpi{border:1px solid var(--pro-subtle);border-radius:6px;padding:7px 8px}.dash-priority-kpi small{display:block;font-size:var(--admin-body,13px);color:var(--muted)}.dash-priority-kpi strong{display:block;font-size:var(--admin-body,13px);margin-top:2px}.dash-priority-kpi span{display:block;font-size:var(--admin-body,13px);color:var(--pro-muted);margin-top:2px} .dash-priority-group{margin-top:9px;border:1px solid var(--pro-subtle);border-radius:6px;overflow:hidden} .dash-priority-group-head{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:8px 9px;border-bottom:1px solid color-mix(in srgb, var(--pro-muted) 14.0%, transparent)} .dash-priority-group-head h4{font-size:var(--admin-body,13px);margin:0}.dash-priority-group-head p{font-size:var(--admin-body,13px);color:var(--muted);margin:2px 0 0} .dash-launch-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(295px,1fr));gap:7px;padding:8px} .dash-launch-item{display:grid;grid-template-columns:minmax(0,1fr) 54px;gap:6px 9px;border:1px solid var(--pro-subtle);border-radius:6px;padding:8px;background:var(--pro-surface)} .dash-launch-main .plain-link strong{font-size:var(--admin-body,13px)}.dash-launch-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.dash-launch-tags span{display:inline-flex;padding:3px 5px;border-radius:999px;border:1px solid color-mix(in srgb, var(--pro-muted) 16.0%, transparent);background:color-mix(in srgb, var(--pro-surface) 70.0%, transparent);font-size:var(--admin-body,13px);color:var(--pro-muted)} .dash-launch-grade{grid-column:2;grid-row:1;text-align:center;border:1px solid color-mix(in srgb, var(--pro-muted) 16.0%, transparent);border-radius:6px;background:color-mix(in srgb, var(--pro-surface) 72.0%, transparent);padding:4px}.dash-launch-grade small{display:block;font-size:var(--admin-body,13px);color:var(--muted)}.dash-launch-grade strong{font-size:var(--admin-body,13px)}.dash-launch-grade span{display:block;font-size:var(--admin-body,13px);color:var(--pro-muted)} .dash-launch-progress{grid-column:1/-1;height:4px;border-radius:999px;background:color-mix(in srgb, var(--pro-subtle) 70.0%, transparent);overflow:hidden}.dash-launch-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--pro-muted),var(--pro-muted))} .dash-launch-detail{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.dash-launch-detail>div{padding:5px 6px;border:1px solid color-mix(in srgb, var(--pro-muted) 12.0%, transparent);border-radius:7px;background:color-mix(in srgb, var(--pro-surface) 62.0%, transparent)}.dash-launch-detail small{display:block;font-size:var(--admin-body,13px);color:var(--muted)}.dash-launch-detail strong{display:block;font-size:var(--admin-body,13px);margin-top:2px;line-height:1.25} .dash-launch-actions{grid-column:1/-1;display:flex;gap:5px;justify-content:flex-end} @media(max-width:1000px){.dash-priority-summary{grid-template-columns:repeat(3,1fr)}.dash-launch-detail{grid-template-columns:repeat(2,1fr)}} @media(max-width:650px){.dash-priority-summary{grid-template-columns:repeat(2,1fr)}.dash-launch-list{grid-template-columns:1fr}.dash-launch-detail{grid-template-columns:1fr}.dash-priority-group-head{align-items:flex-start;flex-direction:column}} /* v1.36.0 Launch Command Board & Queue Score */ .launch-pipeline-strip{display:grid;grid-template-columns:repeat(7,minmax(90px,1fr));gap:6px;margin-bottom:10px} .launch-pipeline-stage{border:1px solid var(--pro-subtle);border-radius:6px;background:var(--pro-surface);padding:7px;text-align:center}.launch-pipeline-stage small{display:block;font-size:var(--admin-body,13px);color:var(--muted)}.launch-pipeline-stage strong{display:block;font-size:var(--admin-body,13px);margin-top:2px} .launch-command-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:9px}.launch-command-card{border:1px solid var(--pro-subtle);border-radius:6px;padding:10px;background:var(--pro-surface)} .launch-command-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.launch-command-card h4{font-size:var(--admin-body,13px);margin:2px 0}.launch-command-card p{font-size:var(--admin-body,13px);color:var(--muted);margin:2px 0} .launch-queue-score{min-width:58px;text-align:center;border:1px solid color-mix(in srgb, var(--pro-muted) 16.0%, transparent);border-radius:6px;background:color-mix(in srgb, var(--pro-surface) 72.0%, transparent);padding:5px}.launch-queue-score small{display:block;font-size:var(--admin-body,13px);color:var(--muted)}.launch-queue-score strong{display:block;font-size:15px}.launch-queue-score span{display:block;font-size:var(--admin-body,13px);color:var(--pro-muted)} .launch-command-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:8px}.launch-command-metrics>div{border:1px solid color-mix(in srgb, var(--pro-muted) 13.0%, transparent);border-radius:6px;background:color-mix(in srgb, var(--pro-surface) 64.0%, transparent);padding:6px}.launch-command-metrics small{display:block;font-size:var(--admin-body,13px);color:var(--muted)}.launch-command-metrics strong{display:block;font-size:var(--admin-body,13px);margin-top:2px} .launch-command-blockers{margin-top:7px;padding:7px 8px;border:1px solid color-mix(in srgb, var(--pro-muted) 13.0%, transparent);border-radius:6px;background:color-mix(in srgb, var(--pro-surface) 64.0%, transparent)}.launch-command-blockers small{display:block;font-size:var(--admin-body,13px);color:var(--muted)}.launch-command-blockers strong{display:block;font-size:var(--admin-body,13px);line-height:1.35;margin-top:2px} .launch-command-actions{display:flex;justify-content:flex-end;gap:5px;margin-top:8px} @media(max-width:980px){.launch-pipeline-strip{grid-template-columns:repeat(4,1fr)}.launch-command-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.launch-pipeline-strip{grid-template-columns:repeat(2,1fr)}.launch-command-grid{grid-template-columns:1fr}} /* v1.37.0 Launch Checklist + DB-backed compressed thumbnails */ .product-card-thumb-wrap{position:relative;margin:-1px -1px 8px;height:118px;border-radius:6px 10px 7px 7px;overflow:hidden;background:var(--pro-canvas);border-bottom:1px solid color-mix(in srgb, var(--pro-muted) 12.0%, transparent)} .product-thumbnail{display:block;width:100%;height:100%;object-fit:cover;background:var(--pro-canvas)}.product-thumbnail-empty{display:grid;place-items:center;align-content:center;gap:2px;background:linear-gradient(135deg,var(--pro-canvas),var(--pro-canvas));color:var(--pro-muted)}.product-thumbnail-empty span{font-weight:850;font-size:20px}.product-thumbnail-empty small{font-size:var(--admin-body,13px)} .product-thumb-upload{position:absolute!important;right:6px;bottom:6px;background:color-mix(in srgb, var(--pro-surface) 88.0%, transparent)!important;backdrop-filter:blur(5px)}.product-thumb-upload input,.product-thumb-controls input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none} .launch-checklist-compact{margin-top:7px;border:1px solid color-mix(in srgb, var(--pro-muted) 13.0%, transparent);border-radius:6px;background:color-mix(in srgb, var(--pro-surface) 62.0%, transparent)}.launch-checklist-compact summary{cursor:pointer;padding:6px 7px;font-size:var(--admin-body,13px);font-weight:750;color:var(--pro-muted);list-style:none}.launch-checklist-items,.launch-checklist-full{display:grid;gap:4px;padding:5px 7px 7px} .launch-check{display:grid;grid-template-columns:15px minmax(0,1fr) auto;gap:5px;align-items:center;padding:5px 6px;border:1px solid var(--pro-subtle);border-radius:7px;background:var(--pro-surface);font-size:var(--admin-body,13px)}.launch-check.checked{background:var(--prio-green-grad);border-color:var(--prio-green-line)}.launch-check.auto{opacity:.82}.launch-check input{width:13px;height:13px;margin:0}.launch-check>span{line-height:1.25}.launch-check>small{font-size:var(--admin-body,13px);color:var(--pro-muted)} .product-360-thumb{display:grid;grid-template-columns:180px minmax(0,1fr);gap:10px;align-items:center;margin-bottom:10px}.product-thumbnail-drawer{height:112px;border-radius:6px;border:1px solid var(--pro-subtle)}.product-thumb-controls{display:flex;align-items:flex-start;gap:6px;flex-wrap:wrap}.product-thumb-controls small{flex-basis:100%;font-size:var(--admin-body,13px);color:var(--muted)} .launch-360-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.launch-360-head h4{margin:0}.launch-360-head p{font-size:var(--admin-body,13px);color:var(--muted);margin:2px 0} .launch-readiness-split{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:7px 0}.launch-readiness-split>div{padding:7px;border:1px solid var(--pro-subtle);border-radius:6px}.launch-readiness-split small{display:block;font-size:var(--admin-body,13px);color:var(--muted)}.launch-readiness-split strong{font-size:var(--admin-body,13px)} .launch-checklist-full{grid-template-columns:repeat(2,minmax(0,1fr));padding:0;margin-top:7px}.launch-checklist-full .launch-check{padding:7px}.launch-checklist-full .launch-check span strong{display:block;font-size:var(--admin-body,13px)}.launch-checklist-full .launch-check span small{display:block;font-size:var(--admin-body,13px);color:var(--muted);margin-top:1px} .dash-launch-thumb{width:58px;height:42px;grid-column:1;grid-row:1;border-radius:7px;overflow:hidden}.product-thumbnail-mini{border-radius:7px}.dash-launch-item{grid-template-columns:58px minmax(0,1fr) 54px}.dash-launch-main{grid-column:2}.dash-launch-grade{grid-column:3!important} .product-thumbnail-command{height:110px;border-radius:6px;margin-bottom:8px;border:1px solid color-mix(in srgb, var(--pro-muted) 14.0%, transparent)} @media(max-width:700px){.product-360-thumb{grid-template-columns:1fr}.product-thumbnail-drawer{height:160px}.launch-checklist-full{grid-template-columns:1fr}.dash-launch-item{grid-template-columns:50px minmax(0,1fr)}.dash-launch-thumb{width:50px}.dash-launch-grade{grid-column:1/-1!important;grid-row:auto}.dash-launch-detail,.dash-launch-actions,.dash-launch-progress{grid-column:1/-1}} /* v1.38.0 Store Submission Asset Manager */ .store-assets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:9px} .store-asset-card{border:1px solid var(--pro-subtle);border-radius:6px;padding:10px;background:var(--pro-surface)} .store-asset-head{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}.store-asset-head>div:first-child{display:grid;grid-template-columns:56px minmax(0,1fr);gap:8px;align-items:center}.store-asset-head .product-thumbnail-mini{height:42px;border-radius:7px}.store-asset-card h4{font-size:var(--admin-body,13px);margin:2px 0}.store-asset-card p{font-size:var(--admin-body,13px);color:var(--muted);margin:1px 0} .store-asset-counts{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.store-asset-counts span{padding:4px 6px;border:1px solid var(--pro-subtle);border-radius:999px;background:color-mix(in srgb, var(--pro-surface) 72.0%, transparent);font-size:var(--admin-body,13px);color:var(--pro-muted)} .store-asset-missing{margin-top:7px;padding:7px;border:1px solid color-mix(in srgb, var(--pro-muted) 13.0%, transparent);border-radius:6px;background:color-mix(in srgb, var(--pro-surface) 65.0%, transparent)}.store-asset-missing small{display:block;font-size:var(--admin-body,13px);color:var(--muted)}.store-asset-missing strong{display:block;font-size:var(--admin-body,13px);line-height:1.35;margin-top:2px} .store-submission-manager .section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.store-submission-manager .section-head h4{margin:0}.store-submission-manager .section-head p{font-size:var(--admin-body,13px);color:var(--muted);margin:2px 0} .submission-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px}.submission-fields label{display:block}.submission-fields label.wide{grid-column:1/-1}.submission-fields span{display:block;font-size:var(--admin-body,13px);color:var(--muted);margin-bottom:3px}.submission-fields input,.submission-fields textarea{width:100%;box-sizing:border-box;border:1px solid var(--pro-subtle);border-radius:6px;background:var(--pro-surface);padding:7px 8px;font:inherit;font-size:var(--admin-body,13px);color:var(--pro-muted);resize:vertical} .submission-upload-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}.submission-upload-box{position:relative;display:grid;place-items:center;text-align:center;min-height:68px;border:1px dashed var(--pro-line);border-radius:6px;background:var(--pro-canvas);cursor:pointer;padding:7px}.submission-upload-box:hover{background:var(--pro-canvas)}.submission-upload-box strong{font-size:var(--admin-body,13px)}.submission-upload-box small{font-size:var(--admin-body,13px);color:var(--muted);margin-top:2px}.submission-upload-box input{position:absolute;inset:0;opacity:0;cursor:pointer} .submission-asset-gallery{display:grid;gap:6px;margin-top:9px}.submission-asset-item{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--pro-subtle);border-radius:6px;padding:6px;background:var(--pro-surface)}.submission-asset-item img,.asset-file-icon{width:58px;height:42px;border-radius:6px;object-fit:cover;background:var(--pro-canvas)}.asset-file-icon{display:grid;place-items:center;font-size:var(--admin-body,13px);font-weight:850;color:var(--pro-muted)}.submission-asset-item strong{display:block;font-size:var(--admin-body,13px)}.submission-asset-item small{display:block;font-size:var(--admin-body,13px);color:var(--muted);margin-top:2px}.asset-actions{display:flex;gap:4px} @media(max-width:850px){.submission-upload-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.submission-fields{grid-template-columns:1fr}.submission-fields label.wide{grid-column:auto}.submission-upload-grid{grid-template-columns:1fr 1fr}.submission-asset-item{grid-template-columns:50px minmax(0,1fr)}.asset-actions{grid-column:1/-1;justify-content:flex-end}} /* v1.39.0 Launch Blocker Task Management */ .launch-task-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:9px} .launch-task-card{border:1px solid var(--pro-subtle);border-radius:6px;padding:10px;background:var(--pro-surface)} .launch-task-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.launch-task-head h4{font-size:var(--admin-body,13px);margin:2px 0}.launch-task-head p{font-size:var(--admin-body,13px);color:var(--muted);margin:2px 0} .launch-task-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:8px}.launch-task-grid label span,.launch-task-create-grid label span{display:block;font-size:var(--admin-body,13px);color:var(--muted);margin-bottom:3px}.launch-task-grid input,.launch-task-grid select,.launch-task-create-grid input,.launch-task-create-grid select{width:100%;box-sizing:border-box;border:1px solid var(--pro-subtle);border-radius:7px;background:var(--pro-surface);padding:6px;font-size:var(--admin-body,13px);color:var(--pro-muted)} .launch-task-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:var(--admin-body,13px);color:var(--pro-muted)}.launch-task-foot>div{display:flex;gap:4px} .launch-task-create-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:8px}.launch-task-create-grid .wide{grid-column:1/-1} .product-task-list{display:grid;gap:5px;margin-top:9px}.product-task-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:7px;align-items:center;border:1px solid var(--pro-subtle);border-radius:6px;padding:7px;background:var(--pro-surface)}.product-task-row strong{display:block;font-size:var(--admin-body,13px)}.product-task-row small{display:block;font-size:var(--admin-body,13px);color:var(--muted);margin-top:2px}.task-done-check input{width:14px;height:14px} .launch-check{grid-template-columns:15px minmax(0,1fr) auto auto} @media(max-width:900px){.launch-task-grid{grid-template-columns:repeat(2,1fr)}.launch-task-create-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.launch-task-board{grid-template-columns:1fr}.launch-task-grid,.launch-task-create-grid{grid-template-columns:1fr}.launch-task-create-grid .wide{grid-column:auto}.launch-task-foot{align-items:flex-start;flex-direction:column}} /* v1.40.0 Launch Timeline & Projected Go-Live */ .launch-timeline-list{display:grid;gap:8px} .launch-timeline-row{display:grid;grid-template-columns:minmax(190px,1.4fr) minmax(120px,1fr) 20px minmax(95px,.8fr) 20px minmax(95px,.8fr) 20px minmax(120px,1fr);gap:6px;align-items:center;border:1px solid var(--pro-subtle);border-radius:6px;padding:8px;background:var(--pro-surface)} .timeline-product{display:grid;grid-template-columns:52px minmax(0,1fr);gap:7px;align-items:center}.timeline-product .product-thumbnail-mini{height:40px;border-radius:7px}.timeline-product strong{display:block;font-size:var(--admin-body,13px)}.timeline-product small{display:block;font-size:var(--admin-body,13px);color:var(--muted);margin-top:2px} .timeline-step{padding:6px;border:1px solid color-mix(in srgb, var(--pro-muted) 12.0%, transparent);border-radius:6px;background:color-mix(in srgb, var(--pro-surface) 70.0%, transparent)}.timeline-step small{display:block;font-size:var(--admin-body,13px);color:var(--muted)}.timeline-step strong{display:block;font-size:var(--admin-body,13px);margin-top:2px}.timeline-step span{display:block;font-size:var(--admin-body,13px);color:var(--pro-muted);margin-top:2px} .timeline-live{background:var(--prio-green-grad)} .timeline-arrow{text-align:center;color:var(--pro-muted);font-size:var(--admin-body,13px)} @media(max-width:1100px){.launch-timeline-row{grid-template-columns:1fr 1fr}.timeline-arrow{display:none}.timeline-product{grid-column:1/-1}}@media(max-width:620px){.launch-timeline-row{grid-template-columns:1fr}} /* v1.41.0 Launch Capacity Planning */ .capacity-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:9px}.capacity-toolbar label{display:flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid var(--pro-subtle);border-radius:6px;background:var(--pro-surface)}.capacity-toolbar span{font-size:var(--admin-body,13px);color:var(--muted)}.capacity-toolbar input{width:52px;border:0;background:transparent;font-size:var(--admin-body,13px);font-weight:800}.capacity-toolbar small{font-size:var(--admin-body,13px);color:var(--pro-muted)} .capacity-days{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.capacity-day{border:1px solid var(--pro-subtle);border-radius:6px;padding:8px;background:var(--pro-surface)}.capacity-day-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.capacity-day h4{font-size:var(--admin-body,13px);margin:0}.capacity-day p{font-size:var(--admin-body,13px);color:var(--muted);margin:2px 0}.capacity-day-head>strong{font-size:var(--admin-body,13px)} .capacity-day-items{display:grid;gap:5px;margin-top:7px}.capacity-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center;border:1px solid var(--pro-subtle);border-radius:6px;padding:6px;background:var(--pro-surface)}.capacity-item strong{display:block;font-size:var(--admin-body,13px)}.capacity-item small{display:block;font-size:var(--admin-body,13px);color:var(--muted);margin-top:2px}.capacity-hours{font-size:var(--admin-body,13px);font-weight:850;color:var(--pro-muted)} .capacity-impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px}.capacity-impact-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;border:1px solid var(--pro-subtle);border-radius:6px;padding:8px}.capacity-impact-card>div:first-child{display:grid;grid-template-columns:52px minmax(0,1fr);gap:7px;align-items:center}.capacity-impact-card .product-thumbnail-mini{height:40px;border-radius:7px}.capacity-impact-card strong{display:block;font-size:var(--admin-body,13px)}.capacity-impact-card small{display:block;font-size:var(--admin-body,13px);color:var(--muted);margin-top:2px}.capacity-gain{text-align:right}.capacity-gain strong{font-size:var(--admin-body,13px)}.capacity-gain span{display:block;font-size:var(--admin-body,13px);color:var(--pro-muted);margin-top:2px} @media(max-width:650px){.capacity-impact-card{grid-template-columns:1fr}.capacity-gain{text-align:left}} /* v1.41.1 rendering & layout stabilization */ .prio-red,.prio-yellow,.prio-pink,.prio-purple,.prio-green,.prio-blue{ box-shadow:0 1px 4px color-mix(in srgb, var(--pro-ink) 4.5%, transparent)!important; } .reliability-health-score{ width:100%!important; height:auto!important; min-height:94px!important; box-sizing:border-box!important; place-items:initial!important; overflow:visible!important; } .reliability-health-score .health-score-ring{align-self:center;justify-self:center} .reliability-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:stretch} .reliability-card{height:auto;overflow:visible} .health-kpis{grid-template-columns:repeat(6,minmax(105px,1fr))} @media(max-width:1100px){ .health-kpis{grid-template-columns:repeat(3,minmax(0,1fr))} .reliability-grid{grid-template-columns:1fr!important} } @media(max-width:700px){ .health-kpis{grid-template-columns:repeat(2,minmax(0,1fr))} .reliability-health-score{grid-template-columns:76px minmax(0,1fr)!important;gap:9px!important;padding:9px!important} .reliability-health-score .health-score-ring{width:68px;height:68px} } /* v1.41.2 readability pass — raise microcopy without bloating controls */ .dashboard-tab-panel small, .drawer small, .growth-tabs small, .reliability-tab small, .subscription-tab small, .control-note, .data-freshness-banner small{font-size:var(--admin-body,13px)!important;line-height:1.35} .dash-priority-kpi small,.dash-priority-kpi span, .dash-priority-group-head p,.dash-launch-tags span, .dash-launch-grade small,.dash-launch-grade span, .dash-launch-detail small, .launch-quick-select span,.launch-grade small,.launch-grade span, .launch-stage,.launch-target, .launch-check,.launch-check>small, .launch-checklist-full .launch-check span small, .store-asset-head p,.store-asset-counts span,.store-asset-missing small, .submission-fields span,.submission-upload-box small,.submission-asset-item small, .launch-task-head p,.launch-task-grid label span,.launch-task-create-grid label span, .launch-task-foot,.product-task-row small, .timeline-product small,.timeline-step small,.timeline-step span, .capacity-toolbar span,.capacity-toolbar small,.capacity-day p, .capacity-item small,.capacity-impact-card small,.capacity-gain span{ font-size:var(--admin-body,13px)!important;line-height:1.32 } .dash-launch-detail strong,.store-asset-missing strong, .launch-command-blockers strong,.launch-task-grid input,.launch-task-grid select, .launch-task-create-grid input,.launch-task-create-grid select, .submission-fields input,.submission-fields textarea{ font-size:var(--admin-body,13px)!important } .entity-card-title strong,.dash-launch-main .plain-link strong, .launch-command-card h4,.store-asset-card h4,.launch-task-head h4, .timeline-product strong,.capacity-item strong,.capacity-impact-card strong{ font-size:var(--admin-body,13px)!important } .health-kpi small,.health-kpi .minor,.health-row small, .reliability-card p,.subscription-kpi small,.subscription-kpi .minor, .subscription-field small,.subscription-field span,.subscription-card-title small, .subscription-health small,.subscription-summary p{ font-size:var(--admin-body,13px)!important;line-height:1.35 } @media(max-width:700px){ .dashboard-tab-panel small,.drawer small{font-size:var(--admin-body,13px)!important} } /* v1.42.0 Authenticated Workflow Smoke-Test Gate */ .smoke-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--pro-subtle);border-radius:6px;padding:11px 12px;margin-bottom:10px}.smoke-hero h3{font-size:var(--admin-body,13px);margin:2px 0}.smoke-hero p{font-size:var(--admin-body,13px);color:var(--muted);margin:0;line-height:1.4} .smoke-area-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:9px}.smoke-area{border:1px solid var(--pro-subtle);border-radius:6px;background:var(--pro-surface);padding:8px}.smoke-area .panel-head{margin-bottom:5px} .smoke-check{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:7px;align-items:center;border:1px solid var(--pro-subtle);border-radius:6px;padding:7px;margin-top:5px;background:var(--pro-surface)}.smoke-check.pass{background:var(--prio-green-grad)}.smoke-check.warning{background:var(--prio-yellow-grad)}.smoke-check.fail{background:var(--prio-red-grad)}.smoke-status{width:26px;height:26px;border:1px solid color-mix(in srgb, var(--pro-muted) 15.0%, transparent);border-radius:7px;background:color-mix(in srgb, var(--pro-surface) 72.0%, transparent);display:grid;place-items:center;font-weight:850;font-size:var(--admin-body,13px)}.smoke-check strong{display:block;font-size:var(--admin-body,13px)}.smoke-check small{display:block;font-size:var(--admin-body,13px);color:var(--muted);line-height:1.35;margin-top:2px} .smoke-history{display:grid;gap:5px}.smoke-history-row{display:grid;grid-template-columns:90px 80px 70px minmax(0,1fr);gap:8px;align-items:center;border:1px solid var(--pro-subtle);border-radius:6px;padding:7px}.smoke-history-row strong,.smoke-history-row span{font-size:var(--admin-body,13px)} @media(max-width:700px){.smoke-hero{align-items:flex-start;flex-direction:column}.smoke-history-row{grid-template-columns:1fr 1fr}.smoke-history-row span:last-child{grid-column:1/-1}} /* v1.43.0 Guided Live Workflow Verification */ .liveverify-hero{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--pro-subtle);border-radius:6px;padding:11px 12px;margin-bottom:10px}.liveverify-hero h3{font-size:var(--admin-body,13px);margin:2px 0}.liveverify-hero p{font-size:var(--admin-body,13px);color:var(--muted);margin:0;line-height:1.4} .liveverify-start{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;border:1px solid var(--pro-subtle);border-radius:6px;padding:10px;background:var(--pro-surface)}.liveverify-start label.wide{grid-column:1/-1}.liveverify-start label span{display:block;font-size:var(--admin-body,13px);color:var(--muted);margin-bottom:3px}.liveverify-start input,.liveverify-start select,.liveverify-status{width:100%;box-sizing:border-box;border:1px solid var(--pro-subtle);border-radius:7px;background:var(--pro-surface);padding:7px;font-size:var(--admin-body,13px);color:var(--pro-muted)}.liveverify-start .actions{grid-column:1/-1} .liveverify-context{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:9px}.liveverify-context>div{border:1px solid var(--pro-subtle);border-radius:6px;padding:7px;background:var(--pro-surface)}.liveverify-context small{display:block;font-size:var(--admin-body,13px);color:var(--muted)}.liveverify-context strong{display:block;font-size:var(--admin-body,13px);margin-top:2px}.liveverify-context span{display:block;font-size:var(--admin-body,13px);color:var(--pro-muted);margin-top:2px} .liveverify-steps{display:grid;gap:8px}.liveverify-step{display:grid;grid-template-columns:34px minmax(0,1fr) 180px;gap:9px;align-items:start;border:1px solid var(--pro-subtle);border-radius:6px;padding:9px}.liveverify-step-num{width:30px;height:30px;border-radius:6px;background:color-mix(in srgb, var(--pro-surface) 75.0%, transparent);border:1px solid color-mix(in srgb, var(--pro-muted) 16.0%, transparent);display:grid;place-items:center;font-size:var(--admin-body,13px);font-weight:850}.liveverify-step-copy h4{font-size:var(--admin-body,13px);margin:0}.liveverify-step-copy p{font-size:var(--admin-body,13px);color:var(--muted);line-height:1.4;margin:3px 0}.liveverify-evidence{margin-top:6px;border:1px solid color-mix(in srgb, var(--pro-muted) 13.0%, transparent);border-radius:7px;padding:6px;background:color-mix(in srgb, var(--pro-surface) 70.0%, transparent)}.liveverify-evidence small{display:block;font-size:var(--admin-body,13px);color:var(--muted)}.liveverify-evidence strong{display:block;font-size:var(--admin-body,13px);margin-top:2px}.liveverify-step-actions{display:grid;gap:5px} .liveverify-footer{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:9px;border:1px solid var(--pro-subtle);border-radius:6px;padding:8px;background:var(--pro-surface)}.liveverify-footer strong{font-size:var(--admin-body,13px)}.liveverify-footer small{display:block;font-size:var(--admin-body,13px);color:var(--muted)} .liveverify-history{display:grid;gap:5px}.liveverify-history-row{display:grid;grid-template-columns:90px minmax(0,1fr) 100px 80px;gap:8px;align-items:center;border:1px solid var(--pro-subtle);border-radius:6px;padding:7px}.liveverify-history-row strong,.liveverify-history-row span{font-size:var(--admin-body,13px)} @media(max-width:800px){.liveverify-step{grid-template-columns:32px minmax(0,1fr)}.liveverify-step-actions{grid-column:1/-1;grid-template-columns:repeat(2,1fr)}.liveverify-start,.liveverify-context{grid-template-columns:1fr}.liveverify-start label.wide{grid-column:auto}}@media(max-width:600px){.liveverify-history-row{grid-template-columns:1fr 1fr}.liveverify-history-row span:nth-child(2){grid-column:1/-1}.liveverify-step-actions{grid-template-columns:1fr}} /* v1.43.1 Readability Scale Correction Raise visual text floor throughout dense admin surfaces while preserving compact layout. */ :root{ --ui-font-xs:10px; --ui-font-sm:11px; --ui-font-md:12px; --ui-font-lg:14px; } /* Global minimums for common metadata/help text */ body{font-size:var(--admin-body,13px)} small,.minor,.secondary,.hint{font-size:var(--admin-body,13px)!important;line-height:1.35} .badge,.tag,.chip,.mini-chip,.release-badge,.recovery-kind{font-size:var(--admin-body,13px)!important;line-height:1.2} .btn,button,input,select,textarea{font-size:var(--admin-body,13px)} .plain-link{font-size:var(--admin-body,13px)} /* Sidebar + top navigation */ .sidebar .nav-item,.sidebar button,.sidebar a{font-size:var(--admin-body,13px)!important} .sidebar .section-title,.side-section-title,.nav-group-label{font-size:var(--admin-body,13px)!important;letter-spacing:.06em} .brand-subtitle,.topbar-subtitle,.page-subtitle{font-size:var(--admin-body,13px)!important} .topbar .btn,.command-launch,.search-box input{font-size:var(--admin-body,13px)!important} /* Tabs */ .dashboard-tab,.reliability-tab,.subscription-tab,.growth-tab, .segmented button,.folder-tab,.tab-btn{font-size:var(--admin-body,13px)!important} .dashboard-tab small,.reliability-tab small,.subscription-tab small,.growth-tab small{font-size:var(--admin-body,13px)!important} /* Overview / Launch Priority Board */ .dashboard-launch-board .panel-head h3{font-size:var(--admin-body,13px)!important} .dashboard-launch-board .panel-head p{font-size:var(--admin-body,13px)!important} .dash-priority-kpi small{font-size:var(--admin-body,13px)!important} .dash-priority-kpi strong{font-size:16px!important} .dash-priority-kpi span{font-size:var(--admin-body,13px)!important} .dash-priority-group-head h4{font-size:var(--admin-body,13px)!important} .dash-priority-group-head p{font-size:var(--admin-body,13px)!important} .dash-launch-main .plain-link strong{font-size:var(--admin-body,13px)!important} .dash-launch-tags span{font-size:var(--admin-body,13px)!important;padding:4px 6px} .dash-launch-grade small{font-size:var(--admin-body,13px)!important} .dash-launch-grade strong{font-size:var(--admin-body,13px)!important} .dash-launch-grade span{font-size:var(--admin-body,13px)!important} .dash-launch-detail small{font-size:var(--admin-body,13px)!important} .dash-launch-detail strong{font-size:var(--admin-body,13px)!important;line-height:1.3} .dash-launch-actions .btn{font-size:var(--admin-body,13px)!important} /* Product catalog cards */ .entity-card-title strong,.product-card .plain-link strong{font-size:var(--admin-body,13px)!important} .entity-card-meta,.entity-card-meta span{font-size:var(--admin-body,13px)!important} .card-field small{font-size:var(--admin-body,13px)!important} .card-field strong{font-size:var(--admin-body,13px)!important;line-height:1.3} .launch-quick-select span{font-size:var(--admin-body,13px)!important} .launch-quick-select select{font-size:var(--admin-body,13px)!important} .launch-grade small{font-size:var(--admin-body,13px)!important} .launch-grade strong{font-size:15px!important} .launch-grade span{font-size:var(--admin-body,13px)!important} .launch-stage,.launch-target{font-size:var(--admin-body,13px)!important} .launch-checklist-compact summary{font-size:var(--admin-body,13px)!important} .launch-check{font-size:var(--admin-body,13px)!important} .launch-check>small{font-size:var(--admin-body,13px)!important} /* Reliability */ .reliability-health-score h3{font-size:15px!important} .reliability-health-score p{font-size:var(--admin-body,13px)!important} .health-kpi small{font-size:var(--admin-body,13px)!important} .health-kpi strong{font-size:18px!important} .health-kpi .minor{font-size:var(--admin-body,13px)!important} .reliability-card h4{font-size:var(--admin-body,13px)!important} .reliability-card p{font-size:var(--admin-body,13px)!important} .health-row strong{font-size:var(--admin-body,13px)!important} .health-row small{font-size:var(--admin-body,13px)!important} /* Subscriptions / finance */ .subscription-summary h3{font-size:var(--admin-body,13px)!important} .subscription-summary p{font-size:var(--admin-body,13px)!important} .subscription-kpi small,.subscription-kpi .minor{font-size:var(--admin-body,13px)!important} .subscription-card-title strong{font-size:var(--admin-body,13px)!important} .subscription-card-title small,.subscription-field small,.subscription-field span{font-size:var(--admin-body,13px)!important} /* Commercial Growth and newer launch tooling */ .growth-kpi small,.growth-kpi .minor{font-size:var(--admin-body,13px)!important} .growth-kpi strong{font-size:16px!important} .launch-command-card h4,.store-asset-card h4,.launch-task-head h4{font-size:var(--admin-body,13px)!important} .launch-command-card p,.store-asset-card p,.launch-task-head p{font-size:var(--admin-body,13px)!important} .launch-command-metrics small,.launch-command-blockers small, .store-asset-missing small,.timeline-step small,.capacity-day p{font-size:var(--admin-body,13px)!important} .launch-command-metrics strong,.launch-command-blockers strong, .store-asset-missing strong,.timeline-step strong,.capacity-item strong{font-size:var(--admin-body,13px)!important} .timeline-product strong{font-size:var(--admin-body,13px)!important} .timeline-product small,.timeline-step span{font-size:var(--admin-body,13px)!important} .capacity-toolbar span,.capacity-toolbar small,.capacity-item small, .capacity-impact-card small,.capacity-gain span{font-size:var(--admin-body,13px)!important} /* Product 360 / forms */ .drawer h3{font-size:15px!important} .drawer h4{font-size:var(--admin-body,13px)!important} .drawer p,.drawer small{font-size:var(--admin-body,13px)!important} .drawer label span{font-size:var(--admin-body,13px)!important} .drawer input,.drawer select,.drawer textarea{font-size:var(--admin-body,13px)!important} .submission-fields span,.launch-task-create-grid label span, .launch-task-grid label span{font-size:var(--admin-body,13px)!important} /* Smoke / live verification */ .smoke-check strong,.liveverify-step-copy h4{font-size:var(--admin-body,13px)!important} .smoke-check small,.liveverify-step-copy p,.liveverify-evidence small, .liveverify-history-row span,.smoke-history-row span{font-size:var(--admin-body,13px)!important} /* Buttons remain compact but readable */ .btn{min-height:30px} .card-action-flyout .btn,.dash-launch-actions .btn,.launch-command-actions .btn{font-size:var(--admin-body,13px)!important} /* Avoid cards becoming cramped after larger text */ .dash-launch-item{min-height:150px} .dash-launch-detail{gap:6px} .dash-launch-detail>div{padding:7px} .entity-card-body{gap:6px} .card-field{padding:6px} /* Preserve 3-column dashboard until narrower screens */ @media(max-width:1150px){ .dash-launch-list{grid-template-columns:repeat(2,minmax(300px,1fr))} } @media(max-width:780px){ .dash-launch-list{grid-template-columns:1fr} } /* v1.43.2 authoritative responsive sidebar system */ .sidebar-backdrop{display:none;position:fixed;inset:0;background:color-mix(in srgb, var(--pro-ink) 20.0%, transparent);backdrop-filter:blur(2px);z-index:29} .sidebar-backdrop.show{display:block} body.nav-drawer-open{overflow:hidden} /* Desktop / PC: persistent sidebar, content always clears it */ @media(min-width:1180px){ .sidebar{ width:220px!important; transform:none!important; z-index:30!important; box-shadow:none!important; } .main{margin-left:220px!important;width:auto!important} .sidebar.sidebar-hidden{transform:translateX(-102%)!important} .sidebar.sidebar-hidden ~ .main{margin-left:0!important} .sidebar-handle{ display:none!important; position:fixed!important; left:0!important; top:102px!important; z-index:31!important; } .sidebar.sidebar-hidden + .sidebar-handle{display:grid!important} #mobileMenuBtn{display:none!important} .sidebar-backdrop{display:none!important} } /* Tablet: navigation becomes a full-height off-canvas drawer. Main content receives the full viewport width instead of being squeezed. */ @media(min-width:768px) and (max-width:1179px){ .sidebar{ width:270px!important; max-width:42vw!important; transform:translateX(-102%)!important; transition:transform .2s ease!important; z-index:31!important; box-shadow:12px 0 34px color-mix(in srgb, var(--pro-ink) 18.0%, transparent)!important; } .sidebar.mobile-open{transform:translateX(0)!important} .main{margin-left:0!important;width:100%!important} .sidebar-handle{display:none!important} #mobileMenuBtn{display:grid!important;flex:0 0 auto} .topbar{padding-left:12px!important;padding-right:12px!important} .top-actions{min-width:0} .search-wrap{min-width:180px;width:min(260px,28vw)!important} .sidebar nav{overflow-y:auto;overscroll-behavior:contain} } /* Mobile: wider touch-friendly drawer + stacked top controls */ @media(max-width:767px){ .sidebar{ width:min(86vw,300px)!important; max-width:300px!important; transform:translateX(-103%)!important; transition:transform .2s ease!important; z-index:31!important; box-shadow:12px 0 34px color-mix(in srgb, var(--pro-ink) 22.0%, transparent)!important; padding:10px!important; } .sidebar.mobile-open{transform:translateX(0)!important} .main{margin-left:0!important;width:100%!important;min-width:0!important} .sidebar-handle{display:none!important} #mobileMenuBtn{display:grid!important;flex:0 0 auto} .topbar{ min-height:58px!important; height:auto!important; padding:8px 10px!important; gap:7px!important; align-items:center!important; } .top-title{width:100%;min-width:0} .top-title>div{min-width:0} .top-title h2{font-size:16px!important} .top-title p{font-size:var(--admin-body,13px)!important;max-width:calc(100vw - 80px)} .top-actions{ width:100%!important; display:grid!important; grid-template-columns:auto minmax(0,1fr) auto auto!important; gap:6px!important; } .search-wrap{width:auto!important;min-width:0!important} .command-launch .command-label,.command-launch kbd{display:none!important} .content{padding:9px!important} .sidebar nav{overflow-y:auto;overscroll-behavior:contain} .sidebar nav button{min-height:42px!important;padding:10px!important} } /* Very narrow phones: keep essential topbar tools usable */ @media(max-width:480px){ .top-actions{grid-template-columns:auto minmax(0,1fr) auto!important} #savedViewsBtn{display:none!important} .top-actions .btn{padding-left:8px!important;padding-right:8px!important} .sidebar{width:min(90vw,290px)!important} } /* Keep sidebar itself scrollable on short laptop/tablet heights */ .sidebar{height:100dvh!important;box-sizing:border-box!important;overflow:hidden!important} .sidebar nav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;scrollbar-width:thin} .side-foot{flex:0 0 auto!important} /* v1.43.3 authoritative responsive workspace normalization */ /* Universal overflow safety */ .main,.content,.panel,.folder-tabs-wrap,.page-tools,.tool-left,.tool-right, .entity-card,.finance-card-grid,.entity-card-grid,.launch-command-grid, .store-assets-grid,.launch-task-board,.launch-timeline-list,.capacity-days{ min-width:0!important; } img,video,canvas,svg{max-width:100%} .panel,.entity-card,.drawer-card,.modal-card{box-sizing:border-box} /* Desktop workspace */ @media(min-width:1180px){ .content{padding:14px 16px 28px!important;max-width:1800px!important} .grid-kpi,.health-kpis{grid-template-columns:repeat(6,minmax(120px,1fr))!important} .launch-command-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))!important} .entity-card-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important} .finance-card-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))!important} .drawer-card{width:min(720px,58vw)!important} .modal-card{width:min(760px,92vw)!important} .table-wrap{max-width:100%!important} } /* Tablet workspace */ @media(min-width:768px) and (max-width:1179px){ .content{padding:12px!important;max-width:none!important;width:100%!important;box-sizing:border-box} .grid-kpi,.health-kpis,.growth-kpis,.subscription-kpis{ grid-template-columns:repeat(3,minmax(0,1fr))!important } .dash-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important} .dash-span-8,.dash-span-6,.dash-span-4{grid-column:span 3!important} .entity-card-grid,.finance-card-grid,.launch-command-grid,.store-assets-grid, .launch-task-board,.capacity-impact-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important } .page-tools{align-items:flex-start!important} .tool-left,.tool-right{max-width:100%;flex:1 1 auto} .tool-right{justify-content:flex-end} .folder-tabs,.dashboard-tabs,.reliability-tabs,.subscription-tabs,.growth-tabs{ flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important; scrollbar-width:thin;-webkit-overflow-scrolling:touch;padding-bottom:2px } .folder-tab,.dashboard-tab,.reliability-tab,.subscription-tab,.growth-tab{ flex:0 0 auto!important } /* Tables stay true tables and scroll horizontally instead of crushing columns. */ .table-wrap{ overflow-x:auto!important;overflow-y:visible!important;max-width:100%!important; -webkit-overflow-scrolling:touch;scrollbar-width:thin } .data-table{min-width:760px!important;width:max-content!important;max-width:none!important;table-layout:auto!important} .data-table th,.data-table td{white-space:nowrap!important;overflow-wrap:normal!important} .data-table .secondary{white-space:normal!important;min-width:140px} .record-actions,.actions,.action-cluster{flex-wrap:nowrap!important;white-space:nowrap!important} .drawer-card{width:min(680px,82vw)!important} .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .cross-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .form-grid,.submission-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important} .launch-command-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important} .launch-readiness-split{grid-template-columns:repeat(2,minmax(0,1fr))!important} .modal{padding:14px!important} .modal-card{width:min(720px,94vw)!important;max-height:92dvh!important} } /* Mobile workspace */ @media(max-width:767px){ .content{padding:8px!important;width:100%!important;max-width:none!important;box-sizing:border-box} .page-tools{display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important;gap:7px!important} .tool-left,.tool-right{width:100%!important;max-width:100%!important;justify-content:flex-start!important} .tool-left .btn,.tool-right .btn{min-height:34px} .grid-kpi,.health-kpis,.growth-kpis,.subscription-kpis,.product-launch-summary, .dash-priority-summary{ grid-template-columns:repeat(2,minmax(0,1fr))!important } .dash-grid{grid-template-columns:1fr!important} .dash-span-8,.dash-span-6,.dash-span-4{grid-column:1/-1!important} .entity-card-grid,.finance-card-grid,.launch-command-grid,.store-assets-grid, .launch-task-board,.capacity-impact-grid,.capacity-days,.roi-type-grid, .playbook-grid,.warning-grid{ grid-template-columns:1fr!important } .entity-card,.launch-command-card,.store-asset-card,.launch-task-card{ padding:10px!important } /* All tab systems become swipeable single-line rails. */ .folder-tabs-wrap{overflow:hidden} .folder-tabs,.dashboard-tabs,.reliability-tabs,.subscription-tabs,.growth-tabs, .segmented{ display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important; max-width:100%!important;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:3px } .folder-tab,.dashboard-tab,.reliability-tab,.subscription-tab,.growth-tab, .segmented button{ flex:0 0 auto!important;white-space:nowrap!important } .folder-tab{min-width:104px!important} /* Mobile tables: preserve relational readability with deliberate horizontal scrolling. */ .panel:has(.table-wrap){overflow:visible!important} .table-wrap{ width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:visible!important; border-radius:6px;-webkit-overflow-scrolling:touch;scrollbar-width:thin } .data-table,.data-table.organized,.members-table,.payments-table,.receipt-ledger-table{ width:max-content!important;min-width:720px!important;max-width:none!important;table-layout:auto!important } .data-table th,.data-table td{ white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important; padding:8px 9px!important } .data-table .secondary{white-space:normal!important;max-width:200px!important} .record-actions,.actions,.action-cluster{ flex-wrap:nowrap!important;white-space:nowrap!important;max-width:none!important } .record-actions .btn,.actions .btn{flex:0 0 auto!important} /* Drawer becomes a true mobile workspace rather than a narrow right sheet. */ .drawer{align-items:stretch!important;justify-content:stretch!important;padding:0!important} .drawer-card{ width:100vw!important;max-width:100vw!important;height:100dvh!important; border-left:0!important;border-radius:0!important;box-shadow:none!important } .drawer-head{position:sticky!important;top:0;z-index:3;background:var(--pro-surface);padding:10px 12px!important} .drawer-body{overflow-y:auto!important;overscroll-behavior:contain} .drawer-section{padding:10px!important} .detail-grid,.cross-grid,.form-grid,.submission-fields,.launch-readiness-split, .launch-command-metrics,.launch-task-grid,.launch-task-create-grid, .product-360-thumb,.liveverify-context,.liveverify-start{ grid-template-columns:1fr!important } .form-grid .full,.submission-fields label.wide,.launch-task-create-grid .wide, .liveverify-start label.wide{grid-column:auto!important} .product-360-thumb{gap:8px!important} .product-thumbnail-drawer{height:180px!important} /* Modals use nearly full screen on phones */ .modal{padding:8px!important;align-items:flex-start!important} .modal-card{ width:100%!important;max-width:100%!important;max-height:calc(100dvh - 16px)!important; margin:0!important;border-radius:6px!important } .modal-head{padding:10px 11px!important} .modal-body{padding:10px!important} /* Launch / timeline / finance dense structures */ .launch-timeline-row{ grid-template-columns:1fr!important;gap:6px!important } .timeline-arrow{display:none!important} .timeline-product{grid-column:auto!important} .launch-command-head,.store-asset-head,.launch-task-head, .panel-head,.subscription-summary,.smoke-hero,.liveverify-hero{ align-items:flex-start!important } .launch-command-head,.store-asset-head,.launch-task-head, .subscription-summary,.smoke-hero,.liveverify-hero{ flex-direction:column!important } .launch-queue-score{align-self:flex-start} .launch-command-actions,.dash-launch-actions,.growth-actions, .form-actions,.asset-actions{ width:100%;justify-content:flex-start!important;flex-wrap:wrap!important } .launch-command-actions .btn,.dash-launch-actions .btn,.growth-actions .btn, .form-actions .btn{ flex:1 1 auto } .accounting-grid,.financial-control-grid,.reliability-grid{ grid-template-columns:1fr!important } /* Prevent floating popovers from exceeding phone viewport. */ .smart-popover{ max-width:calc(100vw - 16px)!important;max-height:70dvh!important } } /* Narrow phone */ @media(max-width:480px){ .grid-kpi,.health-kpis,.growth-kpis,.subscription-kpis,.product-launch-summary, .dash-priority-summary{ grid-template-columns:1fr!important } .kpi,.health-kpi,.growth-kpi,.subscription-kpi{padding:9px!important} .panel-head{padding:9px 10px!important} .btn{min-height:34px} } /* v1.43.4 Seamless Surface Styling Remove decorative borders where background/surface separation is already sufficient. */ /* Primary cards / panels */ .panel, .entity-card, .kpi, .health-kpi, .growth-kpi, .subscription-kpi, .subscription-summary, .reliability-card, .dashboard-launch-board, .dash-priority-group, .dash-launch-item, .launch-summary-card, .launch-command-card, .launch-pipeline-stage, .store-asset-card, .launch-task-card, .capacity-day, .capacity-impact-card, .roi-type-card, .playbook-card, .warning-card, .smoke-area, .smoke-history-row, .liveverify-history-row, .liveverify-start, .liveverify-context>div, .liveverify-step, .liveverify-footer, .product-task-row, .submission-asset-item, .launch-checklist-compact, .drawer-section, .folder-panel{ border-color:transparent!important; } /* Softer surface depth instead of outlines */ .panel, .entity-card, .kpi, .health-kpi, .growth-kpi, .subscription-kpi, .reliability-card, .dashboard-launch-board, .launch-command-card, .store-asset-card, .launch-task-card, .capacity-day, .capacity-impact-card, .roi-type-card, .playbook-card, .warning-card, .smoke-area{ box-shadow:0 1px 5px color-mix(in srgb, var(--pro-ink) 4.5%, transparent)!important; } /* Filled sub-cards / metadata blocks should feel embedded */ .card-field, .detail-item, .cross-card, .metric-chip, .dash-launch-detail>div, .launch-grade, .dash-launch-grade, .launch-queue-score, .launch-command-metrics>div, .launch-command-blockers, .store-asset-missing, .launch-task-grid input, .launch-task-grid select, .launch-task-create-grid input, .launch-task-create-grid select, .launch-readiness-split>div, .liveverify-evidence, .smoke-status, .timeline-step, .product-thumbnail-drawer, .product-thumbnail-command{ border-color:transparent!important; } /* Tags/chips with filled backgrounds do not need outlines */ .badge, .tag, .chip, .mini-chip, .launch-stage, .launch-target, .dash-launch-tags span, .store-asset-counts span, .playbook-measures span, .target-summary span{ border-color:transparent!important; } /* Priority tint should communicate grouping without visible frame */ .prio-red,.prio-yellow,.prio-pink,.prio-purple,.prio-green,.prio-blue{ border-color:transparent!important; } /* Folder tabs: keep selected tab connection subtle, remove boxed feeling */ .folder-tab{ border-left-color:transparent!important; border-right-color:transparent!important; border-top-color:transparent!important; } .folder-tab::before{border-color:transparent!important} .folder-tab.active{ border-color:transparent!important; box-shadow:0 -1px 0 color-mix(in srgb, var(--pro-muted) 4.0%, transparent) inset!important; } /* Launch / priority group headers */ .dash-priority-group-head, .panel-head, .modal-head, .drawer-head{ border-bottom-color:color-mix(in srgb, var(--pro-muted) 7.0%, transparent)!important; } /* Checklist items: background carries state */ .launch-check{ border-color:transparent!important; } /* Upload/drop zones retain only dashed hint because it communicates drop target */ .submission-upload-box{ border-color:color-mix(in srgb, var(--pro-muted) 16.0%, transparent)!important; } /* Inputs and editable controls retain borders for usability */ input,select,textarea, .submission-fields input, .submission-fields textarea, .launch-task-grid input, .launch-task-grid select, .launch-task-create-grid input, .launch-task-create-grid select, .liveverify-start input, .liveverify-start select, .liveverify-status{ border-color:var(--pro-subtle)!important; } /* Buttons retain only functional/background distinction */ .btn{ border-color:transparent!important; } .btn.ghost{ border-color:transparent!important; background:var(--pro-canvas)!important; } .btn.primary{ box-shadow:0 1px 3px color-mix(in srgb, var(--pro-ink) 8.0%, transparent)!important; } /* Tables still need row/column rhythm but reduce framing */ .table-wrap{ border:0!important; } .data-table th{ border-bottom-color:color-mix(in srgb, var(--pro-muted) 10.0%, transparent)!important; } .data-table td{ border-bottom-color:color-mix(in srgb, var(--pro-muted) 6.5%, transparent)!important; } .data-table tr:last-child td{border-bottom-color:transparent!important} /* Drawer and modal outer surfaces */ .drawer-card{ border-left-color:transparent!important; } .modal-card{ border-color:transparent!important; } /* Reliability and system surfaces */ .health-row{ border-bottom-color:color-mix(in srgb, var(--pro-muted) 6.0%, transparent)!important; } .health-row:last-child{border-bottom-color:transparent!important} /* Keep warnings/errors visually explicit */ .data-freshness-banner, .toast.error, .smoke-check.fail, .prio-red.critical, .error, .alert, .danger-zone{ border-color:color-mix(in srgb, var(--pro-bad) 16.0%, transparent)!important; } /* Hover uses elevation rather than a new outline */ .entity-card:hover,.entity-card:focus-within, .cross-card:hover, .store-asset-card:hover, .launch-command-card:hover{ border-color:transparent!important; box-shadow:0 7px 22px color-mix(in srgb, var(--pro-ink) 8.5%, transparent)!important; } /* v1.43.5 Alert Surface & Image Upload Repair */ /* Awareness/action queues: communicate severity with filled surfaces, not outlines. */ .attention-row, .action-row, .smart-action-row, .queue-row, .recommendation-row, .exception-row, .alert-row{ border-color:transparent!important; box-shadow:none!important; } /* Explicit semantic awareness backgrounds */ .attention-row.prio-red, .action-row.prio-red, .smart-action-row.prio-red, .queue-row.prio-red, .recommendation-row.prio-red, .exception-row.prio-red, .alert-row.prio-red{ background:linear-gradient(90deg,color-mix(in srgb, var(--pro-bad-soft) 96.0%, transparent),color-mix(in srgb, var(--pro-canvas) 96.0%, transparent))!important; } .attention-row.prio-yellow, .action-row.prio-yellow, .smart-action-row.prio-yellow, .queue-row.prio-yellow, .recommendation-row.prio-yellow, .exception-row.prio-yellow, .alert-row.prio-yellow{ background:linear-gradient(90deg,color-mix(in srgb, var(--pro-warning-soft) 96.0%, transparent),color-mix(in srgb, var(--pro-canvas) 96.0%, transparent))!important; } .attention-row.prio-pink, .action-row.prio-pink, .smart-action-row.prio-pink, .queue-row.prio-pink, .recommendation-row.prio-pink, .exception-row.prio-pink, .alert-row.prio-pink{ background:linear-gradient(90deg,color-mix(in srgb, var(--pro-canvas) 96.0%, transparent),color-mix(in srgb, var(--pro-canvas) 96.0%, transparent))!important; } .attention-row.prio-purple, .action-row.prio-purple, .smart-action-row.prio-purple, .queue-row.prio-purple, .recommendation-row.prio-purple, .exception-row.prio-purple, .alert-row.prio-purple{ background:linear-gradient(90deg,color-mix(in srgb, var(--pro-canvas) 96.0%, transparent),color-mix(in srgb, var(--pro-canvas) 96.0%, transparent))!important; } .attention-row.prio-blue, .action-row.prio-blue, .smart-action-row.prio-blue, .queue-row.prio-blue, .recommendation-row.prio-blue, .exception-row.prio-blue, .alert-row.prio-blue{ background:linear-gradient(90deg,color-mix(in srgb, var(--pro-canvas) 96.0%, transparent),color-mix(in srgb, var(--pro-canvas) 96.0%, transparent))!important; } .attention-row.prio-green, .action-row.prio-green, .smart-action-row.prio-green, .queue-row.prio-green, .recommendation-row.prio-green, .exception-row.prio-green, .alert-row.prio-green{ background:linear-gradient(90deg,color-mix(in srgb, var(--pro-good-soft) 96.0%, transparent),color-mix(in srgb, var(--pro-canvas) 96.0%, transparent))!important; } /* Generic priority rows/cards should keep soft semantic fill after the borderless pass. */ .prio-red{background:var(--prio-red-grad)!important} .prio-yellow{background:var(--prio-yellow-grad)!important} .prio-pink{background:var(--prio-pink-grad)!important} .prio-purple{background:var(--prio-purple-grad)!important} .prio-blue{background:var(--prio-blue-grad)!important} .prio-green{background:var(--prio-green-grad)!important} /* In queue/list rows use a small semantic icon tile for quick scanning. */ .attention-row .icon, .action-row .icon, .smart-action-row .icon, .queue-row .icon, .recommendation-row .icon, .exception-row .icon{ background:color-mix(in srgb, var(--pro-surface) 62.0%, transparent)!important; border-color:transparent!important; } /* Queue action buttons stay neutral so the alert surface carries the meaning. */ .attention-row .btn, .action-row .btn, .smart-action-row .btn, .queue-row .btn, .recommendation-row .btn, .exception-row .btn{ background:color-mix(in srgb, var(--pro-surface) 72.0%, transparent)!important; border-color:transparent!important; } /* If rows are implemented as generic list cards, remove lingering white fill. */ .list-row.prio-red,.list-row.prio-yellow,.list-row.prio-pink, .list-row.prio-purple,.list-row.prio-blue,.list-row.prio-green{ border-color:transparent!important; } /* Error toast remains strong and readable. */ .toast.error{ background:var(--pro-bad)!important; color:var(--pro-surface)!important; border:0!important; } /* v1.43.7 Product 360 thumbnail control alignment */ .product-360-thumb{ align-items:center!important; } .product-thumb-controls{ display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:8px!important; flex-wrap:wrap!important; } .product-thumb-controls>.btn, .product-thumb-controls>label.btn, .product-thumb-controls>button.btn{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:34px!important; height:34px!important; margin:0!important; vertical-align:middle!important; } .product-thumb-controls>small{ flex:0 0 100%!important; margin-top:2px!important; } @media(max-width:700px){ .product-thumb-controls{ align-items:center!important; } .product-thumb-controls>.btn, .product-thumb-controls>label.btn, .product-thumb-controls>button.btn{ flex:0 0 auto!important; } } /* v1.43.8 Semantic Action Color System Action background communicates purpose while preserving seamless borderless UI. */ button[data-action-tone], label.btn[data-action-tone]{ border:0!important; box-shadow:none!important; transition:background .15s ease,transform .15s ease,box-shadow .15s ease!important; } button[data-action-tone]:hover, label.btn[data-action-tone]:hover{ transform:translateY(-1px); box-shadow:0 3px 9px color-mix(in srgb, var(--pro-ink) 8.0%, transparent)!important; } button[data-action-tone]:disabled, label.btn[data-action-tone]:has(input:disabled){ opacity:.52!important; transform:none!important; box-shadow:none!important; } /* View / open / navigation = light blue */ [data-action-tone="view"]{ background:linear-gradient(135deg,var(--pro-canvas),var(--pro-canvas))!important; color:var(--pro-muted)!important; } /* Create / upload / add = brighter sky blue */ [data-action-tone="create"]{ background:linear-gradient(135deg,var(--pro-canvas),var(--pro-subtle))!important; color:var(--pro-muted)!important; } /* Edit / settings / configuration = lavender */ [data-action-tone="edit"]{ background:linear-gradient(135deg,var(--pro-canvas),var(--pro-canvas))!important; color:var(--pro-muted)!important; } /* Commercial / payment / promotion = lilac-purple */ [data-action-tone="commercial"]{ background:linear-gradient(135deg,var(--pro-canvas),var(--pro-canvas))!important; color:var(--pro-muted)!important; } /* Grant / approve / activate / confirm = mint green */ [data-action-tone="success"]{ background:linear-gradient(135deg,var(--pro-good-soft),var(--pro-good-soft))!important; color:var(--pro-good)!important; } /* Pause / review / schedule / refresh = amber */ [data-action-tone="warning"]{ background:linear-gradient(135deg,var(--pro-warning-soft),var(--pro-warning-soft))!important; color:var(--pro-warning)!important; } /* License / email / access = sky cyan */ [data-action-tone="access"]{ background:linear-gradient(135deg,var(--pro-canvas),var(--pro-subtle))!important; color:var(--pro-ink)!important; } /* Delete / revoke / reject / retire = rose */ [data-action-tone="danger"]{ background:linear-gradient(135deg,var(--pro-canvas),var(--pro-bad-soft))!important; color:var(--pro-bad)!important; } /* Neutral / cancel / overflow = quiet gray */ [data-action-tone="neutral"]{ background:var(--pro-canvas)!important; color:var(--pro-muted)!important; } /* Strong primary buttons retain semantic category rather than generic blue. */ .btn.primary[data-action-tone="success"], .btn.primary[data-action-tone="create"], .btn.primary[data-action-tone="commercial"], .btn.primary[data-action-tone="view"], .btn.primary[data-action-tone="edit"], .btn.primary[data-action-tone="access"], .btn.primary[data-action-tone="warning"], .btn.primary[data-action-tone="danger"]{ border:0!important; } /* Icon-only semantic buttons get matching translucent icon tile behavior. */ .icon-action[data-action-tone] svg{ stroke:currentColor!important; } /* Quick Launch uses the same semantic palette even though its controls are not .btn. */ .quick-launch button[data-action-tone]{ border:0!important; border-radius:6px!important; } .quick-launch button[data-action-tone] strong, .quick-launch button[data-action-tone] small{ color:inherit!important; } /* Keep critical alert/action rows semantic while their buttons reflect function independently. */ .today-item .btn[data-action-tone], .insight-card .btn[data-action-tone]{ background:var(--action-surface,inherit); } /* More visible destructive hover without becoming harsh. */ [data-action-tone="danger"]:hover{ background:linear-gradient(135deg,var(--pro-bad-soft),var(--pro-bad-soft))!important; } [data-action-tone="success"]:hover{ background:linear-gradient(135deg,var(--pro-good-soft),var(--pro-good-soft))!important; } [data-action-tone="warning"]:hover{ background:linear-gradient(135deg,var(--pro-warning-soft),var(--pro-action))!important; } /* v1.43.9 Embedded Form Differentiation Add/create/edit forms embedded inside detail surfaces use a dotted outline so editable input areas are visually distinct from surrounding read-only content. */ .embedded-form, .drawer-section form:not(.filter-form):not(.search-form), .panel form:not(.filter-form):not(.search-form){ border:1.5px dotted color-mix(in srgb, var(--pro-muted) 34.0%, transparent)!important; border-radius:6px!important; padding:11px!important; background:color-mix(in srgb, var(--pro-canvas) 76.0%, transparent)!important; box-shadow:none!important; } /* Nested forms that already have their own spacing should not gain duplicate framing. */ .embedded-form .embedded-form, .drawer-section form form, .panel form form{ border:0!important; padding:0!important; background:transparent!important; } /* Keep individual controls conventional for usability. */ .embedded-form input, .embedded-form select, .embedded-form textarea, .drawer-section form input, .drawer-section form select, .drawer-section form textarea{ border-style:solid!important; } /* Make the form boundary slightly clearer on hover/focus without becoming heavy. */ .embedded-form:focus-within, .drawer-section form:not(.filter-form):not(.search-form):focus-within, .panel form:not(.filter-form):not(.search-form):focus-within{ border-color:color-mix(in srgb, var(--pro-muted) 52.0%, transparent)!important; background:color-mix(in srgb, var(--pro-canvas) 94.0%, transparent)!important; } /* Do not apply dotted framing to tiny inline filter/search utilities. */ .filter-form, .search-form, .inline-form, .compact-filter-form{ border:0!important; padding:0!important; background:transparent!important; } /* Mobile remains compact. */ @media(max-width:767px){ .embedded-form, .drawer-section form:not(.filter-form):not(.search-form), .panel form:not(.filter-form):not(.search-form){ padding:9px!important; border-radius:6px!important; } } /* Reviewed Business Pro component layer */ /* Business Pro edition. Layered over the preserved Hub styles. */ :root{--bg:var(--pro-canvas);--panel:var(--pro-surface);--line:var(--pro-line);--text:var(--pro-ink);--muted:var(--pro-muted);--accent:var(--pro-accent);--accent-soft:var(--pro-accent-soft);--good:var(--pro-good);--good-soft:var(--pro-good-soft);--warn:var(--pro-warning);--warn-soft:var(--pro-warning-soft);--bad:var(--pro-bad);--bad-soft:var(--pro-bad-soft);--radius:5px;--sky:var(--pro-ink);--lav:var(--pro-warning);font-family:Inter,"Segoe UI",Arial,sans-serif} body{color:var(--text);background:var(--bg)} .login-shell{background:var(--pro-canvas)}.login-card{border-radius:6px;box-shadow:5px 5px 0 var(--pro-line);padding:32px}.login-card h1{font-weight:800;letter-spacing:-.6px}.brand-mark{background:var(--pro-action);color:var(--pro-ink);border:1px solid var(--pro-warning);border-radius:4px;box-shadow:2px 2px 0 var(--pro-ink)} .sidebar{background:var(--pro-canvas);border-color:var(--line)}.sidebar nav button{color:var(--pro-ink);border-radius:4px}.sidebar nav button:hover{background:var(--pro-line);color:var(--pro-ink)}.sidebar nav button.active{background:var(--pro-action);color:var(--pro-warning);box-shadow:inset 3px 0 var(--pro-warning)}.nav-group-title{color:var(--pro-muted)!important;letter-spacing:.07em}.side-brand-copy strong{font-weight:800}.side-brand-copy small{font-size:var(--admin-body,13px);letter-spacing:.07em} .topbar{background:var(--pro-canvas);border-color:var(--line);backdrop-filter:none}.top-title h2{font-weight:800;letter-spacing:-.5px}.top-title p{color:var(--pro-muted)}.content{padding:22px;max-width:1680px}.btn,.icon-btn{border:1px solid var(--pro-line);border-radius:4px;color:var(--pro-ink)}.btn.primary{background:var(--pro-action)!important;border-color:var(--pro-warning)!important;color:var(--pro-ink)!important;box-shadow:2px 2px 0 var(--pro-ink);font-weight:750}.btn.primary:hover{background:var(--pro-action)!important;transform:translateY(-1px)}.btn.ghost:hover,.icon-btn:hover{background:var(--pro-warning-soft);border-color:var(--pro-muted)}.btn:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--pro-warning);outline-offset:3px}input:focus,select:focus,textarea:focus{border-color:var(--pro-warning);box-shadow:0 0 0 3px var(--pro-action)}input,select,textarea,.search-wrap{border-color:var(--pro-line);border-radius:4px} .panel,.kpi,.fin-kpi,.venture-health-card,.record-card{border-radius:5px!important;border-color:var(--line)!important;box-shadow:none!important;background:var(--pro-surface)}.panel-head{padding:15px 17px}.panel-head h3{font-weight:750;color:var(--pro-ink)}.data-table th{background:var(--pro-line);color:var(--pro-ink)}.data-table td{padding:12px 10px;border-color:var(--pro-line)}.data-table tr:hover td{background:var(--pro-canvas)}.kpi strong,.fin-kpi strong{font-size:27px;font-weight:800;color:var(--pro-ink)}.health-track i{background:var(--pro-muted)!important} .smart-tag,.badge{border-radius:3px!important;font-size:var(--admin-body,13px)!important;line-height:1.3!important;padding:4px 7px!important;font-weight:650}.smart-tag.tag-active,.badge.good{background:var(--pro-good-soft)!important;color:var(--pro-good)!important}.smart-tag.tag-disabled,.badge.bad{background:var(--pro-bad-soft)!important;color:var(--pro-bad)!important}.smart-tag.tag-trial,.badge.warn{background:var(--pro-warning-soft)!important;color:var(--pro-warning)!important}.smart-tag.tag-plan,.smart-tag.tag-license,.badge.accent{background:var(--pro-warning-soft)!important;color:var(--pro-warning)!important}.smart-tag.tag-neutral{background:var(--pro-line)!important;color:var(--pro-ink)!important} .dashboard-tab{background:var(--pro-warning-soft)!important;border-color:var(--pro-line)!important;color:var(--pro-ink)!important;border-radius:4px 4px 0 0!important}.dashboard-tab.active{background:var(--pro-action)!important;color:var(--pro-warning)!important;border-bottom:3px solid var(--pro-warning)!important}.smart-context,.context-next{background:var(--pro-warning-soft)!important;border:1px solid var(--pro-action)!important;border-radius:5px!important}.smart-orb,.next-orb{background:var(--pro-action)!important;color:var(--pro-warning)!important}.folder-tab.active{background:var(--pro-action)!important;color:var(--pro-warning)!important}.pro-key-link{display:block;padding:11px;color:var(--pro-warning);font-weight:700;text-decoration:none;border:1px solid var(--pro-action);border-radius:4px;background:var(--pro-warning-soft)}.sidebar.collapsed .pro-key-link{font-size:var(--admin-body,13px);padding:5px;overflow-wrap:anywhere} .pro-focus{background:var(--pro-surface);border:1px solid var(--line);border-top:3px solid var(--pro-warning);border-radius:5px;margin-bottom:22px;padding:22px}.pro-focus-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.pro-eyebrow{font-size:var(--admin-body,13px);font-weight:750;letter-spacing:.12em;color:var(--pro-warning)}.pro-focus h3{font-size:26px;letter-spacing:-.8px;margin:8px 0}.pro-focus p{color:var(--pro-muted);line-height:1.6;margin:0}.pro-focus a{text-decoration:none;white-space:nowrap}.pro-steps{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px solid var(--pro-line)}.pro-step{display:flex;align-items:center;gap:8px;border:1px solid var(--pro-line);background:var(--pro-canvas);color:var(--pro-ink);border-radius:4px;padding:9px 14px}.pro-step span{font-size:var(--admin-body,13px);color:var(--pro-muted)}.pro-step.active{background:var(--pro-action);border-color:var(--pro-warning);font-weight:750}.pro-suggestions{margin-top:20px}.pro-suggestions summary{cursor:pointer;font-weight:700}.pro-suggestions summary small{font-weight:400;color:var(--pro-muted);font-size:var(--admin-body,13px);margin-left:8px}.pro-count{background:var(--pro-line);border-radius:4px;padding:2px 6px}.pro-suggestion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.pro-suggestion-grid article{border:1px solid var(--pro-line);border-radius:4px;padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.pro-suggestion-grid article h4{font-size:var(--admin-body,13px);margin:0}.pro-suggestion-grid article p{font-size:var(--admin-body,13px);flex:1}.pro-suggestion-grid article small{font-size:var(--admin-body,13px);color:var(--pro-muted)}.pro-tag{font-size:var(--admin-body,13px);font-weight:750;padding:4px 7px;background:var(--pro-good-soft);color:var(--pro-ink);border-radius:3px}.pro-tag.high{background:var(--pro-bad-soft);color:var(--pro-bad)}.pro-tag.medium{background:var(--pro-warning-soft);color:var(--pro-warning)}.pro-no-actions{grid-column:1/-1;font-size:var(--admin-body,13px);padding:10px 0} @media(max-width:900px){.main,.content{min-width:0;max-width:100%}.content{padding:14px;overflow-x:clip}.pro-focus{padding:16px}.pro-focus-head{align-items:flex-start;flex-direction:column}.pro-focus h3{font-size:23px}.pro-suggestion-grid{grid-template-columns:1fr}.pro-suggestions summary small{display:block;margin:6px 0}.pro-step{padding:8px 10px}.top-actions{flex-wrap:wrap}.pro-focus-head a{white-space:normal}.folder-tabs,.dashboard-tabs{max-width:100%;overflow-x:auto}.pro-focus p,.pro-suggestion-grid article{overflow-wrap:anywhere}} /* Shared overlays and feedback */ .modal-card,.drawer-card,.command-card,.smart-popover{background:var(--pro-surface);color:var(--pro-ink);border:1px solid var(--pro-line);border-radius:6px} .modal-head,.drawer-head,.command-input-row{background:var(--pro-canvas);border-color:var(--pro-line)} .toast{background:var(--pro-ink);color:var(--pro-surface);border-radius:6px} .empty{color:var(--pro-muted)} .badge,.smart-tag{font-weight:650} .pro-center-entry{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:18px}.pro-center-entry span{font-size:var(--admin-body,13px);color:var(--pro-muted)} .pro-center-tools{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.pro-review-item{padding:18px;border:1px solid var(--pro-line);border-radius:6px;margin:12px 0;background:var(--pro-surface)}.pro-review-item h4{margin:10px 0;font-size:16px}.pro-review-item small{color:var(--pro-muted)}.pro-review-item details{margin:14px 0;line-height:1.6}.pro-review-item summary{cursor:pointer;font-weight:650}.pro-evidence{background:var(--pro-warning-soft);padding:14px;border:1px solid var(--pro-line);border-radius:6px}.pro-center{overflow-wrap:anywhere}@media(max-width:600px){.pro-center-tools{grid-template-columns:1fr}} /* Ordered overlay layers; keep the existing detail drawer mounted. */ #drawer{z-index:200}#modal{z-index:300}#commandPalette{z-index:400}#smartPopover{z-index:500} .icon-action[data-tooltip]::before,.icon-action[data-tooltip]::after{display:none!important} #hub-floating-tip{position:fixed;z-index:600;pointer-events:none;max-width:min(320px,calc(100vw - 16px));padding:7px 10px;border-radius:4px;background:var(--pro-ink);color:var(--pro-surface);font-size:var(--admin-body,13px);line-height:1.5;overflow-wrap:anywhere;box-shadow:0 3px 12px color-mix(in srgb,var(--pro-ink) 20%,transparent)} #hub-floating-tip[hidden]{display:none} /* Selectable cards: checkbox participates in header layout. */ .entity-card.has-select{padding-left:12px} .entity-card-head>.entity-card-select{position:static!important;flex:0 0 16px;width:16px;height:16px;margin:2px 0 0!important;align-self:flex-start} .entity-card.has-select .entity-card-title{flex:1;min-width:0} .product-published-link{display:inline-flex;align-items:center;gap:4px;width:fit-content;font-size:var(--admin-body,13px);line-height:1.5;color:var(--pro-muted);text-decoration:underline;text-underline-offset:3px;padding:2px 0}.product-published-link:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:3px} .product-copy{min-width:0;font-size:var(--admin-body,13px);line-height:1.5;overflow-wrap:anywhere}.product-copy p{margin:5px 0;color:var(--pro-ink)}.product-copy ul{margin:5px 0;padding-left:18px}.product-copy li{margin:2px 0}.product-features summary{cursor:pointer;color:var(--pro-muted);font-size:inherit;padding:2px 0;width:fit-content}.product-features summary:focus-visible{outline:2px solid currentColor;outline-offset:2px}.product-card>.product-copy{margin:3px 0 7px} /* Compact, independently tabbed product cards. */ .product-card-tabs{display:flex;gap:2px;border-bottom:1px solid var(--pro-subtle);margin:8px 0} .product-card-tabs [role=tab]{flex:1;min-width:0;border:0;background:transparent;padding:7px 3px;font:inherit;color:var(--pro-muted);cursor:pointer;border-bottom:2px solid transparent} .product-card-tabs [aria-selected=true]{color:var(--pro-ink);border-bottom-color:var(--pro-muted);background:var(--pro-canvas)} .product-card-panel[hidden]{display:none!important} .product-overview-intro{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;align-items:center} .product-overview-intro p{margin:0 0 5px;font-size:var(--admin-body,13px);line-height:1.5;overflow-wrap:anywhere} .product-overview-thumb{width:70px;height:62px;overflow:hidden;border-radius:5px} .product-overview-thumb>*{width:100%!important;height:100%!important;min-height:0!important;margin:0!important;object-fit:cover} .product-overview-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0 4px} .product-overview-metrics>div{background:var(--metric-bg,var(--pro-surface));color:var(--metric-ink,var(--pro-ink));border-radius:5px;padding:7px 9px;display:grid;gap:2px} .product-overview-metrics strong{font-size:var(--admin-body,13px)} .product-card-footer{display:flex;justify-content:flex-end;gap:5px;border-top:1px solid var(--pro-subtle);padding-top:5px;margin-top:7px} .product-card-footer .btn{padding:4px 7px!important;min-height:28px!important} .product-channel-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--pro-subtle)} .product-channel-row>div{min-width:0}.product-channel-row strong{overflow-wrap:anywhere;font-size:var(--admin-body,13px)} .product-channel-row small{display:block;font-size:12px;color:var(--pro-muted)} .channel-help{margin:8px 0!important;line-height:1.5}.channel-feed{display:block;margin:5px 0 12px}.channel-feed input{width:100%;font-size:12px} .compact-product-card{align-self:start}.compact-product-card .product-copy p{margin-top:0}