:root{font-family:Segoe UI,Arial,sans-serif;color:#172d35;background:#f2f5f4;font-size:15px}*{box-sizing:border-box}body{margin:0}header{background:#123c3d;color:white;padding:20px 5%;display:flex;align-items:center;gap:20px}header .brand{margin-right:auto;color:white;text-decoration:none;font-size:23px;font-weight:700}header .brand span{font-size:14px;font-weight:400;color:#bad4cc;margin-left:16px}main{max-width:1440px;margin:36px auto;padding:0 5%}h1{font-size:36px;letter-spacing:-1px;margin:6px 0 18px}h2{font-size:20px;margin:0}h3{margin-top:28px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;color:#53776c;font-weight:700}.heading,.section-head,.actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.actions{justify-content:flex-end;flex-wrap:wrap}.workspace{display:grid;grid-template-columns:minmax(250px,1fr) minmax(350px,2fr);gap:20px}.card{background:white;border:1px solid #d9e3de;border-radius:14px;padding:24px;margin:18px 0}.section-head{margin-bottom:20px;flex-wrap:wrap}.list{display:grid;gap:8px}.list button{width:100%;text-align:left;white-space:normal}.list button.selected{background:#e7f2ec;border-color:#43806c}.list small{display:block;color:#657872;margin-top:5px}.muted,.footer{color:#667a72;font-size:13px;line-height:1.6}button,.primary{font:inherit;display:inline-block;border:1px solid #b8cbc2;background:#fff;color:#244e40;border-radius:7px;padding:10px 14px;cursor:pointer;text-decoration:none}button:hover{background:#edf5f0}button:disabled{opacity:.5;cursor:default}.primary{background:#235d49;color:white}.danger{color:#a23737;border-color:#debaba}.error{background:#fff0ec;border-left:3px solid #ae4434;padding:14px;color:#862c21;white-space:pre-wrap}.notice{background:#e4ece7;padding:20px;border-radius:10px}.welcome{max-width:850px;margin-top:95px}.welcome h1{font-size:56px;line-height:1.1}.welcome>p{max-width:640px;line-height:1.7}dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}dt{font-size:12px;color:#6c7c76}dd{margin:5px 0;overflow-wrap:anywhere}.badge{display:inline-block;border-radius:30px;padding:4px 10px;background:#edf1ee;font-size:12px}.badge.online{background:#d7f1df;color:#18603c}.stale .badge{background:#ececec;color:#777}.audit article{border-top:1px solid #e4ebe7;padding:12px 0;overflow-wrap:anywhere}.audit p{margin:4px 0}dialog{border:1px solid #cbd8d0;border-radius:14px;padding:28px;width:min(580px,92vw);max-height:90vh;color:#172d35}dialog::backdrop{background:#142e3590}dialog p{line-height:1.6}label{display:block;font-size:14px;margin:18px 0 6px}input,textarea{width:100%;font:inherit;padding:10px;border:1px solid #a8bdb1;border-radius:6px}textarea{min-height:100px}.actions{margin-top:16px}[hidden]{display:none!important}:focus-visible{outline:3px solid #ecac37;outline-offset:3px}@media(max-width:760px){.workspace{grid-template-columns:1fr}dl{grid-template-columns:1fr 1fr}header{flex-wrap:wrap}.welcome h1{font-size:40px}.card{padding:18px}h1{font-size:30px}}
.list button,.section-head h2{overflow-wrap:anywhere;min-width:0}

/* Registry uses the same visual language, including accessible native selects. */
#registry-form select, #registry-search select { display: block; width: 100%; padding: .6rem; border: 1px solid #aec7c4; border-radius: .4rem; font: inherit; background: white; }
#registry-stopped { width: auto; display: inline; margin-right: .5rem; }
#registry-form label[hidden] { display: none; }
#staff-form select { width: 100%; padding: .6rem; border: 1px solid #aec7c4; border-radius: .4rem; font: inherit; background: white; }
#staff-enabled { width: auto; }
#registry-feature-enabled { width:100%; padding:.6rem; border:1px solid #aec7c4; border-radius:.4rem; font:inherit; background:white; }
#statistics-months, #statistics-breakdown details { overflow-x:auto; }
#statistics-section table { width:100%; border-collapse:collapse; margin:1rem 0; font-size:.9rem; }
#statistics-section th, #statistics-section td { padding:.65rem; text-align:left; border-bottom:1px solid #d6e3e1; vertical-align:top; }
#statistics-section th { background:#eef5f4; }
#statistics-section select { padding:.5rem; font:inherit; }
#statistics-breakdown summary { cursor:pointer; padding:.6rem 0; }
#statistics-error:empty { display:none; }
/* Client workspace */
header nav{display:flex;gap:22px;align-items:center;flex-wrap:wrap}header nav a{color:#d4e7df;text-decoration:none;font-size:14px}header nav a:hover,header nav a.current{color:white;text-decoration:underline;text-underline-offset:6px}header #role{font-size:12px;color:#bad4cc}select{font:inherit;background:white;color:inherit;border:1px solid #a8bdb1;border-radius:6px;padding:10px;width:100%}.search-bar{display:flex;align-items:flex-end;gap:16px;margin-bottom:22px}.search-bar label{margin:0;flex:1}.search-bar label:first-child{flex:2}.search-bar button{white-space:nowrap}.table-scroll{overflow-x:auto}.clients-table{width:100%;border-collapse:collapse;text-align:left}.clients-table th{font-size:12px;color:#667a72;padding:14px 12px;background:#f6f8f7}.clients-table td{padding:18px 12px;border-bottom:1px solid #e4ebe7;font-size:14px}.clients-table td:first-child{font-weight:600;min-width:220px}.clients-table tbody tr{cursor:pointer}.clients-table tbody tr:hover{background:#f0f7f3}.clients-table a{color:#235d49;text-underline-offset:3px}.badge.offline,.badge.unavailable{background:#fff0dc;color:#82511b}.badge.archived{color:#667a72}.card-tabs{display:flex;gap:8px;overflow-x:auto;padding:10px 0}.card-tabs button{white-space:nowrap;background:transparent;border-color:transparent}.card-tabs button.active{background:#235d49;color:white}#client-card[data-organization-id]:not([data-organization-id=""]) [data-tab]:not(.active){display:none!important}#client-card #registry-detail>h2,#client-card #registry-inn{display:none}#registry-audit p{border-bottom:1px solid #e4ebe7;padding:12px 0}.installation-summary{padding:14px 0;border-bottom:1px solid #e4ebe7}.installation-summary p{color:#526b61;line-height:1.6}details summary{cursor:pointer;font-weight:600;padding:10px 0}details p,ol{line-height:1.8}#connection-binding{grid-template-columns:repeat(2,minmax(0,1fr))}#more-customers{margin-top:20px}#connection-code{font-family:Consolas,monospace}#client-card #registry-databases p,#client-card #registry-centers p{overflow-wrap:anywhere}@media(max-width:760px){.search-bar{flex-direction:column;align-items:stretch}.heading{flex-wrap:wrap}.clients-table td,.clients-table th{padding:12px 8px}header nav{gap:12px}#connection-binding{grid-template-columns:1fr}}