:root {font-family:"Segoe UI",Arial,sans-serif;font-size:16px;letter-spacing:0;color:#242b2a;background:#f5f7f7;}
* {box-sizing:border-box;} body {margin:0;} button,input,select {font:inherit;} a {color:inherit;}
header {height:76px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:white;border-bottom:1px solid #d9e0df;}
.brand {display:flex;align-items:center;gap:12px;text-decoration:none;font-size:18px;}.brand img {background:#e1ef59;padding:8px;box-sizing:content-box;border-radius:5px;}.brand b {margin-left:12px;font-weight:600;}.pilot {font-size:13px;color:#606c69;}
main {max-width:1192px;margin:auto;padding:36px 32px;} .title-row,.section-heading {display:flex;align-items:center;justify-content:space-between;gap:18px;}.title-row {margin-bottom:26px;}
.eyebrow {font-size:12px;font-weight:600;margin:0 0 8px;color:#626f6c;} h1 {font-size:30px;margin:0;line-height:1.2;font-weight:650;} h2 {font-size:20px;margin:0;font-weight:600;line-height:1.4;} h3 {font-size:18px;margin:0 0 20px;font-weight:600;}
button {display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:9px 14px;border:1px solid #c7cfcd;background:white;border-radius:5px;font-size:14px;font-weight:600;cursor:pointer;color:#232d29;}
button img {width:18px;height:18px;flex-shrink:0;}button:hover:not(:disabled) {background:#eaf2ed;border-color:#87a396;}button:disabled {opacity:.45;cursor:default;}button.primary {background:#e1ef59;border-color:#c9d739;}button.primary:hover:not(:disabled) {background:#d1e245;}
button:focus-visible,select:focus-visible,input:focus-visible {outline:3px solid #06816b;outline-offset:3px;} select {width:100%;min-height:46px;padding:10px 34px 10px 12px;border:1px solid #bdc8c4;border-radius:4px;background:#fff;font-size:15px;text-overflow:ellipsis;}
section {border-top:2px solid #304139;padding:24px 0 28px;}.connection-grid {display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:40px;margin-top:26px;}.section-heading {margin-bottom:18px;}.field-heading {display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;}.field-heading label {font-size:14px;font-weight:600;}.field-heading button {min-height:36px;font-size:13px;padding:6px 10px;}
.operation {border-left:1px solid #d3ddda;padding:4px 0 0 28px;}dl {margin:0;display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px 16px;font-size:14px;line-height:1.45;}dt {color:#68756f;}dd {margin:0;overflow-wrap:anywhere;}#certificate-details {margin-top:24px;grid-template-columns:115px minmax(0,1fr);}.connect-actions {display:flex;align-items:center;gap:18px;margin-top:24px;}.muted {color:#61706a;font-size:13px;}.monospace {font-family:Consolas,monospace;font-size:13px;overflow-wrap:anywhere;}
.badge {display:inline-block;width:fit-content;max-width:100%;padding:5px 8px;font-size:13px;line-height:1.35;border-radius:3px;overflow-wrap:anywhere;}.neutral {background:#e8eeeb;color:#53665b;}.ok {background:#daf2e7;color:#1e6246;}.warn {background:#fff0c9;color:#805f15;}.error {background:#fde4e7;color:#9a3040;}
#message {padding:13px 16px;margin:0 0 24px;border-left:3px solid #228660;background:#e4f2eb;font-size:14px;line-height:1.6;overflow-wrap:anywhere;}#message.error {background:#fde6e8;border-color:#bc3d4b;}
#account {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px 25px;}#account-name {overflow-wrap:anywhere;}.account-meta {text-align:right;}.signer {grid-column:1/-1;display:flex;gap:18px;flex-wrap:wrap;}
#group-section {margin-top:20px;border-top:1px solid #bccbc5;}.empty-state {margin:0;padding:32px 20px;background:#eef2f0;text-align:center;color:#6a7670;font-size:14px;}.group-toolbar {display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0;font-size:14px;}.group-toolbar label {display:flex;align-items:center;gap:9px;}input[type=checkbox] {width:18px;height:18px;accent-color:#137f5f;}
table {width:100%;border-collapse:collapse;table-layout:fixed;background:white;font-size:14px;}th {padding:13px 12px;text-align:left;font-weight:500;color:#63746c;font-size:13px;background:#eaf0ed;}th:nth-child(2) {width:34%;}.check-column {width:40px;}td {padding:18px 12px;border-top:1px solid #e0e7e3;vertical-align:top;overflow-wrap:anywhere;}td:first-child {padding-right:0;}.group-name {font-size:15px;font-weight:600;line-height:1.5;}.detail {display:block;margin-top:6px;font-size:13px;line-height:1.5;color:#6a786f;}tr.selected {background:#edf8f2;}.group-actions {display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 0;font-size:14px;}
footer {display:flex;justify-content:space-between;gap:20px;padding:26px 0 10px;border-top:1px solid #d7e0da;color:#758078;font-size:12px;}[hidden] {display:none!important;}
@media(max-width:760px){header {padding:0 18px;height:66px;}.brand {font-size:16px;}.brand b {margin-left:6px;}.pilot {display:none;}main {padding:28px 18px;}h1 {font-size:26px;}h2 {font-size:18px;}.connection-grid {grid-template-columns:1fr;gap:24px;}.operation {border-left:0;border-top:1px solid #d3ddda;padding:20px 0 0;}.section-heading {align-items:flex-start;}.section-heading .badge {font-size:12px;}.connect-actions {flex-wrap:wrap;}#account {grid-template-columns:1fr;}.account-meta {text-align:left;}.group-toolbar {align-items:flex-start;flex-wrap:wrap;}table,tbody,tr,td {display:block;width:100%;}thead {display:none;}tr {position:relative;padding:14px 12px 18px 42px;border-top:1px solid #d9e4dc;}td {padding:5px 0;border:0;}td:first-child {position:absolute;top:14px;left:9px;width:26px;}td[data-label]::before {display:block;content:attr(data-label);font-size:12px;color:#6a786f;margin:6px 0;}footer {flex-wrap:wrap;}.field-heading button {font-size:12px;}dl {grid-template-columns:125px minmax(0,1fr);}#certificate-details {grid-template-columns:1fr;gap:5px;}#certificate-details dd {margin-bottom:10px;}}