.simple-shell { width: min(880px, calc(100% - 32px)); min-height: calc(100vh - 32px); margin: 16px auto; overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: #fff; box-shadow: var(--shadow); }
.simple-topbar { min-height: 68px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 20px; padding: 12px 19px; border-bottom: 1px solid var(--line); }
.simple-topbar > .network-badge { justify-self: end; }
.simple-nav { display: flex; gap: 5px; padding: 3px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-subtle); }
.simple-nav a { padding: 7px 10px; border-radius: 4px; color: var(--muted); font-size: 11px; font-weight: 700; text-decoration: none; }
.simple-nav a:hover { color: var(--ink); background: #fff; }
.simple-main { min-height: 650px; display: grid; place-items: start center; padding: 58px 30px 70px; }
.authorization-tool { width: min(620px, 100%); }
.tool-heading { margin-bottom: 25px; }
.tool-heading h1 { margin: 5px 0 9px; font-size: 27px; line-height: 1.25; }
.tool-heading > p:last-child { max-width: 550px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.65; }
.authorization-facts { display: grid; grid-template-columns: repeat(3, 1fr); overflow: hidden; border: 1px solid var(--line); border-radius: 6px; }
.authorization-facts > div { min-width: 0; padding: 14px 15px; border-right: 1px solid var(--line); }
.authorization-facts > div:last-child { border-right: 0; }
.authorization-facts span, .authorization-facts strong { display: block; }
.authorization-facts span { margin-bottom: 7px; color: var(--muted); font-size: 10px; }
.authorization-facts strong { overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.token-list-heading { display: flex; align-items: center; justify-content: space-between; margin: 24px 1px 9px; color: var(--muted); font-size: 11px; font-weight: 700; }
.token-list-heading strong { min-width: 24px; padding: 3px 7px; border-radius: 10px; color: var(--green); background: var(--green-soft); text-align: center; }
.simple-token-list { overflow: hidden; border: 1px solid var(--line); border-radius: 6px; }
.simple-token-row { min-height: 62px; display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 11px; padding: 9px 13px; border-bottom: 1px solid var(--line); }
.simple-token-row:last-child { border-bottom: 0; }
.token-swatch { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; color: #fff; font-size: 10px; font-weight: 800; }
.simple-token-copy { min-width: 0; }
.simple-token-copy strong, .simple-token-copy span { display: block; }
.simple-token-copy strong { margin-bottom: 3px; font-size: 12px; }
.simple-token-copy span { overflow: hidden; color: var(--muted); font-family: "Cascadia Mono", Consolas, monospace; font-size: 9.5px; text-overflow: ellipsis; white-space: nowrap; }
.token-result { display: inline-flex; align-items: center; gap: 6px; color: var(--muted); font-size: 10px; font-weight: 700; white-space: nowrap; }
.token-result::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #a4ada6; }
.token-result[data-state="pending"] { color: var(--amber); }.token-result[data-state="pending"]::before { background: #c58a24; }
.token-result[data-state="success"], .token-result[data-state="skipped"] { color: var(--green); }.token-result[data-state="success"]::before, .token-result[data-state="skipped"]::before { background: #2c8b55; }
.token-result[data-state="error"] { color: var(--red); }.token-result[data-state="error"]::before { background: #bd4a40; }
.simple-empty { padding: 24px; color: var(--muted); text-align: center; font-size: 11px; }
.authorization-details { margin: 14px 0; border-bottom: 1px solid var(--line); }
.authorization-details summary { padding: 10px 1px 13px; color: var(--green); cursor: pointer; font-size: 11px; font-weight: 700; }
.detail-rows { padding: 0 0 12px; }
.detail-rows > div { min-height: 26px; display: grid; grid-template-columns: 85px minmax(0, 1fr); gap: 10px; align-items: center; }
.detail-rows span { color: var(--muted); font-size: 10px; }
.detail-rows code { overflow: hidden; color: var(--ink); font-family: "Cascadia Mono", Consolas, monospace; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.configuration-notice { margin: 13px 0; padding: 11px 13px; border: 1px solid #e2c67c; border-radius: 5px; color: #70500f; background: var(--amber-soft); font-size: 11px; line-height: 1.55; }
.authorize-all-button { min-height: 50px; margin-top: 4px; font-size: 14px; }
.authorization-note { margin: 9px 2px 0; color: var(--muted); font-size: 10px; line-height: 1.55; text-align: center; }
.overall-progress { margin-top: 19px; padding-top: 16px; border-top: 1px solid var(--line); }
.overall-progress > div:first-child { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; color: var(--muted); font-size: 10px; }
.progress-track { height: 6px; overflow: hidden; border-radius: 3px; background: #e5eae6; }
.progress-track span { width: 0; height: 100%; display: block; border-radius: 3px; background: var(--green); transition: width 180ms ease; }
@media (max-width:680px) { .simple-shell{width:100%;min-height:100vh;margin:0;border:0;border-radius:0}.simple-topbar{grid-template-columns:minmax(0,1fr) auto;padding:12px 15px}.simple-nav{display:none}.simple-topbar>.network-badge{grid-column:2}.simple-main{min-height:0;padding:35px 16px 50px}.tool-heading h1{font-size:23px}.authorization-facts{grid-template-columns:1fr 1fr}.authorization-facts>div:nth-child(2){border-right:0}.authorization-facts>div:last-child{grid-column:1/-1;border-top:1px solid var(--line)}.simple-token-row{grid-template-columns:36px minmax(0,1fr);padding:10px 11px}.token-result{grid-column:2}.detail-rows>div{grid-template-columns:68px minmax(0,1fr)} }