:root{--ink:#082c5d;--blue:#1267e9;--pale:#f2f7ff;--line:#d5e2f6;--muted:#496787}*{box-sizing:border-box}body{margin:0;font:16px/1.5 Arial,sans-serif;background:var(--pale);color:var(--ink)}header,main,footer{max-width:1180px;margin:auto}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.brand{font-weight:800;font-size:20px;text-decoration:none;color:var(--ink)}.brand span,.eyebrow{color:var(--blue)}nav{display:flex;gap:25px}nav a{color:var(--ink);text-decoration:none;font-weight:700}.hero{padding:100px 28px 88px;max-width:760px}.hero h1,h2{line-height:1.05;margin:10px 0 18px}.hero h1{font-size:clamp(42px,7vw,76px)}.hero p{font-size:19px;color:var(--muted)}.eyebrow{font-size:12px!important;letter-spacing:.12em;font-weight:800}.button,button{display:inline-block;background:var(--blue);color:white;border:0;border-radius:8px;padding:13px 19px;font-weight:800;text-decoration:none}.button{margin-top:12px}section:not(.hero){padding:52px 28px}.catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.product-card,.portal{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px}.product-card h3{font-size:23px;margin:6px 0}.product-card p:not(.eyebrow){color:var(--muted);min-height:72px}.product-card button{opacity:.55;cursor:not-allowed}.portal{margin:0 28px 64px;background:#0d3a78;color:#fff}.portal p:not(.eyebrow){color:#d8e7ff}.error{color:#b42318}footer{padding:28px;color:var(--muted)}
.verification{margin:0 28px 28px;background:#fff;border:1px solid var(--line);border-radius:16px;max-width:720px}.verification form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.verification label{display:grid;gap:6px;font-weight:700;min-width:min(100%,330px)}.verification input{border:1px solid #a9c3e9;border-radius:8px;padding:12px;font:inherit}.status{min-height:24px;color:var(--muted);font-weight:700}.customer-summary{margin-top:18px;padding:18px;border-radius:10px;background:#edf5ff}.customer-summary h3,.customer-summary p{margin:0 0 8px}.customer-summary p:last-child{margin-bottom:0}@media(max-width:600px){header{padding:0 18px}.verification{margin:0 18px 20px}.verification form{display:grid}.verification button{width:100%}}
.staff{margin:0 28px 64px;background:#fff;border:1px solid var(--line);border-radius:16px;max-width:720px}.staff p:not(.eyebrow){color:var(--muted)}.portal-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:18px}.portal-actions .button{margin:0}.portal-actions .text-button{background:#fff;color:var(--ink)}.portal-customer{margin-top:18px;padding:12px 14px;border:1px solid #8db5ef;border-radius:9px;background:#fff;color:var(--ink);font-weight:700}
.matrix-catalog{margin-top:24px}.matrix-catalog-list{display:grid;gap:8px}.matrix-catalog-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(260px,2fr) auto;align-items:center;gap:16px;padding:12px 0;border-top:1px solid var(--line)}.matrix-catalog-row span{color:var(--muted);text-align:right}.catalog-open{padding:9px 13px}.catalog-editor{margin-top:24px;color:var(--ink)}.catalog-editor h4{margin:10px 0 4px}.catalog-note{color:var(--muted)!important;min-height:0!important;font-size:14px}.catalog-form,.catalog-media form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.catalog-form label,.catalog-media label{display:grid;gap:6px;font-weight:700;color:var(--ink)}.catalog-form input,.catalog-form textarea,.catalog-media input{width:100%;border:1px solid #a9c3e9;border-radius:8px;padding:10px;font:inherit}.catalog-form textarea{min-height:96px;resize:vertical}.catalog-wide{grid-column:1/-1}.catalog-checkbox{display:flex!important;align-items:center;gap:8px}.catalog-checkbox input{width:auto}.material-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px}.material-grid fieldset{display:grid;gap:10px;border:1px solid var(--line);border-radius:10px;padding:14px}.material-grid p{margin:0;color:var(--muted);font-size:14px}.catalog-media{grid-column:1/-1;margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}.catalog-media form{max-width:620px}.catalog-media .status{grid-column:1/-1}@media(max-width:620px){.matrix-catalog-row{grid-template-columns:1fr}.matrix-catalog-row span{text-align:left}.catalog-form,.catalog-media form{grid-template-columns:1fr}}
.catalog-shapes{grid-column:1/-1;margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}.catalog-shape-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.catalog-shape-form label{display:grid;gap:6px;font-weight:700}.catalog-shape-form input,.catalog-shape-form select{border:1px solid #a9c3e9;border-radius:8px;padding:10px;font:inherit}.catalog-shape-form .status{grid-column:1/-1}.variant-list{max-height:460px;overflow:auto;border:1px solid var(--line);border-radius:10px}.variant-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line)}.variant-row:last-child{border-bottom:0}.variant-row span{display:grid}.variant-row small,.variant-row em{color:var(--muted)}.variant-row button{padding:7px 10px;background:#9b1c1c}.variant-retired{opacity:.58}@media(max-width:760px){.catalog-shape-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.catalog-shape-form{grid-template-columns:1fr}}
.catalog-reference{display:block;width:100%;max-height:220px;object-fit:contain;margin:0 0 14px;border:1px solid var(--line);border-radius:10px;background:#fff}
.product-card button{opacity:1;cursor:pointer}.configurator{margin:0 28px 48px;background:#fff;border:1px solid var(--line);border-radius:16px;color:var(--ink)}.configurator-header{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:22px}.configurator-header h2{margin-bottom:8px}.configurator-header p:not(.eyebrow){color:var(--muted);margin:0}.text-button{background:#fff;color:var(--ink);border:1px solid #a9c3e9;cursor:pointer}.configuration-form{display:grid;gap:16px;max-width:760px}.configuration-form>label,.configuration-form select,.configuration-form input{font:inherit}.configuration-form>label,.configuration-form #fixed-size-controls label,.custom-size-controls label{display:grid;gap:6px;font-weight:700}.configuration-form select,.configuration-form input{border:1px solid #a9c3e9;border-radius:8px;padding:11px;background:#fff;color:var(--ink)}.configuration-mode,.extra-choices{display:grid;gap:10px;border:1px solid var(--line);border-radius:10px;padding:14px}.configuration-mode legend,.extra-choices legend{font-weight:800;padding:0 5px}.configuration-mode label,.extra-choices label{display:flex;gap:9px;align-items:start;font-weight:700}.configuration-mode input,.extra-choices input{width:auto;margin-top:4px}.extra-choices span{display:grid;gap:2px}.extra-choices small,.field-note{color:var(--muted);font-size:13px;font-weight:400;margin:0}.extra-choices small+small{color:var(--ink);font-weight:700}.configuration-form #fixed-size-controls,.custom-size-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.custom-size-controls .field-note{grid-column:1/-1}.configuration-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.quote-summary{border:1px solid #a9c3e9;border-radius:10px;background:#edf5ff;padding:18px}.quote-summary h3{margin:0 0 10px}.quote-summary p{margin:8px 0}.quote-summary ul{margin:8px 0;padding-left:20px}.quote-total{font-size:20px;font-weight:800}@media(max-width:620px){.configurator{margin:0 18px 30px}.configurator-header{display:grid}.configuration-form #fixed-size-controls,.custom-size-controls{grid-template-columns:1fr}}
.custom-size-rules{display:grid;gap:10px;padding-top:10px;border-top:1px solid var(--line)}.custom-size-rules summary{cursor:pointer;font-weight:800;color:var(--ink)}.custom-size-rules label{display:grid;gap:6px;font-weight:700;color:var(--ink)}.custom-size-rules input,.custom-size-rules select,.catalog-fixed-price-form input{width:100%;border:1px solid #a9c3e9;border-radius:8px;padding:10px;font:inherit}.catalog-fixed-price-form{display:flex;align-items:end;gap:8px;min-width:240px}.catalog-fixed-price-form label{display:grid;gap:4px;font-size:12px;font-weight:800;color:var(--ink)}.catalog-fixed-price-form button{padding:8px 10px;background:var(--blue)}@media(max-width:760px){.variant-row{align-items:stretch;flex-direction:column}.catalog-fixed-price-form{width:100%}}
.catalog-extras{margin-top:24px;color:var(--ink)}.extra-list{display:grid;gap:8px;margin:16px 0}.extra-list article{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:8px}.extra-list small{color:var(--muted)}.catalog-extra-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.catalog-extra-form label{display:grid;gap:6px;font-weight:700;color:var(--ink)}.catalog-extra-form input,.catalog-extra-form select{border:1px solid #a9c3e9;border-radius:8px;padding:10px;font:inherit}.catalog-extra-form .status{grid-column:1/-1}.extra-assignment-list{display:grid;gap:8px}.extra-assignment{display:grid;grid-template-columns:auto minmax(140px,1fr) minmax(250px,1fr);gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:8px}.extra-assignment span{display:grid}.extra-assignment small{color:var(--muted)}.extra-assignment-settings{display:flex!important;gap:8px;align-items:end}.extra-assignment-settings label{display:grid!important;gap:4px;font-size:12px;font-weight:700}.extra-assignment-settings input{width:auto}.extra-assignment-settings input[type=number]{width:64px;border:1px solid #a9c3e9;border-radius:6px;padding:6px}@media(max-width:760px){.catalog-extra-form{grid-template-columns:repeat(2,minmax(0,1fr))}.extra-assignment{grid-template-columns:auto 1fr}.extra-assignment-settings{grid-column:1/-1}}@media(max-width:620px){.catalog-extra-form{grid-template-columns:1fr}.extra-assignment-settings{flex-wrap:wrap}}
.customer-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:24px}.customer-toolbar p{margin:0;color:var(--muted)}.customer-search{margin-top:18px;padding:16px!important}.customer-search label{display:grid;gap:6px;font-size:12px;font-weight:800}.customer-search input{width:100%;border:1px solid #a9c3e9;border-radius:9px;padding:13px 14px;font:inherit;font-size:16px}.customer-directory{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.5fr);gap:18px;padding:18px 0 0!important}.customer-list{display:grid;align-content:start;gap:8px;min-height:280px}.customer-row{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);text-align:left;cursor:pointer}.customer-row:hover,.customer-row.selected{border-color:var(--blue);background:#edf5ff;box-shadow:0 0 0 2px rgba(18,103,233,.08)}.customer-row>span:nth-child(2){display:grid;gap:2px;min-width:0}.customer-row strong,.customer-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-row small,.customer-row-meta span{color:var(--muted)}.customer-row-meta{grid-column:2;text-align:left;display:flex!important;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.customer-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#e5efff;color:var(--blue);font-weight:900}.customer-avatar.large{width:58px;height:58px;border-radius:17px;font-size:18px}.customer-balance{display:inline-block;font-weight:800}.customer-credit{color:#087443}.customer-due{color:#bb1e24}.customer-zero{color:var(--muted)}.customer-detail{min-height:405px}.customer-detail-empty{display:grid;place-content:center;min-height:330px;text-align:center;color:var(--muted)}.customer-detail-empty strong{color:var(--ink);font-size:20px}.customer-detail-empty p{max-width:420px}.customer-detail-head{display:flex;justify-content:space-between;gap:18px;padding-bottom:20px;border-bottom:1px solid var(--line)}.customer-profile-main{display:flex;gap:14px;align-items:center}.customer-profile-main h2{margin:0 0 4px}.customer-profile-main p{margin:0;color:var(--muted)}.customer-status{display:inline-block;margin-top:7px;padding:3px 8px;border-radius:999px;background:#eaf7ef;color:#087443;font-size:11px;font-weight:900;text-transform:uppercase}.customer-status.review{background:#fff5df;color:#a85a00}.customer-status.blocked{background:#feecef;color:#bb1e24}.customer-detail-actions{display:flex;align-items:start}.customer-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.customer-facts article,.customer-detail-grid article{border:1px solid var(--line);border-radius:10px;padding:13px}.customer-facts span{display:block;margin-bottom:6px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.customer-facts strong{font-size:14px}.customer-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.customer-detail-grid h3{margin:0 0 8px;font-size:16px}.customer-detail-grid p{margin:7px 0;color:var(--muted);font-size:14px}.customer-restrictions{display:grid;gap:7px}.customer-restriction{padding:7px 9px;border-radius:7px;background:#eaf7ef;color:#087443;font-size:13px;font-weight:700}.customer-restriction.restricted{background:#feecef;color:#bb1e24}.customer-editor{color:var(--ink)}.customer-editor-heading{display:flex;justify-content:space-between;gap:18px;align-items:start}.customer-editor-heading p{margin:0}.customer-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.customer-form label{display:grid;gap:6px;font-weight:700}.customer-form input,.customer-form select{width:100%;border:1px solid #a9c3e9;border-radius:8px;padding:10px;font:inherit;background:#fff}.customer-form .catalog-checkbox{width:max-content;align-self:end}.customer-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border:1px solid var(--line);border-radius:10px;padding:14px}.customer-settings legend{font-weight:800;padding:0 6px}.customer-balance-note{grid-column:span 2;margin:0;align-self:end}.customer-balance-note .customer-balance{display:block;margin-bottom:4px}.customer-certificate{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.customer-certificate h3,.customer-certificate p{margin:0 0 10px}.customer-certificate form{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-top:12px}.customer-certificate label{display:grid;gap:6px;font-weight:700}.customer-certificate input{border:1px solid #a9c3e9;border-radius:8px;padding:8px;font:inherit}.customer-certificate .status{width:100%}.customer-modal-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px}.matrix-modal[hidden]{display:none}.matrix-modal{position:fixed;z-index:50;inset:0;overflow:auto;padding:42px 18px;background:rgba(8,29,61,.56);backdrop-filter:blur(4px)}.matrix-modal-card{position:relative;width:min(920px,100%);margin:auto;padding:30px;border-radius:18px;background:#fff;box-shadow:0 28px 90px rgba(3,17,44,.35)}.matrix-modal-close{position:absolute;right:14px;top:13px;width:36px;height:36px;padding:0;border-radius:50%;background:#edf3fc;color:var(--ink);font-size:26px;line-height:1;cursor:pointer}.modal-open{overflow:hidden}@media(max-width:900px){.customer-directory{grid-template-columns:1fr}.customer-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.customer-form,.customer-settings,.customer-detail-grid{grid-template-columns:1fr}.customer-balance-note{grid-column:auto}.customer-editor-heading{display:grid}.customer-detail-head{display:grid}}@media(max-width:540px){.customer-toolbar{align-items:stretch;flex-direction:column}.customer-toolbar button{width:100%}.customer-facts{grid-template-columns:1fr}.matrix-modal{padding:16px 8px}.matrix-modal-card{padding:26px 17px}.customer-modal-actions{flex-direction:column-reverse}.customer-modal-actions button{width:100%}}
.matrix-body{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr);background:#f4f7fc}.matrix-sidebar{position:sticky;top:0;height:100vh;overflow:auto;background:#081d3d;color:#d7e4fb;padding:24px 18px}.matrix-logo{display:flex;align-items:center;gap:10px;margin:0 10px 28px;color:#fff;text-decoration:none}.matrix-logo>span{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#166cec;font-size:23px;font-weight:900}.matrix-logo b{letter-spacing:.05em}.matrix-logo small{display:block;font-size:9px;color:#9ab3d9;letter-spacing:.15em;margin-top:1px}.matrix-nav{display:grid;gap:4px}.matrix-nav button{width:100%;padding:11px 14px;border:0;border-radius:9px;background:transparent;color:#c9d9f3;text-align:left;font-weight:700;cursor:pointer}.matrix-nav button:hover,.matrix-nav button.active{background:#1a3a68;color:#fff}.matrix-environment{margin:28px 10px 0;color:#8da6cf;font-size:11px;letter-spacing:.09em;font-weight:800}.matrix-shell{min-width:0}.matrix-topbar{max-width:none;height:72px;padding:0 42px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}.matrix-topbar .status{margin:0}.matrix-topbar nav{display:flex;align-items:center;gap:14px}.matrix-topbar nav a{font-weight:800;color:var(--ink);text-decoration:none}.matrix-content{max-width:1280px;margin:0;padding:48px 42px 70px}.matrix-panel h1{font-size:clamp(36px,5vw,60px);margin:6px 0 8px}.matrix-subtitle{margin:0;color:var(--muted);font-size:18px}.matrix-intro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:38px}.matrix-intro-grid article,.matrix-surface{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px}.matrix-intro-grid h2,.matrix-surface h2{margin:0 0 9px}.matrix-intro-grid p{color:var(--muted);margin:0}.go-catalog{margin-top:16px}.matrix-panel>.catalog-extras{margin-top:24px}.matrix-section-heading{display:flex;justify-content:space-between;gap:18px;align-items:start}.matrix-section-heading p{margin:0;color:var(--muted)}.matrix-surface.catalog-editor{margin-top:24px}.matrix-surface .catalog-media,.matrix-surface .catalog-shapes{margin-top:26px}.matrix-surface.catalog-extras{margin:0}.matrix-surface.catalog-extras h3{margin-top:0}.matrix-body footer{display:none}@media(max-width:900px){.matrix-body{grid-template-columns:1fr}.matrix-sidebar{position:static;height:auto;padding:16px}.matrix-logo{margin:0 4px 14px}.matrix-nav{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.matrix-environment{margin:14px 4px 0}.matrix-content{padding:30px 20px}.matrix-topbar{padding:0 20px}.matrix-intro-grid{grid-template-columns:1fr}}@media(max-width:540px){.matrix-topbar{height:auto;min-height:68px;align-items:start;flex-direction:column;padding:12px 18px}.matrix-topbar nav{width:100%;justify-content:space-between}.matrix-content{padding:24px 16px}.matrix-surface,.matrix-intro-grid article{padding:18px}}.extra-choice-group{display:grid;gap:10px;border:0;padding:0;margin:8px 0}.extra-choice-group legend{font-weight:800}.extra-choice-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.extra-choice-card{position:relative;display:block!important;border:1px solid #a9c3e9;border-radius:10px;padding:10px;cursor:pointer}.extra-choice-card:has(input:checked){border:2px solid var(--blue);background:#edf5ff}.extra-choice-card input{position:absolute;opacity:0}.extra-choice-card span{display:grid;gap:5px}.extra-choice-card img,.extra-choice-preview{width:100%;height:104px;object-fit:cover;border-radius:7px}.extra-choice-card small{color:var(--muted)}.extra-choice-card.no-image{display:flex!important;align-items:center;min-height:54px}.extra-list article{grid-template-columns:minmax(0,1fr) auto;align-items:center}.extra-manage{padding:8px 11px}.extra-group-form{grid-template-columns:repeat(2,minmax(0,1fr))}.extra-choice-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border:1px solid var(--line);border-radius:10px;padding:12px;margin:12px 0}.extra-choice-row label,.extra-group-editor label,.extra-choice-media-form label{display:grid;gap:6px;font-weight:700;color:var(--ink)}.extra-choice-row input,.extra-choice-row select,.extra-group-editor input,.extra-group-editor select,.extra-choice-media-form input{border:1px solid #a9c3e9;border-radius:8px;padding:10px;font:inherit}.extra-group-editor{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.extra-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:16px}.extra-choice-media-form{display:grid;gap:9px;border:1px solid var(--line);border-radius:10px;padding:12px}.extra-choice-media-form button{justify-self:start;padding:9px 12px}@media(max-width:760px){.extra-choice-row{grid-template-columns:1fr}}
.customer-scopes{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.customer-scopes button{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:12px;cursor:pointer}.customer-scopes button.active{border-color:var(--blue);background:#eaf2ff;color:var(--blue)}.customer-facts small{display:block;margin-top:5px;color:var(--muted);font-size:11px}
.order-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0;border:1px solid #a9c3e9;border-radius:10px;padding:14px}.order-details legend,.order-services legend{font-weight:800;padding:0 5px}.order-details label{display:grid;gap:5px;font-weight:700;font-size:14px}.order-details input{border:1px solid #a9c3e9;border-radius:8px;padding:10px;font:inherit}.order-details .wide{grid-column:1/-1}.order-services{display:grid;gap:8px;margin:18px 0;border:1px solid #a9c3e9;border-radius:10px;padding:14px}.order-services label{display:flex;gap:8px;align-items:center;font-weight:700}@media(max-width:620px){.order-details{grid-template-columns:1fr}.order-details .wide{grid-column:auto}}
.commerce-list{display:grid;gap:10px;margin-top:24px}.commerce-list article{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding:14px 0}.commerce-list article:last-child{border-bottom:0}.commerce-list p,.commerce-list small{display:block;margin:5px 0;color:var(--muted)}.commerce-list article>div:last-child{text-align:right}@media(max-width:620px){.commerce-list article{display:grid}.commerce-list article>div:last-child{text-align:left}}
.portal-records{display:grid;gap:8px;margin-top:15px;padding-top:14px;border-top:1px solid #b8d0f3}.portal-records h3{margin:0 0 4px}.portal-record{display:grid;gap:3px;padding:12px;border:1px solid #b8d0f3;border-radius:9px;background:#fff;color:var(--ink)}.portal-record small{color:var(--muted)}.portal-record-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px}.portal-record-actions button{padding:8px 11px;font-size:13px}
.customer-commerce-actions{display:flex;gap:8px;flex-wrap:wrap}.customer-commerce-actions .button{margin:0;padding:10px 13px}