[hidden]{display:none!important}.spine-banner{box-sizing:border-box;max-width:none;margin:0;background:#0B2A5B;color:white;padding:18px max(20px,calc((100vw - 1100px)/2));display:flex;align-items:center;gap:12px;font:16px/1.4 system-ui}.spine-banner .mark{background:#B9772E;border-radius:10px;color:#0B2A5B;font-size:24px;width:42px;height:42px;display:grid;place-items:center}.spine-banner .brand{font:25px Georgia,serif;color:white;text-decoration:none}.spine-banner .sub{font-size:12px;color:#F4EDE0}.nav-menu{position:relative;margin-left:auto}.nav-menu summary{cursor:pointer;font-size:24px;list-style:none;padding:8px}.nav-menu nav{position:absolute;right:0;top:100%;width:250px;z-index:100;background:white;border:1px solid #B8C8DF;border-radius:12px;box-shadow:0 6px 24px #0002;display:block}.nav-menu nav a{display:block;padding:14px;color:#0B2A5B;text-decoration:none}.nav-menu nav a:hover{background:#E8EEF8}.profile-dialog{border:0;border-radius:16px;width:min(620px,90vw);max-height:90vh;overflow:auto;color:#0B2A5B;background:#F4EDE0;padding:24px}.profile-dialog::backdrop{background:#0009}.profile-dialog label{display:block;margin:12px 0}.profile-dialog input{box-sizing:border-box;width:100%;padding:10px;font:inherit}.profile-dialog button{font:inherit;padding:10px;margin:6px}.profile-dialog .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}
.spine-banner,header.bar{position:sticky;top:0;z-index:200;flex-wrap:wrap;isolation:isolate;background:var(--brand,#0B2A5B)}.spine-banner .brand,header.bar h1{overflow-wrap:anywhere}.spine-banner .mark img,header.bar .mark img{width:100%;height:100%;object-fit:contain;border-radius:inherit}.powered-by{display:block;font:11px/1.4 system-ui;margin-top:4px}.theme-dialog{box-sizing:border-box;border:0;border-radius:16px;width:min(560px,calc(100vw - 24px));max-height:85vh;overflow:auto;padding:24px;background:#F4EDE0;color:#0B2A5B}.theme-dialog::backdrop{background:#0009}.theme-dialog label{display:block;margin:12px 0}.theme-dialog input:not([type=color]){width:100%;box-sizing:border-box}.theme-dialog .theme-preview{padding:16px;border-radius:12px}.theme-dialog img{width:42px;height:42px;object-fit:contain}

.brand-block{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:0 12px;min-width:0}.brand-block .powered-by{grid-column:1/-1}html{scroll-padding-top:115px}

#themeColor{display:block;width:100%;height:48px;padding:4px}.theme-preview small{display:block;font-size:11px;margin-top:6px}

:root{--brand:#0B2A5B;--accent:#1F4E9E;--accent-soft:#E8EEF8;--bg:#F4EDE0;--text:#0B2A5B;--muted:#58677F;--border:#D3DCE9;--border-strong:#B8C8DF;--bronze:#B9772E}body{color:var(--text)}header.spine-banner,header.bar{border-bottom:3px solid var(--bronze)}header .brand-logo{display:block;width:clamp(190px,25vw,285px);max-width:100%;height:auto}header .mark{background:transparent!important;flex-shrink:0}header .mark img{object-fit:contain}.brand-block.default-brand{grid-template-columns:minmax(0,1fr)}.brand-block.default-brand .mark{display:none}header .sub{font-size:12px;margin-top:3px}.spine-banner a,.bar a{color:inherit}.nav-menu nav a{color:#0B2A5B}.nav-menu nav a:hover{background:#E8EEF8}.profile-dialog,.theme-dialog{color:#0B2A5B;background:#F4EDE0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #8FB0E0;outline-offset:3px}@media(max-width:480px){header .brand-logo{width:185px}.spine-banner,header.bar{padding-left:16px;padding-right:16px}.brand-block{max-width:calc(100% - 54px)}}

/* Align all brand text beside a mark sized to its complete text block. */
header .mark img[src$="/SpineValue_banner_symbol.svg"]{box-sizing:border-box;border:2px solid var(--bronze,#B9772E);border-radius:8px;padding:2px}
.brand-block,.brand-block.default-brand{display:grid;grid-template-columns:60px minmax(0,1fr);align-items:center;gap:12px}.brand-text{min-width:0;text-align:left}.brand-block.default-brand .mark{display:block}.brand-block .mark{display:block;justify-self:end;width:40px;height:50px}.brand-text .powered-by{margin-top:4px}.brand-text .brand-logo{width:clamp(180px,22vw,240px);height:auto;max-width:100%}.brand-text .sub:empty{display:none}.brand-text h1{margin:0}@media(max-width:480px){.brand-block{gap:8px}.brand-text .brand-logo{width:165px}.brand-text .sub{font-size:10px}.brand-text .powered-by{font-size:10px}}

.theme-preview .mark img{width:100%;height:100%;object-fit:contain}.theme-preview h1{font:700 22px/1.3 Georgia,serif}.theme-preview .sub{font:11px/1.4 system-ui}

.banner-account{font:600 13px/1.2 system-ui;color:inherit;background:transparent;border:1px solid #8FB0E0;border-radius:6px;padding:9px 12px;text-decoration:none;cursor:pointer}.brand-block[role=link]:focus-visible{outline:3px solid #8FB0E0;outline-offset:4px}

.feedback-screenshot{display:block;max-width:100%;max-height:420px;object-fit:contain;margin:12px 0;border:1px solid #B8C8DF;border-radius:8px}

#storeSections{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:0 12px}
dialog.account-profile-dialog{width:min(760px,calc(100vw - 32px));max-width:760px;max-height:85vh;overflow:hidden;box-sizing:border-box;border:1px solid var(--border,#B8C8DF);border-radius:12px;padding:0}
dialog.account-profile-dialog[open]{display:flex;flex-direction:column}
.account-profile-header,.account-profile-footer{flex:none;padding:12px 20px;background:#F4EDE0;position:relative;z-index:1}
.account-profile-header h2{margin:0;font-size:20px}.account-profile-header p{margin:4px 0 8px}
.account-profile-content{min-height:0;overflow-y:auto;padding:0 20px 12px}
.account-profile-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #B8C8DF}
dialog.account-profile-dialog>[role=alert],dialog.account-profile-dialog>div:not([class]){padding:0 20px;flex:none}
dialog.account-profile-dialog::backdrop{background:rgba(11,42,91,.5)}
dialog.account-profile-dialog fieldset{min-width:0;margin:16px 0;padding:12px;border:1px solid var(--border,#B8C8DF);border-radius:8px}
dialog.account-profile-dialog form{display:flex;gap:8px;flex-wrap:wrap}
dialog.account-profile-dialog input,dialog.account-profile-dialog select{max-width:100%;box-sizing:border-box}
dialog.account-profile-dialog small{display:block;margin-top:6px}

.admin-workspace{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;align-items:start}
.admin-section-menu{position:sticky;top:110px;display:flex;flex-direction:column;gap:6px;padding:10px;background:#F4EDE0;border:1px solid #B8C8DF;border-radius:10px}
.admin-section-menu .btn{width:100%;text-align:left;white-space:normal;font-size:14px;padding:10px 12px}
.admin-section-menu .btn[aria-current=true]{background:#0B2A5B;color:#F4EDE0;border-color:#B7772B;box-shadow:inset 3px 0 #B7772B}
.admin-section-content{min-width:0}.admin-section-content>section[hidden]{display:none}
.admin-section-content h3{margin-top:0;scroll-margin-top:120px}
@media(max-width:640px){.admin-workspace{grid-template-columns:minmax(0,1fr);gap:16px}.admin-section-menu{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Feedback workflow navigation and overlays. */
.book-dialog{width:min(48rem,calc(100vw - 2rem));max-height:85vh;overflow:auto;border:1px solid var(--brand-accent,#b7762b);border-radius:1rem;box-sizing:border-box}
.book-dialog::backdrop{background:rgb(7 21 42 / 65%)}
.credit-badge{font-size:.8rem;border:1px solid #b7762b;border-radius:1rem;padding:.25rem .6rem;white-space:nowrap}
.new-feature{margin-left:.4rem;padding:.1rem .3rem;background:#b7762b;color:#fff;border-radius:.3rem;font-size:.7rem}
.settings-content{min-width:0}.settings-content>section{overflow-wrap:anywhere}
.print-sent-notice{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:1000;box-sizing:border-box;max-width:calc(100vw - 24px);padding:12px 20px;border:1px solid var(--bronze,#B9772E);border-radius:10px;background:var(--brand,#0B2A5B);color:white;box-shadow:0 6px 24px #0003;overflow-wrap:anywhere;font:15px/1.4 system-ui}

/* Session printer setup follows the branded modal palette. */
dialog.printer-dialog{box-sizing:border-box;width:min(660px,calc(100vw - 24px));max-width:660px;max-height:90vh;overflow:auto;padding:0;border:1px solid var(--bronze,#B9772E);border-radius:18px;background:var(--bg,#F4EDE0);color:var(--text,#0B2A5B);box-shadow:0 24px 80px #07152a55;font:15px/1.5 system-ui}
.printer-dialog::backdrop{background:rgb(7 21 42 / 65%)}
.printer-dialog .printer-dialog-header{max-width:none;margin:0;padding:22px 24px;background:var(--brand,#0B2A5B);color:white;border-bottom:3px solid var(--bronze,#B9772E)}
.printer-dialog-header h2{margin:0;font:26px/1.2 Georgia,serif;color:inherit}.printer-dialog-header p{margin:8px 0 0;color:#F4EDE0}
.printer-dialog-body{padding:20px 24px}.printer-dialog .printer-step{margin:0 0 18px;padding:16px;border:1px solid var(--border,#D3DCE9);border-radius:12px;background:white;max-width:none}
.printer-step h3{margin:0 0 12px;font-size:17px}.printer-step label{display:block;font-weight:600;margin:12px 0 6px}.printer-dialog select{box-sizing:border-box;display:block;width:100%;min-width:0;padding:11px;border:1px solid var(--border-strong,#B8C8DF);border-radius:8px;font:inherit;background:white;color:var(--text,#0B2A5B)}
.printer-dialog .printer-help{font-size:13px;color:var(--muted,#58677F);margin:8px 0}.printer-dialog .printer-status{padding:14px;border-left:4px solid var(--bronze,#B9772E);border-radius:8px;background:var(--accent-soft,#E8EEF8);overflow-wrap:anywhere;margin:0}
.printer-dialog .printer-actions,.printer-dialog-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.printer-dialog button,.printer-dialog .printer-actions a{box-sizing:border-box;margin:0;padding:10px 14px;border:1px solid var(--border-strong,#B8C8DF);border-radius:8px;font:inherit;color:var(--text,#0B2A5B);background:white;text-decoration:none;cursor:pointer}
.printer-dialog button:disabled{opacity:.5;cursor:default}.printer-dialog details{margin-top:12px}.printer-dialog summary{cursor:pointer;color:var(--accent,#1F4E9E)}
.printer-dialog .printer-dialog-footer{max-width:none;margin:0;padding:16px 24px;border-top:1px solid var(--border,#D3DCE9);justify-content:space-between;background:white}.printer-dialog-footer button:last-child{background:var(--brand,#0B2A5B);color:white;border-color:var(--brand,#0B2A5B)}
@media(max-width:480px){.printer-dialog-body{padding:14px}.printer-dialog .printer-dialog-header{padding:18px}.printer-dialog .printer-dialog-footer{padding:14px}.printer-dialog-footer button{flex:1}}

header button.credit-badge{background:transparent;color:inherit;box-shadow:none;cursor:pointer}header button.credit-badge:hover{background:#F4EDE0;color:#0B2A5B}header button.credit-badge:focus:not(:focus-visible){outline:none}