@import url('/platform/styles.css');
/* Shared admin typography and layout; no Platform Admin code or data is loaded. */
:root{--accent:#2357a4;background:#f3f5f9}
.sidebar{background:#192b46}.sidebar>a{color:white;font-size:23px;font-weight:750;padding:0 12px}
.sidebar nav a[aria-current=page]{background:#294466;color:#e4efff;box-shadow:inset 3px 0 #91b6f2}
.sidebar nav a:hover{background:#233b5a}.editor{margin-top:24px;max-width:760px}.editor fieldset{border:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 20px;min-width:0}
.check{display:flex;flex-direction:row;align-items:center;grid-column:1/-1}.check input{width:18px;min-height:18px;flex-shrink:0}
.login-card .editor{padding:0;border:0;box-shadow:none}.login-card .editor fieldset{grid-template-columns:1fr}
.topbar strong{overflow-wrap:anywhere}.account label{max-width:260px}.notice{overflow-wrap:anywhere}details{margin-bottom:24px}summary{cursor:pointer;margin-bottom:16px}details .table-wrap{margin-bottom:16px}
[aria-disabled=true]{opacity:.55}#view>p.muted{margin-top:18px}.table-wrap button{white-space:nowrap}#order-detail{margin-top:24px}
@media(max-width:700px){.editor fieldset{grid-template-columns:1fr}.topbar{flex-wrap:wrap}.topbar strong{width:100%}.account label{max-width:220px}.page-heading{flex-wrap:wrap}.login-card{width:auto}}

.terms-text{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}
#terms-form fieldset{grid-template-columns:minmax(0,1fr)}
textarea{width:100%;resize:vertical;font:inherit;padding:12px;border:1px solid #cad3df;border-radius:6px;color:#223449}
textarea:focus{outline:3px solid #86b6a9;outline-offset:2px}

#issued-code{margin-top:24px}#issued-code label{margin-bottom:14px}#issued-code button{margin:0 10px 14px 0}
#code-issue-unknown{border-color:#eeddb9;background:#fff8e9}

.activation-qr-card{max-width:420px;margin:18px 0;padding:20px;border:1px solid var(--line);background:#fff;color:#000;text-align:center;break-inside:avoid}
.activation-qr-card h2{overflow-wrap:anywhere}
.activation-qr-card svg{display:block;width:100%;max-width:328px;height:auto;margin:0 auto 16px}
.activation-qr-card p{font-size:14px;margin:0}
@media print{
  /* Printing is explicit and contains only the selected customer card. */
  body:not(.printing-code-card){display:none!important}
  body.printing-code-card{background:#fff;color:#000}
  body.printing-code-card>:not(#app),body.printing-code-card .sidebar,
  body.printing-code-card .topbar,body.printing-code-card footer,
  body.printing-code-card #content>:not(#view),
  body.printing-code-card #view>:not(#issued-code),
  body.printing-code-card #issued-code>:not(#activation-qr-card){display:none!important}
  body.printing-code-card #app,body.printing-code-card .workspace,
  body.printing-code-card #content,body.printing-code-card #view,
  body.printing-code-card #issued-code{display:block!important;width:auto;max-width:none;padding:0;margin:0;border:0;box-shadow:none;min-height:0}
  body.printing-code-card .activation-qr-card{display:block;max-width:90mm;margin:0 auto;padding:5mm;border:1px solid #000;box-shadow:none}
  body.printing-code-card .activation-qr-card svg{width:60mm;max-width:100%;height:auto;print-color-adjust:exact}
}

.codes-toolbar{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin:16px 0}
.codes-toolbar label{min-width:190px}.code-record{padding:18px 0;border-top:1px solid var(--line)}
.code-record h3{margin:0 0 8px}.code-record p{margin:6px 0}.code-record button{margin:10px 12px 0 0}
.code-state{font-weight:700}.danger{color:#a42b2b}
#code-issue-form{margin-top:16px}#code-issue-form fieldset{grid-template-columns:1fr}