/* Brick palette and table-based workflows; routine tasks before infrastructure settings. */
:root{--console-line:#dfe5e9;--console-surface:#fff;--console-muted:#647482;--console-soft:#f6f8fa;--console-ink:#293540}
html[data-theme=dark]{--console-line:#3d4d5b;--console-surface:#202b36;--console-muted:#adc0ce;--console-soft:#253340;--console-ink:#e0e7ee}
body{line-height:1.5}main{background:var(--console-surface);color:var(--console-ink)}main strong{font-size:inherit}button{font:inherit;font-size:.82em;border:1px solid var(--console-line);background:var(--console-surface);color:var(--console-ink);border-radius:5px;padding:7px 12px;line-height:1.4;margin:0;min-height:34px}button:hover:not(:disabled){background:var(--console-soft);border-color:#8a9eac}button.primary{background:#478596;color:#fff;border-color:#478596}button.primary:hover:not(:disabled){background:#386f7e}button.danger{background:#b63f3f;border-color:#b63f3f;color:#fff}button:disabled{opacity:.43}button:focus-visible,summary:focus-visible{outline:2px solid #478596;outline-offset:3px}summary{cursor:pointer}input,select{border-radius:5px;border-color:var(--console-line);min-height:38px}header{min-height:66px;padding:14px 24px}header>span{display:flex;align-items:center;gap:14px;font-size:.8em}header>span a{color:#d5e9f1}header button{border-color:#607080;background:transparent;color:inherit}header #display-preferences button:hover{color:var(--console-ink)}header strong{font-size:22px;letter-spacing:-.4px}#nav-toggle{display:none}
#console:not(.customer)>.layout>aside{width:232px;padding:24px 14px 18px;display:flex;flex-direction:column;gap:17px}aside .nav-caption{display:block;padding:0 12px 9px;font-size:11px;letter-spacing:1.2px;color:#c6d3dd}aside button,aside a{border:0;border-radius:5px;min-height:38px;line-height:1.5;padding:8px 12px;color:inherit;background:transparent;font-size:.84em;text-align:left;width:100%;display:block;margin:1px 0}aside button:hover:not(:disabled),aside a:hover{background:#526b7c;color:#fff}aside button.active{background:rgba(255,255,255,.1);color:#ffa098;box-shadow:inset 3px 0 #ffa098;font-weight:700}.nav-group{border-top:1px solid #71818f;padding-top:13px}.nav-group>summary{padding:3px 12px;font-size:.77em;color:#dbe5ec;list-style:none;display:flex;align-items:center;justify-content:space-between}.nav-group>summary::after{content:'+';font-size:18px;font-weight:400}.nav-group[open]>summary::after{content:'−'}.nav-group>summary::-webkit-details-marker{display:none}.nav-group[open]>summary{margin-bottom:7px}.nav-support{border-top:1px solid #71818f;padding-top:12px}.tech-stack{margin-top:auto;padding:18px 11px 0;border-top:1px solid #71818f}.tech-stack-main{font-size:11px;font-weight:400;line-height:1.8}.tech-stack-label{font-size:9px}.tech-stack details>summary{font-size:10px}.tech-stack details a{font-size:inherit;display:inline;padding:0;min-height:0}.tech-stack dd{font-weight:400}
#console:not(.customer) main{padding:24px 32px 40px;max-width:1800px}.operations-notice{padding:0!important;margin:0 0 28px!important;border:0!important;border-bottom:1px solid var(--console-line)!important;border-radius:0!important;background:transparent!important}.operations-notice>summary{display:flex;align-items:center;gap:9px;list-style:none;font-size:.75em;color:var(--console-muted);padding:0 0 14px}.operations-notice>summary::-webkit-details-marker{display:none}.notice-dot{width:6px;height:6px;border-radius:50%;background:#6e889b;flex:none}.notice-more{margin-left:auto;font-size:.9em;text-decoration:underline}.operations-notice>div{padding:0 0 14px;font-size:.8em}.operations-notice p{margin:8px 0}.top{align-items:center;margin-bottom:27px}.top h2{font-size:1.45em;margin:0 0 8px;padding:0 0 8px;letter-spacing:-.5px}.page-section{font-size:.68em;color:var(--console-muted);margin:0 0 5px}.page-description{margin:0;color:var(--console-muted);font-size:.81em}.toolbar{padding:0 0 15px;margin:0;gap:10px}.toolbar>span{font-size:.78em;color:var(--console-muted)}.buttons{gap:7px}.list-tools{display:flex;gap:20px;align-items:flex-end;justify-content:space-between;border-top:1px solid var(--console-line);padding:17px 0}.search-field{font-size:.7em;color:var(--console-muted);margin:0;width:min(340px,100%)}.search-field input{font-size:1.15em;margin-top:5px;width:100%}.list-filters{display:flex;gap:6px;flex-wrap:wrap}.list-filters button{font-size:.72em;min-height:34px;background:var(--console-surface)}.list-filters button[aria-pressed=true]{border-color:#478596;color:#347385;background:var(--console-soft);font-weight:700}.table-wrap{border:1px solid var(--console-line);border-radius:6px}table{font-size:.81em}th,td{padding:13px 14px;border-left:0;border-right:0;border-color:var(--console-line);vertical-align:top}th{font-size:.86em;font-weight:600;padding-top:11px;padding-bottom:11px}td small{margin-top:4px;font-size:.85em;color:var(--console-muted)}th:first-child,td:first-child{position:static}tr:nth-child(even) td{background:var(--console-surface)}tbody tr:hover td{background:var(--console-soft)}.domain-name{font-weight:600;text-decoration:none}.site-status{font-size:.91em;white-space:normal;display:inline-block;max-width:190px}.site-status.healthy{color:#267250}.expired{color:#b63f3f}.cell-detail{margin-top:8px;font-size:.82em}.cell-detail>summary{color:var(--console-muted)}.cell-detail p{white-space:normal;min-width:170px;max-width:320px;overflow-wrap:anywhere;font-size:inherit}.row-actions{display:flex;gap:7px;align-items:flex-start}.row-actions button{font-size:.9em}.action-menu>summary{list-style:none;border:1px solid var(--console-line);border-radius:5px;padding:6px 11px;min-height:34px;font-size:.9em;background:var(--console-surface)}.action-menu>summary::after{content:'⌄';margin-left:9px}.action-menu>summary::-webkit-details-marker{display:none}.action-menu>div{display:grid;gap:5px;padding-top:7px;min-width:116px}.action-menu button{text-align:left;white-space:nowrap;font-size:.9em}.related-navigation,.section-detail{border:1px solid var(--console-line);border-radius:6px;padding:14px 16px;margin:22px 0;background:transparent}.related-navigation>summary,.section-detail>summary{font-size:.82em;color:var(--console-muted)}.related-navigation p{font-size:.8em;margin:14px 0}.related-navigation .buttons button{font-size:.72em}.section-detail>summary span{font-size:.9em;margin-left:8px}.section-detail>.panel{border:0;padding:18px 0 0}.panel{border-color:var(--console-line);border-radius:6px}.panel h2{font-size:1em}.protection-card h3{font-size:1em}.protection-card p{font-size:.82em}.job summary{font-size:.84em}.job pre{background:var(--console-soft);padding:12px;border-radius:4px}.job{border-color:var(--console-line)}main>footer{border-top:1px solid var(--console-line);padding-top:18px;margin-top:30px;font-size:11px}main>footer summary{color:var(--console-muted)}dialog{padding:24px;border-radius:9px;border-color:var(--console-line);box-shadow:0 14px 50px #0002}dialog h2{font-size:1.1em}dialog p{font-size:.84em}dialog .buttons{justify-content:flex-end;border-top:1px solid var(--console-line);padding-top:16px;margin-top:20px}
html[data-theme=dark] .list-filters button[aria-pressed=true]{color:#90c9d6}html[data-theme=dark] .site-status.healthy{color:#8bd2aa}html[data-theme=dark] .expired{color:#f3aaa1}html[data-theme=dark] tr:nth-child(even) td{background:var(--console-surface)}html[data-theme=dark] aside button:hover:not(:disabled){background:#40596c}.customer main{padding-top:30px}.customer h2{margin:0 0 20px;font-size:1.3em}.customer .usage-line{display:flex;flex-wrap:wrap;gap:10px 24px;padding:16px 0;border-top:1px solid var(--console-line);border-bottom:1px solid var(--console-line);font-size:.83em}.customer .usage-line span{color:var(--console-muted)}.customer .usage-line strong{color:var(--console-ink);font-size:inherit}.customer .usage-help{font-size:.75em;color:var(--console-muted);margin:14px 0 20px}.customer .site-row{border-color:var(--console-line);border-radius:6px;padding:20px}.customer .site-row h3{font-size:1em}.customer .site-row>p{font-size:.83em;margin:8px 0}.customer .site-row details{font-size:.8em;color:var(--console-muted);margin:13px 0}.customer .site-row details p{font-size:inherit}.customer .site-row .buttons{border-top:1px solid var(--console-line);padding-top:14px}.customer header nav{align-items:center}.customer header button{color:inherit;border-color:var(--console-line);background:transparent}.customer header button.primary{background:#478596;color:white}.customer #content>label{font-size:.8em;max-width:360px}
@media(max-width:1000px){#console:not(.customer)>.layout>aside{width:208px}#console:not(.customer) main{padding:22px}.list-tools{align-items:flex-start;flex-direction:column;gap:12px}header{padding:12px 18px}.page-description{max-width:450px}}
@media(max-width:650px){#nav-toggle{display:block}header{gap:10px;padding:12px 16px}header strong{font-size:18px}header>span{font-size:11px;margin-left:auto;gap:8px}header #display-preferences{order:3;justify-content:flex-start;font-size:11px;width:100%;gap:8px}header #display-preferences label{font-size:11px}#console:not(.customer)>.layout>aside{display:none;width:100%;padding:14px}#console[data-nav-open=true]>.layout>aside{display:flex}.primary-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.primary-nav .nav-caption{grid-column:1/-1}aside .primary-nav button{font-size:12px;padding:8px;min-height:40px}.nav-group button{font-size:12px}.tech-stack{padding-top:12px}.tech-stack-main br{display:none}.nav-support{display:flex}.nav-support button,.nav-support a{font-size:12px}.layout{display:block}#console:not(.customer) main{padding:18px 14px}.operations-notice{margin-bottom:20px!important}.operations-notice>summary{font-size:11px;align-items:flex-start;gap:6px}.notice-dot{margin-top:5px}.notice-more{white-space:nowrap;font-size:10px}.top{gap:10px;align-items:flex-start;margin-bottom:22px}.top h2{font-size:1.2em}.page-description{font-size:12px}.page-section{font-size:10px}.top>button{font-size:11px;padding:7px;flex-shrink:0}.toolbar .buttons{gap:5px}.toolbar button{font-size:11px}.list-tools{padding:14px 0}.search-field{width:100%;font-size:11px}.search-field input{font-size:14px}.list-filters button{font-size:11px;padding:6px 9px}.table-wrap table{min-width:660px}.related-navigation,.section-detail{padding:12px;margin:18px 0}.related-navigation>summary,.section-detail>summary{font-size:12px}dialog{padding:18px}.customer main{padding:20px 14px}.customer .usage-line{font-size:12px;gap:9px 17px}.customer header nav{width:100%;gap:5px}.customer header nav button{font-size:11px}.customer .site-row{padding:16px}.customer .site-row>p{font-size:12px}}
html[data-theme=dark] .domain-name{color:#91cde3}
@media(max-width:650px){.table-wrap:has(.domain-table){overflow:visible}.table-wrap .domain-table{display:block;min-width:0;width:100%;white-space:normal}.domain-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.domain-table tbody{display:block}.domain-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-bottom:1px solid var(--console-line)}.domain-table tbody tr:last-child{border-bottom:0}.domain-table td{display:block;border:0;padding:10px 12px;min-width:0;overflow-wrap:anywhere;background:var(--console-surface)!important}.domain-table td:first-child{grid-column:1/-1;border-bottom:1px solid var(--console-line);padding-top:14px;padding-bottom:12px}.domain-table td::before{content:attr(data-label);display:block;color:var(--console-muted);font-size:10px;margin-bottom:5px}.domain-table td:first-child::before{display:none}.domain-table td.empty{grid-column:1/-1}.domain-table .domain-name{font-size:14px}.domain-table .row-actions{gap:5px;flex-wrap:wrap}.domain-table .row-actions button,.domain-table .action-menu>summary{font-size:11px;padding:6px 9px}.domain-table .action-menu>div{min-width:0}.domain-table .action-menu button{white-space:normal}.domain-table .cell-detail p{min-width:0;max-width:100%}.domain-table td:first-child small{font-size:11px}}

/* Keep the technology summary below the menu, independent of the main table length. */
aside .tech-stack{margin-top:12px;padding-top:16px}aside .tech-stack-label{font-size:12px;letter-spacing:0;opacity:1;color:inherit}aside .tech-stack-main{font-size:12px;line-height:1.85;margin:8px 0 10px}aside .tech-stack details>summary{font-size:11px;opacity:1}@media(max-width:650px){aside .tech-stack-main br{display:initial}}

.activity-filter{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-bottom:14px}.activity-filter label{display:grid;gap:4px}.activity-filter input,.activity-filter select{max-width:100%;min-width:0}@media(max-width:600px){.activity-filter>*{width:100%}}
