:root{--paper:#f7f7f3;--ink:#272925;--muted:#62655f;--line:#dcdfd6;--green:#3f624b;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 'Segoe UI',Arial,sans-serif}button,input,select,textarea{font:inherit}button,.button{padding:10px 16px;border:1px solid var(--line);border-radius:10px;background:var(--white);color:var(--ink);cursor:pointer;text-decoration:none}button:hover{background:#efefe9}button:disabled{opacity:.55;cursor:wait}.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{background:#fff;border-right:1px solid var(--line);padding:28px 18px;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:26px;font-weight:650;letter-spacing:4px;margin:0 10px 32px}.brand img{width:42px;height:42px}.brand small{display:block;font-size:12px;letter-spacing:0;color:var(--muted);font-weight:400}nav{display:grid;gap:4px}nav button{text-align:left;border-color:transparent;padding:11px 14px}nav button[aria-current=page]{background:#efefe9;font-weight:600}.role{font-size:12px;color:var(--muted);padding:10px}main{padding:0 48px 80px;min-width:0}.top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);min-height:82px;color:var(--muted);font-size:13px}.status{background:#edf3ec;color:var(--green);border-radius:24px;padding:8px 14px}.page-title{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:42px 0 26px}h1{font-size:36px;line-height:1.2;letter-spacing:-1px;margin:10px 0}h2{font-size:23px;letter-spacing:-.4px}h3{font-size:18px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;color:var(--muted)}.cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;margin:24px 0}.facts{display:grid;grid-template-columns:minmax(140px,1fr) 3fr;background:#fff;border:1px solid var(--line);border-radius:16px;margin:20px 0;overflow:hidden}.facts dt,.facts dd{padding:12px 18px;margin:0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.facts dt{text-transform:capitalize;color:var(--muted)}.facts dd:last-child,.facts dt:nth-last-child(2){border-bottom:0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:#fff;margin:20px 0}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line);max-width:360px;overflow-wrap:anywhere}th{background:#efefe9;font-weight:600;text-transform:capitalize;white-space:nowrap}tr:last-child td{border-bottom:0}.empty,.error{padding:20px;border-radius:12px;background:#efefe9}.error{background:#f8eeea;color:#6b332b}.filters,.input-actions{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:20px 0}label{display:grid;gap:8px;margin:16px 0;color:var(--muted)}input,textarea,select{border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--paper);color:var(--ink);max-width:100%;min-width:0}form>label input,form>label textarea{width:100%}textarea{min-height:95px;resize:vertical}.check{display:flex;align-items:center}.check input{width:18px;height:18px}.login{max-width:630px;margin:14vh auto;padding:44px;background:#fff;border:1px solid var(--line);border-radius:24px}.login img{width:52px;height:52px}.login h1{font-size:42px}.login .button{display:inline-block;margin:20px 0}.capture img,video{max-width:100%;max-height:400px;border-radius:14px}.message{white-space:pre-wrap}.offer{padding:20px 0;border-top:1px solid var(--line)}:focus-visible{outline:3px solid var(--green);outline-offset:3px}@media(max-width:1050px){main{padding:0 24px 60px}.shell{grid-template-columns:215px 1fr}.cards{grid-template-columns:1fr}}@media(max-width:720px){.shell{display:block}aside{height:auto;position:static}.brand{margin-bottom:15px}nav{grid-template-columns:1fr 1fr}.top,.page-title{align-items:start;flex-direction:column;justify-content:center}.facts{grid-template-columns:1fr}.facts dt{border-bottom:0;padding-bottom:0}.login{margin:24px}.cards{display:block}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.table-wrap{max-height:540px}.table-wrap td{min-width:110px}.table-wrap button{white-space:nowrap}.table-wrap td:has(button){min-width:150px}.table-wrap thead{position:sticky;top:0;z-index:1}

.kpi-grid,.group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.kpi-grid button{display:grid;text-align:left}.kpi-grid strong{font-size:28px}.trend-chart{display:flex;align-items:end;gap:6px;min-height:100px;max-height:220px;overflow:auto}.trend-chart div{background:var(--green);min-width:20px;max-height:200px}.social-editor img{width:32px;height:32px}pre{white-space:pre-wrap;overflow-wrap:anywhere}td{vertical-align:top}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.product-card{border:1px solid var(--line);border-radius:16px;padding:20px;background:white}.product-card img{width:100%;height:160px;object-fit:contain}.product-card h3{min-height:48px}.product-actions{display:flex;gap:10px;flex-wrap:wrap}.app-info-strip{display:flex;flex-wrap:wrap;gap:16px}.input-actions button{min-height:44px}
img[src$="/social-x.svg"]{background:#111;padding:7px;box-sizing:content-box;border-radius:4px;object-fit:contain}

.entity-dialog{width:min(880px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);padding:0;border:1px solid var(--line);border-radius:18px;color:var(--ink);background:var(--paper);box-shadow:0 24px 80px #0003}.entity-dialog[open]{display:flex;flex-direction:column}.entity-dialog::backdrop{background:#20242099}.dialog-header,.dialog-footer{flex:none;padding:16px 24px;background:white;display:flex;gap:12px;align-items:center;justify-content:space-between}.dialog-header{border-bottom:1px solid var(--line)}.dialog-header h2{margin:0}.dialog-header small{color:var(--muted)}.dialog-header button{font-size:24px;min-width:44px}.dialog-body{padding:0 24px 20px;overflow:auto;min-height:0;overscroll-behavior:contain}.dialog-body fieldset,.dialog-footer fieldset{margin:0;padding:0;border:0;min-width:0}.dialog-footer{border-top:1px solid var(--line);flex-wrap:wrap}.dialog-footer fieldset{display:flex;gap:12px;flex-wrap:wrap}.dialog-body .card{padding:20px}.dialog-body .facts{grid-template-columns:minmax(120px,1fr) 2fr}.dialog-tabs,.module-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.dialog-tabs button[aria-current],.module-tabs button[aria-current]{background:#e8eee6;border-color:var(--green)}
.table-wrap th:first-child,.table-wrap td:first-child{position:sticky;left:0;min-width:180px;max-width:230px;background:white;z-index:1}.table-wrap th:last-child:has(+*){position:static}.table-wrap th:last-child,.table-wrap td:last-child:has(button){position:sticky;right:0;background:white;z-index:1}.table-wrap th{background:#efefe9!important;z-index:3!important}.table-wrap td{overflow-wrap:normal}.table-wrap td:first-child{overflow-wrap:anywhere}.table-wrap td:has(button){min-width:154px}.social-section{padding:20px}.social-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.social-grid .social-card{padding:14px 12px;border:1px solid var(--line);border-radius:14px;min-width:0;background:var(--paper);font-size:13px}.social-card h3{font-size:17px;margin:12px 0}.social-card input{width:100%;padding:9px;font-size:13px}.social-card label{gap:5px}.social-card .card{padding:0;border:0;background:transparent;margin:18px 0}.social-card .card h2{font-size:15px}.social-card button{padding:8px 10px;font-size:13px}.social-actions{display:flex;gap:6px;flex-wrap:wrap}.social-card p[role=alert]{overflow-wrap:anywhere}.social-card p{min-height:20px}.social-card textarea{width:100%}
@media(max-width:1150px){.social-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.entity-dialog{max-height:calc(100dvh - 32px)}.dialog-header,.dialog-footer{padding:14px 16px}.dialog-body{padding:0 16px 16px}.dialog-body .facts{grid-template-columns:1fr}.dialog-body .facts dd{padding-top:4px}.social-section{padding:16px}}@media(max-width:420px){.social-grid{grid-template-columns:1fr}}

.card form>fieldset{border:0;margin:0;padding:0;min-width:0;display:grid;gap:12px}

.offer-actions{align-items:center}.offer-actions>.coupon{display:contents}.offer-actions>.coupon>strong,.offer-actions>.coupon>p{flex-basis:100%;overflow-wrap:anywhere;margin:0}.offer-actions>.coupon>[role=status]{order:2;flex-basis:100%;overflow-wrap:anywhere}.offer-actions>.coupon>[role=status]:empty{display:none}

.social-icon{height:46px;display:flex;align-items:center}.social-icon>img{display:block;width:32px;height:32px;object-fit:contain;flex-shrink:0}

/* R4 scoped summaries and the shared page footer. */
.summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin:16px 0 24px}.summary-card{min-height:124px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--white);display:flex;flex-direction:column;gap:7px}.summary-card h3{font-size:14px;font-weight:500;margin:0}.summary-card>strong{font-size:28px;line-height:1.2;font-weight:600}.summary-card>small{font-size:12px;line-height:1.45;color:var(--muted);margin-top:auto}.summary-card>strong:not(:first-child){overflow-wrap:anywhere}.summary-basis{color:var(--muted);font-size:12px}.summary-period{display:inline-grid;gap:6px}.customer-summary,.analytics-summary{margin-bottom:28px}.customer-filters{align-items:end}.customer-filters label{margin:0}.customer-filters input,.customer-filters select,.customer-filters>button{height:44px;min-height:44px;margin:0}.paging{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:16px 0;width:100%;border-top:1px solid var(--line);margin:18px 0}.paging>button:first-child{justify-self:start}.paging>button:last-child{justify-self:end}.paging>button{min-height:44px;border-color:var(--line);text-align:center}.paging>span{text-align:center;display:grid;gap:2px;font-size:14px}.paging strong{font-weight:500}.paging small{color:var(--muted)}.row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.engine-on{background:#edf5ed;color:#24532e;border-color:#7ca781}.engine-off{background:#fff0ef;color:#8b2820;border-color:#d8a09c}.engine-off:disabled{opacity:1;cursor:not-allowed}.engine-state-note{font-size:12px;max-width:210px}.action-confirmation label{display:grid;gap:8px;margin:16px 0}.action-confirmation input{width:100%}.action-confirmation .confirmation-buttons{display:flex;gap:12px;margin-top:20px}
@media(max-width:600px){.paging{gap:8px;grid-template-columns:auto minmax(0,1fr) auto}.paging>button{padding:10px 12px}.paging>span{font-size:12px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-card{padding:14px}.customer-filters{display:grid;grid-template-columns:1fr}.customer-filters>button{justify-self:start}}

/* Owner R5 refinement: equal card widths, with a distinct gap between groups. */
.customer-summary-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 18px repeat(3,minmax(0,1fr));column-gap:14px;row-gap:24px;align-items:stretch}
.customer-summary-groups>section{min-width:0;display:grid;grid-template-rows:auto 1fr}
.customer-summary-groups h3{margin:0}
.customer-origin-group{grid-column:1/5}.customer-activity-group{grid-column:6/9}
.customer-origin-group .summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.customer-activity-group .summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1199px){.customer-summary-groups{grid-template-columns:1fr;gap:24px}.customer-origin-group,.customer-activity-group{grid-column:1}}
@media(max-width:600px){.customer-origin-group .summary-grid,.customer-activity-group .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* All thirteen customer cards use one geometry, including long unavailable text. */
.customer-summary{container-type:inline-size;container-name:customer-summary}
.customer-state-title{margin:24px 0 0}
.customer-summary>.summary-grid>.summary-card:is([data-metric="total"],[data-metric="ACTIVE"]){background:#edf5ed;border-color:#7ca781}
.customer-summary>.summary-grid>.summary-card:is([data-metric="SUSPENDED"],[data-metric="BLOCKED"],[data-metric="CLOSED"],[data-metric="inactive"]){background:#fff0ef;border-color:#d8a09c}
.customer-summary .summary-grid{--customer-card-size:calc((100cqw - 116px)/7)}
.customer-summary>.summary-grid{grid-template-columns:repeat(7,var(--customer-card-size))}
.customer-origin-group .summary-grid{grid-template-columns:repeat(4,var(--customer-card-size))}
.customer-activity-group .summary-grid{grid-template-columns:repeat(3,var(--customer-card-size))}
.customer-summary .summary-card{width:var(--customer-card-size);height:max(220px,var(--customer-card-size));min-height:0;box-sizing:border-box}
@container customer-summary (max-width:1350px){
 .customer-summary-groups{grid-template-columns:1fr;gap:24px}
 .customer-origin-group,.customer-activity-group{grid-column:1}
 .customer-summary .summary-grid{--customer-card-size:calc((100cqw - 42px)/4);grid-template-columns:repeat(4,var(--customer-card-size))}
}
@container customer-summary (max-width:700px){
 .customer-summary .summary-grid{--customer-card-size:calc((100cqw - 14px)/2);grid-template-columns:repeat(2,var(--customer-card-size))}
 .customer-summary .summary-card{height:max(240px,var(--customer-card-size))}
}

/* Owner refinement: quiet date hints, with readable selected values. */
.overview-period{gap:12px;margin-bottom:18px}.overview-period label{font-size:12px;line-height:1.5;color:#6c7068;gap:6px}.overview-period input,.overview-period select{font-size:14px;min-height:44px}.overview-period input.date-empty::-webkit-datetime-edit{color:#9b9f98}.overview-period input.date-empty:focus::-webkit-datetime-edit{color:var(--ink)}.overview-period input::-webkit-calendar-picker-indicator{opacity:.6}.overview-period input[type="datetime-local"],.overview-period select{border-color:#a8afa0}