.commercial-metrics,.seat-metrics{margin:18px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.commercial-metrics article,.seat-metrics article{padding:20px;border:1px solid var(--line);border-radius:10px;background:#fff}.commercial-metrics small,.commercial-metrics strong,.commercial-metrics span,.seat-metrics small,.seat-metrics strong{display:block}.commercial-metrics small,.seat-metrics small{color:var(--muted);font-size:6px;font-weight:850}.commercial-metrics strong,.seat-metrics strong{margin:9px 0 4px;font-size:21px}.commercial-metrics span{color:var(--muted);font-size:7px}.commercial-grid,.monitoring-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:14px;margin-bottom:14px}.offer-admin-list article{padding:12px 0;display:grid;grid-template-columns:37px 1fr .6fr auto auto;gap:10px;align-items:center;border-bottom:1px solid var(--line);font-size:8px}.offer-admin-list strong,.offer-admin-list small{display:block}.offer-admin-list small{color:var(--muted);font-size:6px}.coupon-form>div{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:8px}.coupon-form>div:nth-child(3){grid-template-columns:repeat(3,1fr)}.coupon-form label{display:grid;gap:5px;color:var(--muted);font-size:6px;font-weight:800}.coupon-form input,.coupon-form select{min-width:0;padding:8px;border:1px solid var(--line);border-radius:6px;font-size:7px}.coupon-list{margin-top:13px}.coupon-list article{padding:9px 0;display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;border-top:1px solid var(--line)}.coupon-list strong,.coupon-list small{display:block}.coupon-list small{color:var(--muted);font-size:6px}.coupon-list button{border:0;background:transparent;color:var(--orange-dark);font-size:6px;font-weight:800}.commercial-orders>div,.commercial-orders>article{display:grid;grid-template-columns:1.5fr .7fr .6fr .9fr .55fr auto;gap:12px;align-items:center}.commercial-orders>article{padding:12px 0;border-bottom:1px solid var(--line);font-size:7px}.commercial-orders strong,.commercial-orders small{display:block}.commercial-orders small{color:var(--muted);font-size:6px}.monitor-row{padding:12px 0;border-bottom:1px solid var(--line);font-size:7px}.monitor-row strong,.monitor-row small{display:block}.monitor-row small,.monitor-row p{color:var(--muted);font-size:6px}.offer-admin-form .form-card{margin-bottom:14px}.form-check-row{display:flex;gap:20px;margin-top:16px;font-size:8px;font-weight:800}.form-submit{min-width:230px}.seat-allocation-list article{padding:14px 0;display:grid;grid-template-columns:minmax(240px,1fr) auto minmax(450px,1.4fr);gap:13px;align-items:center;border-bottom:1px solid var(--line)}.seat-allocation-list article>div:first-child{display:flex;gap:10px;align-items:center}.seat-allocation-list strong,.seat-allocation-list small{display:block}.seat-allocation-list small{color:var(--muted);font-size:6px}.seat-allocation-list form{display:grid;grid-template-columns:1fr 1fr .8fr auto;gap:6px}.seat-allocation-list input{min-width:0;padding:8px;border:1px solid var(--line);border-radius:6px;font-size:7px}.seat-allocation-list button{border:0;border-radius:6px;background:var(--navy);color:#fff;font-size:7px;font-weight:800}.seat-person{text-align:right;font-size:8px}
@media(max-width:1100px){.catalog-grid{grid-template-columns:repeat(2,1fr)}.offer-page,.checkout-layout,.order-layout,.commercial-grid,.monitoring-grid{grid-template-columns:1fr}.offer-buy-card,.checkout-summary{position:static}.dense-form-grid{grid-template-columns:repeat(2,1fr)}.seat-allocation-list article{grid-template-columns:1fr auto}.seat-allocation-list form{grid-column:1/-1}.commercial-metrics,.seat-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.commerce-header nav{display:none}.catalog-grid{grid-template-columns:1fr}.catalog-hero h1,.offer-main h1{font-size:38px}.offer-facts{grid-template-columns:repeat(2,1fr)}.checkout-header{padding-inline:15px}.dense-form-grid,.checkout-type{grid-template-columns:1fr}.dense-form-grid .span-2,.dense-form-grid .span-4{grid-column:auto}.commercial-metrics,.seat-metrics{grid-template-columns:1fr}.seat-allocation-list form{grid-template-columns:1fr}.commercial-orders{overflow:auto}.commercial-orders>div,.commercial-orders>article{min-width:850px}}

/* Commercial premium polish */
.commercial-metrics,
.seat-metrics { margin: 24px 0 28px; gap: 16px; }
.commercial-metrics article,
.seat-metrics article { min-width: 0; min-height: 142px; padding: 23px 24px; display: flex; flex-direction: column; border-radius: 12px; box-shadow: 0 10px 30px rgba(15,27,39,.035); }
.commercial-metrics small,
.seat-metrics small { font-size: 8px; line-height: 1.45; letter-spacing: .65px; overflow-wrap: anywhere; }
.commercial-metrics strong,
.seat-metrics strong { margin: 15px 0 7px; font-size: 26px; line-height: 1.08; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.commercial-metrics span { margin-top: auto; font-size: 9px; line-height: 1.5; overflow-wrap: anywhere; }
.commercial-grid,
.monitoring-grid { gap: 18px; margin: 0 0 18px; align-items: start; }
.commercial-grid > *,
.monitoring-grid > *,
.offer-admin-list article > *,
.commercial-orders > * > *,
.coupon-list article > *,
.monitor-row > * { min-width: 0; }
.commercial-grid .admin-panel,
.monitoring-grid .admin-panel { margin-top: 0; }
.offer-admin-list,
.commercial-orders { overflow-x: auto; scrollbar-width: thin; scrollbar-color: #c6ced7 transparent; }
.offer-admin-list article { min-width: 650px; padding: 15px 2px; gap: 14px; font-size: 10px; line-height: 1.45; }
.offer-admin-list strong { overflow-wrap: anywhere; }
.offer-admin-list small { margin-top: 4px; font-size: 8px; line-height: 1.45; overflow-wrap: anywhere; }
.coupon-form { padding-top: 4px; }
.coupon-form > div { gap: 13px; margin-bottom: 13px; }
.coupon-form label { gap: 7px; font-size: 9px; line-height: 1.35; }
.coupon-form input,
.coupon-form select { min-height: 42px; padding: 9px 11px; font-size: 10px; }
.coupon-list { margin-top: 18px; }
.coupon-list article { padding: 13px 0; gap: 12px; }
.coupon-list strong { font-size: 10px; }
.coupon-list small,
.coupon-list button { margin-top: 4px; font-size: 8px; line-height: 1.4; }
.commercial-orders > div,
.commercial-orders > article { min-width: 920px; gap: 16px; }
.commercial-orders > article { padding: 15px 2px; font-size: 10px; line-height: 1.45; }
.commercial-orders small { margin-top: 4px; font-size: 8px; line-height: 1.45; overflow-wrap: anywhere; }
.commercial-orders .admin-table-head { padding: 12px 2px; font-size: 8px; }
.monitor-row { padding: 16px 2px; font-size: 10px; line-height: 1.5; }
.monitor-row small,
.monitor-row p { margin: 5px 0 0; font-size: 8px; line-height: 1.55; overflow-wrap: anywhere; }
.seat-allocation-list article > *,
.seat-allocation-list form > * { min-width: 0; }
.seat-allocation-list small { font-size: 8px; line-height: 1.4; overflow-wrap: anywhere; }
.seat-allocation-list input,
.seat-allocation-list button { min-height: 40px; font-size: 9px; }

@media(max-width:1280px) {
    .commercial-metrics,
    .seat-metrics { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .commercial-grid,
    .monitoring-grid { grid-template-columns: 1fr; }
}

@media(max-width:700px) {
    .commercial-metrics,
    .seat-metrics { grid-template-columns: 1fr; gap: 12px; }
    .commercial-metrics article,
    .seat-metrics article { min-height: 130px; padding: 20px; }
    .coupon-form > div,
    .coupon-form > div:nth-child(3) { grid-template-columns: 1fr; }
    .offer-admin-list article { min-width: 620px; }
}

/* Public commercial proposal */
.proposal-page { min-height: 100vh; background: #f4f6f8; color: #101827; }
.proposal-public-header { min-height: 82px; padding: 0 max(28px, calc((100vw - 1440px) / 2)); display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid #e2e7ec; background: #fff; }
.proposal-public-header > span { color: #677386; font-size: 8px; font-weight: 850; letter-spacing: 1px; }
.proposal-public-layout { width: min(1440px, calc(100% - 56px)); margin: 0 auto; padding: 62px 0 90px; display: grid; grid-template-columns: minmax(0, 1fr) 390px; gap: 45px; align-items: start; }
.proposal-public-layout h1 { max-width: 900px; margin: 14px 0; font-size: clamp(38px, 4.5vw, 68px); line-height: .98; letter-spacing: -3px; }
.proposal-recipient { margin: 18px 0 34px; color: #667286; font-size: 13px; }
.proposal-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid #dfe5eb; border-radius: 14px; background: #fff; overflow: hidden; }
.proposal-facts > span { min-width: 0; padding: 21px; border-right: 1px solid #e6eaee; }
.proposal-facts > span:last-child { border-right: 0; }
.proposal-facts small, .proposal-facts strong { display: block; overflow-wrap: anywhere; }
.proposal-facts small { color: #7a8595; font-size: 7px; font-weight: 850; letter-spacing: .6px; }
.proposal-facts strong { margin-top: 8px; font-size: 13px; }
.proposal-content { margin-top: 24px; padding: 34px; border: 1px solid #dfe5eb; border-radius: 14px; background: #fff; color: #566276; font-size: 11px; line-height: 1.75; }
.proposal-content h2 { margin: 0 0 12px; color: #111827; font-size: 18px; }
.proposal-content h2:not(:first-child) { margin-top: 30px; padding-top: 27px; border-top: 1px solid #e7ebef; }
.proposal-accept-card { position: sticky; top: 24px; padding: 32px; border-radius: 16px; background: #0b1425; color: #fff; box-shadow: 0 28px 70px rgba(10, 20, 37, .2); }
.proposal-accept-card h2 { margin: 8px 0; font-size: 24px; }
.proposal-accept-card > p { color: #adb9c6; font-size: 10px; line-height: 1.65; }
.proposal-accept-card form { margin-top: 22px; display: grid; gap: 13px; }
.proposal-accept-card form > label:not(.proposal-consent) { display: grid; gap: 6px; color: #c0cad4; font-size: 8px; font-weight: 750; }
.proposal-accept-card input { min-width: 0; padding: 12px; border: 1px solid #344055; border-radius: 8px; background: #131e31; color: #fff; outline: 0; }
.proposal-accept-card input:focus { border-color: #ff6735; box-shadow: 0 0 0 3px rgba(255, 103, 53, .18); }
.proposal-consent { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px; color: #adb9c6; font-size: 8px; line-height: 1.55; }
.proposal-consent input { width: 15px; height: 15px; padding: 0; accent-color: #ff6735; }
.proposal-accept-card .button { width: 100%; justify-content: center; }
.proposal-accept-card code { display: block; margin-top: 18px; padding: 12px; border-radius: 8px; background: #131e31; color: #9fb0c1; font-size: 7px; overflow-wrap: anywhere; }
.accept-seal { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: #15996f; font-size: 23px; }

@media(max-width:950px) {
    .proposal-public-layout { grid-template-columns: 1fr; }
    .proposal-accept-card { position: static; }
}

@media(max-width:650px) {
    .proposal-public-header { align-items: flex-start; padding-block: 18px; flex-direction: column; }
    .proposal-public-layout { width: min(100% - 30px, 1440px); padding-top: 38px; }
    .proposal-facts { grid-template-columns: repeat(2, 1fr); }
    .proposal-facts > span:nth-child(2) { border-right: 0; }
    .proposal-facts > span:nth-child(-n+2) { border-bottom: 1px solid #e6eaee; }
    .proposal-content, .proposal-accept-card { padding: 23px; }
}

/* Operational expansion */
.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.integration-grid>.admin-panel{min-width:0}.integration-grid .storage-readiness{grid-column:1/-1}.integration-grid article>form:last-child{margin-top:16px}.storage-readiness code,.package-admin-row code{display:block;padding:12px;border-radius:8px;background:#10192a;color:#b9c6d5;overflow-wrap:anywhere}.storage-readiness ul{padding-left:18px;color:#667287}.import-matrix-guide,.communication-policy{margin-top:24px}.import-matrix-guide>code{display:block;margin:14px 0;padding:14px;border-radius:9px;background:#10192a;color:#d4dee8;line-height:1.7;overflow:auto}.communication-policy>p{color:#687487}.learning-package-callout{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;border:1px solid #f2c6b5;border-radius:14px;background:#fff8f4}.learning-package-callout span,.learning-package-callout strong,.learning-package-callout small{display:block}.learning-package-callout span{color:#e6582c;font-size:7px;font-weight:900;letter-spacing:.8px}.learning-package-callout strong{margin:5px 0;font-size:16px}.learning-package-callout small{color:#748093}.package-admin-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 18px;padding:14px 0;border-top:1px solid #e3e8ed}.package-admin-row span{color:#687487;font-size:9px}.package-admin-row code{grid-column:1/-1;font-size:7px}.package-player-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.package-player-heading h1{margin:6px 0}.package-player-heading p{color:#667287}.package-frame{height:calc(100vh - 210px);min-height:560px;border:1px solid #dce3e8;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 20px 55px rgba(13,27,39,.08)}.package-frame iframe{width:100%;height:100%;border:0}@media(max-width:900px){.integration-grid{grid-template-columns:1fr}.integration-grid .storage-readiness{grid-column:auto}.learning-package-callout{align-items:flex-start;flex-direction:column}.package-frame{min-height:480px;height:70vh}}

.settings-intro{padding-bottom:22px;border-bottom:1px solid #dfe5ea}.settings-saved-state{padding:9px 12px;border:1px solid #cfe6dc;border-radius:999px;background:#f5fbf8;color:#16845f;font-size:7px;font-weight:900;letter-spacing:.7px}.settings-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px;align-items:start}.settings-index{position:sticky;top:96px;display:grid;padding:14px;border:1px solid #e0e6eb;border-radius:13px;background:#fff;box-shadow:0 12px 30px rgba(18,31,45,.05)}.settings-index>strong{padding:7px 8px 13px;color:#8994a3;font-size:7px;letter-spacing:1px}.settings-index a{display:flex;gap:10px;padding:11px 9px;border-radius:8px;color:#a0a9b5;font-size:8px;font-weight:800}.settings-index a:hover{background:#fff2ec;color:#ef6338}.settings-index a span{color:#344153}.settings-content{display:grid;gap:20px;min-width:0}.settings-section{scroll-margin-top:20px;padding:26px;border:1px solid #dde4e9;border-radius:15px;background:#fff;box-shadow:0 12px 35px rgba(15,28,43,.045)}.settings-section-head{display:grid;grid-template-columns:44px 1fr;gap:14px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #e8ecef}.settings-section-head>span{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:#101829;color:#fff;font-size:10px;font-weight:900}.settings-section-head small{color:#ef6338;font-size:7px;font-weight:900;letter-spacing:.9px}.settings-section-head h2{margin:4px 0;font-size:19px}.settings-section-head p{margin:0;color:#748093;font-size:8px}.settings-section .dense-form-grid .button{justify-self:start;min-width:170px;margin-top:4px}.settings-toggle{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:10px!important;padding:12px;border:1px solid #e1e6ea;border-radius:9px;background:#fbfcfd;cursor:pointer}.settings-toggle input{width:auto!important;margin-top:2px;accent-color:#ef6338}.settings-toggle strong,.settings-toggle small{display:block}.settings-toggle strong{color:#202b3a;font-size:8px}.settings-toggle small{margin-top:4px;color:#7c8796;font-size:7px;font-weight:500;line-height:1.4}.settings-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:24px;padding-top:22px;border-top:1px solid #e8ecef}.settings-modules a{display:grid;gap:4px;padding:16px;border:1px solid #dfe5ea;border-radius:10px;background:#fbfcfd}.settings-modules a:hover{border-color:#ef6338;box-shadow:0 8px 22px rgba(239,99,56,.08)}.settings-modules span{color:#ef6338;font-size:6px;font-weight:900;letter-spacing:.8px}.settings-modules strong{color:#1b2636;font-size:9px}.settings-modules small{color:#7a8696;font-size:7px}@media(max-width:900px){.settings-layout{grid-template-columns:1fr}.settings-index{position:static;display:flex;overflow:auto}.settings-index>strong{display:none}.settings-index a{white-space:nowrap}.settings-modules{grid-template-columns:1fr}}@media(max-width:700px){.settings-section{padding:18px}.settings-section-head{grid-template-columns:36px 1fr}.settings-section-head>span{width:32px;height:32px}}
