/* Operational finish: shared foundations, compact records, explicit next steps. * Loaded last; keeps theme tokens, layout preferences and operational handlers. */ :root { --text-title: 22px; --record-gap: 12px; --record-padding: 12px; } :root[data-interface] main>.page-heading #title { font-weight:650; letter-spacing:-.025em; } /* The heading is a main child; the legacy header order must not move it below chat. */ body:has(.analyst-chat-shell) main>.page-heading { order:0; flex:0 0 auto; } :root[data-theme] #content :is(.dashboard-kicker,.software-kicker,.asset-page-kicker) { font-weight:650; letter-spacing:.055em; } :root[data-theme] #content :is(.panel-head h2,.clients-hero h2,.routine-hero h2,.analyst-chat-head h2) { font-size:18px; letter-spacing:-.015em; } :root[data-theme] #content :is(.clients-hero,.users-hero,.routine-hero,.audit-hero,.campaign-hero,.whatsapp-hero) { padding:18px 20px; margin-bottom:14px; gap:16px; align-items:center; } :root[data-theme] #content :is(.clients-hero,.users-hero,.routine-hero,.audit-hero,.campaign-hero,.whatsapp-hero) p { color:var(--muted); font-size:13px; line-height:1.5; } :root[data-theme] #content .panel { padding:18px; } :root[data-theme] #content .panel-head { gap:12px; margin-bottom:12px; } :root[data-theme] #content :is(.client-metrics,.routine-metrics) { gap:10px; margin-bottom:14px; } :root[data-theme] #content :is(.client-metrics,.routine-metrics)>article { padding:12px 16px; min-height:76px; gap:4px; } :root[data-theme] #content :is(.client-metrics,.routine-metrics) strong { font-size:22px; font-variant-numeric:tabular-nums; } :root[data-theme] #content :is(.client-metrics,.routine-metrics) span { color:var(--muted); font-weight:600; letter-spacing:normal; text-transform:none; } :root[data-theme] button { transition:background-color .12s ease,border-color .12s ease,color .12s ease; } :root[data-theme] #content table th { font-size:12px; font-weight:600; overflow-wrap:normal; word-break:normal; line-height:1.4; } :root[data-theme] #content table td { font-size:13px; line-height:1.45; font-weight:400; } :root[data-theme] #content table :is(b,strong) { font-weight:600; } :root[data-theme] #content .tag { font-weight:500; padding:3px 7px; line-height:1.4; } :root[data-theme] #content :is(.view-loading,.view-error,.backup-empty-state,.routine-empty,.asset-page-empty) { padding:24px; line-height:1.5; } :root[data-theme] #content :is(.view-loading,.view-error,.backup-empty-state,.routine-empty,.asset-page-empty) b { font-size:15px; font-weight:600; } :root[data-theme] #content :is(.list-workspace,.asset-page-panel,.asset-page-section) { border-color:var(--line); } :root[data-theme] #content :is(.asset-page-tabs,.software-tabs) { gap:4px; border-bottom:1px solid var(--line); padding-bottom:8px; } :root[data-theme] #content :is(.asset-page-tabs,.software-tabs) button { font-weight:600; } /* A compact command surface leaves room for the inventory below it. */ :root[data-interface] #content.assets-page>.workspace-search-filters { padding:8px; } :root[data-interface] #content.assets-page .assets-toolbar { padding:0; min-height:0; gap:8px; } :root[data-interface] #content.assets-page .assets-toolbar button { font-weight:600; } :root[data-interface] #content.assets-page #assets-pagination { margin:0; padding:6px 4px; } :root[data-interface] #content.assets-page .asset-filter-panel { padding:0 4px; } :root[data-interface] #content.assets-page .workspace-filter-disclosure>summary { padding:10px 4px; } :root[data-interface] #content.assets-page .asset-health-grid { gap:8px; margin-bottom:10px; } :root[data-interface] #content.assets-page .asset-health-card { padding:10px 12px; min-height:86px; } :root[data-interface] #content.assets-page .asset-health-card strong { font-size:24px; } :root[data-interface] #content.assets-page .selection-bar { margin-bottom:8px; padding:6px 10px; min-height:36px; } :root[data-theme] #content .asset-table td { padding:7px 10px; height:58px; } :root[data-theme] #content .asset-table :is(.asset-detail-link,.host-cell>span) { font-weight:550; font-size:13px; } :root[data-theme] #content .asset-table .host-cell small { font-family:var(--font-ui); font-weight:400; font-size:12px; } :root[data-theme] #content .asset-table .asset-operational-beacon { width:28px; min-width:28px; height:28px; min-height:28px; border-radius:8px!important; } :root[data-theme] #content .asset-table :is(.client-pill,.backup-date b) { font-weight:500; } /* Backups reserve physical space for state and actions instead of overlapping. */ @media(min-width:601px) { :root[data-theme] #content .backup-table { table-layout:fixed; min-width:860px!important; width:100%; } :root[data-theme] #content .backup-table th:nth-child(1) { width:34px; } :root[data-theme] #content .backup-table th:nth-child(2) { width:64px; } :root[data-theme] #content .backup-table th:nth-child(3) { width:auto; } :root[data-theme] #content .backup-table th:nth-child(4) { width:96px; } :root[data-theme] #content .backup-table th:nth-child(5) { width:104px; } :root[data-theme] #content .backup-table th:nth-child(6) { width:72px; } :root[data-theme] #content .backup-table th:nth-child(7) { width:146px; } :root[data-theme] #content .backup-table th:nth-child(8) { width:124px; } :root[data-theme] #content .backup-table td { padding:8px; height:auto; } :root[data-theme] #content .backup-table .backup-host-link { display:block; max-width:100%; width:100%; min-width:0; } :root[data-theme] #content .backup-table .backup-host-link b { font-size:13px; } :root[data-theme] #content .backup-table .backup-tags { min-width:0; } :root[data-theme] #content .backup-table .backup-tags .tag { max-width:100%; overflow-wrap:anywhere; white-space:normal; } :root[data-theme] #content .backup-table .backup-change { max-width:100%; white-space:normal; } :root[data-theme] #content .backup-row-actions { flex-wrap:wrap; gap:4px; white-space:normal; } :root[data-theme] #content .backup-row-actions button { width:100%; min-height:30px; padding:4px 8px; } :root[data-theme] #content .backup-summary-grid article { min-height:72px; padding:12px 16px; } :root[data-theme] #content .backup-summary-grid strong { margin-top:5px; font-size:23px; } :root[data-theme] #content .backup-page-head { margin-bottom:12px; } :root[data-theme] #content .backup-scope { padding:10px 14px; } } /* Compare clients as aligned records; notes and every action stay available. */ @media(min-width:901px) { :root[data-theme] #content .client-card-grid { grid-template-columns:minmax(0,1fr); gap:8px; } :root[data-theme] #content .client-card { grid-template-columns:minmax(150px,1fr) minmax(240px,1.15fr) auto; align-items:center; min-height:76px; gap:8px 18px; padding:12px 16px; } :root[data-theme] #content .client-card header { grid-column:1; grid-row:1; min-width:0; justify-content:flex-start; min-height:0; padding:0; margin:0; } :root[data-theme] #content .client-card header h3 { font-size:14px; overflow-wrap:anywhere; } :root[data-theme] #content .client-card p { grid-column:1; grid-row:2; min-height:0; margin:0; color:var(--muted); line-height:1.35; } :root[data-theme] #content .client-card-stats { grid-column:2; grid-row:1 / span 2; gap:14px; } :root[data-theme] #content .client-card-stats span { padding:0; background:transparent; color:var(--muted); } :root[data-theme] #content .client-card-stats b { font-size:18px; color:var(--text); font-variant-numeric:tabular-nums; font-weight:600; } :root[data-theme] #content .client-card footer { grid-column:3; grid-row:1 / span 2; display:flex; gap:6px; margin:0; align-self:center; } } :root[data-theme] #content .client-card header>i { background:var(--success); box-shadow:none; } :root[data-theme] #content .client-card:is(.inactive,.system) header>i { background:var(--muted); } /* Dashboard priorities share one scan line on wide desktops. */ @media(min-width:1200px) { :root[data-interface] #content.dashboard-page .dashboard-priority-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; } :root[data-interface] #content.dashboard-page .workspace-focus-grid .dashboard-priority { min-height:140px; padding:14px; } :root[data-interface] #content.dashboard-page .dashboard-priority-label { font-size:12px; line-height:1.4; } } :root[data-interface] #content.dashboard-page .dashboard-priority { box-shadow:none; } :root[data-interface] #content.dashboard-page .dashboard-priority>strong { font-size:28px; font-variant-numeric:tabular-nums; } :root[data-interface] #content.dashboard-page .dashboard-job { padding:10px 12px; min-height:64px; } :root[data-theme] #content.dashboard-page .dashboard-job b { font-weight:600; } :root[data-interface] #content.dashboard-page .dashboard-metrics>button { min-height:72px; padding:12px 16px; } /* Progress and the next step remain visible; long technical output lives in details. */ :root[data-interface] #content .software-workspace-bar { top:calc(var(--workspace-header-height,80px) + 8px); } :root[data-theme] #content #software-operations-overview { padding:16px; } :root[data-theme] #software-operations-overview>h2 { font-size:18px; } :root[data-theme] #software-operations-overview>small { margin-bottom:10px; } :root[data-theme] #software-operations-overview details { margin:8px 0; border-left-width:2px; } :root[data-theme] #software-operations-overview summary { padding:14px; } :root[data-theme] #software-operations-overview .op-name { font-size:15px; font-weight:600; } :root[data-theme] #software-operations-overview .op-meta { margin:6px 0 10px; } :root[data-theme] #software-operations-overview .op-progress-label { font-size:13px; } :root[data-theme] #software-operations-overview .op-badge { border-color:var(--line); font-weight:600; padding:4px 9px; } :root[data-theme] #software-operations-overview details[data-tone="attention"] .op-badge { color:var(--amber); } :root[data-theme] #software-operations-overview details[data-tone="running"] .op-badge { color:var(--link); } :root[data-theme] #software-operations-overview progress::-webkit-progress-value { background:var(--op-accent); } :root[data-theme] #software-operations-overview progress::-moz-progress-bar { background:var(--op-accent); } :root[data-theme] #software-operations-overview .op-footer { padding-top:10px; } :root[data-theme] #software-operations-overview .op-next-actions { margin-top:10px; } :root[data-theme] #software-operations-overview .op-next-action { padding:10px 12px; } :root[data-theme] #software-operations-overview .op-stage-detail { margin:10px 0 0; } :root[data-theme] #software-operations-overview .op-stage-counters { margin-bottom:6px; } :root[data-theme] #software-operations-overview .op-stage-counters>span { padding:4px 8px; font-size:12px; font-weight:600; } :root[data-theme] #software-operations-overview details:not([open]) .op-live-target { display:none; } :root[data-theme] #software-operations-overview .op-campaign-controls { margin-top:8px; } /* Conversation space stays generous while the composer is compact. */ :root[data-theme] .analyst-chat-shell .analyst-chat-head { padding:16px 18px; } :root[data-theme] .analyst-chat-shell .analyst-composer { padding:12px 16px; } :root[data-theme] .analyst-chat-shell .analyst-composer textarea { min-height:76px; height:76px; max-height:180px; resize:vertical; } :root[data-theme] .analyst-chat-shell .analyst-composer button { align-self:start; min-height:44px; } :root[data-theme] .assistant-history-item { padding:14px 16px; } :root[data-theme] .assistant-history-item h3 { font-size:14px; font-weight:600; } :root[data-theme] #modal .modal-head { padding:14px 18px; } :root[data-theme] #modal .modal-head h2 { font-size:19px; font-weight:600; } :root[data-theme] #modal :is(label,.nv-dialog-fields) { font-size:13px; } :root[data-theme] #modal .nv-dialog-actions { padding:12px 18px; } :root[data-theme] .ssh-window .ssh-window-head { border-bottom:1px solid var(--terminal-line); } @media(min-width:1600px) { :root[data-interface] #content.assets-page>.workspace-search-filters { display:grid; grid-template-columns:auto minmax(0,1fr); gap:4px 12px; align-items:center; } :root[data-interface] #content.assets-page .assets-toolbar { grid-column:1; margin:0; } :root[data-interface] #content.assets-page #assets-pagination { grid-column:2; } :root[data-interface] #content.assets-page .asset-filter-panel { grid-column:1 / -1; } } @media(min-width:601px) and (max-width:1100px) { :root[data-theme] #content :is(.client-metrics,.routine-metrics) { grid-template-columns:repeat(3,minmax(0,1fr)); } } @media(max-width:600px) { /* Expanded filters must scroll with the document rather than cover mobile rows. */ :root[data-interface] #content.assets-page .workspace-search-filters:has(.workspace-filter-disclosure[open]) { position:static; } :root[data-interface] #content .software-workspace-bar { position:static; } :root[data-interface] main>.page-heading #title { font-size:20px; } :root[data-theme] #content :is(.clients-hero,.users-hero,.routine-hero,.audit-hero,.campaign-hero,.whatsapp-hero) { padding:14px; align-items:stretch; } :root[data-theme] #content .panel { padding:14px; } :root[data-theme] #content button { min-height:44px; } :root[data-theme] #content .asset-health-card { min-height:80px; padding:10px; } :root[data-theme] #content .asset-filter-sidebar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; } :root[data-theme] #content .asset-sidebar-group { min-width:0; margin:0; } :root[data-theme] #content .asset-sidebar-heading { min-height:44px; padding:8px; gap:4px; font-size:11px; letter-spacing:normal; } :root[data-theme] #content .asset-sidebar-group[data-collapsed="false"] { grid-column:1 / -1; } :root[data-interface] #content.assets-page #assets-pagination { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-areas:"search search" "status size" "previous next"; gap:8px; } :root[data-interface] #assets-pagination .asset-list-search { grid-area:search; } :root[data-interface] #assets-pagination .list-pager-status { display:flex; grid-area:status; flex-direction:column; min-width:0; } :root[data-interface] #assets-pagination .list-page-size { display:flex; grid-area:size; justify-content:flex-end; align-items:center; gap:8px; } :root[data-interface] #assets-pagination>button { display:block; width:100%; min-width:0; } :root[data-interface] #assets-pagination [data-page-action="previous"] { grid-area:previous; } :root[data-interface] #assets-pagination [data-page-action="next"] { grid-area:next; } :root[data-theme] #content .client-card { min-height:0; padding:14px; gap:10px; } :root[data-theme] #content .client-card-stats span { padding:6px 0; } :root[data-theme] #content .client-card footer { display:flex; gap:8px; } :root[data-theme] #content .client-card footer button { flex:1; } :root[data-theme] #software-operations-overview summary { padding:12px; } :root[data-theme] #software-operations-overview .op-heading { gap:8px; } :root[data-theme] #software-operations-overview .op-badge { align-self:flex-start; } :root[data-theme] .analyst-chat-shell .analyst-composer { padding:10px; } :root[data-theme] .analyst-chat-shell .analyst-composer textarea { min-height:68px; height:68px; } :root[data-theme] .analyst-chat-shell .analyst-composer button { align-self:stretch; } } @media(prefers-reduced-motion:reduce) { :root[data-theme] button { transition:none; } } /* Lucide static icons share one optical size while labels retain accessible names. */ :root[data-interface] #primary-nav button>i { flex:0 0 18px; width:18px; height:18px; font-size:0; line-height:0; background:currentColor; mask:var(--nav-icon) center / contain no-repeat; -webkit-mask:var(--nav-icon) center / contain no-repeat; } #primary-nav [data-view="dashboard"] { --nav-icon:url('/icons/layout-dashboard.svg'); } #primary-nav [data-view="assets"] { --nav-icon:url('/icons/network.svg'); } #primary-nav [data-view="clients"] { --nav-icon:url('/icons/building-2.svg'); } #primary-nav [data-view="users"] { --nav-icon:url('/icons/users.svg'); } #primary-nav [data-view="credentials"] { --nav-icon:url('/icons/key-round.svg'); } #primary-nav [data-view="backups"] { --nav-icon:url('/icons/archive.svg'); } #primary-nav [data-view="campaigns"] { --nav-icon:url('/icons/workflow.svg'); } #primary-nav [data-view="software"] { --nav-icon:url('/icons/package.svg'); } #primary-nav [data-view="routines"] { --nav-icon:url('/icons/calendar-clock.svg'); } #primary-nav [data-view="collectors"] { --nav-icon:url('/icons/server.svg'); } #primary-nav [data-view="rounds"] { --nav-icon:url('/icons/activity.svg'); } #primary-nav [data-view="analyst"] { --nav-icon:url('/icons/sparkles.svg'); } #primary-nav [data-view="assistant-history"] { --nav-icon:url('/icons/messages-square.svg'); } #primary-nav [data-view="audit"] { --nav-icon:url('/icons/scroll-text.svg'); } #primary-nav [data-view="whatsapp"] { --nav-icon:url('/icons/message-circle.svg'); } #primary-nav [data-view="profile"] { --nav-icon:url('/icons/user-round.svg'); } :root[data-theme] #content :is(.operations-hero,.routine-hero) { padding:18px 20px; gap:16px; margin-bottom:14px; } :root[data-theme] #content :is(.operations-hero,.routine-hero) h2 { font-size:18px; font-weight:600; } :root[data-theme] #content .routine-preview-more { white-space:nowrap; min-width:max-content; } @media(min-width:1000px) { :root[data-interface] #content .backup-summary-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; } } @media(min-width:601px) { :root[data-theme] #content .campaign-list-table { min-width:1080px!important; table-layout:fixed; } :root[data-theme] #content .campaign-list-table th:nth-child(1) { width:180px; } :root[data-theme] #content .campaign-list-table th:nth-child(2) { width:100px; } :root[data-theme] #content .campaign-list-table th:nth-child(3) { width:55px; } :root[data-theme] #content .campaign-list-table th:nth-child(4) { width:160px; } :root[data-theme] #content .campaign-list-table th:nth-child(5) { width:110px; } :root[data-theme] #content .campaign-list-table th:nth-child(6) { width:155px; } :root[data-theme] #content .campaign-list-table th:nth-child(7) { width:280px; } :root[data-theme] #content .campaign-list-table td { overflow-wrap:break-word; } :root[data-theme] #content .campaign-list-table .row-actions { white-space:normal; } :root[data-theme] #content .campaign-list-table .row-actions button { margin:2px; } } @media(forced-colors:active) { :root[data-interface] #primary-nav button>i { background:CanvasText; forced-color-adjust:none; } } /* A distinct operational workspace: theme-aware navigation, clear page context, * connected metrics, quiet records and one coherent control system. */ :root { --radius-control:7px; --radius-surface:10px; --radius-dialog:14px; --radius-pill:6px; --text-title:28px; --light-bg:#f4f5f7; --light-raised:#f7f8fa; --sidebar-surface:#171b22; --sidebar-text:#c3cbd7; --sidebar-muted:#9aa6b7; --sidebar-line:#333b48; --sidebar-active:#29374c; --sidebar-current:#e3edff; --sidebar-brand:#e3edff; --sidebar-hover:#232b37; --sidebar-hover-text:#f1f5fb; --sidebar-active-line:#41516a; --sidebar-symbol:#263346; --sidebar-symbol-text:#c5d9ff; --sidebar-symbol-line:#44546b; --sidebar-control:#232b37; --sidebar-control-line:#414b5d; --shadow-surface:0 1px 2px rgb(16 24 40 / 4%); } :root[data-theme="dark"] { --bg:#101214; --navy:#1a1d21; --surface:#1a1d21; --raised:#23272e; --hover:#272d36; --line:#343a44; --control-line:#707b8c; --text:#eef1f6; --muted:#adb6c4; --primary:#91b4ff; --teal:var(--primary); --link:var(--primary); --on-accent:#12233e; --accent-soft:#26364e; --focus:#a5c3ff; --sidebar-surface:#14171c; --sidebar-line:#303640; --shadow-surface:0 1px 2px rgb(0 0 0 / 12%); } :root:is([data-theme="light"],[data-theme="light-red"]) { --bg:#f4f5f7; --navy:#ffffff; --surface:#ffffff; --raised:#f7f8fa; --hover:#eef1f6; --line:#dde2e9; --control-line:#7e8999; --text:#192230; --muted:#566274; } :root[data-theme="light"] { --sidebar-surface:#ffffff; --sidebar-text:#4b596b; --sidebar-muted:#566274; --sidebar-line:#dde2e9; --sidebar-active:#e9f0fd; --sidebar-current:#244b9e; --sidebar-brand:#244b9e; --sidebar-hover:#f0f3f8; --sidebar-hover-text:#192230; --sidebar-active-line:#99b2de; --sidebar-symbol:#e9f0fd; --sidebar-symbol-text:#244b9e; --sidebar-symbol-line:#bccce7; --sidebar-control:#f7f8fa; --sidebar-control-line:#c3cbd7; } :root[data-theme="light-red"] { --sidebar-surface:#fff9f6; --sidebar-text:#624d46; --sidebar-muted:#705e57; --sidebar-line:#eadfd9; --sidebar-active:#fae9df; --sidebar-current:#a63b17; --sidebar-brand:#a63b17; --sidebar-hover:#f5ebe5; --sidebar-hover-text:#47352e; --sidebar-active-line:#cba998; --sidebar-symbol:#fae9df; --sidebar-symbol-text:#a63b17; --sidebar-symbol-line:#dec0af; --sidebar-control:#f5ebe5; --sidebar-control-line:#d5bfb2; } :root[data-theme] body { font-family:var(--font-ui); font-weight:400; } :root[data-interface] body #sidebar[data-sidebar-fit] { background:var(--sidebar-surface); color:var(--sidebar-text); border-right:1px solid var(--sidebar-line); box-shadow:none; padding:14px 12px; gap:14px; } :root[data-interface] #sidebar[data-sidebar-fit] .brand { min-height:46px; margin:0 8px; } :root[data-interface][data-theme] #sidebar .brand .l3ops-wordmark, :root[data-interface][data-theme] #sidebar .l3ops-wordmark span { color:var(--sidebar-brand)!important; } :root[data-interface] #sidebar .brand>.l3ops-symbol { background:var(--sidebar-symbol); color:var(--sidebar-symbol-text); border-color:var(--sidebar-symbol-line); width:34px; height:34px; font-size:14px; border-radius:9px!important; } :root[data-interface] #sidebar #primary-nav { gap:3px; } :root[data-interface] #sidebar #primary-nav button { color:var(--sidebar-text); background:transparent; border:1px solid transparent; border-radius:7px!important; padding:0 12px; font-size:13px; font-weight:450; max-height:40px; gap:10px; } :root[data-interface] #sidebar #primary-nav button:hover { background:var(--sidebar-hover); color:var(--sidebar-hover-text); } :root[data-interface] #sidebar #primary-nav button.active { background:var(--sidebar-active); color:var(--sidebar-current); border-color:var(--sidebar-active-line); box-shadow:none; font-weight:600; } :root[data-interface] #sidebar #primary-nav button.active::before { display:none; } :root[data-interface] #sidebar #primary-nav button>i { opacity:.85; width:17px; height:17px; flex-basis:17px; } :root[data-interface] #sidebar #primary-nav .nav-group-label { color:var(--sidebar-muted); font-size:10px; font-weight:600; letter-spacing:.09em; text-transform:uppercase; padding:0 12px; } :root[data-interface] #sidebar[data-sidebar-fit]>small { color:var(--sidebar-muted); border-top:1px solid var(--sidebar-line); padding:12px 8px 0; font-size:11px; } :root[data-interface] #sidebar #collapse { background:var(--sidebar-control); color:var(--sidebar-text); border-color:var(--sidebar-control-line); border-radius:6px!important; right:10px; } @media(min-width:851px) { :root[data-interface] main { padding:0 28px 32px; } :root[data-interface] main>header:has(#global-search) { display:flex; align-items:center; gap:20px; min-height:64px; padding:10px 0; margin:0 0 24px; border:0; border-bottom:1px solid var(--line); border-radius:0; background:var(--bg); box-shadow:none; } :root[data-interface] main>header .global-search { flex:0 1 360px; min-width:220px; width:auto; } :root[data-interface] main>header .header-session { flex:0 0 auto; margin-left:auto; flex-wrap:nowrap; } } .workspace-location { display:flex; align-items:center; gap:10px; min-width:0; flex:1 1 auto; color:var(--muted); font-size:12px; } .workspace-location b { color:var(--text); font-weight:550; max-width:200px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .workspace-location>span:nth-child(2) { opacity:.6; } :root[data-interface] main>.page-heading { display:flex; align-items:center; gap:14px; margin:0 0 22px; padding:0; min-width:0; order:0; flex:0 0 auto; } .workspace-heading-copy { min-width:0; flex:1; } .workspace-heading-actions { flex:0 0 auto; min-width:0; } .workspace-heading-actions:empty { display:none; } .workspace-heading-actions .asset-primary-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px; } :root[data-theme] .workspace-heading-actions button { min-height:38px; padding:8px 12px; font-size:12px; font-weight:550; color:var(--text); background:var(--surface); border:1px solid var(--control-line); box-shadow:none; } :root[data-theme] .workspace-heading-actions button.primary { background:var(--primary); color:var(--on-accent); border-color:var(--primary); } :root[data-theme] .workspace-heading-actions button:hover { filter:brightness(1.08); } .assets-toolbar[hidden] { display:none!important; } body:has(#content[aria-busy="true"]) .workspace-heading-actions { visibility:hidden; pointer-events:none; } :root[data-interface] main>.page-heading .eyebrow { display:block; margin:0 0 4px; font-size:10px; font-weight:600; letter-spacing:.1em; line-height:1.4; text-transform:uppercase; color:var(--muted); } :root[data-interface] main>.page-heading #title { font-size:28px; line-height:1.18; font-weight:650; margin:0; letter-spacing:-.035em; color:var(--text); } #workspace-page-description { margin:7px 0 0; font-size:13px; line-height:1.45; color:var(--muted); } .workspace-heading-icon { display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; border:1px solid var(--line); border-radius:10px; background:var(--surface); color:var(--link); } .workspace-heading-icon::before { content:""; width:22px; height:22px; background:currentColor; mask:var(--page-icon,url('/icons/network.svg')) center / contain no-repeat; -webkit-mask:var(--page-icon,url('/icons/network.svg')) center / contain no-repeat; } .page-heading[data-view="dashboard"] { --page-icon:url('/icons/layout-dashboard.svg'); } .page-heading[data-view="clients"] { --page-icon:url('/icons/building-2.svg'); } .page-heading[data-view="users"] { --page-icon:url('/icons/users.svg'); } .page-heading[data-view="credentials"] { --page-icon:url('/icons/key-round.svg'); } .page-heading[data-view="backups"] { --page-icon:url('/icons/archive.svg'); } .page-heading[data-view="campaigns"] { --page-icon:url('/icons/workflow.svg'); } .page-heading[data-view="software"] { --page-icon:url('/icons/package.svg'); } .page-heading[data-view="routines"] { --page-icon:url('/icons/calendar-clock.svg'); } .page-heading[data-view="collectors"] { --page-icon:url('/icons/server.svg'); } .page-heading[data-view="rounds"] { --page-icon:url('/icons/activity.svg'); } .page-heading[data-view="analyst"] { --page-icon:url('/icons/sparkles.svg'); } .page-heading[data-view="assistant-history"] { --page-icon:url('/icons/messages-square.svg'); } .page-heading[data-view="audit"] { --page-icon:url('/icons/scroll-text.svg'); } .page-heading[data-view="whatsapp"] { --page-icon:url('/icons/message-circle.svg'); } .page-heading[data-view="profile"] { --page-icon:url('/icons/user-round.svg'); } :root[data-theme] #global-search-field { border-radius:7px!important; background:var(--surface); box-shadow:none; border-color:var(--control-line); } :root[data-theme] #global-search-input { border-radius:7px!important; font-size:13px; } :root[data-theme] #account-chip { border:0; background:transparent; padding:4px 8px; } :root[data-theme] #account-chip i { border-radius:7px; background:var(--accent-soft); color:var(--link); } :root[data-theme] #logout { background:transparent; border-color:var(--line); } :root[data-theme] #content :is(.panel,.asset-table-panel,.asset-filter-sidebar,.asset-page-panel,.asset-page-section,.list-workspace,.dashboard-priority,.dashboard-progress,.dashboard-recurring-panel,.dashboard-inventory,.dashboard-activity,.client-card,.routine-card) { border-radius:10px!important; border-color:var(--line); background:var(--surface); box-shadow:var(--shadow-surface); } :root[data-theme] #content :is(.panel-head h2,.dashboard-panel-head h2,.dashboard-problem-assets header>b) { font-size:16px; font-weight:600; letter-spacing:-.02em; } :root[data-theme] #content :is(.dashboard-kicker,.software-kicker,.asset-page-kicker) { font-size:10px; text-transform:uppercase; letter-spacing:.08em; font-weight:550; color:var(--muted); } :root[data-theme] #content :is(.clients-hero,.users-hero,.routine-hero,.audit-hero,.campaign-hero,.whatsapp-hero,.operations-hero) { background:transparent; padding:0 0 16px; border:0; border-bottom:1px solid var(--line); border-radius:0!important; box-shadow:none; margin-bottom:16px; } :root[data-theme] #content :is(.clients-hero,.users-hero,.routine-hero,.audit-hero,.campaign-hero,.whatsapp-hero,.operations-hero) h2 { font-size:16px; font-weight:600; } :root[data-theme] #content :is(.clients-hero,.users-hero,.routine-hero,.audit-hero,.campaign-hero,.whatsapp-hero,.operations-hero) .dashboard-kicker { display:none; } :root[data-theme] #content button.secondary { background:var(--surface); border-color:var(--control-line); color:var(--text); font-weight:500; } :root[data-theme] #content button.primary { font-weight:600; box-shadow:none; } :root[data-theme] #content :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) { background:var(--surface); color:var(--text); font-weight:400; } :root[data-theme] #content :is(.search-box,.asset-list-search,.list-search) input { border-radius:7px!important; } :root[data-theme] #content :is(.tag,.client-pill,.vendor-pill,.role-pill) { background:var(--raised); border:1px solid var(--line); color:var(--text); border-radius:5px!important; font-weight:450; } :root[data-theme] #content .client-pill { background:transparent; border:0; padding:3px 0; border-radius:0!important; color:var(--muted); } :root[data-theme] #content[data-workspace] .asset-table .client-pill { background:transparent!important; color:var(--muted)!important; border:0!important; box-shadow:none; } :root[data-theme] #content[data-workspace] .asset-table .client-pill:hover { color:var(--link)!important; text-decoration:underline; text-underline-offset:3px; } :root[data-theme] #content table { border-collapse:collapse; } :root[data-theme] #content table th { height:40px; box-sizing:border-box; padding:10px 12px; background:var(--raised); color:var(--muted); font-size:12px; font-weight:550; text-transform:none; letter-spacing:normal; border-bottom:1px solid var(--line); } :root[data-theme] #content table td { box-sizing:border-box; border-bottom:1px solid var(--line); } :root[data-theme] #content table tbody tr:hover { background:var(--hover); } :root[data-theme] #content :is(.asset-page-tabs,.software-tabs) { gap:16px; padding:0; } :root[data-theme] #content :is(.asset-page-tabs,.software-tabs) button { border:0; border-bottom:2px solid transparent; border-radius:0!important; background:transparent; color:var(--muted); padding:12px 2px; box-shadow:none; } :root[data-theme] #content :is(.asset-page-tabs,.software-tabs) button:is(.active,[aria-selected="true"]) { border-bottom-color:var(--link); color:var(--link); background:transparent; } @media(min-width:901px) { :root[data-interface] #content.assets-page .asset-health-grid { gap:0; padding:0; border:1px solid var(--line); border-radius:10px; background:var(--surface); box-shadow:var(--shadow-surface); overflow:hidden; margin-bottom:16px; } :root[data-interface] #content.assets-page .asset-health-card { min-height:92px; border:0; border-radius:0!important; box-shadow:none; background:transparent; padding:14px 16px; } :root[data-interface] #content.assets-page .asset-health-card+.asset-health-card { border-left:1px solid var(--line); } :root[data-interface] #content.assets-page .asset-health-card :is(>span,.coverage-head) { font-size:11px; letter-spacing:.03em; font-weight:550; } :root[data-interface] #content.assets-page .asset-health-card strong { font-size:28px; font-weight:600; letter-spacing:-.03em; } :root[data-interface] #content.assets-page .coverage-scope-actions button { background:var(--raised); border-color:var(--line); padding:4px 7px; } :root[data-interface] #content.assets-page .asset-layout { grid-template-columns:188px minmax(0,1fr); gap:14px; } :root[data-interface] #content.assets-page .asset-filter-sidebar { padding:8px; background:var(--raised); box-shadow:none; } :root[data-interface] #content.assets-page .asset-sidebar-heading { min-height:40px; padding:8px; font-weight:500; letter-spacing:normal; } :root[data-interface] #content.assets-page .asset-sidebar-heading span { font-size:12px; font-weight:550; white-space:normal; text-transform:none; overflow-wrap:normal; } :root[data-interface] #content.assets-page .asset-sidebar-heading em { min-width:22px; background:var(--surface); font-weight:500; } :root[data-theme] #content .asset-table-panel { padding:0; overflow:hidden; } :root[data-theme] #content .asset-table td { height:56px; padding:8px 10px; } :root[data-theme] #content .asset-table .asset-operational-beacon { width:22px; min-width:22px; height:22px; min-height:22px; background:transparent; border:0; } :root[data-theme] #content .asset-table .row-actions { gap:5px; } :root[data-theme] #content .asset-table .row-actions button { background:transparent; border-color:transparent; box-shadow:none; } :root[data-theme] #content .asset-table .row-actions button:hover { background:var(--raised); border-color:var(--control-line); } :root[data-theme] #content .asset-table .backup-button { background:transparent!important; border-color:var(--line)!important; } :root[data-theme] #content .asset-table .backup-date { font-weight:400; } :root[data-theme] #content :is(.client-metrics,.routine-metrics,.backup-summary-grid) { gap:0; border:1px solid var(--line); border-radius:10px; background:var(--surface); overflow:hidden; } :root[data-theme] #content :is(.client-metrics,.routine-metrics,.backup-summary-grid)>* { border:0; border-radius:0!important; box-shadow:none; background:transparent; padding:14px 18px; } :root[data-theme] #content :is(.client-metrics,.routine-metrics,.backup-summary-grid)>*+* { border-left:1px solid var(--line); } :root[data-theme] #content :is(.client-metrics,.routine-metrics,.backup-summary-grid) strong { font-size:28px; font-weight:600; letter-spacing:-.025em; } :root[data-theme] #content .client-card-grid { gap:0; border:1px solid var(--line); border-radius:8px; overflow:hidden; } :root[data-theme] #content .client-card { border:0; border-radius:0!important; padding:14px 16px; box-shadow:none; gap:4px 20px; } :root[data-theme] #content .client-card+.client-card { border-top:1px solid var(--line); } :root[data-theme] #content .client-card:hover { background:var(--hover); } :root[data-theme] #content[data-workspace] .client-card .client-card-stats span { background:transparent!important; padding:0; border:0; box-shadow:none; } :root[data-theme] #content .client-card-stats b { font-size:20px; } } :root[data-interface] #content.assets-page>.workspace-search-filters { border-radius:10px!important; padding:12px; box-shadow:var(--shadow-surface); margin-bottom:16px; } :root[data-interface] #content.assets-page .assets-toolbar { gap:8px; margin-bottom:4px; } :root[data-interface] #content.assets-page .selection-bar { background:transparent; box-shadow:none; border:0; padding:0 2px; min-height:30px; margin-bottom:10px; } :root[data-interface] #content.assets-page .selection-bar[data-has-selection="true"] { background:var(--accent-soft); border:1px solid var(--line); padding:8px 12px; } :root[data-theme] #content.assets-page .asset-command-center { border:0; background:transparent; box-shadow:none; padding:0; margin:0 0 8px; } :root[data-theme] #content.assets-page .asset-selection-summary { border:0; background:transparent; box-shadow:none; padding:0 2px; min-height:26px; } :root[data-interface] #content.dashboard-page .dashboard-priorities { padding:0; border:0; box-shadow:none; background:transparent; } :root[data-interface] #content.dashboard-page .dashboard-priorities-head h2 { font-size:16px; letter-spacing:-.015em; font-weight:600; margin:0 0 5px; } :root[data-interface] #content.dashboard-page .dashboard-priorities-head>.dashboard-kicker { display:none; } :root[data-interface] #content.dashboard-page .dashboard-priorities-head p { font-size:12px; margin:0; } :root[data-interface] #content.dashboard-page .dashboard-priority { padding:16px!important; min-height:154px; border-left-width:1px; grid-template-columns:28px minmax(0,1fr) auto; align-content:start; gap:8px; } :root[data-interface] #content.dashboard-page .dashboard-priority::before { display:none; } :root[data-interface] #content.dashboard-page .dashboard-priority-label { font-size:12px; font-weight:550; text-transform:none; letter-spacing:normal; } :root[data-interface] #content.dashboard-page .dashboard-priority>strong { font-size:34px; font-weight:600; letter-spacing:-.04em; } :root[data-interface] #content.dashboard-page .dashboard-priority-icon { width:28px; height:28px; font-size:16px; } :root[data-interface] #content.dashboard-page .dashboard-priority-state { font-size:12px; font-weight:500; } :root[data-interface] #content.dashboard-page .dashboard-metrics { border-radius:10px!important; box-shadow:var(--shadow-surface); } :root[data-interface] #content.dashboard-page .dashboard-metrics strong { font-size:26px; font-weight:600; } @media(min-width:901px) { :root[data-interface] #content.dashboard-page .dashboard-priority { display:flex; flex-direction:column; position:relative; align-items:stretch; min-height:192px; text-align:left; gap:5px; } :root[data-interface] #content.dashboard-page .dashboard-priority>strong { order:0; font-size:38px; margin:0 0 4px; line-height:1.05; } :root[data-interface] #content.dashboard-page .dashboard-priority-label { order:1; padding-right:0; } :root[data-interface] #content.dashboard-page .dashboard-priority-state { order:2; } :root[data-interface] #content.dashboard-page .dashboard-priority-copy { order:3; font-size:12px; margin:0; } :root[data-interface] #content.dashboard-page .dashboard-priority>em { order:4; margin-top:auto; padding-top:10px; font-size:12px; } :root[data-interface] #content.dashboard-page .dashboard-priority-icon { position:absolute; top:16px; right:16px; } } :root[data-interface] #content.dashboard-page .dashboard-job { border:0; border-bottom:1px solid var(--line); border-radius:0!important; background:transparent; } :root[data-theme] #software-operations-overview { border-radius:10px!important; } :root[data-theme] #software-operations-overview details { border-left-width:1px; border-radius:8px; background:var(--raised); } :root[data-theme] #software-operations-overview .op-next-action { background:var(--surface); border:1px solid var(--line); border-radius:6px; } :root[data-theme] .analyst-chat-shell { border-radius:10px!important; } :root[data-theme] .analyst-chat-shell .analyst-chat-head { background:var(--raised); } :root[data-theme] .analyst-chat-shell .analyst-message { border-radius:8px!important; box-shadow:none; } :root[data-theme] #modal .modal-head { background:var(--raised); } :root[data-theme] .ssh-window .ssh-window-head { background:var(--terminal-surface); color:var(--terminal-text); } :root[data-theme] .ssh-window .ssh-window-head :is(h2,.ssh-close) { color:var(--terminal-text); } @media(min-width:601px) and (max-width:1200px) { .workspace-location { display:none; } } @media(min-width:601px) and (max-width:850px) { :root[data-interface] main>.page-heading #title { font-size:25px; } } @media(max-width:1100px) { :root[data-interface] main>.page-heading { flex-wrap:wrap; } .workspace-heading-actions { flex-basis:100%; } .workspace-heading-actions .asset-primary-actions { justify-content:flex-end; } } @media(max-width:600px) { .workspace-location { display:none; } :root[data-interface] main>.page-heading { gap:10px; margin:8px 0 18px; align-items:flex-start; } :root[data-interface] main>.page-heading #title { font-size:24px; } :root[data-interface] main>.page-heading .eyebrow { font-size:10px; } #workspace-page-description { font-size:12px; margin-top:5px; } .workspace-heading-icon { width:36px; height:36px; flex-basis:36px; margin-top:2px; } .workspace-heading-icon::before { width:18px; height:18px; } .workspace-heading-actions .asset-primary-actions { display:grid; grid-template-columns:1fr 1fr; width:100%; } .workspace-heading-actions button { min-height:44px!important; width:100%; } .workspace-heading-actions .asset-primary-actions>button:last-child:nth-child(odd) { grid-column:1 / -1; } :root[data-interface] #content.assets-page>.workspace-search-filters { padding:10px; } :root[data-theme] #content :is(.asset-health-card,.client-card,.asset-mobile-card) { border-radius:8px!important; } :root[data-interface] #sidebar #primary-nav button { max-height:none; min-height:44px; } :root[data-theme] #content :is(.asset-page-tabs,.software-tabs) { gap:8px; } } @media(forced-colors:active) { .workspace-heading-icon::before { background:CanvasText; forced-color-adjust:none; } :root[data-interface] #sidebar #primary-nav button { color:CanvasText; } :root[data-interface] #sidebar #primary-nav button.active { color:HighlightText; background:Highlight; border-color:Highlight; } }