#customer-workspace { background: #f3f4f6; border: 1px solid #dce0e7; border-radius: 9px; overflow: hidden; }
.customer-toolbar { display:grid; grid-template-columns:auto minmax(180px,1fr) auto minmax(140px,220px); align-items:center; gap:20px; background:#fff; padding:16px 20px; border-bottom:1px solid #dce0e7; }
.customer-toolbar input,.customer-toolbar select { width:100%;min-width:0;margin:0; }
.customer-toolbar label { display:block;margin:0;font-size:13px;font-weight:700;white-space:nowrap; }
.customer-layout { display:grid; grid-template-columns:220px 280px minmax(0,1fr); min-height:600px; }
.customer-list { max-height:850px; overflow:auto; background:#f7f8fa; border-right:1px solid #dce0e7; }
.customer-list-item { display:block; width:100%; text-align:left; padding:14px; border:0; border-bottom:1px solid #e5e7eb; border-radius:0; background:transparent; }
.customer-list-item small { display:block; margin-top:6px; }
.customer-list-item.selected { background:#dfe9ff; border-left:3px solid #3973d6; }
.customer-summary { background:#fff; border-right:1px solid #dce0e7; padding:22px; }
.customer-summary, .customer-summary * {
  color:#17365d !important;
  -webkit-text-fill-color:#17365d !important;
}
.customer-summary .customer-detail p,
.customer-summary .customer-profile p {
  font-weight:600;
}
.customer-summary .customer-detail small {
  font-weight:600;
  font-size:12px;
}
.customer-summary-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }
.customer-summary-heading button { padding:7px 10px; background:#e7effc; border-color:#b9cbea; font-size:11px; }
#customer-other-type[hidden] { display:none; }
.customer-profile { border-bottom:1px solid #e5e7eb; padding-bottom:18px; margin-bottom:20px; }
.customer-profile h2 { font-size:19px; margin:12px 0; overflow-wrap:anywhere; }
.customer-avatar { background:#dfe9ff; border-radius:50%; width:44px; height:44px; display:grid; place-items:center; font-weight:700; }
.customer-detail { padding:10px 0; overflow-wrap:anywhere; }
.customer-detail p { margin:5px 0 0; }
.customer-main { padding:22px; min-width:0; }
.customer-panel { background:#fff; border:1px solid #dce0e7; border-radius:7px; padding:20px; margin-bottom:20px; }
.customer-panel h3 { margin-bottom:12px; }
.customer-invoice { display:flex; flex-wrap:wrap; width:100%; gap:12px; text-align:left; background:#fff; border:1px solid #dce0e7; padding:14px; margin-top:10px; }
.customer-documents a { display:block; padding:12px 0; border-bottom:1px solid #e5e7eb; overflow-wrap:anywhere; }
.customer-documents small { display:block; margin-top:5px; }
#customer-upload { display:grid; gap:14px; margin-top:20px; }
#customer-workspace .primary { background:#dfe9ff; border-color:#8cace4; }
@media(max-width:1200px) { .customer-layout {grid-template-columns:190px minmax(0,1fr);} .customer-main {grid-column:1 / -1;} }
@media(max-width:650px) { .customer-layout {display:block;} .customer-list {max-height:220px;} .customer-toolbar {grid-template-columns:auto minmax(0,1fr);gap:12px;} }