/* Shared interface for the approved 16-item upgrade. */
:root{--hn-ink:#142e4b;--hn-teal:#087f8c;--hn-gold:#b8872a;--hn-line:#dbe5ef}
[hidden]{display:none!important}
body{background:#f2f6fa;color:var(--hn-ink)}
button,a.button-link{transition:background .15s,box-shadow .15s;min-height:42px}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #16a6af;outline-offset:3px}
.admin-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0}
.admin-navigation button{margin:0!important;padding:18px 16px!important;text-align:left;background:#fff!important;color:var(--hn-ink)!important;border:1px solid var(--hn-line)!important;border-radius:14px!important;font-size:18px;font-weight:800;line-height:1.4;text-transform:uppercase;letter-spacing:.02em;min-height:80px;white-space:normal;overflow-wrap:anywhere;box-shadow:0 4px 12px #18344c06}
.admin-navigation button[aria-pressed=true]{background:var(--hn-ink)!important;color:#fff!important;border-color:var(--hn-ink)!important;box-shadow:inset 4px 0 #d4aa55}
.admin-filters{background:#eaf1f7;border:1px solid var(--hn-line);box-shadow:none}
.admin-panel>section{border:1px solid var(--hn-line);border-radius:18px;box-shadow:0 6px 24px #1c3b5507}
.admin-panel[data-panel=customers]>section{border-top:4px solid #168ca0}
.admin-panel[data-panel=revenue]>section{border-top:4px solid #11896c}
.admin-panel[data-panel=people]>section{border-top:4px solid #7970bd}
.admin-panel[data-panel=competition]>section{border-top:4px solid #bd852c}
.metrics .card{padding:20px;border:1px solid #d8e5ee;border-radius:14px;background:linear-gradient(140deg,#fff,#eaf5fa)}
.metrics .card:nth-child(3n+2){background:linear-gradient(140deg,#fff,#eef5e5)}
.metrics .card:nth-child(3n){background:linear-gradient(140deg,#fff,#fff5df)}
.metrics .card small{display:block;font-size:13px;color:#4b6177}.metrics .card b{font-size:28px;color:var(--hn-ink);margin-top:9px}
.list-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px}.list-pagination label{display:flex;align-items:center;gap:8px;margin:0}.list-pagination select{width:80px}
#free-reports-list>summary{cursor:pointer;background:#edf6f8;border:1px solid #d5e9eb;padding:14px;border-radius:10px;margin-bottom:16px;font-weight:700}
.account-identity{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1240px;margin:12px auto;padding:12px 20px;border:1px solid #cddfe9;border-left:4px solid #b8872a;border-radius:12px;background:#fff;color:var(--hn-ink);font:14px/1.5 Arial,Helvetica,sans-serif}
.account-identity strong{display:block}.account-identity small{color:#53697e}.account-identity a{color:#075b71;font-weight:700}
.payment-guide{background:#f8fbfd;border:1px solid #d8e5ee;border-radius:16px;padding:20px;margin-top:18px}
.payment-steps{counter-reset:step;padding:0;list-style:none;display:grid;gap:18px}.payment-steps>li{position:relative;padding-left:46px}.payment-steps>li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#173a57;color:#fff;font-weight:700}
.payment-details{width:100%;border-collapse:collapse;margin:14px 0}.payment-details th,.payment-details td{padding:12px 8px;border-bottom:1px solid #d9e6ed;text-align:left;overflow-wrap:anywhere}.payment-details th{width:35%;font-size:13px;color:#53697e}
.payment-code{font-size:25px;letter-spacing:.06em}.payment-guide img{max-width:100%;height:auto}.payment-copy-actions{display:flex;flex-wrap:wrap;gap:8px}.payment-copy-actions button{margin:0}
.payment-help{padding:14px 16px;background:#e9f5f3;border-radius:12px;line-height:1.65}.payment-help a{color:#086352;font-weight:700}
.paid-next{border:1px solid #acd9c8;border-left:5px solid #168263;background:#eef9f4;padding:18px;border-radius:14px;margin:18px 0}.paid-next button{font-size:17px;background:#0e765d!important;color:#fff!important;width:100%;padding:16px!important}.paid-next p{margin:10px 0}
.free-report-offer{padding:24px;border:1px solid #d6e3ec;border-left:5px solid #b8872a;border-radius:14px;background:linear-gradient(135deg,#f2f8fb,#fff9e9);margin:24px 0;break-inside:avoid}.free-report-offer h3{margin-top:0;color:#163951}.free-report-offer a{display:inline-block;color:#135978;font-weight:700;margin:8px 12px 0 0}
@media(max-width:720px){.admin-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-navigation button{padding:16px 12px!important;font-size:16px}.account-identity{margin:8px 12px;padding:10px 12px;align-items:flex-start;flex-wrap:wrap}.payment-guide{padding:15px}.payment-details th,.payment-details td{padding:10px 4px;font-size:13px}.payment-steps>li{padding-left:40px}.list-pagination{gap:8px}.list-pagination>span{font-size:13px}.free-report-offer{padding:18px}}
@media print{.account-identity,.admin-navigation,.admin-filters,.list-pagination{display:none!important}}

/* Management headings and navigation emphasis. */
#page-title{text-transform:uppercase;font-size:32px;font-weight:800;line-height:1.3}
.admin-panel>section>h2,.admin-panel>section>.section-title>h2{font-size:23px;font-weight:800;line-height:1.4;text-transform:uppercase;letter-spacing:.015em}
.admin-panel>section>h3,.admin-panel>section>.section-title>h3,.admin-panel>section>details>summary{font-weight:750;text-transform:uppercase;line-height:1.4}
.admin-navigation button:hover{background:#edf3f9!important;box-shadow:0 4px 14px #18344c14}
.admin-navigation button[aria-pressed=true]:hover{background:var(--hn-ink)!important}
@media(min-width:721px) and (max-width:1000px){.admin-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){#page-title{font-size:27px}.admin-panel>section>h2,.admin-panel>section>.section-title>h2{font-size:20px}}
@media(max-width:480px){.admin-navigation{grid-template-columns:1fr}.admin-navigation button{min-height:60px}}

/* Final Preview: color identifies the section; labels and active state stay explicit. */
.admin-navigation button,.admin-panel{--section-ink:#1e5896;--section-tint:#eaf3ff;--section-line:#adccef}
.admin-navigation button[data-panel-target=customers],.admin-panel[data-panel=customers]{--section-ink:#096a78;--section-tint:#d7f1f3;--section-line:#87c9d1}
.admin-navigation button[data-panel-target=revenue],.admin-panel[data-panel=revenue]{--section-ink:#126b4b;--section-tint:#dcf2e5;--section-line:#8bc3a4}
.admin-navigation button[data-panel-target=people],.admin-panel[data-panel=people]{--section-ink:#664197;--section-tint:#ebe0f9;--section-line:#bda2e2}
.admin-navigation button[data-panel-target=campaigns],.admin-panel[data-panel=campaigns]{--section-ink:#285c8c;--section-tint:#dceefc;--section-line:#95bee2}
.admin-navigation button[data-panel-target=competition],.admin-panel[data-panel=competition]{--section-ink:#975317;--section-tint:#ffebc4;--section-line:#e1b05f}
.admin-navigation button[data-panel-target=content],.admin-panel[data-panel=content]{--section-ink:#9a3954;--section-tint:#faddE7;--section-line:#dc99b0}
.admin-navigation button[data-panel-target=settings],.admin-panel[data-panel=settings]{--section-ink:#455878;--section-tint:#e1e8f4;--section-line:#aabbd6}
.admin-navigation button{background:var(--section-tint)!important;color:var(--section-ink)!important;border-color:var(--section-line)!important;border-left:5px solid var(--section-ink)!important;box-shadow:0 5px 15px #18344c09}
.admin-navigation button:hover{background:var(--section-tint)!important;box-shadow:0 5px 16px #18344c22}
.admin-navigation button[aria-pressed=true],.admin-navigation button[aria-pressed=true]:hover{background:var(--section-ink)!important;color:white!important;border-color:var(--section-ink)!important;box-shadow:inset 0 -4px #efc76d,0 5px 16px #18344c20}
.admin-panel>section{border-top:5px solid var(--section-ink)!important;background:linear-gradient(180deg,var(--section-tint),#fff 180px)}
.admin-panel>section>h2,.admin-panel>section>.section-title>h2{color:var(--section-ink)}
.admin-filters{background:linear-gradient(120deg,#e7f1fc,#e9f6f5);border-color:#c1d7e7}
.metrics .card{border-top:4px solid #2879b1;background:linear-gradient(120deg,#f2f9ff,#dfefff)}
.metrics .card:nth-child(3n+2){border-top-color:#29815b;background:linear-gradient(120deg,#f2fbf5,#e0f3e9)}
.metrics .card:nth-child(3n){border-top-color:#b17b25;background:linear-gradient(120deg,#fffbef,#fff0cd)}
.account-identity{background:linear-gradient(110deg,#edf7ff,#fff 68%,#fff4da);border-color:#bdd5e8}
.v7-panel{border-top:5px solid #227a98;background:linear-gradient(180deg,#edf6ff,#fff 170px)}
#wizard{border-top-color:#7660a4;background:linear-gradient(180deg,#f5effd,#fff 220px)}
#step-label{display:inline-block;padding:7px 14px;background:#e9def6;color:#56337c;border-radius:20px;font-weight:800}
.v7-progress{background:#e4eaf4}.v7-progress i{background:linear-gradient(90deg,#7360a8,#168b92)}
.wizard-step>h2{color:#343d71;text-transform:uppercase;font-size:22px;line-height:1.4}
.wizard-step .v7-callout{border-color:#8bc6d0;background:#edf8fa}.tuition-note{background:#fff3d9;border-left:4px solid #b8872a;padding:12px 16px;border-radius:8px;color:#674b21}
#profiles>.card,#profiles>section{border-top:4px solid #227a98;background:linear-gradient(180deg,#edf7fc,#fff 160px)}
main>section:has(>form#booking){border-top:5px solid #6b54a0;background:linear-gradient(180deg,#f3edfb,#fff 210px)}
.payment-guide{background:#fff9ee;border:1px solid #dfba77;border-top:4px solid #b8872a}
.payment-guide>h3{color:#7b531c}.payment-help{background:#ddf2ed}.paid-next{background:#e1f5eb}
.v7-wrap label:focus-within,#booking label:focus-within{color:#155f85}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #77bcc8;outline-offset:2px}
.admin-action-result{border:1px solid #9acfb6;border-left:5px solid #177957;background:#e9f8ef;padding:18px;border-radius:14px;color:#153f30;margin:18px 0;scroll-margin-top:20px}
.admin-action-result h3{margin:0 0 8px;color:#135b42}.admin-action-result input{width:100%;font-size:14px;background:white}.admin-action-result p{margin:8px 0}.admin-action-result .recovery-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:720px){.wizard-step>h2{font-size:20px}.admin-action-result{padding:14px}}
@media(prefers-reduced-motion:reduce){button,a.button-link{transition:none}}
.tool-grid-test .tool-test{--tool-color:#246999;--tool-tint:#eaf4fe;border-top:4px solid var(--tool-color);background:linear-gradient(145deg,#fff,var(--tool-tint));box-shadow:0 6px 20px #16385009}
.tool-grid-test .tool-test:nth-child(2){--tool-color:#70509b;--tool-tint:#f1eafa}
.tool-grid-test .tool-test:nth-child(3){--tool-color:#137b80;--tool-tint:#e1f4f3}
.tool-grid-test .tool-test:nth-child(4){--tool-color:#34794d;--tool-tint:#e9f4e6}
.tool-grid-test .tool-test:nth-child(5){--tool-color:#966624;--tool-tint:#fff2d8}
.tool-grid-test .tool-test:nth-child(6){--tool-color:#9d4661;--tool-tint:#fcecf1}
.tool-grid-test .tool-test>b,.tool-grid-test .tool-test>a{color:var(--tool-color)}
.guide-strip a{background:#eaf3fd;border-color:#bad3e9;color:#235a87}
.guide-strip a:nth-child(2){background:#e8f5ee;border-color:#b4daca;color:#1b634c}
.guide-strip a:nth-child(3){background:#f2eafa;border-color:#d0bbe7;color:#64438d}

/* Saved reports: one current customer report, dated history and separate trial tools. */
.customer-actions{min-width:230px;max-width:310px;display:grid;gap:12px}
.customer-main-actions,.customer-version-buttons{display:flex;flex-wrap:wrap;gap:6px}
.customer-actions button{margin:0!important;font-size:14px;line-height:1.35;white-space:normal}
.customer-actions [data-action=assign]{background:#edf5f8!important;color:#194c62!important;border-color:#bbd5de!important}
.customer-report-version{display:grid;gap:6px}
.customer-report-version small{display:block;line-height:1.5;color:#526a7b}
.customer-actions>.customer-report-version [data-action=report]{width:100%;background:#096a78!important;color:#fff!important}
.customer-actions details{margin:0;border:1px solid #cfdee8;border-radius:10px;background:#f7fafc}
.customer-actions summary{padding:10px 12px;font-size:14px;line-height:1.4;color:#24465d}
.customer-actions details[open]>summary{border-bottom:1px solid #cfdee8;margin-bottom:10px}
.customer-actions details>.customer-report-version{margin:10px 12px;padding-bottom:10px}
.customer-actions details>.customer-report-version+.customer-report-version{border-top:1px solid #dbe5ed;padding-top:10px}
.customer-internal-tools{background:#f6f1fb!important;border-color:#d4c6e5!important}
.customer-internal-tools>summary{color:#624080}
.customer-internal-tools>.customer-report-history{margin:10px}
.customer-internal-tools>button{margin:0 10px 12px!important;max-width:calc(100% - 20px);background:#eee6f6!important;color:#56366f!important;border-color:#c9b7dc!important}
.customer-internal-tools .customer-version-buttons button{background:#70508a!important;color:white!important;border-color:#70508a!important}