/* A shared console hierarchy: navigation, task, section, fields, action. */
#appView{--qpc-ink:#18243a;--qpc-muted:#5d6c82;--qpc-line:#d8e1ed;--qpc-surface:#fff;--qpc-accent:#6545b7;background:#edf2f8;color:var(--qpc-ink);min-height:100vh}
#appView .content{max-width:1440px;padding:24px 32px 48px;box-sizing:border-box}
#qpcNavigation{display:grid;grid-template-columns:1.15fr 1fr 1.35fr;gap:16px;padding:0 0 20px;margin:0 0 22px;border-bottom:1px solid #cdd7e6;align-items:stretch}
#qpcNavigation .qpc-nav-group{border:1px solid var(--qpc-line);border-radius:12px;background:#f9fbfe;padding:12px;min-width:0}
#qpcNavigation .qpc-nav-group>span{display:block;color:#65738b;font-size:11px;letter-spacing:.1em;font-weight:800;margin:0 4px 9px}
#qpcNavigation .qpc-nav-links{display:flex;gap:6px;flex-wrap:wrap}
#qpcNavigation button{width:auto;min-height:40px;padding:9px 12px;margin:0;font-size:13px;font-weight:650;border:1px solid transparent;background:transparent;color:#42536e;line-height:1.35;border-radius:8px}
#qpcNavigation button:hover{background:#e8edf6}#qpcNavigation button[aria-pressed=true]{background:#202d46;color:white;border-color:#202d46;box-shadow:0 2px 5px #18243a15}
.qpc-page-context{margin:0 0 22px;padding:0 2px}.qpc-page-kicker{font-size:11px;letter-spacing:.13em;color:#6b5c98;font-weight:800}.qpc-page-context h1{font-size:28px;line-height:1.2;margin:7px 0 8px;letter-spacing:-.025em}.qpc-page-context p{font-size:14px;color:var(--qpc-muted);margin:0;line-height:1.6;max-width:86ch}
#appView .content :is(.card,.qpc-w-card,.qrpc-editor,.qpc-panel,.qpc-account-list,.qpc-order-detail,.qpc-order-editor){border:1px solid var(--qpc-line);border-radius:14px;background:white;box-shadow:0 3px 12px #24395306}
#appView .content :is(.qpc-panel,.qrpc-editor){padding:22px;margin-bottom:20px;box-sizing:border-box}
#appView .content :is(.qpc-panel,.qpc-w-card,.qrpc-editor,.card)>:is(h2,h3){font-size:18px;line-height:1.4;margin:0 0 16px;padding:0 0 12px;border-bottom:1px solid #e4eaf3;color:#273b5b;font-weight:750}
#appView .content :is(.qpc-panel,.qpc-w-card,.qrpc-editor,.card)>:is(p,.qpc-account-note){color:var(--qpc-muted);font-size:13px;line-height:1.6;max-width:100ch}
#appView .content .qpc-scope-help{padding:12px 16px;background:#edf3fc;border-left:3px solid #758bc1;border-radius:6px;font-size:13px;line-height:1.6;color:#425775}
#appView .content :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea){width:100%;box-sizing:border-box;border:1px solid #c7d3e3;border-radius:8px;color:#24334b;background:#fff;font-size:14px;line-height:1.5;padding:10px 12px;min-height:42px;margin:0}
#appView .content textarea{min-height:90px}#appView .content label{font-size:13px;line-height:1.5;color:#354962;gap:7px;margin:0;font-weight:650}
#appView .content button{min-height:40px;line-height:1.4;font-size:13px;white-space:normal}
#appView .content button:focus-visible,#appView .content select:focus-visible,#appView .content input:focus-visible,#appView summary:focus-visible{outline:3px solid #b8a6e3;outline-offset:3px}
#appView .content input[type=checkbox]{width:23px!important;height:23px!important;min-height:23px!important;flex:0 0 23px;accent-color:#7049b4;margin:0;padding:0;cursor:pointer}
#appView .content label.qpc-choice-card{display:flex;align-items:center;gap:12px;min-height:58px;padding:13px 16px;background:#f5f7fc;border:1px solid #ced8e7;border-radius:10px;font-weight:650;box-sizing:border-box;cursor:pointer}
#appView .content label.qpc-choice-card:has(:checked){background:#f2edfc;border-color:#a78bd0;color:#4c337d}
#appView .content label.qpc-choice-card:has(:disabled){opacity:.65;cursor:default}
#appView .content :is(.qpc-section-tabs,.qpc-w-tabs){display:flex;gap:6px;flex-wrap:wrap;padding:8px;margin:0 0 20px;background:#e6ecf5;border:1px solid #d2dceb;border-radius:11px}
#appView .content .qpc-section-tabs>button{background:transparent;color:#4c5e78;border:1px solid transparent;border-radius:7px;padding:10px 15px;margin:0;width:auto;min-height:40px;font-weight:650}
#appView .content .qpc-section-tabs>button[aria-selected=true]{background:white;border-color:#c9d4e4;color:#3a2869;box-shadow:0 2px 5px #2439530c}
#appView [hidden]{display:none!important}
#appView .content :is(.qpc-w-advanced,.qpc-storage-settings,.qpc-legacy-support){background:#f7f9fc;border:1px solid #d6deea;border-radius:11px;padding:16px;margin:20px 0}
#appView .content :is(.qpc-w-advanced,.qpc-storage-settings,.qpc-legacy-support)>summary{font-size:14px;line-height:1.5;font-weight:750;color:#4a5d78;cursor:pointer;padding:4px 0}
#appView .content :is(.qpc-w-advanced,.qpc-storage-settings,.qpc-legacy-support)[open]>summary{margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #d8e1ed}
#appView .content :is(.qrpc-grid,.qpc-offer-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
#appView .content .qrpc-options{gap:16px}#appView .content .qrpc fieldset{background:#f8faff;padding:20px;border:1px solid #d6dfed;margin:20px 0}
#appView .content .qrpc legend{color:#354b6d;font-size:15px;font-weight:750;padding:0 10px}
#appView .content .qrpc-feature-controls .qrpc-options>label{background:white;padding:14px;border:1px solid #d5deeb;border-radius:10px;align-self:stretch}
#appView .content .qrpc-feature-controls .qrpc-options>.qrpc-translate-field{background:#f3eefc;border-color:#bca7dc}
#appView .content .qrpc-translate-help{font-size:12px;line-height:1.6;color:#65527e;font-weight:400}
#appView .content :is(.qrpc-actions,.qpc-w-actions,.qpc-order-actions,.qpc-console-actions){display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid #e0e7f0}
#appView .content :is(.qrpc-actions,.qpc-w-actions,.qpc-console-actions)>button{width:auto;margin:0}
#appView .content table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}#appView .content th{background:#edf2f9;color:#475b77;font-size:12px;letter-spacing:.015em;padding:12px;text-align:left}#appView .content td{padding:12px;border-bottom:1px solid #e3e9f2;vertical-align:top}#appView .content tbody tr:last-child td{border-bottom:0}
#appView .content .qpc-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.qpc-panel-grid>.qpc-panel{margin:0}
#appView .content .qpc-scope-tag{display:inline-flex;background:#eef1f7;color:#596d88;border:1px solid #d6dfed;border-radius:99px;padding:5px 10px;font-size:11px;font-weight:750;letter-spacing:.03em;margin-bottom:10px}
#appView .content .qpc-qr-context{display:flex;gap:10px 24px;flex-wrap:wrap;background:#eaf0f8;border:1px solid #d5dfed;border-radius:11px;padding:14px 18px;margin:16px 0 20px;font-size:13px;color:#4a5e7c}.qpc-qr-context a{color:#5c3c99;font-weight:650}
#appView .content .qpc-qr-service-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.qpc-qr-service-summary>div{background:#f5f8fc;border:1px solid #dde5ef;border-radius:10px;padding:14px}.qpc-qr-service-summary small{display:block;font-size:12px;color:#687b95;margin-bottom:6px}.qpc-qr-service-summary strong{font-size:14px;color:#2f4564}
#appView .content .qpc-extra-quota{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.qpc-extra-quota>:is(h3,p,.qrpc-grid,.qpc-choice-card,button){grid-column:1/-1}.qpc-extra-quota>button{justify-self:start;width:auto}
#appView .content .qpc-extra-quota>.qrpc-grid{margin:0}.qpc-extra-quota>h3{margin:0}
#qpcAccounts .qpc-w-header{background:#edf2fb;border-bottom:1px solid #d5dfed;padding:18px 22px}#qpcAccounts .qpc-w-tabs{border:0;border-bottom:1px solid #d5dfed;border-radius:0;margin-bottom:0;padding:12px 18px;background:#f5f8fc}#qpcAccounts .qpc-w-body{background:#edf2f8;max-width:none;padding:22px}
#qpcAccounts .qpc-w-card{padding:20px;margin-bottom:20px}#qpcAccounts .qpc-w-card form{gap:16px}#qpcAccounts .qpc-w-card form.qpc-subscription-form{grid-template-columns:repeat(2,minmax(0,1fr))}#qpcAccounts .qpc-subscription-form>.qpc-w-field:nth-child(-n+2){grid-column:auto}
#qpcAccounts .qpc-account-advanced-nav{background:#eef1f7;border-color:#cdd7e7}#qpcAccounts .qpc-account-advanced-nav>summary{font-size:13px;padding:10px 13px}
#appView .content .qpc-storage-panel .qpc-storage-breakdown{max-width:720px;background:#eff4fa;border:1px solid #dbe4f0}
#qpcTranslateCredits{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}#qpcTranslateBalance{margin-top:20px}#qpcTranslateBalance>h2{padding:16px 20px;background:#eaf0fb;border:1px solid #d4dfef;border-radius:10px}
#qpcTranslateBalance>table{background:white;border:1px solid #dae3ef;border-radius:10px;overflow:hidden}
#qpcAdministrationBody .card{margin-bottom:20px}#qpcAdministrationBody form{display:grid;gap:16px}#qpcAdministrationBody form>button{justify-self:start;width:auto;margin-top:0}
#qpcMail{background:white;border:1px solid #d8e1ed;border-radius:14px;padding:24px}#qpcMail>h2{margin:0 0 12px;color:#354b6d}
#appView .inventory-detail-section{background:#fff;border:1px solid #d7e1ed;border-radius:12px;padding:20px;margin:20px 0}#appView .inventory-detail-section>h3{background:#edf2f9;border-bottom:1px solid #d7e1ed;border-radius:8px;padding:12px 14px;color:#354b6d}
#appView .inventory-detail-grid>div{background:#f6f9fd;padding:12px;border-radius:8px}.qpc-legacy-support .service-actions-row{display:flex;gap:10px;flex-wrap:wrap}
#appView .content .qpc-account-stats{margin-bottom:20px}.qpc-order-summary,.qpc-order-support,.qpc-order-events{border-radius:10px}
@media(max-width:1100px){#qpcNavigation{grid-template-columns:1fr 1fr}#qpcNavigation .qpc-nav-group:last-child{grid-column:1/-1}#appView .content{padding:22px}}
@media(max-width:720px){#qpcNavigation{grid-template-columns:1fr;gap:10px}#qpcNavigation .qpc-nav-group:last-child{grid-column:auto}#appView .content{padding:16px}#appView .content :is(.qpc-panel-grid,.qrpc-grid,.qpc-offer-grid,.qpc-qr-service-summary,.qpc-extra-quota){grid-template-columns:1fr}#appView .content :is(.qpc-panel,.qrpc-editor){padding:16px}#appView .content .qpc-section-tabs>button{padding:8px 11px;font-size:12px}.qpc-page-context h1{font-size:24px}}
#qpcNavigation{position:static;top:auto;z-index:auto;box-shadow:none;margin-top:0;background:transparent}
#qpcAccounts .qpc-w-card form>:is(p,.qpc-w-actions){grid-column:1/-1}
#qpcTranslatePricing>.qpc-console-actions,#qpcTranslateAdjustmentForm>.qpc-console-actions{grid-column:1/-1}
.qpc-qr-package-form section>h2{font-size:19px;color:#304869;margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid #e2e9f3}

#appView .content .qpc-storage-rates>span{display:inline-flex;background:#eef1f7;color:#596d88;border:1px solid #d6dfed;border-radius:99px;padding:5px 10px;font-size:11px;font-weight:750;margin-bottom:12px}

#templateUploadForm,#inventoryBatchForm{max-width:780px;margin-left:auto;margin-right:auto}#appView .content #templateUploadForm>label,#appView .content #inventoryBatchForm>label{margin-top:15px;margin-bottom:7px}#appView .content #templateUploadForm>h3{margin:0 0 16px}
