/* Isolated CoDraw brand layer for the retained visitor and operations pages.
   It changes presentation only; workflow selectors and danger controls remain. */
:root,body.public-app,body.admin-body{--misumi-blue:#163631;--misumi-yellow:#b69465;--misumi-black:#163631;--misumi-charcoal:#263b33;--misumi-gray:#626e63;--misumi-silver:#dcdccf;--blue:#163631;--blue-deep:#244c43;--yellow:#b69465;--black:#163631;--ink:#163631;--muted:#626e63;--paper:#f7f3eb;--white:#fffdf8;--line:#deddd1;--line-dark:#8f9a88;--shadow:0 16px 42px #1636310a;--shadow-soft:0 6px 18px #16363108;--public-surface:#fffdf8;--public-surface-strong:#fffdf8;--public-glass-line:#deddd1;--atelier-gold-text:#7b684b;--atelier-soft:#f0ede3;--atelier-serif:"Noto Serif SC","Songti SC","STSong","SimSun",serif}
body.public-app,body.admin-body{color:var(--ink);background-color:var(--paper);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
body.public-app{--public-surface:#fffdf8;--public-surface-strong:#fffdf8;--public-glass-line:#deddd1;background-image:none}
body.public-app::before,body.public-app::after{background:none;filter:none;opacity:0;box-shadow:none}
body.public-app .public-header{background:var(--paper);border-bottom:1px solid var(--line);box-shadow:none;backdrop-filter:none;gap:14px}
body.public-app .public-brand{min-height:44px;gap:10px;flex-shrink:0}
body.public-app .public-brand>img{width:42px;height:42px;max-width:none;background:transparent;object-fit:contain;object-position:center;flex-shrink:0}
body.public-app .brand-separator{display:none}
body.public-app .brand-copy b{font-size:23px;font-weight:600;letter-spacing:3px;color:var(--ink)}
body.public-app .brand-copy small{font:500 8px/1.3 Inter,-apple-system,sans-serif;letter-spacing:1.4px;color:var(--muted);text-transform:uppercase}
.atelier-entry-link{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:44px;padding:8px 0;border-bottom:1px solid var(--line);font-size:12px;font-weight:500;line-height:1.5;letter-spacing:0;color:var(--ink);text-decoration:none;white-space:nowrap;transition:color .2s,border-color .2s}
.atelier-entry-link:hover{color:#a84d34;border-color:#a84d34}.atelier-entry-link:focus-visible{outline:3px solid #a84d34;outline-offset:4px}
body.public-app .public-header .atelier-entry-link{margin-left:auto;flex-shrink:0}
body.public-app .flow-nav{background:var(--paper);border-color:var(--line);box-shadow:none}
body.public-app .flow-step.active{color:var(--ink);background:#eeeee2;border-color:#c8cdbb;box-shadow:inset 0 -2px 0 var(--ink)}
body.public-app .flow-step.active>span,body.public-app .flow-step.complete>span{color:var(--white);background:var(--ink);border-color:var(--ink);box-shadow:none}
body.public-app .flow-step.complete{color:var(--ink)}
body.public-app .experience-panel,body.public-app .ticket-rail{background:var(--white);border-color:var(--line);box-shadow:none}
body.public-app .panel-heading{box-shadow:none;border-color:var(--line)}
body.public-app .panel-heading h2{font-family:var(--atelier-serif);font-weight:400;letter-spacing:.3px}
body.public-app .panel-progress-badge{color:var(--ink);background:var(--atelier-soft);border-color:var(--line);box-shadow:none}
body.public-app .question-block legend>span,body.public-app .question-block legend b{color:var(--atelier-gold-text);background:#f3eee3}
body.public-app .choice-grid label>span{border-color:var(--line);background:var(--white);color:var(--ink)}
body.public-app .choice-grid label:hover>span{border-color:#9ba88f;background:#f5f3ea}
body.public-app .choice-grid input:checked+span{border-color:var(--ink);color:var(--ink);background:#eeeee2;box-shadow:inset 3px 0 0 var(--ink)}
body.public-app .choice-grid label>span::before{border-color:#bdc4af;color:var(--ink);background:#f1f0e6}
body.public-app .choice-grid input:checked+span::before{color:var(--white);background:var(--ink);border-color:var(--ink)}
body.public-app .choice-grid input:checked+span::after{border-color:var(--ink)}
body.public-app .name-field input,body.public-app .other-field input,body.public-app .studio-cloud input,body.public-app .studio-cloud select,body.admin-body .field input,body.admin-body .field select,body.admin-body .field textarea{border-color:#cbd0bd;color:var(--ink);background:var(--white)}
body.public-app .primary-button,body.public-app .studio-cloud .studio-primary,body.admin-body .primary-button,body.admin-body .primary-command{color:var(--white);background:var(--ink);border-color:var(--ink);box-shadow:none}
body.public-app .primary-button:hover:not(:disabled),body.public-app .studio-cloud .studio-primary:hover:not(:disabled),body.admin-body .primary-button:hover:not(:disabled),body.admin-body .primary-command:hover:not(:disabled){background:var(--blue-deep);border-color:var(--blue-deep)}
body.public-app .secondary-button,body.public-app .studio-cloud button:not(.studio-primary),body.admin-body .secondary-command,body.admin-body .secondary-button{color:var(--ink);border-color:var(--line);box-shadow:none}
body.public-app .portrait-source-card,body.public-app #portrait-stage .portrait-source-card{color:var(--ink);background:var(--white);border-color:#c8ceba;box-shadow:none}
body.public-app #portrait-stage .portrait-source-card:hover{background:#eeeee2;border-color:var(--ink)}
body.public-app .studio-mobile-preview,body.public-app .studio-source-card,body.public-app .studio-mobile-settings,body.public-app .focus-artwork,body.public-app .focus-progress-block,body.public-app .focus-telemetry>div{background:var(--atelier-soft);border-color:var(--line);box-shadow:none}
body.public-app .studio-image-retry,body.public-app .queue-history>summary{color:var(--ink)}
body.public-app .queue-history,body.public-app .queue-history .ticket-card{border-color:var(--line)}
body.public-app .focus-ticket{color:var(--ink);background:#eeeee2;border-color:#c7ceb8;box-shadow:none}
body.public-app .queue-create-next{background:#f2eee3;border-color:var(--line)}
body.public-app .vip-welcome,body.public-app .vip-photo-profile{background:#f3eee3;border-color:#d6c8ad}
body.public-app .vip-welcome b{color:var(--ink)}
body.public-app[data-portrait-only="true"] #choose-stage .plan-card-portrait{background:var(--ink);border-color:var(--ink);box-shadow:none}
body.public-app[data-portrait-only="true"] #choose-stage .plan-card-portrait p,body.public-app[data-portrait-only="true"] #choose-stage .plan-card__top{color:#e7ecde}
body.public-app .plan-card{border-color:var(--line);box-shadow:none}
body.public-app .generation-progress{color:var(--ink);background:var(--paper)}
body.public-app .generation-progress::backdrop{background:var(--paper)}
body.public-app .generation-brand{width:42px;height:42px;object-fit:contain;flex-shrink:0;mix-blend-mode:normal}
.atelier-generation-wordmark{display:flex;flex-direction:column;gap:4px;margin-right:auto;font-size:22px;font-weight:600;letter-spacing:3px;line-height:1.2;color:var(--ink)}
.atelier-generation-wordmark small{font-size:7px;font-weight:500;letter-spacing:1px;text-transform:uppercase}
body.public-app .generation-session{font-size:10px;color:var(--muted)}
body.public-app .generation-session i{background:var(--ink)}
body.public-app .generation-art{background:var(--white);border-color:#d1d3c1;box-shadow:0 10px 28px #16363104}
body.public-app .generation-art::before{background:var(--yellow)}
body.public-app .generation-paper-label>:first-child,body.public-app .generation-status-heading,body.public-app .generation-steps [data-state="active"],body.public-app .generation-steps [data-state="done"]{color:var(--ink)}
body.public-app .generation-track{background:#e4e6d7}
body.public-app .generation-track>span{background:var(--ink)}
body.public-app .generation-pen-dot,body.public-app .generation-paper-corner{border-color:#a7af92}
body.public-app .generation-paper-rule{background:var(--line)}
body.public-app #generation-cancel{color:var(--ink);background:var(--white);border-color:#bfc7b0}
body.public-app #generation-cancel:hover:not(:disabled){color:var(--ink);background:#eeeee2;border-color:var(--ink)}
body.public-app #generation-background{color:var(--muted)}
body.admin-body .login-stage{background:var(--paper);background-image:none}
body.admin-body .login-stage::before{background:none}
body.admin-body .login-visual{color:var(--ink)}
body.admin-body .login-visual h1{font-family:var(--atelier-serif);font-weight:400;line-height:1.35}
body.admin-body .login-visual h1 strong{font-weight:400;color:#c25e43}
body.admin-body .login-code{color:var(--atelier-gold-text)}
body.admin-body .login-visual__line{color:var(--ink)}
body.admin-body .login-visual__line span{background:#c9c7af}
body.admin-body .login-visual p{color:var(--muted)}
body.admin-body .login-sheet{background:var(--white);border:1px solid var(--line);border-radius:6px;box-shadow:none}
body.admin-body .login-sheet h2{font-family:var(--atelier-serif);font-weight:400;color:var(--ink)}
body.admin-body .admin-brand>img{width:42px;height:42px;background:transparent;object-fit:contain;object-position:center;flex-shrink:0}
body.admin-body .admin-brand>span{padding-left:0;border:0;background:transparent}
body.admin-body .admin-brand b{font-size:16px;font-weight:500;letter-spacing:.4px}
body.admin-body .admin-brand small{font:500 8px/1.5 Inter,-apple-system,sans-serif;letter-spacing:1px;text-transform:uppercase}
body.admin-body .admin-header{background:var(--ink);border-bottom:1px solid #b6946566}
body.admin-body .admin-header .admin-brand>span{background:transparent}
body.admin-body .admin-header .admin-brand b{color:var(--white)}
body.admin-body .admin-header .admin-brand small{color:#d8decb}
body.admin-body .admin-header .toolbar-button,body.admin-body .admin-header .icon-button{color:var(--white)}
body.admin-body .admin-topline{border-color:var(--line)}
body.admin-body .admin-topline h1{font-family:var(--atelier-serif);font-weight:400;letter-spacing:.5px}
body.admin-body .admin-date{display:flex;flex-direction:column;align-items:flex-end;gap:4px;color:var(--muted)}
body.admin-body .admin-date .atelier-entry-link{font-size:12px;color:var(--ink)}
body.admin-body .admin-section,body.admin-body .analytics-panel,body.admin-body .app-dialog,body.admin-body .control-drawer{background:var(--white);border-color:var(--line);box-shadow:none}
body.admin-body .admin-view-tabs{border-color:var(--line)}
body.admin-body .admin-view-tabs button.is-active{color:var(--ink);border-color:var(--ink);background:#eeeee2;box-shadow:inset 0 -2px 0 var(--ink)}
body.admin-body .device-status-band{background:var(--white);border-color:var(--line)}
body.admin-body .queue-panel-meta,body.admin-body .queue-row.active-row,body.admin-body .library-dropzone{background:#f1f0e6;border-color:var(--line);box-shadow:none}
body.admin-body .queue-column-head{background:var(--ink);border-color:var(--ink)}
body.admin-body .admin-queue,body.admin-body .library-upload-form,body.admin-body .library-card{border-color:var(--line)}
body.admin-body .library-dropzone:hover,body.admin-body .library-dropzone.ready{background:#eeeee2;border-color:var(--ink)}
body.admin-body .queue-tier:not(.vip):not(.manual){color:var(--ink);background:#e8eddf}
body.admin-body .queue-tier.vip{color:#765c38;background:#f3e8d4}
body.admin-body .control-fab{background:var(--ink);border-color:var(--yellow);box-shadow:0 10px 28px #16363118}
body.admin-body .drawer-head{border-color:var(--line)}
body.admin-body .drawer-state{background:#f1f0e6;border-color:var(--line)}
body.admin-body .command-grid button:not(.danger-outline){color:var(--ink);background:var(--white);border-color:var(--line)}
body.admin-body .command-grid button:not(.danger-outline):hover{background:#eeeee2;border-color:var(--ink)}
body.admin-body .section-code,body.admin-body .eyebrow{color:var(--atelier-gold-text)}
@media(max-width:600px){body.public-app .public-brand>img{width:36px;height:36px}body.public-app .brand-copy b{font-size:21px}body.public-app .brand-copy small{font-size:7px;letter-spacing:1px}body.public-app .public-header .atelier-entry-link{font-size:10px;gap:7px}body.public-app .public-header{padding-left:16px;padding-right:16px;gap:10px}.atelier-generation-wordmark{font-size:20px;letter-spacing:2px}.atelier-generation-wordmark small{font-size:6px}.generation-topline{gap:9px}body.admin-body .admin-brand b{font-size:13px}body.admin-body .admin-brand small{font-size:7px}body.admin-body .admin-date{align-items:flex-start;margin-top:10px}body.admin-body .admin-date .atelier-entry-link{min-height:44px}}
@media(prefers-reduced-motion:reduce){.atelier-entry-link{transition:none}}

body.admin-body .atelier-legacy-orders-link{margin:0 0 16px}body.public-app button:focus-visible,body.public-app input:focus-visible,body.public-app select:focus-visible,body.public-app .choice-grid input:focus-visible+span{outline-color:#8d482f}