:root{--ink:#122b34;--muted:#546c73;--green:#146757;--lime:#d9f498;--line:#d9e2df;--paper:#f5f7f3;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 "Segoe UI",Arial,sans-serif}a{color:var(--green);text-underline-offset:4px}button,.button{display:inline-block;background:var(--green);color:white;border:0;border-radius:5px;padding:12px 20px;text-decoration:none;font:600 15px/1.4 "Segoe UI",sans-serif;cursor:pointer}button:hover,.button:hover{background:#0c4d41}button.secondary{background:#e8eeea;color:var(--ink)}:focus-visible{outline:3px solid #bc5e15;outline-offset:4px}.skip{position:absolute;top:-80px;background:white;padding:12px;z-index:10}.skip:focus{top:0}.testbar{background:#243d44;color:white;text-align:center;padding:8px 16px;font-size:12px;letter-spacing:.03em}header{padding:25px max(5vw,20px);background:white;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px}.wordmark{font-size:27px;letter-spacing:-1px;font-weight:800;text-decoration:none;color:var(--ink);line-height:1}.wordmark span{color:var(--green)}.wordmark small{display:block;font-size:9px;letter-spacing:2px;margin-top:9px}nav{display:flex;gap:22px;flex-wrap:wrap}nav a{font-size:14px;font-weight:600}main{max-width:1400px;margin:auto;padding:42px max(4vw,20px) 70px;min-height:70vh}h1,h2,h3{line-height:1.15}h1{font-size:42px;letter-spacing:-1.8px;margin:10px 0 20px}h2{font-size:23px;letter-spacing:-.5px}h3{font-size:18px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.7px;color:var(--green)}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;padding:30px 0 65px}.hero h1{font-size:clamp(40px,4.8vw,68px);line-height:1.04;letter-spacing:-3px}.lead{font-size:18px;line-height:1.8}.hero .button{margin:18px 0}.muted,small{color:var(--muted)}.hero-art{height:390px;background:#dce9df;border-radius:160px 160px 15px 15px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.monitor{width:77%;height:215px;background:#253e45;border-radius:12px;padding:9px;transform:rotate(-5deg);box-shadow:15px 22px 24px #132f3925}.monitor>div{height:100%;background:linear-gradient(130deg,#0d5147,#467c6a);border-radius:6px;color:var(--lime);display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:800;letter-spacing:3px}.monitor span{font-size:11px;color:white;letter-spacing:0;margin-top:12px;font-weight:400}.stand{height:45px;width:14%;background:#a2b5aa}.keyboard{height:18px;width:58%;background:#aabcb2;border-radius:5px;transform:skew(-20deg)}.art-label{font-size:9px;letter-spacing:1.5px;position:absolute;bottom:20px;color:#3d6359}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:20px 0 35px}.value-grid article{background:white;border:1px solid var(--line);padding:26px;border-radius:8px}.number{font-size:13px;color:var(--green)}.notice{padding:18px 22px;background:#fff5db;border-left:4px solid #b7811c;margin:24px 0;color:#584214;border-radius:3px;font-size:14px}.narrow{max-width:720px;margin:30px auto}.narrow form{margin:25px 0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.pill{display:inline-block;background:#e1ebdf;padding:6px 12px;border-radius:30px;font-size:12px;font-weight:600;white-space:nowrap}.search{display:grid;grid-template-columns:auto 1fr auto 190px auto;gap:14px;align-items:center;background:white;padding:20px;border:1px solid var(--line);border-radius:8px;margin:25px 0}input,select,textarea{width:100%;padding:11px;border:1px solid #9bafa7;background:white;border-radius:4px;font:inherit;color:var(--ink)}label{font-size:13px;font-weight:600;display:block;margin:12px 0 6px}.search label{margin:0}.result-head{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);margin-bottom:20px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product{background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden}.product-art{height:175px;background:#e6ece7;display:flex;justify-content:center;align-items:center;position:relative}.device{width:150px;height:88px;background:#dae8de;border:7px solid #36574e;border-radius:7px;box-shadow:8px 12px 0 #bdcfc4;display:flex;align-items:center;justify-content:center;font-size:11px;color:#3c5b50;transform:rotate(-7deg)}.product-art>span{position:absolute;bottom:12px;right:14px;font-size:9px;letter-spacing:2px;color:#476255}.product-body{padding:22px}.product h2{font-size:20px}.product p{font-size:13px}.product .price,.price{font-size:25px;font-weight:750;letter-spacing:-.7px;margin:17px 0 4px}.price small{font-size:12px;letter-spacing:0;font-weight:400}.code{font-family:Consolas,monospace;font-size:11px!important}.stock{color:var(--green);font-weight:600;margin-bottom:0}.product small{font-size:10px}.product form{display:grid;grid-template-columns:65px 1fr;gap:8px;margin-top:20px}.product label{grid-column:1/-1;margin:0}.product button{padding:11px}.pagination{justify-content:center;padding:35px}.checkout{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;margin-top:25px}.panel,.summary,.basket-line,.empty{background:white;border:1px solid var(--line);padding:25px;border-radius:8px;margin-bottom:20px}.basket-line{display:flex;justify-content:space-between;gap:15px;align-items:center}.summary{align-self:start}.summary button{width:100%;margin-top:20px}.summary .price{font-size:32px}.empty{text-align:center;padding:50px;color:var(--muted)}.empty h2{color:var(--ink)}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th,td{border-bottom:1px solid var(--line);padding:12px;vertical-align:top}th{color:var(--green)}footer{border-top:1px solid var(--line);padding:30px 5vw;display:flex;justify-content:space-between;gap:20px;font-size:12px;background:white}textarea{resize:vertical}@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,1fr)}.hero{gap:25px}.hero-art{height:320px}.value-grid{gap:12px}.search{grid-template-columns:1fr 1fr}.search input{grid-column:1/-1}.search label{grid-column:1/-1}.checkout{grid-template-columns:1fr}}@media(max-width:600px){header{align-items:flex-start;flex-direction:column;padding:20px}nav{gap:14px}.hero,.value-grid,.product-grid{grid-template-columns:1fr}.hero-art{height:300px}.hero{padding-top:0}.hero h1{font-size:47px}.section-head{align-items:flex-start;flex-direction:column}.result-head{flex-direction:column}.search{grid-template-columns:1fr}.search button{grid-column:1/-1}.basket-line{flex-direction:column;align-items:flex-start}h1{font-size:34px}footer{flex-direction:column}.testbar{font-size:10px}.product-art{height:190px}}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px;margin:24px 0}.card{background:white;border:1px solid var(--line);padding:24px;border-radius:8px;margin-bottom:20px;min-width:0;overflow-wrap:anywhere}.card button{margin-top:12px}.table-wrap{max-width:100%;overflow-x:auto}.hero:has(>.eyebrow){display:block;max-width:920px}.hero:has(>.eyebrow) h1{font-size:clamp(32px,5vw,56px)}#basket,#orders{margin-top:48px;padding-top:24px;border-top:1px solid var(--line)}#basket>form{max-width:720px}section.card h2{margin-top:0}nav{flex-wrap:wrap}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Keep consent and permission checkboxes aligned with their labels. */
.card label:has(>input[type=checkbox]){display:flex;align-items:center;gap:12px}
.card input[type=checkbox]{width:20px;height:20px;display:inline-block;margin:0;flex:0 0 auto;accent-color:var(--green)}

/* Shopfront browsing layout: category navigation, toolbar and product-card hierarchy. */
.breadcrumbs{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--muted);margin:8px 0 20px}.breadcrumbs a{font-weight:650}.section-intro{margin:0;color:var(--muted);font-size:14px}.catalogue-layout{display:grid;grid-template-columns:220px 1fr;gap:28px;margin-top:24px}.catalogue-sidebar{background:white;border:1px solid var(--line);border-radius:8px;padding:20px;height:max-content;position:sticky;top:20px}.catalogue-sidebar h3{font-size:16px;margin:0 0 12px}.catalogue-sidebar>a{display:flex;justify-content:space-between;gap:12px;padding:11px 8px;border-top:1px solid #edf1ee;text-decoration:none;font-size:13px;color:var(--ink)}.catalogue-sidebar>a:hover,.catalogue-sidebar>a.active{color:var(--green);font-weight:700;background:#f2f7ef}.sidebar-note{border-top:1px solid var(--line);margin-top:18px;padding-top:16px;font-size:12px;color:var(--muted)}.sidebar-note p{margin:6px 0 0}.catalogue-results{min-width:0}.shop-toolbar{display:flex;align-items:center;gap:18px;min-height:42px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted);margin-bottom:20px}.shop-toolbar strong{color:var(--ink)}.toolbar-note{margin-right:auto;font-size:12px}.sort-label{border-left:1px solid var(--line);padding-left:18px}.product-badge{position:absolute;top:12px;left:12px;background:var(--lime);color:var(--ink);font-size:10px;font-weight:800;letter-spacing:.8px;padding:5px 8px;border-radius:3px}.product-subtitle{color:var(--muted);font-size:12px!important;margin:0 0 12px}.stock span{color:var(--muted);font-weight:400}@media(max-width:900px){.catalogue-layout{grid-template-columns:1fr}.catalogue-sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:0 10px}.catalogue-sidebar h3,.sidebar-note{grid-column:1/-1}.catalogue-sidebar>a{border-top:1px solid #edf1ee}.shop-toolbar{flex-wrap:wrap;padding:10px 0}.toolbar-note{width:100%;order:3}.sort-label{margin-left:auto}}@media(max-width:600px){.catalogue-sidebar{display:block}.catalogue-sidebar>a{margin:0 -8px}.sort-label{border-left:0;padding-left:0}.shop-toolbar{gap:8px}}

.product-art img{width:100%;height:100%;object-fit:contain;padding:20px;background:white}.product-art:has(img){background:white}
nav a.active{color:var(--ink);text-decoration:none;position:relative;font-weight:800}nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:3px;background:var(--green);border-radius:3px}nav a.active::before{content:"";position:absolute;left:50%;bottom:-12px;width:7px;height:7px;transform:translate(-50%,50%);background:var(--lime);border:2px solid var(--green);border-radius:50%}@media(max-width:600px){nav a.active::after{bottom:-7px}nav a.active::before{bottom:-7px}}
.mapping-form{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:8px;align-items:center}.mapping-form button{padding:8px 12px;font-size:12px}nav a.active{background:#eef6e9;border-radius:5px;padding:8px 11px;margin:-8px -11px;box-shadow:inset 0 -2px 0 var(--green)}nav a.active::after,nav a.active::before{display:none}@media(max-width:600px){nav a.active{margin:-4px -6px;padding:4px 6px}}
.supplier-form{display:grid;grid-template-columns:1fr 1.5fr auto auto;gap:12px;align-items:end}.supplier-form label{margin:0}.supplier-form .check{display:flex;align-items:center;gap:6px;white-space:nowrap}.supplier-form .check input{width:auto}@media(max-width:700px){.supplier-form{grid-template-columns:1fr}.supplier-form .check{margin:8px 0}}
.partner-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}.partner-form label{margin:0}.partner-form textarea{min-height:78px}.partner-form button{grid-column:1/-1;justify-self:start}.partner-form .check{display:flex;align-items:center;gap:8px}.partner-form .check input{width:auto}@media(max-width:700px){.partner-form{grid-template-columns:1fr}}
.nav-signout{display:inline-flex;margin:0}.nav-signout button{padding:7px 12px;font-size:13px;background:transparent;color:var(--green);border:1px solid var(--green)}.nav-signout button:hover{background:var(--green);color:white}
.approval-filters{display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--line);border-radius:8px;padding:12px 16px;margin:22px 0}.approval-filters a{padding:8px 12px;text-decoration:none;border-radius:5px}.approval-filters a.active{background:#e1f2ea;color:var(--ink);font-weight:700}.approval-filters form{display:flex;gap:8px;margin-left:auto}.approval-filters input{min-width:240px}.candidate-card{display:grid;grid-template-columns:220px minmax(0,1fr) 180px;gap:20px;background:white;border:1px solid var(--line);border-radius:8px;padding:20px;margin:18px 0}.candidate-evidence{border-right:1px solid var(--line);padding-right:20px}.candidate-placeholder{display:flex;align-items:center;justify-content:center;height:130px;background:#edf3ee;border-radius:6px;color:var(--green);font-size:12px;letter-spacing:1px}.candidate-edit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.candidate-edit label:nth-last-of-type(2),.candidate-edit label:nth-last-of-type(1){grid-column:1/-1}.candidate-actions{grid-column:1/-1;display:flex;gap:8px;align-items:center}.exclude-form{display:flex;flex-direction:column;gap:8px;border-left:1px solid var(--line);padding-left:20px}.exclude-form input{margin-top:auto}.candidate-edit textarea{min-height:80px}@media(max-width:900px){.candidate-card{grid-template-columns:1fr}.candidate-evidence{border-right:0;border-bottom:1px solid var(--line);padding:0 0 16px}.exclude-form{border-left:0;border-top:1px solid var(--line);padding:16px 0 0}.approval-filters{flex-wrap:wrap}.approval-filters form{width:100%;margin-left:0}.approval-filters input{min-width:0}}@media(max-width:600px){.candidate-edit{grid-template-columns:1fr}.candidate-actions{flex-wrap:wrap}}
.catalog-search{grid-template-columns:auto 1fr auto;max-width:900px}.image-bulk-card form{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.image-bulk-card input[type=file]{max-width:520px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.catalog-card{background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden;min-width:0}.catalog-thumb{height:190px;background:#edf3ee;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px}.catalog-thumb img{width:100%;height:100%;object-fit:contain;padding:12px;background:white}.catalog-meta{padding:18px}.catalog-meta h2{font-size:18px;margin:8px 0}.catalog-meta p{font-size:12px}.catalog-meta form{margin-top:12px}.catalog-meta input[type=file]{font-size:12px;margin-bottom:8px}.catalog-meta button{font-size:12px;padding:9px 12px}.catalog-meta button.secondary{margin-top:8px}@media(max-width:1000px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.catalog-grid{grid-template-columns:1fr}.catalog-search{grid-template-columns:1fr}.catalog-search button{grid-column:1/-1}.image-bulk-card form{display:block}.image-bulk-card button{margin-top:10px}}
/* Option 3 ecommerce header */
.site-header{padding:0 max(3vw,20px);background:var(--white);border-bottom:1px solid var(--line);position:relative;z-index:5}.header-main{min-height:104px;display:grid;grid-template-columns:280px minmax(260px,1fr) auto;gap:28px;align-items:center}.global-search{display:grid;grid-template-columns:140px 1fr 54px;border:1px solid #c5d4cf;border-radius:6px;overflow:hidden;background:white}.global-search select,.global-search input{border:0;border-radius:0;padding:13px;background:white;min-width:0}.global-search select{border-right:1px solid var(--line);font-size:13px}.global-search button{border-radius:0;padding:0;font-size:25px}.header-actions{display:flex;align-items:center;gap:18px;white-space:nowrap;font-size:14px}.header-actions a{text-decoration:none;font-weight:600}.nav-signout{display:inline-flex;margin:0}.nav-signout button{padding:7px 12px;font-size:12px;background:transparent;color:var(--green);border:1px solid var(--green)}.header-nav{display:flex;align-items:stretch;min-height:64px;border-top:1px solid #eef3f0}.header-nav nav{display:flex;align-items:center;gap:0;flex:1;flex-wrap:nowrap}.header-nav nav a{padding:20px 24px;border-right:1px solid var(--line);text-decoration:none;white-space:nowrap}.header-nav nav a:hover{background:#f0f7f3}.header-nav nav a.active{background:#e1f2ea;color:var(--ink);box-shadow:inset 0 -3px 0 var(--green);margin:0;padding:20px 24px}.category-wrap{position:relative}.category-toggle{display:flex;align-items:center;height:64px;padding:0 28px;background:#0c4d54;color:#fff;text-decoration:none;font-weight:700;white-space:nowrap}.category-toggle:hover{background:#146757}.category-menu{display:none;position:absolute;top:64px;left:0;width:280px;padding:18px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 28px #122b3426}.category-menu.open{display:block}.category-menu strong,.category-menu a{display:block;margin-bottom:10px}.category-menu a{text-decoration:none;padding:8px 6px}.category-menu a:hover{background:#eef6e9}.header-actions .basket-link{padding-left:8px;border-left:1px solid var(--line)}
@media(max-width:1000px){.header-main{grid-template-columns:220px 1fr;gap:16px}.header-actions{grid-column:2;grid-row:1;justify-content:flex-end}.global-search{grid-column:1/-1;grid-row:2}.header-main{padding:14px 0 18px}.header-nav{overflow-x:auto}.header-nav nav a{padding:18px 14px}.header-nav nav a.active{padding:18px 14px}}
@media(max-width:600px){.header-main{display:flex;flex-wrap:wrap}.wordmark{width:100%}.global-search{order:3;width:100%}.header-actions{margin-left:auto}.category-toggle{padding:0 16px}.header-nav nav a{padding:18px 12px;font-size:12px}.header-nav nav a.active{padding:18px 12px}}
.admin-nav-wrap{position:relative}.admin-nav-toggle{height:64px;padding:0 20px;border-radius:0;background:transparent;color:var(--ink);font-weight:700}.admin-nav-toggle:hover{background:#f0f7f3;color:var(--green)}.admin-nav-menu{display:none;position:absolute;right:0;top:64px;width:240px;padding:12px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 28px #122b3426}.admin-nav-menu.open{display:block}.admin-nav-menu a{display:block;padding:10px 12px;text-decoration:none}.admin-nav-menu a:hover,.admin-nav-menu a.active{background:#e1f2ea;color:var(--ink)}
.chevron{display:inline-block;width:7px;height:7px;margin-left:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);vertical-align:middle}.chevron.light{border-color:#fff;margin-left:10px}.header-actions a{display:inline-flex;align-items:center}.admin-nav-toggle{display:inline-flex;align-items:center;gap:3px}
details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}.category-wrap[open] .category-menu,.admin-nav-wrap[open] .admin-nav-menu{display:block}.admin-nav-toggle{border:0}.category-toggle{border:0}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Narrow screens keep page content within the viewport while menus retain their own horizontal scroller. */
html,body{max-width:100%;overflow-x:clip}
main,main>*,main form,main section,main article,.site-header,.header-main,.header-nav,footer{min-width:0;max-width:100%}
input,select,textarea,button{max-width:100%}
@media(max-width:600px){
  main{padding-left:20px;padding-right:20px}
  .site-header{padding-left:16px;padding-right:16px}
  .header-main{gap:14px;min-width:0}
  .global-search{min-width:0;grid-template-columns:minmax(0,112px) minmax(0,1fr) 48px}
  .header-actions{min-width:0;max-width:100%;gap:10px;flex-wrap:wrap;justify-content:flex-end}
  .header-nav{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
  .header-nav nav{min-width:max-content}
  .header-nav nav a,.header-nav nav a.active{padding-left:12px;padding-right:12px}
  .table-wrap,.table-scroll{max-width:100%;-webkit-overflow-scrolling:touch}
  .card,.panel,.summary,.basket-line{overflow-wrap:anywhere}
}

.approval-filters{display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--line);border-radius:8px;padding:12px 16px;margin:22px 0}.approval-filters a{padding:8px 12px;text-decoration:none;border-radius:5px}.approval-filters a.active{background:#e1f2ea;color:var(--ink);font-weight:700}.approval-filters form{display:flex;gap:8px;margin-left:auto}.approval-filters input{min-width:240px}.candidate-card{display:grid;grid-template-columns:220px minmax(0,1fr) 180px;gap:20px;background:white;border:1px solid var(--line);border-radius:8px;padding:20px;margin:18px 0}.candidate-evidence{border-right:1px solid var(--line);padding-right:20px}.candidate-placeholder{display:flex;align-items:center;justify-content:center;height:130px;background:#edf3ee;border-radius:6px;color:var(--green);font-size:12px;letter-spacing:1px}.candidate-edit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.candidate-edit label:nth-last-of-type(2),.candidate-edit label:nth-last-of-type(1){grid-column:1/-1}.candidate-actions{grid-column:1/-1;display:flex;gap:8px;align-items:center}.exclude-form{display:flex;flex-direction:column;gap:8px;border-left:1px solid var(--line);padding-left:20px}.exclude-form input{margin-top:auto}.candidate-edit textarea{min-height:80px}.supplier-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.supplier-dashboard-grid .card{margin:0}@media(max-width:900px){.candidate-card{grid-template-columns:1fr}.candidate-evidence{border-right:0;border-bottom:1px solid var(--line);padding:0 0 16px}.exclude-form{border-left:0;border-top:1px solid var(--line);padding:16px 0 0}.approval-filters{flex-wrap:wrap}.approval-filters form{width:100%;margin-left:0}.approval-filters input{min-width:0}}@media(max-width:700px){.supplier-dashboard-grid{grid-template-columns:1fr}}@media(max-width:600px){.candidate-edit{grid-template-columns:1fr}.candidate-actions{flex-wrap:wrap}}

/* Authenticator enrollment: private QR and confirmation stay readable on phones. */
.auth-security{max-width:960px;margin:0 auto}.auth-intro{max-width:660px;color:var(--muted);margin-bottom:28px}
.auth-back{display:inline-block;font-size:14px;margin:8px 0 20px}.auth-start{max-width:560px}.auth-start form{max-width:420px}
.auth-enrollment{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:32px}
.auth-enrollment h2{margin-top:12px!important}.auth-step{font-size:13px;font-weight:700;color:var(--green)}
.auth-confirm{border-left:1px solid var(--line);padding-left:32px}.auth-confirm form{margin-top:28px}
.auth-qr{display:block;background:#fff;width:280px;height:280px;max-width:100%;object-fit:contain;margin:18px auto}
.auth-code{max-width:200px;font-size:26px;letter-spacing:6px;font-variant-numeric:tabular-nums}
.auth-caption{font-size:13px;color:var(--muted)}.auth-manual{margin:16px 0}.auth-manual summary{cursor:pointer;color:var(--green)}
.auth-manual code{display:block;overflow-wrap:anywhere;padding:12px;background:var(--paper);font-size:14px}
.auth-status{display:inline-block;background:#dff2e8;color:#0e5748;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:700;margin-bottom:16px}
.auth-status-pending{background:#f1eee1;color:#68501c}
@media(max-width:680px){.auth-enrollment{grid-template-columns:1fr;gap:24px;padding:20px}.auth-confirm{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.auth-confirm button{width:100%}.auth-security h1{font-size:34px}}