/* Application layout only. No private DS selectors, token overrides, or replacement controls. */
body{margin:0;font-family:var(--iq-font);color:var(--iq-ink);background:var(--iq-canvas)}
[hidden]{display:none!important}
.app-shell{min-height:100dvh;display:flex;flex-direction:column}
.app-topbar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--iq-space-6);padding:var(--iq-space-4) var(--iq-space-6);border-bottom:1px solid var(--iq-line)}
.app-brand{font-weight:700;letter-spacing:-.025em;color:var(--iq-ink);text-decoration:none;font-size:20px;white-space:nowrap}
.app-topbar .app-account{margin-inline-start:auto;display:flex;align-items:center;gap:var(--iq-space-3)}
.app-account-name{max-width:200px;overflow-wrap:anywhere}
.app-environment{display:flex;flex-wrap:wrap;gap:var(--iq-space-2);align-items:center;padding:var(--iq-space-2) var(--iq-space-6);color:var(--iq-muted);background:var(--iq-surface);font-size:13px}
.app-page{width:100%;max-width:var(--iq-grid-max);margin-inline:auto;min-width:0;flex:1}
.app-page:focus-visible{outline:2px solid var(--iq-focus);outline-offset:-2px}
.app-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--iq-space-2)}
.app-stack{display:grid;gap:var(--iq-space-6)}
.app-form{max-width:720px;display:grid;gap:var(--iq-space-5)}
.app-fieldset{border:0;padding:0;margin:0;min-width:0;display:grid;gap:var(--iq-space-5)}
.app-auth{max-width:520px;width:100%;margin-inline:auto;padding-block:var(--iq-space-8)}
.app-auth .app-form{width:100%}
.app-search{display:flex;align-items:end;flex-wrap:wrap;gap:var(--iq-space-3);width:100%}
.app-search .iq-field{flex:1;min-width:180px;max-width:440px}
.app-table-wrap{overflow-x:auto;max-width:100%}
.app-title-link{font-weight:600;color:var(--iq-ink);text-decoration:none;overflow-wrap:anywhere}
.app-title-link:hover{text-decoration:underline}
.app-cell-detail{display:block;white-space:normal;color:var(--iq-muted);font-size:13px;margin-block-start:var(--iq-space-1);overflow-wrap:anywhere}
.app-page-controls{width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--iq-space-4)}
.app-prose{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;max-width:80ch}
.app-details{display:grid;gap:var(--iq-space-4);margin:0;max-width:800px}
.app-details>div{display:grid;grid-template-columns:minmax(120px,180px) minmax(0,1fr);gap:var(--iq-space-4)}
.app-details dt{color:var(--iq-muted)}
.app-details dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.app-section{display:grid;gap:var(--iq-space-4)}
.app-section h2,.app-section h3,.app-conflict h3{margin:0;font-size:18px;font-weight:600;letter-spacing:-.015em}
.app-danger-zone{margin-block-start:var(--iq-space-8);border-top:1px solid var(--iq-line);padding-block-start:var(--iq-space-6)}
.app-permissions{display:grid;gap:var(--iq-space-3);padding-block:var(--iq-space-3)}
.app-permissions legend{font-weight:600;margin-block-end:var(--iq-space-3)}
.app-conflict{display:grid;gap:var(--iq-space-4);margin-block:var(--iq-space-4);padding:var(--iq-space-4);border:1px solid var(--iq-line);border-radius:var(--iq-radius-sm)}
.app-share{display:grid;gap:var(--iq-space-3);max-width:720px}
.app-share input{font-family:var(--iq-mono)}
.app-boot{padding:var(--iq-space-8);max-width:720px;margin:auto}
.app-skip{position:fixed;inset-block-start:var(--iq-space-2);inset-inline-start:var(--iq-space-2);padding:var(--iq-space-3) var(--iq-space-4);background:var(--iq-canvas);color:var(--iq-ink);border:2px solid var(--iq-focus);z-index:10000;transform:translateY(-200%)}
.app-skip:focus{transform:translateY(0)}
.app-note{font-size:14px;line-height:1.6;color:var(--iq-muted);max-width:80ch}
@media(max-width:640px){
 .app-topbar{gap:var(--iq-space-3);padding:var(--iq-space-3) var(--iq-space-4)}
 .app-topbar .app-account{margin-inline-start:0;width:100%;justify-content:space-between}
 .app-account-name{max-width:65vw}
 .app-environment{padding-inline:var(--iq-space-4)}
 .app-details>div{grid-template-columns:1fr;gap:var(--iq-space-1)}
 .app-auth{padding-block:var(--iq-space-3)}
 .app-secondary-cell{display:none}
 .app-search{align-items:center}
 .app-search .iq-field{max-width:none;flex-basis:100%}
}

.app-auth-page{max-width:640px}
.app-auth-page .app-auth{max-width:none;margin:0;padding-block:var(--iq-space-3)}