/* Appearance layer: presentation only. Hidden must outrank layout utilities. */
[hidden]{display:none!important}
:root{--canvas:#08141c;--surface:#10232e;--surface-2:#152e3c;--glass:var(--surface);--ink:#e6f3f7;--muted:#aec2ce;--tertiary:#91acbb;--separator:#2b4352;--blue:#69e2cf;--blue-pressed:#42c6b4;--on-accent:#062b26;--nav-bg:#0b1b25;--radius-xl:12px;--radius-lg:10px;--shadow:0 12px 32px #0002;--good:#8aebbd;--good-bg:#14382e;--warn:#ffd596;--warn-bg:#3b2d1c;--red:#ffaaa8;--danger-bg:#42252b;--text-secondary:var(--muted);color-scheme:dark}
body{background:var(--canvas);color:var(--ink);font-family:"Segoe UI Variable","Segoe UI","Microsoft YaHei",sans-serif;grid-template-columns:230px minmax(0,1fr);min-width:320px}
main{padding:28px 32px;min-width:0}.rail{background:var(--nav-bg);border-color:var(--separator);padding:28px 16px}.brand{margin-bottom:38px}.brand b{font-size:23px;letter-spacing:-.03em}.brand small,.rail-label{color:var(--tertiary)}
.mark{background:var(--blue);color:var(--on-accent);border-radius:8px}.mark i{background:var(--on-accent)}
.rail nav button{color:var(--muted);margin-bottom:5px;min-height:42px;border:1px solid transparent;border-radius:6px}.rail nav button:hover{background:var(--surface-2);color:var(--ink)}.rail nav button.active{background:var(--surface-2);color:var(--blue);border-color:var(--separator);box-shadow:inset 3px 0 var(--blue)}.rail-foot{border-color:var(--separator)}.rail-foot b{color:var(--ink)}.rail-foot small{color:var(--tertiary)}
.topbar{padding-bottom:20px;margin-bottom:24px;min-height:52px;border-color:var(--separator)}.topbar h1{font-size:30px;font-weight:650;letter-spacing:-.035em}.topbar p{display:block;font-size:12px;color:var(--tertiary);margin-bottom:4px}
h2{font-size:20px;font-weight:650;letter-spacing:-.02em}h3{font-size:15px}p,small{color:var(--muted)}.panel-head p{max-width:78ch;line-height:1.6}footer{color:var(--tertiary);border-color:var(--separator)}
.panel,.hero,.metric,.guide-card{background:var(--surface);border-color:var(--separator);border-radius:var(--radius-xl);box-shadow:var(--shadow);backdrop-filter:none}.panel{padding:22px;margin-bottom:18px}.panel-head{margin-bottom:18px}.hero{padding:30px;border-left:3px solid var(--blue)}.hero h2{font-size:30px}.hero p{color:var(--muted)}.metric{border-radius:var(--radius-lg);box-shadow:none}.metric strong{font-size:29px;color:var(--ink);font-variant-numeric:tabular-nums}.metric-head{color:var(--muted)}.dashboard-grid,.form-grid{gap:18px;align-items:start}.form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.metrics{gap:14px}.empty,.empty.compact{background:var(--surface-2);color:var(--muted);border-radius:6px}
button{font-family:inherit;transition:background .15s,border-color .15s,color .15s}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.primary,.login-button{background:var(--blue);color:var(--on-accent);border:1px solid var(--blue);border-radius:6px;box-shadow:none}.primary:hover,.login-button:hover{background:var(--blue-pressed);border-color:var(--blue-pressed)}
.secondary,.actions button,.tenant-chip{background:var(--surface);color:var(--ink);border-color:var(--separator);border-radius:6px}.secondary:hover,.actions button:hover,.tenant-chip:hover{background:var(--surface-2);border-color:var(--blue)}.actions .primary{background:var(--blue);color:var(--on-accent)}.tenant-chip b{color:var(--ink)}.tenant-chip span{color:var(--muted)}.text-button,.row-actions button,.generated-secret button{color:var(--blue);background:transparent;border-radius:4px}.row-actions button{border:1px solid var(--separator)}.secondary:disabled{color:var(--tertiary);background:var(--surface-2)}button.danger{color:var(--red);background:var(--danger-bg);border-color:var(--separator)}button.primary.danger{background:#bd3446;color:#fff;border-color:#bd3446}
label{color:var(--ink)}label>span,.description,.privacy-note{color:var(--muted)}input,textarea,select,.cloud-editor textarea{background:var(--canvas);color:var(--ink);border-color:var(--separator);border-radius:6px;font-size:13px}input::placeholder,textarea::placeholder{color:var(--tertiary)}input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 16%,transparent)}input[type=file]::file-selector-button{background:var(--surface-2);color:var(--ink);border:0;border-radius:4px;padding:7px 10px;margin-right:10px}input[type=checkbox]{accent-color:var(--blue)}
.notice{color:var(--warn);background:var(--warn-bg);border:1px solid color-mix(in srgb,var(--warn) 18%,transparent);padding:12px 14px;border-radius:6px}.badge,.eyebrow{background:var(--surface-2);color:var(--blue);border-radius:4px}.status-pill,.activation-pill{background:var(--good-bg);color:var(--good);border-radius:4px}.status-pill.suspended,.status-pill.disabled,.status-pill.warning{background:var(--warn-bg);color:var(--warn)}.status-pill.revoked{background:var(--danger-bg);color:var(--red)}
.app-tabs{border-color:var(--separator);gap:8px;flex-wrap:wrap}.app-tabs button{color:var(--muted);background:transparent}.app-tabs button.active,.app-tabs button.active:hover{color:var(--blue);background:var(--surface-2);border-bottom-color:var(--blue)}.app-icon,.activity-icon{background:var(--surface-2);color:var(--blue);border:1px solid var(--separator);border-radius:8px}.application-card,.plan-row,.activity-row,.setup-step,.license-row{border-color:var(--separator)}.app-summary h3{color:var(--ink)}.app-summary p,.application-identity p,.activity-row time{color:var(--muted)}
.docs-table-wrap,.cloud-dropzone,.card-table-wrap,.license-table{border-color:var(--separator);border-radius:8px}.card-management-table th,.docs-table th,.cloud-table th,.drive-table th{background:var(--surface-2)!important;color:var(--muted);font-size:12px;padding:11px 12px;border-color:var(--separator)}.card-management-table td,.docs-table td,.cloud-table td,.drive-table td{background:var(--surface)!important;color:var(--ink);padding:10px 12px;border-color:var(--separator);font-size:13px;line-height:1.45}.card-management-table td small{font-size:11px;color:var(--tertiary)}.card-management-table tr:hover td,.cloud-table tr:hover td{background:var(--surface-2)!important}.card-management-table{margin-top:16px}.card-management-table button,.cloud-table button{min-height:28px;padding:3px 8px;font-size:12px}.cloud-date{font-variant-numeric:tabular-nums}.cloud-toolbar{margin:16px 0 12px;gap:10px}.cloud-drop-hint{padding:10px 14px;background:var(--surface-2);color:var(--muted);border-color:var(--separator)}.cloud-dropzone.dragging,.release-dropzone.dragging{background:var(--surface-2);border-color:var(--blue)}.cloud-list-footer{margin-top:12px}.release-dropzone{background:var(--canvas);border-color:var(--separator);border-radius:8px;padding:24px}.cloud-crypto-info{background:var(--surface-2);border-color:var(--separator);padding:16px}.cloud-crypto-info b{color:var(--ink)}
code,.code-value,.generated-secret,.docs-context code{color:var(--ink);background:var(--surface-2);border-radius:4px}.code-value{padding:10px}.generated-secret{border:1px solid var(--separator)}.plan-row code{overflow-wrap:anywhere}.docs-code,.docs-section pre{background:var(--canvas);color:var(--ink);border:1px solid var(--separator);border-radius:8px}.docs-nav a{color:var(--muted)}details{background:var(--surface);border-color:var(--separator)}.managed-card,.managed-card-head,.card-times,.card-actions{background:var(--surface);border-color:var(--separator)}.card-times dt{color:var(--muted)}.card-times dd{color:var(--ink)}
dialog,dialog.cloud-drawer,dialog.cloud-conflict,dialog.cloud-confirm,.card-management-dialog{color:var(--ink);background:var(--surface);border:1px solid var(--separator);border-radius:12px;box-shadow:0 24px 100px #0005}dialog.cloud-drawer{border-radius:12px 0 0 12px}dialog::backdrop{background:#030b1680;backdrop-filter:blur(8px)}.toast{color:var(--ink);background:var(--surface-2);border:1px solid var(--separator)}.toast.error{border-color:var(--red)}
#backup-progress{padding:16px;margin-top:20px;border:1px solid var(--separator);border-radius:8px;background:var(--canvas)}progress{display:block;width:100%;height:6px;border:0;accent-color:var(--blue);border-radius:4px;overflow:hidden}progress::-webkit-progress-bar{background:var(--surface-2)}progress::-webkit-progress-value{background:var(--blue)}progress::-moz-progress-bar{background:var(--blue)}.upload-progress-caption{color:var(--muted)}.upload-progress progress::-webkit-progress-bar{background:var(--surface-2)}.upload-progress progress::-webkit-progress-value{background:var(--blue)}
.appearance-trigger{display:flex;align-items:center;gap:7px;min-height:38px;padding:7px 10px;font-size:12px;white-space:nowrap}.appearance-trigger svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}.appearance-dialog{width:min(720px,calc(100vw - 32px));padding:26px}.appearance-dialog header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.appearance-dialog header p{margin:5px 0 0;font-size:13px}.appearance-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.appearance-option{text-align:left;background:var(--canvas);color:var(--ink);padding:12px;border:1px solid var(--separator);border-radius:8px;min-width:0}.appearance-option[aria-pressed=true]{border:2px solid var(--blue);padding:11px}.appearance-option strong{display:block;margin:10px 0 4px;font-size:14px}.appearance-option small{font-size:12px;line-height:1.5;display:block}.theme-mini{height:66px;border-radius:5px;background:var(--mini-bg);display:grid;grid-template-columns:20% 1fr;gap:8px;padding:8px;border:1px solid #ffffff18}.theme-mini i{background:var(--mini-accent);opacity:.8;border-radius:2px}.theme-mini span{display:block;background:var(--mini-surface);border-radius:3px;border-top:3px solid var(--mini-accent)}.appearance-link{color:var(--blue);font-size:13px;text-decoration:none}.preview-label{border:1px solid var(--separator);border-radius:4px;padding:5px 10px;font-size:12px;color:var(--muted)}
/* 1 / Obsidian: a command console with a restrained signal rail. */
html[data-appearance=obsidian] .topbar{border-bottom:1px solid var(--separator)}html[data-appearance=obsidian] .rail:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),#d5b365)}html[data-appearance=obsidian] .metric{border-top:2px solid var(--separator)}html[data-appearance=obsidian] .brand b{font-weight:600}
/* 2 / Orbit: horizontal command deck, blue glass on a luminous canvas. */
html[data-appearance=orbit]{--canvas:#eef3ff;--surface:#fff;--surface-2:#e4edff;--ink:#17294a;--muted:#465a7e;--tertiary:#526787;--separator:#cddaf0;--blue:#2459db;--blue-pressed:#174ac4;--on-accent:#fff;--nav-bg:#17294a;--good:#166743;--good-bg:#ddf4e8;--warn:#765100;--warn-bg:#fff3cf;--red:#a32d40;--danger-bg:#fff0f1;--shadow:0 8px 22px #264f9310;color-scheme:light}
html[data-appearance=orbit] body{display:block;background:radial-gradient(ellipse at 75% 0,#d5e3ff,transparent 65%),var(--canvas)}html[data-appearance=orbit] .rail{position:sticky;top:0;width:100%;height:auto;display:flex;align-items:center;gap:22px;padding:13px 28px;z-index:10;border:0;box-shadow:0 5px 24px #15376020}html[data-appearance=orbit] .brand{margin:0;flex-shrink:0}html[data-appearance=orbit] .brand b{color:#fff;font-size:21px}html[data-appearance=orbit] .brand small{color:#b8ccec}html[data-appearance=orbit] .rail-label,html[data-appearance=orbit] .rail-foot{display:none}html[data-appearance=orbit] #nav{display:flex;gap:4px;overflow-x:auto}html[data-appearance=orbit] #nav button{white-space:nowrap;color:#c2d0e8;min-height:36px;margin:0;padding:7px 10px;gap:7px}html[data-appearance=orbit] #nav button.active{background:#2b4270;color:#fff;border-color:#466193;box-shadow:inset 0 -2px #8baeff}html[data-appearance=orbit] .nav-icon{width:16px}html[data-appearance=orbit] .nav-icon svg{width:16px;height:16px}html[data-appearance=orbit] main{max-width:1600px;margin:auto;padding:32px 36px}html[data-appearance=orbit] .hero{border:1px solid var(--separator);background:linear-gradient(110deg,#fff,#e5edff)}html[data-appearance=orbit] .topbar h1{font-size:32px}html[data-appearance=orbit] .panel{border-radius:14px}html[data-appearance=orbit] .metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
/* 3 / Folio: warm paper, book-like typography and disciplined rules. */
html[data-appearance=folio]{--canvas:#eeece4;--surface:#fbfaf5;--surface-2:#e9e6d8;--ink:#2a2d28;--muted:#595c50;--tertiary:#626658;--separator:#cecdbd;--blue:#475940;--blue-pressed:#35482f;--on-accent:#fff;--nav-bg:#e5e3d7;--good:#365733;--good-bg:#e0e9d9;--warn:#725916;--warn-bg:#f4e7b9;--red:#963c35;--danger-bg:#f5e1db;--shadow:none;--radius-xl:3px;--radius-lg:3px;color-scheme:light}
html[data-appearance=folio] body{grid-template-columns:198px minmax(0,1fr)}html[data-appearance=folio] .rail{padding:32px 13px;border-right:1px solid var(--separator)}html[data-appearance=folio] .brand b{font-family:Georgia,"Songti SC",serif;font-size:26px}html[data-appearance=folio] h1,html[data-appearance=folio] h2{font-family:Georgia,"Songti SC","SimSun",serif;font-weight:700;letter-spacing:.015em}html[data-appearance=folio] h1{font-size:34px}html[data-appearance=folio] .topbar{border-bottom:2px solid var(--ink)}html[data-appearance=folio] main{padding:30px 42px}html[data-appearance=folio] .panel{border:0;border-top:1px solid var(--separator);padding:24px;border-radius:3px}html[data-appearance=folio] .rail nav button{border-radius:3px}html[data-appearance=folio] .rail nav button.active{background:#f8f5e6;border-color:var(--separator);box-shadow:inset 3px 0 #99813a}html[data-appearance=folio] .metric{border:0;border-bottom:2px solid var(--separator);background:transparent}html[data-appearance=folio] .hero{background:var(--surface);border-left:4px solid #aa904a}html[data-appearance=folio] .mark{background:#aa904a;color:#fff}html[data-appearance=folio] .app-tabs button.active{background:transparent}
/* 4 / Titanium: compact industrial instrument panel, graphite and amber. */
html[data-appearance=titanium]{--canvas:#dfe3e5;--surface:#f0f2f2;--surface-2:#d6dcdf;--ink:#202c32;--muted:#45545c;--tertiary:#52636b;--separator:#b5c1c7;--blue:#755319;--blue-pressed:#584016;--on-accent:#fff;--nav-bg:#26353d;--good:#21573e;--good-bg:#dceade;--warn:#775111;--warn-bg:#f4e3bd;--red:#a23335;--danger-bg:#efd8d8;--shadow:0 2px 0 #b9c4cb;--radius-xl:4px;--radius-lg:4px;color-scheme:light}
html[data-appearance=titanium] body{grid-template-columns:208px minmax(0,1fr)}html[data-appearance=titanium] .rail{padding:20px 12px}html[data-appearance=titanium] .brand b{color:#edf3f5}html[data-appearance=titanium] .rail-label,html[data-appearance=titanium] .brand small,html[data-appearance=titanium] .rail-foot small{color:#b5c9d1}html[data-appearance=titanium] #nav button{color:#c3d3da;font-size:13px;border-radius:3px;min-height:38px}html[data-appearance=titanium] #nav button.active{background:#3d4c54;color:#ffe0a1;border-color:#586972;box-shadow:inset 3px 0 #e7b45b}html[data-appearance=titanium] .rail-foot b{color:#ecf2f5}html[data-appearance=titanium] main{padding:22px 26px}html[data-appearance=titanium] .topbar{border-bottom:0;background:var(--surface-2);padding:18px 20px;border-left:4px solid #9f7838;border-radius:3px}html[data-appearance=titanium] .topbar h1{font-size:27px}html[data-appearance=titanium] .panel{padding:18px;border-radius:4px}html[data-appearance=titanium] .primary,html[data-appearance=titanium] .secondary,html[data-appearance=titanium] input{border-radius:3px}html[data-appearance=titanium] .metric strong{font-family:Consolas,monospace}html[data-appearance=titanium] .card-management-table td{padding:8px 11px}html[data-appearance=titanium] .hero{border-left:4px solid #9f7838}
/* 5 / Aurora: floating translucent surfaces, violet with ice-blue highlights. */
html[data-appearance=aurora]{--canvas:#171529;--surface:#24213a;--surface-2:#302c49;--ink:#f0ecff;--muted:#c0b8d7;--tertiary:#aca2c7;--separator:#4d4468;--blue:#c5adff;--blue-pressed:#ad8eef;--on-accent:#25143f;--nav-bg:#201d33;--good:#a5e6c4;--good-bg:#233c37;--warn:#f2d59c;--warn-bg:#40332c;--red:#ffaabb;--danger-bg:#47273c;--shadow:0 18px 48px #08051d30;--radius-xl:14px;--radius-lg:10px;color-scheme:dark}
html[data-appearance=aurora] body{grid-template-columns:244px minmax(0,1fr);background:radial-gradient(ellipse at 20% 5%,#35274d,transparent 55%),radial-gradient(ellipse at 85% 70%,#243745,transparent 60%),var(--canvas)}html[data-appearance=aurora] .rail{margin:18px 0 18px 18px;top:18px;bottom:18px;height:calc(100dvh - 36px);width:226px;border:1px solid var(--separator);border-radius:14px;background:#201d33e8;backdrop-filter:blur(20px)}html[data-appearance=aurora] .rail nav button.active{background:linear-gradient(90deg,#43395c,#29283f);border-color:#685680;box-shadow:none}html[data-appearance=aurora] main{padding:30px 30px 26px}html[data-appearance=aurora] .panel,html[data-appearance=aurora] .metric{background:#24213aee;border-color:#4b4162;backdrop-filter:blur(12px)}html[data-appearance=aurora] .hero{background:linear-gradient(120deg,#3b3053,#213441);border-color:#68547e;border-left:1px solid #68547e}html[data-appearance=aurora] .mark{background:linear-gradient(135deg,#c5adff,#9bd9e1)}html[data-appearance=aurora] .topbar{border-bottom:0;padding-bottom:12px}
@media(min-width:1700px){main{max-width:1660px;width:100%;margin:auto}}
@media(max-width:1100px){.header-actions{flex-wrap:wrap;justify-content:flex-end}.appearance-trigger .appearance-name{display:none}.form-grid{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}html[data-appearance=orbit] .rail{flex-wrap:wrap;gap:10px}html[data-appearance=orbit] #nav{width:100%}}
@media(max-width:780px){html[data-appearance] body{display:block}html[data-appearance] .rail{position:relative;margin:0;inset:auto;top:auto;width:100%;height:auto;padding:15px;border-radius:0;border:0;border-bottom:1px solid var(--separator)}html[data-appearance] .brand{margin:0 0 12px}html[data-appearance] .rail-label,html[data-appearance] .rail-foot{display:none}html[data-appearance] #nav{display:flex;overflow-x:auto;gap:4px;flex-wrap:nowrap;width:100%}html[data-appearance] #nav button{white-space:nowrap;min-height:38px;flex-shrink:0;margin:0}html[data-appearance] main{padding:18px 14px}.topbar{gap:12px;flex-wrap:wrap;margin-bottom:18px}.topbar h1,html[data-appearance=folio] h1,html[data-appearance=orbit] .topbar h1{font-size:25px}.header-actions{width:100%;justify-content:flex-start;margin:0}.tenant-chip{min-width:0}.panel{padding:16px}.metrics,html[data-appearance=orbit] .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cloud-toolbar{flex-wrap:wrap}.appearance-options{grid-template-columns:1fr}.appearance-dialog{padding:18px}.card-management-table{min-width:900px}dialog.cloud-drawer{border-radius:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.theme-mini.obsidian{--mini-bg:#08141c;--mini-accent:#69e2cf;--mini-surface:#152e3c}.theme-mini.orbit{--mini-bg:#eef3ff;--mini-accent:#2459db;--mini-surface:#fff}.theme-mini.folio{--mini-bg:#eeece4;--mini-accent:#475940;--mini-surface:#fbfaf5}.theme-mini.titanium{--mini-bg:#dfe3e5;--mini-accent:#755319;--mini-surface:#f0f2f2}.theme-mini.aurora{--mini-bg:#171529;--mini-accent:#c5adff;--mini-surface:#302c49}

.subaccount-drawer{width:min(820px,100vw)}.permission-app{padding:14px;margin-bottom:12px}.permission-app summary{font-weight:650;cursor:pointer}.permission-app summary span{float:right;font-size:11px;font-weight:400;color:var(--muted)}.permission-app fieldset{border:0;border-top:1px solid var(--separator);margin:14px 0;padding:10px 0}.permission-app legend{font-size:12px;padding-right:10px;color:var(--muted)}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.permission-grid label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:400}.permission-grid input{width:16px;min-height:16px;margin:0}.permission-apps{max-height:65vh;overflow:auto}.subaccount-drawer p{line-height:1.7}@media(max-width:600px){.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Keep compact tables opaque and neutral; avoid a blue wash in the Orbit theme. */
.card-management-table{margin-top:0;background:var(--surface);isolation:isolate}
.card-key-cell code{background:transparent;color:var(--ink);text-decoration:none;font-family:Consolas,"Courier New",monospace}
html[data-appearance=orbit] .card-management-table th{background:#f4f6f9!important}
html[data-appearance=orbit] .card-management-table tr:hover td{background:#f7f8fa!important}
.card-management-table th:last-child,.card-management-table td:last-child{width:1%;white-space:nowrap}

.list-filters{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;align-items:end;margin:16px 0}
.list-filters label{font-size:12px;display:grid;gap:6px;min-width:0}.list-filters input,.list-filters select{width:100%;min-width:0;min-height:36px}
.filter-actions{display:flex;gap:8px;align-items:center}.list-summary{display:flex;justify-content:space-between;gap:12px;margin:16px 0 10px;color:var(--muted);font-size:12px}
.online-table{width:100%;min-width:1000px;border-collapse:collapse;text-align:left;table-layout:auto}
.online-table th{font-weight:600;white-space:nowrap;border-bottom:1px solid var(--separator)}.online-table td{vertical-align:middle;border-bottom:1px solid var(--separator)}
.online-table td small{display:block;font-size:11px;line-height:1.5;color:var(--tertiary);margin-top:3px}.online-identity{font-family:Consolas,"Microsoft YaHei",sans-serif;font-size:12px;white-space:nowrap}.online-time,.online-duration{white-space:nowrap;font-variant-numeric:tabular-nums}.online-network{min-width:180px;max-width:250px}.online-network small{white-space:normal;overflow-wrap:anywhere}.online-network code{font-size:12px;color:var(--ink)}
.license-search{grid-template-columns:minmax(200px,1.4fr) repeat(3,minmax(140px,1fr))}.license-search .created-dates{grid-column:1/3}.license-search .expiry-dates{grid-column:3/5}
@media(max-width:1100px){.list-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.list-filters{grid-template-columns:1fr}.list-summary{flex-wrap:wrap}.license-search{grid-template-columns:1fr}.license-search .created-dates,.license-search .expiry-dates{grid-column:1/-1}#accounts-search .cloud-row-actions{flex-wrap:wrap}}

.online-table td:nth-child(3),.online-table td:nth-child(4){max-width:180px;white-space:normal;overflow-wrap:anywhere}.online-identity{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis}