@font-face{font-family:Pretendard;src:url('./assets/fonts/PretendardVariable.woff2') format('woff2');font-display:swap}
:root{font-family:Pretendard,system-ui,sans-serif;color:#242336;background:#f7f7fb;font-synthesis:none;line-height:1.55;--accent:#7353cd;--line:#e4e1ed}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer;background:white;color:#423e51;border:1px solid var(--line);border-radius:10px;padding:10px 16px;font-weight:600}button:hover{border-color:#a192c2;background:#f8f5ff}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b59bec;outline-offset:3px}.primary{background:var(--accent);border-color:var(--accent);color:white}.primary:hover{background:#6141b8;color:white}.portal-header{height:84px;padding:0 clamp(20px,5vw,80px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.portal-logo{font-size:29px;font-weight:850;letter-spacing:-1.5px;display:flex;align-items:center;gap:16px}.portal-logo span{font-size:10px;letter-spacing:2px;font-weight:600;color:#8b7ba8}.portal-header nav{display:flex;align-items:center;gap:24px;font-size:13px;color:#686478}main{max-width:1120px;margin:auto;padding:64px 28px 80px}.portal-heading{margin-bottom:40px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2.2px;color:#8875ac;margin:0 0 12px}h1{font-size:clamp(32px,4vw,44px);letter-spacing:-1.7px;line-height:1.25;margin:0 0 16px}h2{font-size:20px;letter-spacing:-.5px;margin:0 0 12px}p{margin:0 0 16px}.portal-heading>p:last-child,.muted,.help-card p{color:#777184}.signin-card{text-align:center;padding:48px 24px;background:white;border:1px solid var(--line);border-radius:22px;box-shadow:0 10px 40px #3a265007}.key-symbol{height:56px;width:56px;margin:0 auto 20px;border-radius:17px;color:#7650c7;background:#f2ecfc;font-size:30px}.signin-card>p{color:#7a7387;font-size:14px}.signin-card .small{margin:20px 0 0;font-size:12px}.account-bar,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.account-bar{color:#777184;font-size:13px}.section-heading{margin-top:40px}.section-heading h2{margin-bottom:0}#admin-panel{background:white;padding:28px;border:1px solid var(--line);border-radius:18px}#admin-panel .section-heading{margin-top:0}.pill{background:#eee9f9;color:#6d4eaa;padding:5px 10px;border-radius:20px;font-size:11px;font-weight:700}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid>label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600}.form-grid input:not([type=checkbox]),textarea{width:100%;border:1px solid #dcd7e8;border-radius:9px;padding:11px 13px;background:#fdfcfe;color:#373045}.wide{grid-column:1/-1}fieldset{border:1px solid var(--line);border-radius:10px;padding:14px}legend{font-size:13px;font-weight:600}fieldset label{display:inline-flex;gap:7px;align-items:center;margin-right:22px;font-size:14px}input[type=checkbox]{accent-color:var(--accent)}.form-grid .check{flex-direction:row;align-items:center}.form-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:26px}.small{font-size:12px;color:#847a94}.admin-note{margin:24px 0 0}.license-list{display:grid;gap:16px}.license-card{background:white;border:1px solid var(--line);border-radius:17px;padding:28px}.license-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.license-title h3{margin:0;font-size:18px}.license-meta{display:flex;flex-wrap:wrap;gap:20px 36px;margin:22px 0;font-size:13px}.license-meta span{display:block;color:#8a8199;font-size:11px;margin-bottom:4px}.license-card .actions{display:flex;flex-wrap:wrap;gap:10px}.license-card .domains{font-size:12px;color:#84798e;overflow-wrap:anywhere;margin-top:12px}.state-active{color:#326449;background:#eaf5ef}.state-expired,.state-revoked{background:#fceef0;color:#a0495b}.empty{background:#efedf5;color:#82798f;padding:40px;text-align:center;border-radius:16px}.help-card{margin-top:48px;padding:28px;border-top:1px solid var(--line)}.help-card h2{font-size:17px}.help-card ol{padding-left:22px;color:#71687d;font-size:14px}.help-card p{font-size:13px}pre{overflow:auto;background:#eeebf4;padding:20px;border-radius:12px;color:#695786;font-size:12px;line-height:1.8}footer{padding:24px;text-align:center;color:#938b9f;font-size:12px}#notice:not(:empty){padding:14px 18px;background:#eee8fa;border:1px solid #e0d5f5;border-radius:12px;margin-bottom:24px;font-size:14px}#notice.error{background:#fff0f1;border-color:#f1d0d6;color:#9c384f}[hidden]{display:none!important}#more{margin-top:18px}@media(max-width:600px){.portal-header{height:72px;padding:0 20px}.portal-header nav{gap:12px}.portal-header nav>a{display:none}.portal-logo span{font-size:9px}main{padding:36px 20px 56px}.form-grid{grid-template-columns:1fr}#admin-panel,.license-card{padding:20px}.form-actions>button{width:100%}.help-card{padding:28px 0}.license-title{align-items:flex-start}.license-meta{gap:16px}.portal-heading{margin-bottom:28px}}

dialog{border:1px solid var(--line);border-radius:18px;width:min(560px,calc(100vw - 32px));max-width:900px;max-height:calc(100dvh - 40px);padding:28px;color:#423e51;box-shadow:0 24px 90px #20192d30}dialog::backdrop{background:#21162b66;backdrop-filter:blur(4px)}dialog p{font-size:14px;line-height:1.7}
.wide-dialog{width:min(900px,calc(100vw - 32px))}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.dialog-heading h2{margin:0}.dialog-heading button{padding:6px 11px}.dialog-error{color:#a43c4b}.dialog-error:empty{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
select{font:inherit;color:inherit;border:1px solid var(--line);background:white;padding:10px 12px;border-radius:9px;max-width:100%}.form-grid select{width:100%}.form-grid .check{display:flex;gap:8px;align-items:center}.form-section{margin-top:24px}label{font-size:13px}input[readonly],select:disabled{background:#f2f1f5!important;color:#746d81!important}button:disabled{cursor:not-allowed}.danger{color:#a53548;border-color:#eecbd1;background:#fff5f6}.danger:hover{color:#902539;background:#ffecef;border-color:#d59aa5}.text-warning{color:#ad6e1b!important}.pill{white-space:nowrap;display:inline-flex;align-items:center}.state-scheduled,.state-requested{background:#fff3de;color:#96631e}.state-confirmed{color:#326449;background:#eaf5ef}.state-cancelled{background:#efedf3;color:#766c84}
.portal-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.heading-art{font-size:100px;line-height:1;color:#b19adc;transform:rotate(-12deg);margin-right:20px}.customer-portal main{max-width:1160px}
.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.metrics article{background:white;padding:24px;border:1px solid var(--line);border-radius:16px}.metrics article>span{font-size:12px;color:#847b92;display:block}.metrics strong{display:block;font-size:36px;letter-spacing:-1px;margin:8px 0;font-weight:650;line-height:1.3}.metrics small{font-size:11px;color:#8b8298;letter-spacing:0;font-weight:400}.metrics strong small{margin-left:6px;font-size:13px}.metrics .metric-warning{background:#fffaf0;border-color:#eae0cc}.metric-warning strong{color:#9d6b24}
.product-periods{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:18px 0}.product-periods>div{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#faf9fc;font-size:12px}.product-periods>div+div{border-top:1px solid var(--line)}.product-periods strong{min-width:90px}.product-periods span:last-child{margin-left:auto}.license-title h3{font-size:22px}.license-title .eyebrow{font-size:10px;letter-spacing:1px}.license-meta{gap:24px 60px}.license-card .actions{border-top:1px solid var(--line);padding-top:22px;margin-top:20px}.help-card{padding:30px 0}.help-card pre{margin-top:24px;background:#efedf5}.info-banner{border:1px solid #e4ddf0;border-radius:12px;background:#f3effa;padding:16px 20px;color:#78608d;font-size:13px;margin-bottom:24px}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.plan-card{background:white;border:1px solid var(--line);border-radius:18px;padding:28px;display:flex;flex-direction:column}.plan-card h3{font-size:24px;margin:0 0 24px}.plan-price{font-size:32px;font-weight:700;letter-spacing:-1px}.plan-card button{margin-top:auto}.plan-card .muted{font-size:13px;margin-bottom:28px}.plan-grid>.empty{grid-column:1/-1}
.table-scroll{border:1px solid var(--line);border-radius:14px;overflow:auto;background:white;max-width:100%}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{background:#f8f7fa;font-size:11px;font-weight:600;color:#83788e;white-space:nowrap}th,td{padding:18px 20px;border-bottom:1px solid #eeebf2;vertical-align:middle}tr:last-child td{border-bottom:0}td{min-width:90px;max-width:320px;overflow-wrap:anywhere}td small{display:block;color:#8c8396;font-size:11px;margin-top:5px}td strong{font-size:13px;font-weight:650}td button{font-size:11px;white-space:nowrap;padding:8px 10px;margin:3px}tbody tr:hover{background:#fdfcfe}
.admin-portal{background:#f7f8fb;--accent:#6852bd;--line:#e4e5ed}.admin-sidebar{width:228px;background:#262937;color:#deddeb;position:fixed;inset:0 auto 0 0;padding:34px 22px;display:flex;flex-direction:column;z-index:5}.admin-sidebar .portal-logo{color:white;font-size:30px;gap:10px}.admin-sidebar .portal-logo span{background:#ffffff13;color:#a7a5bd;padding:5px 7px;border-radius:5px;font-size:8px;letter-spacing:1px}.sidebar-label{color:#7e809a;font-size:9px;letter-spacing:1.7px;margin:52px 10px 16px}.admin-sidebar nav{display:flex;flex-direction:column;gap:8px}.admin-sidebar nav button{color:#acaec3;border:0;background:none;text-align:left;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:500;padding:13px 12px}.admin-sidebar nav button span{font-size:19px;line-height:1}.admin-sidebar nav button[aria-current=page]{background:#48405d;color:#ece4ff}.admin-sidebar nav button:hover{background:#363847}.sidebar-footer{margin-top:auto;padding:24px 10px 0;font-size:11px;color:#9798b1}.sidebar-footer p{font-size:10px;margin:20px 0 0;color:#666d8b;line-height:1.8}.admin-shell{margin-left:228px;min-width:0}.admin-topbar{display:flex;align-items:center;justify-content:space-between;min-height:72px;border-bottom:1px solid var(--line);padding:16px 40px;background:#fff;font-size:11px;color:#7c778d}.admin-topbar .muted{padding:0 10px}.admin-topbar button{font-size:11px}.admin-shell main{max-width:1600px;padding:44px clamp(24px,3vw,48px) 60px}.admin-shell h1{font-size:31px;letter-spacing:-1px}.admin-shell .portal-heading{margin-bottom:28px}.admin-shell .portal-heading .muted{font-size:13px}.admin-shell .metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-shell .section-heading h2{font-size:18px}.section-heading .small{margin:8px 0 0}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.filters input{font:inherit;width:100%;border:1px solid var(--line);padding:12px 14px;border-radius:10px;background:white;min-width:180px}.filters select{padding:12px 10px;font-size:12px}.search-field{flex:1;min-width:220px}.filters>label:not(.search-field){flex:0 1 auto}.admin-shell .table-scroll{border-radius:12px}.internal-tools{margin-top:26px;color:#7d748c;font-size:11px}.internal-tools>summary{cursor:pointer}.internal-tools p{margin:14px 0}.test-label{display:inline-block;padding:2px 6px;border-radius:4px;background:#f0edf6;color:#8c799a;font-size:9px;margin-top:6px}.company-card{border:1px solid var(--line);border-radius:14px;background:white;margin-bottom:16px}.company-card>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;font-size:12px;color:#7a7287}.company-card strong{display:block;font-size:17px;color:#383344}.company-card small{display:block;margin-top:5px;font-size:10px}.company-content{padding:0 20px 20px}.catalog-card{display:block;background:white;padding:24px;margin-bottom:24px;border-radius:14px}.catalog-card>legend{font-size:16px;padding:0 10px}.catalog-card fieldset{background:#faf9fc}.audit-entry{padding:18px 0;border-bottom:1px solid var(--line);font-size:12px}.audit-entry>span{float:right;color:#8f829d}.audit-entry p{margin:8px 0 0;font-size:12px}.history-section{margin-top:24px;font-size:13px}.history-section>summary{cursor:pointer;font-weight:650}.admin-shell footer{font-size:10px}
@media(max-width:1100px){.admin-sidebar{width:200px;padding:28px 16px}.admin-shell{margin-left:200px}.admin-shell .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-topbar{padding:16px 24px}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.admin-sidebar{position:static;width:auto;padding:20px;gap:20px}.admin-sidebar .portal-logo{font-size:26px}.sidebar-label,.sidebar-footer{display:none}.admin-sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.admin-sidebar nav button{font-size:12px;padding:10px}.admin-shell{margin:0}.admin-topbar{min-height:56px}.admin-shell main{padding:28px 20px 48px}.admin-shell .portal-heading{gap:12px}.admin-shell .portal-heading>.pill{font-size:9px}.admin-shell .metrics article{padding:18px}.admin-shell .metrics strong{font-size:28px}.section-heading{align-items:flex-start;flex-wrap:wrap;gap:16px}.filters>label:not(.search-field){flex:1}.filters select{width:100%}.company-card>summary{align-items:flex-start;flex-direction:column;gap:12px}.company-content{padding:0 12px 12px}.heading-art{font-size:64px;margin:0}.customer-portal .metrics{gap:10px}.customer-portal .metrics article{padding:16px 12px}.customer-portal .metrics article>span{font-size:10px}.customer-portal .metrics strong{font-size:27px}.product-periods>div{flex-wrap:wrap;gap:6px 12px;padding:12px}.product-periods strong{min-width:80px}.product-periods span:last-child{margin-left:0}.plan-grid{grid-template-columns:1fr}.plan-card{padding:24px}.table-scroll th,.table-scroll td{padding:16px 14px}.catalog-card{padding:18px}.form-grid{grid-template-columns:1fr}dialog{padding:22px 18px}.dialog-heading h2{font-size:18px}}
/* Purchase types share the main hub's spacing, with a quieter team accent. */
.purchase-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:4px 0 64px}.purchase-tier{display:flex;flex-direction:column;min-width:0;border:1px solid #e5e0e9;border-radius:22px;padding:32px;background:#fff}.purchase-tier .eyebrow{font-size:9px;letter-spacing:1.4px;color:#8c8196}.purchase-tier h2{font-size:30px;letter-spacing:-1px;margin:14px 0 18px;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}.purchase-tier h2 small{font-size:13px;font-weight:500;letter-spacing:0;line-height:1.4;color:#84798d}.tier-description{font-size:14px;line-height:1.8;color:#7b7283;min-height:52px}.tier-price{font-size:27px;letter-spacing:-.6px;margin:28px 0 24px}.tier-price small{font-size:12px;font-weight:400;letter-spacing:0;color:#84798d}.purchase-tier ul{padding:20px 0 24px;list-style:none;margin:0 0 22px;border-top:1px solid #e7e1ed;display:grid;gap:13px;font-size:12px;color:#756880}.purchase-tier li::before{content:'✓';margin-right:9px;color:#9d85b6}.tier-action{margin-top:auto;padding:13px 16px;border-radius:10px;background:#f1ecf6;color:#775892;display:flex;justify-content:space-between;font-size:12px;font-weight:600}.tier-pro{background:#f8f4fc;border-color:#dfd3ee}.tier-pro .tier-action{background:#8162a4;color:white}.tier-business{background:#45434d;border-color:#45434d;color:#fff}.tier-business .eyebrow,.tier-business .tier-price small,.tier-business h2 small{color:#c2bbc9}.tier-business .tier-description,.tier-business ul{color:#d0cbd5}.tier-business ul{border-color:#ffffff21}.tier-business .tier-action{background:#ece7f0;color:#554660}.purchase-products{scroll-margin-top:30px}.purchase-products>.muted{font-size:13px;margin:20px 0 26px}.purchase-switch{display:flex;gap:8px;margin:22px 0 20px}.purchase-switch button{border:1px solid #e5deed;background:white;color:#86788d;display:flex;align-items:center;gap:12px;padding:13px 18px;border-radius:12px}.purchase-switch small{font-size:11px;font-weight:400}.purchase-switch button[aria-pressed=true]{background:#ede5f5;border-color:#cab7de;color:#6b4889}.purchase-switch button:disabled{opacity:.7}.purchase-total{margin:24px 0;padding:20px;border:1px solid #e4d9ed;border-radius:14px;background:#f9f6fc;display:grid;gap:10px}.purchase-total>span,.purchase-total>small{font-size:12px;color:#8a7a95}.purchase-total>strong{font-size:23px;color:#70518a}.seat-roster{display:grid;gap:8px;margin:20px 0}.seat-roster article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid #e5dfeb;border-radius:12px}.seat-roster article>div{display:grid;gap:6px;min-width:0}.seat-roster span{font-size:12px;color:#877892;overflow-wrap:anywhere}.seat-roster button{flex-shrink:0}.form-grid label small{font-weight:400;font-size:11px;color:#89788d}.business-seat-summary{margin:18px 0;padding:16px;border-radius:12px;background:#f7f5fa}.business-seat-summary p{overflow-wrap:anywhere}
@media(max-width:800px){.purchase-tiers{grid-template-columns:1fr;margin-bottom:40px}.purchase-tier{padding:26px}.tier-description{min-height:0}.tier-price{margin:18px 0}.purchase-tier ul{margin-bottom:10px}.purchase-switch{gap:8px}.purchase-switch button{flex:1;justify-content:center;flex-wrap:wrap;gap:5px;padding:12px 10px}.seat-roster article{align-items:flex-start;flex-direction:column}}

.portal-form{display:grid;gap:18px}.portal-form>label{display:flex;flex-direction:column;gap:7px;font-weight:600}.portal-form>label input{width:100%;min-width:0;border:1px solid var(--line);border-radius:9px;padding:11px 13px;background:#fdfcfe;color:inherit}.portal-form p{margin:0}.portal-form .form-grid input{min-width:0}#promotion-list h3{overflow-wrap:anywhere;margin:0}#promotion-list .section-heading{margin-top:0}
.billing-price{display:grid;gap:5px;min-width:220px;line-height:1.6}.billing-price strong{font-size:16px}.billing-price small{display:block}.billing-discount{color:var(--accent,#7652ad);font-weight:650}.billing-next{border-top:1px solid var(--line,#ddd);padding-top:5px}.billing-detail{padding:18px 0;margin:12px 0;border-block:1px solid var(--line,#ddd)}.billing-detail button{margin-top:12px}.company-billing{display:flex;gap:10px 18px;flex-wrap:wrap;align-items:center;padding:12px 0}.company-billing small{width:100%}.promotion-card{overflow-wrap:anywhere}.promotion-target{font-weight:650}.portal-form [hidden]{display:none!important}
.company-card>summary{flex-wrap:wrap}.company-card>summary .company-billing{flex:1 1 100%;padding:0}
/* Order review remains readable for long translated labels and company names. */
.checkout-card{max-width:760px;margin:24px auto;padding:clamp(20px,4vw,40px);border:1px solid var(--border,#dedee7);border-radius:20px;background:var(--surface,#fff);overflow-wrap:anywhere}
.checkout-card h2{font-size:clamp(24px,4vw,34px)}
.review-breakdown{margin:28px 0}
.review-row{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:14px 0;border-bottom:1px solid var(--border,#e5e5ed)}
.review-row dt{color:var(--muted,#59596c)}
.review-row dd{margin:0;text-align:right;font-weight:650;max-width:60%}
.review-total{font-size:1.35rem;border-bottom:0}
.checkout-card .form-actions{align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.registered-customers{margin-top:32px}
.catalog-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.registered-customers h3,#customer-company-list .small{overflow-wrap:anywhere}
@media(max-width:480px){.review-row{gap:12px}.checkout-card .form-actions>*{width:100%}.checkout-card .form-actions a{text-align:center}}
/* Settings: the menu on the left, the selected section on the right; a scrolling row on phones. */
.customer-layout{display:grid;grid-template-columns:208px minmax(0,1fr);gap:40px;align-items:start;margin-top:24px}
.customer-menu{position:sticky;top:24px;display:flex;flex-direction:column;gap:4px;padding:8px;border:1px solid var(--line);border-radius:14px;background:white}
.customer-menu button{border:0;border-radius:9px;background:none;text-align:left;font-size:13px;font-weight:500;padding:11px 14px;color:#6f6680}
.customer-menu button:hover{background:#f5f2f9;color:#423e51}
.customer-menu button[aria-current=page]{background:#efe9fb;color:#6341b0;font-weight:650}
.customer-content{min-width:0}.customer-content>section>.metrics:first-child,.customer-content>section>.section-heading:first-child{margin-top:0}
@media(max-width:800px){.customer-layout{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:16px}.customer-menu{position:static;flex-direction:row;overflow-x:auto;padding:6px}.customer-menu button{flex:none;white-space:nowrap;font-size:12px;padding:9px 12px}}
/* Compact license lists; detailed pricing stays in the management dialog. */
.admin-license-table th,.admin-license-table td{padding:12px 18px}
.admin-license-table td small{margin-top:3px}
.admin-license-table td:first-child{width:30%;min-width:190px}
.admin-license-table td:nth-child(2){width:18%;min-width:64px}
.admin-license-buyer{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px}
.admin-license-name{display:inline-flex;align-items:center;gap:6px;min-width:0}
.admin-license-test{display:inline-flex;flex:none;color:#8065b0}
.admin-license-test svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.admin-license-business{display:block;margin-top:5px;color:#607087;font-size:11px;line-height:1.4;white-space:nowrap}
.admin-license-internal{background:#fcfaff}
.admin-license-internal td:first-child{box-shadow:inset 2px 0 #c4b5df}
.admin-license-products{display:flex;flex-wrap:wrap;gap:4px 6px;line-height:1.5}
.admin-license-products>span{display:inline-flex;align-items:center;padding:2px 7px;border:1px solid var(--line);border-radius:4px;background:#f6f4fa;color:#514660;font-size:11px;font-weight:550;line-height:1.45;white-space:nowrap}
/* License details keep metadata and payment history compact. */
.license-detail-dialog,.payment-history-dialog{padding:18px 22px;width:min(840px,calc(100vw - 32px))}
.license-detail-dialog .dialog-heading,.payment-history-dialog .dialog-heading{margin-bottom:10px;gap:10px}
.license-detail-dialog .dialog-heading h2,.payment-history-dialog .dialog-heading h2{font-size:16px;line-height:1.4}
.license-detail-dialog [data-close],.payment-history-dialog [data-close]{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;background:transparent;font-size:16px;border-radius:5px}
.license-detail-dialog [data-close]:hover,.payment-history-dialog [data-close]:hover{background:#f2eff7}
.license-detail-dialog .billing-detail{padding:12px 0;margin:0 0 14px}
.billing-price-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;min-width:0}
.billing-current,.billing-terms{display:grid;gap:2px}.billing-current strong{font-size:18px}.billing-current .small{font-weight:400}
.billing-terms{text-align:right;font-size:12px;margin-left:auto}.billing-price-summary small{font-size:11px}
.license-detail-dialog .license-title{margin:0 0 12px;gap:12px}.license-detail-dialog .license-title h3{font-size:17px;margin:0}.license-detail-dialog .license-title p{margin:3px 0 0;font-size:12px}
.license-detail-fields{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;margin:0;font-size:12px}
.license-detail-fields>div{display:flex;align-items:baseline;gap:12px;min-width:0}.license-detail-fields dt{color:#81788e;font-size:11px;flex:none;min-width:62px}.license-detail-fields dd{margin:0;overflow-wrap:anywhere;min-width:0}
.license-detail-fields .detail-products,.license-detail-fields .detail-domains{grid-column:1/-1}
.license-detail-dialog .actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:16px 0 20px;padding:0}
.license-detail-dialog .actions button,.license-detail-dialog [data-seats]{padding:6px 10px;font-size:12px;line-height:18px;border-radius:6px;margin:0}
.license-detail-dialog .actions .danger{margin-left:auto}
.license-detail-dialog .business-seat-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 14px;padding:10px 12px;margin:0 0 16px;font-size:12px}.license-detail-dialog .business-seat-summary p{display:none}
.license-detail-dialog h3.form-section{font-size:14px;margin:0 0 8px}.license-detail-dialog .history-section{margin-top:14px;font-size:11px}
.payment-history-table{font-size:12px}.payment-history-table th,.payment-history-table td{padding:9px 12px;min-width:0;line-height:1.5;white-space:nowrap}
.payment-history-table th{font-size:11px;background:#faf9fc}.payment-history-table a,.payment-history-table button{color:var(--accent);text-decoration:underline;text-underline-offset:3px;background:none;border:0;padding:2px 0;margin:0;font-size:12px;font-weight:400}
.payment-history-table td:last-child,.payment-history-table th:last-child{text-align:right}.payment-history-table .payment-status{font-size:11px;color:#47755b}
@media(max-width:600px){.license-detail-dialog,.payment-history-dialog{padding:14px 16px}.license-detail-fields{grid-template-columns:minmax(0,1fr)}.license-detail-fields>div{grid-column:1/-1}.license-detail-dialog .actions .danger{margin-left:0}.billing-terms{max-width:100%}.payment-history-table th,.payment-history-table td{padding:8px}}
.billing-price-compact{min-width:200px;gap:3px;line-height:1.45}
.billing-price-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px}
.billing-price-compact strong{font-size:13px;white-space:nowrap}
.billing-price-compact .billing-next{border:0;padding:0;margin:0}
/* Account ownership and company seat administration are separate directories. */
.directory-guide{padding:20px 24px;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:28px}
.directory-guide>div{display:flex;gap:14px;align-items:flex-start}.directory-guide strong{font-size:15px}.directory-guide p{font-size:12px;color:#7a7287;margin:6px 0 0;line-height:1.7}
.directory-guide-icon{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:9px;background:#eee9fa;color:var(--accent);font-size:21px}
.directory-guide details{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:12px}.directory-guide summary,.directory-test-history>summary{cursor:pointer;color:var(--accent);font-weight:600}
.directory-guide ol{padding-left:20px;line-height:1.9}.directory-guide button{margin-top:12px;padding:8px 12px;font-size:12px}
.directory-table th,.directory-table td{padding:14px 18px}.directory-table td:first-child{min-width:180px}
.directory-empty{padding:28px;border:1px dashed #dcd8e7;border-radius:12px;color:#7a7287;font-size:13px;background:#faf9fc}.directory-empty strong{color:#484154}.directory-empty p{margin:8px 0 0;line-height:1.8}
.directory-company{margin-bottom:10px;border-radius:12px}.directory-company>summary{padding:17px 20px;flex-wrap:nowrap;gap:16px}.directory-company strong{font-size:14px}.directory-company small{font-size:11px}
.directory-company-name{min-width:0;overflow-wrap:anywhere}.directory-company-stats{display:flex;align-items:center;gap:18px;flex-shrink:0;font-size:11px}.directory-company-stats .pill{font-size:10px}
.directory-chevron{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 3px 4px 2px}.directory-company[open] .directory-chevron{transform:rotate(225deg);margin-top:7px}
.directory-company[open]>summary{border-bottom:1px solid var(--line);margin-bottom:16px}.directory-company h3{font-size:13px;margin:18px 0 10px}
.directory-seats{display:grid;gap:8px;margin-bottom:16px}.directory-seat{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:8px;background:#f6f4fa}.directory-seat strong{font-size:12px}.directory-seat button{font-size:11px;padding:7px 10px;flex:none}
.directory-test-history{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:12px}.directory-test-history>summary{margin-bottom:14px;color:#7a7287}
@media(max-width:900px){.directory-company>summary{align-items:flex-start;flex-direction:column;gap:12px}.directory-company-stats{width:100%;flex-wrap:wrap;gap:10px}.directory-chevron{margin-left:auto}.directory-guide{padding:18px}.directory-seat{align-items:flex-start;flex-wrap:wrap}}
/* Signed in: the account email and a visible sign-out in the header. */
.header-account:not([hidden]){display:flex;align-items:center;gap:12px;min-width:0}
.header-account #header-email{font-size:12px;color:#8e849b;max-width:240px;overflow:hidden;text-overflow:ellipsis}
.header-sign-out{display:inline-flex;align-items:center;justify-content:center;flex:none;height:34px;padding:0 10px;border:1px solid #dcd7e6;border-radius:6px;background:white;font-size:12px;font-weight:400;line-height:16px;color:inherit}
.header-sign-out:hover{border-color:#a192c2;background:#f8f5ff}
.header-sign-out:focus-visible{outline:2px solid var(--accent,#7353cd);outline-offset:2px}
@media(max-width:480px){.header-account #header-email{display:none}}
/* Promotions are compact records, independent of catalog form spacing. */
#promotion-list{display:grid;gap:8px;container-type:inline-size}
#promotion-list .promotion-card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr) 176px;align-items:center;gap:12px 24px;padding:14px 18px;border:1px solid var(--line);border-radius:10px;background:white}
#promotion-list .promotion-card p{margin:0}
#promotion-list .promotion-identity,#promotion-list .promotion-details{min-width:0;display:grid;gap:4px}
#promotion-list h3{font-size:15px;line-height:1.4}
#promotion-list .promotion-target{font-size:12px;font-weight:400;color:#777184}
#promotion-list .promotion-benefit{font-size:13px;font-weight:600;line-height:1.5}
#promotion-list .small{font-size:11px;line-height:1.5}
#promotion-list .promotion-controls{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
#promotion-list .pill{padding:3px 8px;font-size:10px}
#promotion-list .promotion-actions{display:flex;gap:6px}
#promotion-list .promotion-actions button{height:32px;padding:0 10px;border-radius:6px;font-size:12px;white-space:nowrap}
@container(max-width:720px){#promotion-list .promotion-card{grid-template-columns:minmax(0,1fr) auto;gap:8px 16px}#promotion-list .promotion-details{grid-column:1;grid-row:2}#promotion-list .promotion-controls{grid-column:2;grid-row:1/3}}
@container(max-width:480px){#promotion-list .promotion-card{grid-template-columns:minmax(0,1fr);gap:10px;padding:12px 14px}#promotion-list .promotion-details,#promotion-list .promotion-controls{grid-column:auto;grid-row:auto}#promotion-list .promotion-controls{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}}
/* Customer licenses show access and actions without repeated account metadata. */
#license-list{gap:10px}
#license-list .license-card{display:grid;grid-template-columns:minmax(0,1fr) fit-content(42%);align-items:start;gap:20px;min-width:0;padding:16px 18px;border-radius:12px;overflow-wrap:anywhere}
#license-list .license-summary{min-width:0}
#license-list .license-tools{min-width:0;max-width:380px;display:grid;justify-items:end;gap:8px}
#license-list .license-title{align-items:flex-start;gap:12px}
#license-list .license-title h3{font-size:17px;line-height:1.4;min-width:0}
#license-list .pill{flex:none;padding:3px 8px;font-size:10px}
#license-list .license-context{margin:4px 0 0;color:#847a94;font-size:11px}
#license-list .license-periods{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px 20px;font-size:12px;color:#665e73}
#license-list .license-periods li{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}
#license-list .license-periods strong{font-size:12px;color:#423e51}
#license-list .license-subscription{margin:4px 0 0;color:#665e73;font-size:12px}
#license-list .info-banner{margin:10px 0 0;padding:10px 12px;font-size:12px}
#license-list .actions{justify-content:flex-end;gap:4px 14px;margin:0;padding:0;border:0}
#license-list .actions button{min-height:24px;padding:2px 0;border:0;border-radius:2px;background:none;color:#6852a9;font-size:12px;font-weight:500;line-height:20px}
#license-list .actions button:hover:not(:disabled){background:none;color:#4f3592;text-decoration:underline;text-underline-offset:3px}
#license-list .actions button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:600px){#license-list .license-card{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:14px}#license-list .license-summary{grid-column:1;grid-row:1}#license-list .license-tools{display:contents}#license-list .license-tools>.pill{grid-column:2;grid-row:1;justify-self:end}#license-list .actions{grid-column:1/-1}#license-list .license-title h3{font-size:16px}#license-list .license-periods{display:grid;gap:5px}}

.license-access-detail{max-width:27rem;white-space:normal;overflow-wrap:anywhere;line-height:1.5}.license-access-detail+ .license-access-detail{margin-top:4px}.state-retained{color:#52428b;background:#eee9fa}
.admin-license-table td:nth-child(4){min-width:13rem}.admin-license-table .state-retained{max-width:12rem;white-space:normal;line-height:1.5}