/* Light steel: conventional business UI, with a slightly darker workspace background. */
:root{color-scheme:light;--bg:#e8edf0;--panel:#fff;--panel2:#f2f5f7;--line:#d7dfe4;--muted:#6c7b86;--text:#273a48;--mint:#335f7e;--mint-dark:#e7eff5;--blue:#396e9a;--amber:#956525;--red:#af4848;--radius:8px;font-family:"Segoe UI","Malgun Gothic",Arial,sans-serif}
body{background:var(--bg)}input,select,textarea{background:#fff;color:#263946;border-color:#c4d0d9}input::placeholder,textarea::placeholder{color:#8b98a1}option{background:#fff}input:focus,select:focus,textarea:focus{border-color:#577f9b;box-shadow:0 0 0 3px #335f7e10}.btn-primary{color:#fff;background:#365f7b;border-color:#365f7b}.btn-primary:hover{background:#274d68}.btn-secondary{background:#f5f7f9;color:#405767;border-color:#cbd5dc}.btn-secondary:hover{background:#e9eff4}.btn-ghost{color:#607584;border-color:#cad5dd;background:#fff}.icon-button{color:#6b7d8a}.icon-button:hover{background:#e8eef3;color:#284d69}.brand-symbol{color:#335f7e}.brand-symbol>span{background:#335f7e}.brand small{color:#8498a5}.status-dot{background:#5c8269;box-shadow:none}.sidebar{background:#3a4b57;border-color:#344652}.sidebar>.brand{color:#fff}.sidebar .brand-symbol{color:#d3e1eb}.sidebar .brand-symbol>span{background:#d3e1eb}.sidebar .brand small{color:#b2c1cb}.workspace-label{background:#465965;border-color:#647680;color:#eef2f4}.workspace-label small{color:#c2cdd4}.workspace-avatar{background:#617681;border-color:#83939b;color:#fff}.nav-label{color:#aabac4;letter-spacing:.7px}.nav-item,.product-nav{color:#e0e7ec}.nav-item svg{color:#bccbd5}.nav-item:hover,.product-nav:hover{background:#ffffff10;color:#fff}.nav-item.active{background:#e5edf3;border-color:#dbe6ee;color:#284d67}.nav-item.active svg{color:#315e7c}.nav-count{background:#607583;color:#f0f4f7}.nav-item.active .nav-count{background:#cfdee9;color:#31516a}.nav-alert{background:#6b6c5e;color:#f0dfba}.product-nav-dot{background:#c2d2dd}.blue-dot,.amber-dot{background:#c2d2dd}.system-card{background:#435763;border-color:#5d707a;color:#edf2f5}.system-card small{color:#bdcbd3}.system-card>svg{color:#bed1c4}.sidebar .status-dot{background:#b6d0bd}.user-profile{color:#f2f5f7}.user-profile small{color:#b5c3cc}.user-profile .icon-button{color:#c1cdd5}.user-avatar,.topbar-avatar{background:#e0e8ee;border-color:#c5d4de;color:#365870}.topbar{background:#f7f9fa;border-color:#d3dde4}.breadcrumb{color:#7b8c97}.breadcrumb strong{color:#405969}.topbar-date{color:#6e8390}.preview-badge{background:#f5eee3;border-color:#e3d6bb;color:#8f713d}.app-shell main{padding-top:28px}.heading-kicker,.eyebrow{color:#81909a;letter-spacing:.7px}.page-heading h1{font-size:25px;color:#253d4e}.page-heading p{font-size:12px;color:#71828d}.page-heading .heading-kicker{display:none}.welcome-banner{background:#f3f6f8;border-color:#d0dce5;border-radius:8px;padding:20px 23px}.welcome-banner h2{color:#304e63;font-size:18px}.welcome-banner h2 span{color:#304e63}.welcome-banner p{color:#758791;font-size:12px}.welcome-banner .eyebrow{display:none}.welcome-banner .btn{background:#fff;border-color:#ccd9e1;color:#44667e}.welcome-art{opacity:.4}.stat-card{background:#fff;box-shadow:0 1px 2px #304f6410}.stat-top{color:#71818d;font-size:12px}.stat-icon,.stat-icon.blue{background:#edf2f6;color:#527590}.stat-icon.amber{background:#f5eee4;color:#9b783e}.stat-value{color:#28485e}.stat-foot{font-size:10px;color:#8b9aa4}.stat-foot .mint{color:#597c67}.panel{box-shadow:0 1px 2px #304f6408}.panel-header{background:#fbfcfd}.panel-header h2,.panel-header h3{font-size:14px;color:#365365}.panel-header p{color:#8a99a3}.panel-header>a{color:#5f7a8d}.panel-header>a:hover{color:#244e6d}.product-overview-row strong{color:#34546a}.product-overview-row small{color:#899ba7}.product-amount{color:#365a76}.chart-head strong{color:#35566f}.chart-legend{color:#8a9aa5}.chart-legend:before{background:#597e98}.bar-chart{background:repeating-linear-gradient(to top,transparent 0,transparent 42px,#dae2e8 42px,#dae2e8 43px)}.bar-value{color:#8398a7}.chart-bar{fill:#9db1c0;stroke:#8fa5b5}.bar-column:last-child .chart-bar{fill:#456f8d;stroke:#456f8d}.chart-months span{color:#8497a3}.activity-icon{background:#edf1f4;color:#607f93}.activity-icon.support{background:#edf2f7;color:#567b9a}.activity-icon.company{background:#f2eee8;color:#92704b}.activity-item strong{color:#536c7c}.activity-item small,.activity-item .activity-time{color:#93a2ab}.activity-item+.activity-item{border-color:#edf1f4}.expiry-item{background:#fcfaf6;border-color:#e4dbc9}.expiry-item strong{color:#4c5f6c}.expiry-item small{color:#98a3aa}.expiry-item .expiry-days{color:#9c793e}.app-footer{background:#f0f4f6;color:#8d9ca6}.app-footer>span:nth-child(2){color:#8d9ca6}.app-footer b{color:#6e8594}
.product-mark{background:#f8fafb!important;border:0!important;padding:0;object-fit:contain;border-radius:6px}.product-nav .product-mark{width:27px;height:27px}.product-overview-row .product-mark{width:39px;height:39px}.records-toolbar{background:#fff}.search-box input{background:#fafcfd;border-color:#d1dce3}th{background:#edf2f5;color:#728997;font-size:10px}td{color:#536d7e;border-color:#e3e9ed;font-size:12px}tbody tr:hover{background:#f8fafc}.table-link{color:#35576f}.table-link:hover{color:#204764}.company-initial{background:#edf2f5;color:#587b94;border-color:#d1dee7}.company-cell small,.cell-subtitle{color:#99a7b0}.seat-count{color:#4e6d82}.license-key{color:#7e97a8;font-size:11px}.license-product{color:#45667d}.badge{color:#64806d;background:#f0f5f1;border-color:#d6e2d8}.badge.blue{color:#4e7595;background:#eef3f7;border-color:#d2e0ea}.badge.amber{color:#9d8049;background:#f8f3e8;border-color:#eadfca}.badge.red{color:#ab6262;background:#faf0f0;border-color:#e8d5d5}.badge.gray{color:#8b959d;background:#f2f4f5;border-color:#dce2e6}.product-tag{color:#5b788e;background:#f0f4f7;border-color:#d6e1e8}.product-tag.st{color:#6a8193;background:#eff3f6;border-color:#d6e0e6}.product-tag.wi{color:#9a7f64;background:#f7f2ed;border-color:#e4dacd}.table-footer{background:#fafcfd;color:#8297a4}.pagination button{color:#7c919f}.pagination button.active{color:#365f7b;border-color:#c6d6e1;background:#eaf1f5}.pagination button:hover{background:#e8eff4}.status-tabs{background:#fff}.status-tab{color:#8197a4}.status-tab.active{color:#365f7b;border-bottom-color:#547b96}.status-tab>span{background:#edf1f4;color:#839aa9}.status-tab.active>span{background:#e3edf4;color:#547b96}.compact-stats{background:#fff}.compact-stat>div>span{color:#8097a5}.compact-stat strong{color:#375e79}.empty-state{color:#768e9e}.empty-state p{color:#a2afb7}.empty-state svg{color:#a0b1bc}.info-field label{color:#91a1ab;font-size:10px}.info-field strong{color:#5a7485;font-size:12px}.info-field svg{color:#8ba2b0}.company-note{background:#f7f9fa;color:#899ba6}.company-summary>span{color:#7e96a5}.company-summary b{color:#587b94}.section-nav a{color:#91a5b1}.section-nav a:first-child{color:#365e7b;border-color:#668aa3}.section-nav span{color:#a7b5bd}.contact-card p{color:#9cadb8}.contact-card h3{color:#55758a}.contact-avatar{background:#f0f4f7;border-color:#d9e3ea;color:#7795a9}.history-limit{color:#96a7b2}.company-heading-subtitle{color:#859ca9}.history-list .activity-time{color:#a8b5bd}.priority-label{color:#a58a5b}.priority-label.urgent{color:#b87373}.back-link{color:#819cac}.toast{background:#edf5ef;border-color:#b2cbb8;color:#45664e;box-shadow:0 8px 28px #4b687526}.toast.error{background:#fbefef;border-color:#dbb7b7;color:#925b5b}
dialog{background:#fff;border-color:#bfced8;box-shadow:0 22px 70px #263e4e33}dialog::backdrop{background:#35495770;backdrop-filter:blur(2px)}.dialog-header{background:#f7f9fb}.dialog-header .eyebrow{color:#9baab4}.dialog-header h2{color:#36566c}.field label{color:#6d8798}.field small{color:#a1afb8}.dialog-footer{background:#f2f6f8}.dialog-footer>span{color:#9fafb9}.form-error{background:#fcf0f0;border-color:#e6c9c9;color:#a06c6c}.ticket-title-info{background:#f2f6f8}.ticket-meta{color:#9cabb5}.ticket-title-info h2{color:#42657e}.ticket-title-info p{color:#a0b0ba}.ticket-description{color:#6c8798}.ticket-notes h3{color:#638197}.support-note{border-color:#b3c8d7}.support-note small{color:#adbbc5}.support-note p{color:#8099aa}.note-form textarea{background:#fafcfd}.loading-state{color:#91a5b1}.spinner{border-color:#d6e2e9;border-top-color:#658ba5}.license-key-large{font-family:Consolas,monospace;font-size:24px;color:#315a78;letter-spacing:1px}.license-detail-heading{display:flex;gap:15px;align-items:center}.license-detail-heading .product-mark{width:45px;height:45px}.license-detail-controls{padding:20px 27px;background:#fafcfd;border-bottom:1px solid var(--line)}.license-detail-controls form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.license-detail-controls .field{flex:1;min-width:170px}.license-detail-controls p{font-size:11px;color:#8f9eaa;margin-top:10px}.device-heading{padding:18px 27px 0;font-size:13px;color:#67859a}.license-devices td{font-size:11px}.license-detail-dialog{width:min(860px,95vw)}
/* Login is a light application entry page, with a modest steel illustration panel. */
.login-page{background:#f7f9fa}.brand-stage{background:#e6edf1;border-color:#d1dce3}.login-brand{color:#3a566b}.brand-stage .brand small{color:#8aa0af}.stage-copy .eyebrow{color:#8ba3b3}.tiny-line{background:#a6bac7}.stage-copy h1{color:#38566d;font-weight:600}.stage-copy p{color:#91a5b2}.blueprint{opacity:.65;filter:saturate(0) brightness(.62)}.drawing-label,.drawing-coordinate{color:#b0bdc6}.product-strip{border-color:#c8d7e1}.product-strip>div{color:#668499}.product-strip small{color:#a1b4c0}.stage-footer{color:#adbdc8}.login-side{background:#fafcfd}.login-domain{color:#a3b4bf}.login-welcome{color:#86a2b5}.login-card h2{color:#3a596f}.login-description{color:#9aadb9}.login-form>label{color:#748fA2}.input-icon>input{background:#fff;border-color:#d9e3ea;color:#617f94}.input-icon>svg,.input-icon>button{color:#b5c6d1}.login-options>span{color:#b2c3ce}.check-label{color:#91a8b8}.demo-separator{color:#b6c6d1}.demo-separator:before{background:#dde6ec}.demo-separator span{background:#fafcfd}.demo-button{background:#fff;border-color:#cfdee8;color:#6b8ba2}.demo-button:hover{background:#edf4f8}.demo-notice{color:#b0c2cf}.login-help{border-color:#dde6ec;color:#b2c3cf}.login-footer{color:#bccbd5}.login-submit{color:#fff}.setup-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:35px}.setup-card{width:430px;max-width:100%;background:#fff;border:1px solid #d4e0e8;border-radius:10px;padding:32px}.setup-card>.brand{margin-bottom:30px}.setup-card h1{font-size:23px;color:#43657d}.setup-card>p{font-size:12px;color:#92a9b9;margin-top:13px}.setup-card input{width:100%}.setup-card .login-submit{margin-top:24px}.setup-footnote{font-size:10px!important;margin-top:23px!important;color:#b1c3cf!important}
.page-heading p,.panel-header p,.stat-foot,.stat-foot .mint,.product-overview-row small,.chart-legend,.bar-value,.chart-months span,.activity-item small,.activity-item .activity-time,.expiry-item small,.company-cell small,.cell-subtitle,.table-footer,.compact-stat>div>span,.empty-state p,.info-field label,.company-note,.contact-card p,.history-limit,.company-heading-subtitle,.history-list .activity-time,.field small,.dialog-footer>span,.ticket-title-info p,.support-note small,.license-detail-controls p{color:#6b7d89}
.login-description,.stage-copy p,.login-form>label,.check-label,.demo-notice,.login-help,.login-footer,.login-domain,.setup-card>p,.setup-footnote{color:#6b7d89!important}.support-note p{color:#526c7e}.field label{color:#566e80}.ticket-meta{color:#617b8e}.license-detail-heading{margin-bottom:13px}input[readonly]{background:#f2f5f7;color:#516c80}.app-page .eyebrow{display:none}.setup-card .brand{color:#36566c}
@media(max-width:760px){.page-heading h1{font-size:23px}.welcome-banner p{font-size:11px}.stat-top{font-size:11px}td{font-size:11px}.product-strip .product-mark{width:26px;height:26px}.license-key-large{font-size:19px}.license-detail-controls,.ticket-notes{padding:20px}.device-heading{padding-left:20px}.license-detail-controls form{gap:10px}.setup-page{padding:20px}.setup-card{padding:25px}.brand-stage{border-color:#ccdce7}}

.account-grid{display:grid;grid-template-columns:minmax(280px,0.8fr) minmax(460px,1.5fr);gap:22px;align-items:start}.account-body,.account-add-form{padding:24px}.account-body h3,.account-add-form h3{font-size:15px;margin-bottom:18px}.account-body form,.account-add-form{display:grid;gap:16px}.account-summary{display:grid;gap:6px;padding:16px;background:#f2f5f7;border-radius:6px;margin-bottom:24px}.account-summary span,.account-summary small{font-size:11px;color:#6b7d89}.account-summary strong,.account-summary-value{font-family:Consolas,monospace;letter-spacing:.4px}.account-form-actions{display:flex;justify-content:flex-end;gap:8px}.account-add-form{border-top:1px solid var(--line)}.account-body .muted{font-size:11px}.account-grid input{width:100%}@media(max-width:1050px){.account-grid{grid-template-columns:1fr}}

.license-sales-table th{font-size:13px;color:#526978;font-weight:600}.license-sales-table td{font-size:15px;padding-top:20px;padding-bottom:20px;color:#29495e}.license-sales-table .cell-subtitle{font-size:13px;line-height:1.6;color:#5d7180}.license-sales-table .license-product{font-size:16px;font-weight:600}.license-sales-table .license-key .table-link{font:600 17px Consolas,monospace;letter-spacing:.25px;color:#254e6b}.license-sales-table .seat-count{font-size:16px}.license-sales-table .badge{font-size:12px}.license-row-actions{display:grid;gap:8px;min-width:132px}.license-row-actions .btn{font-size:13px;padding:9px 12px;white-space:nowrap}.version-limit{display:inline-flex;align-items:center;gap:7px;font-size:13px!important;line-height:1.5;color:#38566a;margin-top:7px}.version-limit strong{font-size:15px;color:#244e6c;background:#e9f0f5;border:1px solid #c7d8e4;border-radius:5px;padding:2px 8px}.key-generator-row{display:flex;gap:10px;align-items:center}.key-generator-row input{flex:1;min-width:0;font:600 18px Consolas,monospace;letter-spacing:.5px}.key-generator-row .btn{flex-shrink:0;font-size:14px;min-height:44px}.license-version-panel{padding:24px 27px;border-bottom:1px solid var(--line)}.license-version-heading{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-bottom:18px}.license-version-heading h3{font-size:17px;color:#2d4c62}.license-version-heading p{font-size:13px;color:#5d7180;margin-top:7px}.license-version-heading .btn{font-size:13px}.license-version-tree{border:1px solid #cedbe4;border-radius:8px;background:#fcfdfe}.license-version-tree>summary{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;font-size:15px;font-weight:600;cursor:pointer;color:#31516a;background:#f1f5f8;border-radius:8px}.license-version-tree>summary>span{display:flex;align-items:center;gap:8px}.license-version-tree summary small{font-size:13px;color:#60798b}.version-tree-list{list-style:none;margin:18px 20px 18px 30px;padding-left:23px;border-left:2px solid #cbd9e3}.version-tree-node{position:relative;padding:0 0 18px 0}.version-tree-node:last-child{padding-bottom:0}.version-tree-node:before{content:"";position:absolute;top:18px;left:-24px;width:20px;border-top:2px solid #cbd9e3}.version-tree-node>details{border:1px solid #d6e1e8;border-radius:7px;background:white}.version-tree-node summary{display:flex;gap:13px;flex-wrap:wrap;align-items:center;padding:13px 15px;cursor:pointer;font-size:15px;color:#2d4c62}.version-node-kind{font-size:13px;font-weight:600;padding:4px 8px;border-radius:4px;background:#edf2f5;color:#526c7d}.version-tree-node.upgrade .version-node-kind{background:#e5eef5;color:#2e5c7b}.version-tree-node time{margin-left:auto;font-size:13px;color:#60798b}.version-node-detail{padding:0 15px 15px 15px;font-size:14px;line-height:1.7;color:#435e70}.version-node-detail p{white-space:pre-line}.version-node-detail small{display:block;font-size:12px;color:#687c8b;margin-top:8px}.license-devices td{font-size:13px}.license-detail-controls p,.license-detail-controls label{font-size:13px}.upgrade-summary{display:grid;gap:10px;background:#eff4f8;border:1px solid #cddde8;padding:18px;border-radius:8px;color:#31546b}.upgrade-summary strong{font-size:16px}.upgrade-summary span{font-size:15px}.upgrade-summary small{font-size:13px!important;color:#5d7180}
@media(max-width:760px){.key-generator-row{flex-direction:column;align-items:stretch}.key-generator-row input{width:100%}.license-version-panel{padding:20px}.license-version-heading{align-items:flex-start;flex-direction:column}.license-sales-table td{font-size:14px}.license-sales-table .license-key .table-link{font-size:16px}.version-tree-node summary{gap:8px}.version-tree-node time{width:100%;margin-left:0}.version-tree-list{margin-left:20px;padding-left:18px}.version-tree-node:before{left:-19px;width:15px}}
.license-version-tree>summary:before,.version-tree-node summary:before{content:"▸";font-size:14px;color:#5b778a;margin-right:8px}.license-version-tree[open]>summary:before,.version-tree-node details[open]>summary:before{content:"▾"}.license-version-tree>summary>span{margin-right:auto}
.license-sales-table .license-key .table-link{width:auto;height:auto;line-height:1.5;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.license-key-content{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.license-sales-table .license-copy{width:30px;height:30px;flex:0 0 30px;border:1px solid #d5e0e7;background:#fff;color:#4c6c83}.license-sales-table .license-copy:hover{background:#eaf1f6;color:#284f6c}.license-sales-table .license-copy svg{width:16px;height:16px}.license-key-content>.table-link{flex:0 0 auto}
.version-tree-card{display:grid;grid-template-columns:minmax(0,1fr) auto;border:1px solid #d6e1e8;border-radius:7px;background:#fff}.version-tree-card>details{min-width:0}.version-history-edit{align-self:start;margin:12px 12px 0 0;padding:7px 12px;font-size:13px}.version-edit-log{margin-top:14px;border-top:1px solid #dce5eb}.version-edit-log>summary{font-size:13px;padding:12px 0;color:#526e81}.version-edit-record{border-left:2px solid #d3e0e9;padding-left:12px;margin-bottom:14px}.version-edit-record p{font-size:13px;overflow-wrap:anywhere}.version-edit-record b{display:block;color:#3c596e;font-weight:600}.version-edit-record small{font-size:12px;margin-top:0;margin-bottom:7px}.version-edit-log>summary:before{margin-right:0}@media(max-width:760px){.version-history-edit{margin:12px 8px 0 0;padding:7px 9px}.version-tree-card>details>summary{padding:13px 10px}}