/* Utility pages share the PyTest/product visual language. Product layouts are untouched. */
body.qpk-app{--app-bg:#020d1c;--app-text:#f4f6ff;--app-muted:#b5cce9;--app-border:#29466d;--app-cyan:#03ddf2;--app-purple:#9841ff;--app-primary:linear-gradient(105deg,#8c36fa,#2987ff 50%,#00cbea);font:400 14px/1.6 Inter,system-ui,sans-serif;color:var(--app-text);background:radial-gradient(ellipse at 57% 10%,#061c43 0,transparent 36%),linear-gradient(115deg,#020d1b,#010a16);min-height:100svh}
body.qpk-app[data-page] main#app,body.qpk-app.qpk-samples main{max-width:1200px;padding:32px 40px 56px;margin:auto;min-height:calc(100svh - 240px)}
body.qpk-app[data-page] h1,body.qpk-app.qpk-samples h1{font:700 32px/1.2 Inter,system-ui,sans-serif;letter-spacing:-.03em;margin:10px 0 12px;color:var(--app-text)}
body.qpk-app[data-page="admin"] h1{font-size:28px}
body.qpk-app :is(h2,h3){font-family:Inter,system-ui,sans-serif;color:var(--app-text)}
body.qpk-app[data-page] h2,body.qpk-app.qpk-samples h2{font-size:18px;font-weight:700;line-height:1.4;letter-spacing:-.015em;margin:0 0 12px}
body.qpk-app h3{font-size:15px;line-height:1.4}
body.qpk-app[data-page] :is(.lead,.intro),body.qpk-app.qpk-samples .intro{font-size:14px;line-height:1.65;max-width:760px;margin:0;color:var(--app-muted)}
body.qpk-app[data-page] .eyebrow,body.qpk-app.qpk-samples .eyebrow{display:inline-block;align-self:flex-start;width:fit-content;margin:0 0 6px;padding:5px 10px;font-size:10px;font-weight:700;letter-spacing:.06em;color:#b9a0ff;background:#131a31bb;border:1px solid #334568;border-radius:20px}
body.qpk-app[data-page] :is(.panel,.card),body.qpk-app.qpk-samples .card{background:linear-gradient(145deg,#0b192d,#041020);border:1px solid var(--app-border);border-radius:14px;padding:20px;box-shadow:inset 0 1px 0 #ffffff04}
body.qpk-app[data-page] .panel{margin:20px 0}
body.qpk-app[data-page] .card,body.qpk-app.qpk-samples .card{gap:12px}
body.qpk-app[data-page] .card h2,body.qpk-app.qpk-samples .card h2{font-size:17px;line-height:1.4;margin:0}
body.qpk-app :is(.muted,.subtle){color:#a3bddb}
body.qpk-app[data-page] .card p,body.qpk-app.qpk-samples .card p{font-size:13px;line-height:1.65;color:#b5cce9}
body.qpk-app[data-page] .subtle{font-size:12px}
body.qpk-app[data-page] :is(button,.button),body.qpk-app.qpk-samples .download{font:600 13px/1.4 Inter,system-ui,sans-serif;min-height:44px;padding:10px 16px;border:1px solid #4b6d98;border-radius:10px;color:var(--app-text);background:linear-gradient(145deg,#05122477,#000911);box-shadow:none;transition:border-color .18s,filter .18s}
body.qpk-app[data-page] :is(button.primary,.button.primary),body.qpk-app[data-page] .card button[data-add-product],body.qpk-app.qpk-samples .foundation .download:first-child{background:var(--app-primary);border-color:transparent;color:#f4f6ff;box-shadow:0 4px 22px #075ad02c;font-weight:700}
body.qpk-app[data-page] .tabs button[aria-pressed=true]{background:linear-gradient(105deg,#8c36fa30,#2987ff30,#00cbea25);border-color:#5682bd;color:#8beaff}
body.qpk-app[data-page] .tabs{gap:8px;margin:20px 0}
body.qpk-app[data-page] button.danger{background:#402432;border-color:#804b53;color:#fecaca}
body.qpk-app[data-page] :is(input,textarea,select),body.qpk-app.qpk-samples input[type=search]{font:400 13px/1.5 Inter,system-ui,sans-serif;color:#eaf4ff;background:#051224;border:1px solid #345376;border-radius:8px;min-height:44px;padding:10px 12px}
body.qpk-app[data-page] label,body.qpk-app.qpk-samples label{font-size:12px;color:#b5cce9;gap:7px;margin:12px 0}
body.qpk-app[data-page] input[type=checkbox]{min-height:18px;width:18px;accent-color:#8c36fa}
body.qpk-app[data-page] .filters{display:flex;gap:16px;flex-wrap:wrap;align-items:end;margin:20px 0 12px}
body.qpk-app[data-page] .filters label{flex:0 1 320px;min-width:220px;margin:0}
body.qpk-app[data-page] .filters label:last-child{flex-basis:240px}
body.qpk-app[data-page] .notice,body.qpk-app.qpk-samples .notice{font:400 12px/1.65 Inter,system-ui,sans-serif;margin:18px 0;padding:12px 16px;border:1px solid #29466d;border-radius:10px;background:#0a1a2b;color:#b5cce9}
body.qpk-app[data-page] .notice.qpk-policy-notice{background:#302819;border-color:#79613c;color:#f4dfb7}
body.qpk-app[data-page] .status,body.qpk-app[data-page] .tag,body.qpk-app.qpk-samples .badge{font:600 10px/1.4 Inter,system-ui,sans-serif;padding:4px 9px;border-radius:20px;color:#83e5f2;background:#0d3545;border:1px solid #1c5365}
body.qpk-app .status[data-status="paid"],body.qpk-app .status[data-status="test_paid"],body.qpk-app .status[data-status="demo_complete"]{background:#103b34;color:#a3efce;border-color:#2c6b60}
body.qpk-app .status[data-status="payment_failed"],body.qpk-app .status[data-status="cancelled"],body.qpk-app .status[data-status="refunded"],body.qpk-app .status[data-status="demo_refunded"]{background:#382337;color:#efb8c9;border-color:#704158}
body.qpk-app .status[data-status="pending_payment"]{background:#302819;color:#f4dfb7;border-color:#79613c}
body.qpk-app.qpk-samples .pending .badge{background:#18263a;border-color:#2b3d58;color:#9eb1ca}
body.qpk-app[data-page] .price{font-size:22px;line-height:1.3;font-weight:750;color:var(--app-text)}
body.qpk-app[data-page] .old{font-size:12px;color:#849fbe}
body.qpk-app[data-page] .total{font-size:18px;font-weight:700}
body.qpk-app[data-page] .metric{font-size:28px;color:#8beaff}
body.qpk-app[data-page] .row{padding:14px 0;border-color:#233b59}
body.qpk-app[data-page] .auth{max-width:500px;margin:24px auto}
body.qpk-app[data-page] .empty{padding:36px 20px}
body.qpk-app[data-page] .reply{background:#10263e;border-left-color:#8c36fa}
body.qpk-app[data-page] .order-id{font-size:13px;letter-spacing:0}
body.qpk-app[data-page] .grid,body.qpk-app.qpk-samples .grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr))}
body.qpk-app[data-page] .actions{gap:8px}
body.qpk-app[data-page] .card .actions{padding-top:4px}
body.qpk-app :is(a,button,input,textarea,select,summary):focus-visible{outline:2px solid #03ddf2;outline-offset:4px}
@media(max-width:740px){body.qpk-app[data-page] main#app,body.qpk-app.qpk-samples main{padding:24px 20px 40px}body.qpk-app[data-page] h1,body.qpk-app.qpk-samples h1{font-size:26px}body.qpk-app[data-page] .split{grid-template-columns:minmax(0,1fr)}body.qpk-app[data-page] .filters{display:grid;grid-template-columns:minmax(0,1fr)}body.qpk-app[data-page] .filters label{min-width:0}body.qpk-app[data-page] .panel,body.qpk-app.qpk-samples .card{padding:18px}body.qpk-app[data-page] .row{flex-wrap:wrap}body.qpk-app[data-page] .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){body.qpk-app *{transition:none!important;scroll-behavior:auto!important}}

/* Actual PDF cover previews in purchased resources. */
body.qpk-app[data-page] .qpk-document-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:20px;align-items:center;padding:18px 0}
.qpk-document-cover{width:72px;height:102px;display:flex;align-items:center;justify-content:center;border-radius:5px;background:#091425;overflow:hidden;box-shadow:0 5px 15px #0003}
.qpk-document-cover img{display:block;width:100%;height:100%;object-fit:contain}
.qpk-document-placeholder{color:#67e8f9;font-size:15px;font-weight:800;letter-spacing:.06em}
body.qpk-app[data-page] .qpk-document-info h3{margin:0 0 7px;line-height:1.45;overflow-wrap:anywhere;color:#f1f5ff}
.qpk-document-info .subtle{margin:0}
@media(max-width:560px){body.qpk-app[data-page] .qpk-document-row{grid-template-columns:60px minmax(0,1fr);gap:12px 16px}.qpk-document-cover{width:60px;height:85px;grid-row:span 2}.qpk-document-row>.button{grid-column:2;justify-self:start;min-height:40px;padding:9px 15px}.qpk-document-info h3{font-size:.92rem}}

/* A compact alternative offer at individual-guide checkout. */
.qpk-checkout-bundle-offer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;margin:18px 0;border:1px solid #32617a;border-radius:10px;background:linear-gradient(110deg,#12253b,#171b38)}
.qpk-checkout-bundle-offer strong{color:#8ceaff;font-size:.95rem}.qpk-checkout-bundle-offer p{font-size:.82rem;color:#b4c8df;line-height:1.5;margin:5px 0 0}.qpk-checkout-bundle-offer b{color:#e6eaff}.qpk-checkout-bundle-link{color:#85e9fa;font-size:.85rem;font-weight:700;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
@media(max-width:560px){.qpk-checkout-bundle-offer{align-items:flex-start;flex-direction:column;gap:2px}.qpk-checkout-bundle-link{min-height:36px}}

/* Summary cards open their corresponding management records. */
body.qpk-app[data-page="admin"] button.qpk-metric-link{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%;text-align:left;cursor:pointer;font-weight:400;padding:20px;border-radius:14px;background:linear-gradient(145deg,#0b192d,#041020);border-color:var(--app-border)}
body.qpk-app[data-page="admin"] .qpk-metric-link:hover{border-color:#63cde5;background:linear-gradient(145deg,#10243c,#07182a)}
body.qpk-app[data-page="admin"] .qpk-metric-link .metric{font-weight:700;line-height:1.2}
body.qpk-app[data-page="admin"] .qpk-metric-cue{color:#8beaff;font-size:12px;font-weight:600}
body.qpk-app[data-page="admin"] .qpk-metric-heading{font-size:18px;font-weight:700}
body.qpk-app[data-page="admin"] [aria-label="Management data"]{scroll-margin-top:90px}