.customer-layout{display:grid;gap:18px}
.customer-inline-detail{margin:22px 0 2px;padding:24px;border:1px solid var(--line);border-radius:16px;background:#f9f9fc}
.customer-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.customer-detail-head h3{margin:0}.customer-detail-head .muted{margin:7px 0 0}
.customer-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.customer-summary-grid .metric{padding:18px}.customer-summary-grid .metric strong{font-size:20px}.customer-summary-grid .metric strong span{display:inline;color:inherit;font-size:inherit}
.customer-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.customer-detail-grid .panel{min-width:0}
.customer-detail-grid .form-panel form{max-width:none}
.customer-detail-grid textarea{min-height:90px}
.inline-create{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(280px,1.3fr) minmax(160px,.7fr) auto auto;gap:10px;align-items:end;margin:0 0 18px}
.filters .check{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:0 8px}
.filters .check input{width:auto;margin:0}
.customer-no-selection{display:grid;justify-items:start;gap:12px}
.customer-no-selection p{margin:0}
.customer-inline-action{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.customer-inline-action span{display:block;margin-top:5px;color:var(--muted);font-size:12px}
.customer-hosting-state{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.customer-hosting-state strong{font-size:12px}.customer-toggle{position:relative;display:inline-block;width:34px;height:20px;border-radius:999px;background:#d8ddea;box-shadow:inset 0 0 0 1px #c8cedc}.customer-toggle::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(29,36,56,.22);transition:transform .18s ease}.customer-toggle.is-on{background:#20bfa5;box-shadow:inset 0 0 0 1px #18aa92}.customer-toggle.is-on::after{transform:translateX(14px)}.customer-phase-note{display:inline-block;padding:4px 9px;border-radius:999px;background:#f2f4f8;color:var(--muted);font-size:12px;white-space:nowrap}
.sidebar nav{min-height:0;overflow-y:auto;scrollbar-width:thin}
@media(max-width:1200px){.customer-detail-grid{grid-template-columns:1fr 1fr}.customer-detail-grid .panel:last-child{grid-column:1/-1}}
@media(max-width:900px){.inline-create{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.customer-detail-head{align-items:stretch;flex-direction:column}.customer-summary-grid,.customer-detail-grid{grid-template-columns:1fr}.customer-detail-grid .panel:last-child{grid-column:auto}}
@media(max-width:600px){.customer-summary-grid{grid-template-columns:1fr}.customer-inline-action{align-items:stretch;flex-direction:column}.inline-create{grid-template-columns:1fr}}