@import url('/ux-prototypes.css');
@import url('/ux-apple.css');

.topbar{z-index:25}.topbar-main{display:flex;align-items:center;gap:24px}.topnav{display:flex;height:32px;padding:2px;border-radius:8px;background:var(--apple-fill)}.topnav button{height:28px;padding:0 13px;border:0;border-radius:6px;background:transparent;color:#4c4c50;font-size:10px}.topnav button.active{background:#fff;color:#1d1d1f;font-weight:650;box-shadow:0 1px 4px rgba(0,0,0,.12)}.security-button,.logout{min-height:30px;padding:0 8px;border:0;background:transparent;color:var(--apple-secondary);font-size:10px}.security-button:hover,.logout:hover{color:var(--apple-blue)}.demo-chip{padding:4px 7px;border:1px solid var(--apple-line);border-radius:6px;background:#fff;color:var(--apple-secondary);font-size:9px}
.notice{max-width:1440px;margin:0 auto 10px;padding:10px 12px;border:1px solid rgba(198,93,0,.22);border-radius:7px;background:#fff7e8;color:#7d4300;font-size:10px}.view-panel{min-height:360px}.selected-scope{display:flex;align-items:center;gap:8px}.selection-main span#selectionType{color:#5c6670}.selection-actions .btn:disabled{opacity:.42;cursor:not-allowed}.table-wrap table{min-width:1040px}.pending{margin-top:3px;color:var(--apple-orange);font-size:8px}.mobile-strategy{display:none}
.registry,.audit{overflow:hidden;border:1px solid var(--apple-line);border-radius:8px;background:#fff}.block-head{padding:14px 16px;border-bottom:1px solid var(--apple-line);background:#fafafa}.block-head h3{margin:0;font-size:12px}.block-head p{margin:4px 0 0;color:var(--apple-secondary);font-size:9px}.account-row{display:grid;grid-template-columns:minmax(210px,1.5fr) minmax(140px,1fr) 70px auto;gap:14px;align-items:center;padding:12px 15px;border-bottom:1px solid rgba(60,60,67,.12);font-size:10px}.account-row:last-child{border:0}.account-row span{display:block;margin-top:3px;color:var(--apple-secondary);font-size:9px}.account-row code{color:#4d5a61;font-size:9px}.actions{display:flex;justify-content:end;gap:6px}.actions .btn{min-height:30px;padding:0 9px;font-size:9px}.audit-row{display:grid;grid-template-columns:155px 145px 1fr 1.2fr;gap:12px;padding:11px 14px;border-bottom:1px solid rgba(60,60,67,.12);font-size:9px}.audit-row:last-child{border:0}.audit-row span{color:var(--apple-secondary);overflow-wrap:anywhere}.empty{padding:38px;text-align:center;color:var(--apple-secondary);font-size:10px}
.center-overlay{align-items:center;justify-content:center;padding:18px}.modal{width:min(450px,100%);padding:21px;border:1px solid var(--apple-line);border-radius:8px;background:rgba(250,250,252,.98);box-shadow:0 22px 65px rgba(0,0,0,.18);backdrop-filter:blur(18px)}.modal h2{margin:0;font-size:17px}.modal label{display:block;margin-top:12px;color:#4c4c50;font-size:10px;font-weight:620}.modal input,.modal select{width:100%;height:38px;margin-top:6px;padding:0 10px;border:1px solid var(--apple-line);border-radius:7px;background:#fff;outline:none}.modal input:focus{border-color:rgba(0,113,227,.55);box-shadow:0 0 0 3px rgba(0,113,227,.12)}.login-modal{width:min(390px,100%)}.login-brand{margin-bottom:17px}.login-brand strong{display:block;font-size:17px}.login-brand span{display:block;margin-top:5px;color:var(--apple-secondary);font-size:9px}.login-error{margin-top:10px;color:var(--apple-red);font-size:10px}.login-button{width:100%;margin-top:17px}.login-secondary{width:100%;margin-top:8px}.mfa-qr{display:flex;justify-content:center;min-height:208px;padding:10px;background:#fff;border:1px solid var(--apple-line);border-radius:8px}.mfa-qr img{display:block;width:188px;height:188px;image-rendering:pixelated}.mfa-secret-label{margin-top:12px;color:var(--apple-secondary);font-size:9px;text-align:center}.mfa-secret{display:block;margin-top:5px;padding:8px;border:1px solid var(--apple-line);border-radius:6px;background:#fff;color:#174e5b;font-size:10px;text-align:center;overflow-wrap:anywhere}.token-modal{width:min(620px,100%)}.token{display:block;max-height:340px;padding:12px;border:1px solid var(--apple-line);border-radius:7px;background:#fff;color:#174e5b;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px;line-height:1.7}.recovery-token{columns:2;column-gap:28px;font-size:12px}.muted{color:var(--apple-secondary);font-size:9px;line-height:1.6}
.strategy-drawer{width:min(500px,100%)}.strategy-section{display:none}.strategy-section.active{display:block}.strategy-section .field-row{grid-template-columns:34px 1fr 116px}.strategy-source{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--apple-line)}.strategy-source b{font-size:10px}.strategy-source span{color:var(--apple-secondary);font-size:9px}.source-segments{display:flex;padding:2px;border-radius:8px;background:var(--apple-fill)}.source-segments button{height:29px;padding:0 11px;border:0;border-radius:6px;background:transparent;font-size:9px}.source-segments button.active{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.12);font-weight:650}.strategy-help{margin:10px 0 0;color:var(--apple-secondary);font-size:9px}.strategy-empty{padding:28px 0;color:var(--apple-secondary);font-size:10px;text-align:center}
@media(max-width:680px){.topbar-main{width:100%;height:auto;flex-wrap:wrap;gap:0}.brand{height:44px}.topnav{order:3;width:100%;height:34px}.topnav button{flex:1;height:30px}.top-actions{position:absolute;right:12px;top:16px;width:auto}.top-actions .operator,.logout{display:none}.summary{margin-top:10px}.page-head{align-items:center}.page-head p{display:none}.page-head .search{width:170px}.filters{gap:8px}.selection-bar{position:sticky;top:102px;z-index:15}.selection-main{width:100%;justify-content:space-between}.selection-main>span:not(#selectionType){display:none}.selection-actions select{min-width:115px}.table-wrap table{min-width:0}.mobile-strategy{display:block;margin-top:7px;padding-top:7px;border-top:1px solid rgba(60,60,67,.1)}td.account-cell{padding-right:3px}.account-row{grid-template-columns:1fr auto}.account-row code,.account-row>span{display:none}.account-row .actions{grid-column:1/3;justify-content:flex-start}.audit-row{grid-template-columns:1fr 1fr}.audit-row span:nth-child(3),.audit-row span:last-child{display:none}.strategy-section .field-row{grid-template-columns:34px 1fr}.strategy-section .field-row input[type=number]{grid-column:2}.recovery-token{columns:1}}

@media(min-width:681px){.table-wrap table{min-width:1000px}}
.toast.error{background:rgba(183,28,28,.94)}

/* Search and spacing refinements */
.topbar{top:12px;width:calc(100% - 24px);max-width:1440px;margin:12px auto 0;border:1px solid var(--apple-line);border-radius:10px;box-shadow:0 2px 12px rgba(0,0,0,.04)}
.search{padding:0 11px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI","Microsoft YaHei",sans-serif;font-size:11px;font-weight:400;line-height:1}
.search::placeholder{color:#8e8e93;font:inherit;opacity:1}
.page-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px}.account-search{width:min(310px,42vw)}

@media(max-width:680px){
  .topbar{top:8px;width:calc(100% - 16px);margin-top:8px}
  .page-head{align-items:flex-start;flex-direction:column}
  .page-tools{width:100%}.account-search{width:auto;min-width:0;flex:1}
}