.h38-c360{display:grid;gap:18px}.h38-c360-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:20px;align-items:start}.h38-c360-kicker{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.65}.h38-c360-head h2{margin:3px 0 4px;font-size:clamp(24px,4vw,36px)}.h38-c360-search{position:relative;display:grid;gap:6px}.h38-c360-search input{width:100%}.h38-c360-search #h38Customer360Matches{position:absolute;z-index:30;left:0;right:0;top:100%;background:#fff;border:1px solid #cbd5df;border-radius:var(--radius-sm);box-shadow:0 12px 32px rgba(0,0,0,.16);overflow:hidden}.h38-c360-search #h38Customer360Matches:empty{display:none}.h38-c360-search #h38Customer360Matches button{display:flex;width:100%;justify-content:space-between;gap:12px;align-items:center;border:0;border-bottom:1px solid #e5e9ed;border-radius:0;background:#fff;color:#10212c;text-align:left;padding:11px 13px}.h38-c360-search #h38Customer360Matches button:hover{background:#f2f6f9}.h38-c360-search #h38Customer360Matches small{opacity:.65}.h38-c360-stats{display:grid;grid-template-columns:repeat(6,minmax(80px,1fr));gap:8px}.h38-c360-stats>div{padding:10px 12px;border:1px solid #d8e0e7;border-radius:var(--radius-sm);background:#f7fafc;display:grid;gap:2px}.h38-c360-stats strong{font-size:22px}.h38-c360-stats span{font-size:12px;opacity:.7}.h38-c360-actions{display:flex;flex-wrap:wrap;gap:8px}.h38-c360-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.h38-c360-list{display:grid;gap:8px}.h38-c360-row{display:grid;gap:3px;padding:10px 0;border-bottom:1px solid #e6ebef}.h38-c360-row:last-child{border-bottom:0}.h38-c360-row small{opacity:.68}.h38-c360-activity{min-height:0}.h38-c360-timeline{display:grid;gap:0;margin-top:8px}.h38-c360-event{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;padding:9px 0;border-bottom:1px solid #e6ebef;align-items:start}.h38-c360-event:last-child{border-bottom:0}.h38-c360-event>span{font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;opacity:.62;padding-top:2px}.h38-c360-event>div{display:grid;gap:2px}.h38-c360-event small{opacity:.68}.h38-c360-detail-group{grid-column:1/-1;border:1px solid #d8e0e7;border-radius:14px;background:#fff;overflow:hidden}.h38-c360-detail-group>summary{display:flex;justify-content:space-between;gap:14px;align-items:center;cursor:pointer;padding:14px 16px;list-style:none}.h38-c360-detail-group>summary::-webkit-details-marker{display:none}.h38-c360-detail-group>summary:after{content:'▾';opacity:.58;font-size:14px}.h38-c360-detail-group:not([open])>summary:after{content:'›'}.h38-c360-detail-group>summary span{margin-left:auto;font-size:12px;opacity:.65}.h38-c360-detail-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 12px 12px}.h38-c360-detail-cards>.card{margin:0;box-shadow:none;border:1px solid #e0e6eb}.h38-c360-setup{margin-top:14px}.h38-c360-setup summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer}.h38-c360-setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.h38-c360-setup-grid>.card{box-shadow:none;margin:0;border:1px solid #d8e0e7}.h38-c360-setup-grid>.card h2{font-size:18px}.h38-c360-setup-grid>.card.span4{grid-column:auto}.h38-c360.full{grid-column:1/-1}@media(max-width:760px){.h38-c360-head,.h38-c360-grid,.h38-c360-setup-grid,.h38-c360-detail-cards{grid-template-columns:1fr}.h38-c360-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.h38-c360-search #h38Customer360Matches{position:static}.h38-c360-actions button{flex:1 1 42%}.h38-c360-event{grid-template-columns:74px minmax(0,1fr)}.h38-c360-detail-group>summary{padding:13px 14px}}
.h38-c360-customer-details{grid-column:1/-1}.h38-c360-detail-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.h38-c360-detail-columns>div{padding:12px;border:1px solid #e0e6eb;border-radius:var(--radius-sm);background:#f7fafc}.h38-c360-detail-columns h4{margin:0 0 8px}.h38-c360-detail-line{display:grid;gap:2px;padding:7px 0;border-bottom:1px solid #e0e6eb}.h38-c360-detail-line:last-child{border-bottom:0}.h38-c360-detail-line span{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;opacity:.62}.h38-c360-detail-line strong{font-size:14px;overflow-wrap:anywhere}@media(max-width:760px){.h38-c360-detail-columns{grid-template-columns:1fr}}

/* Real Customer 360 workspace 20260919 */
.h38-c360-workspace{display:grid;gap:12px;margin-top:14px}
.h38-c360-tabs{display:flex;gap:8px;overflow:auto;padding:2px 0 4px;scrollbar-width:thin}
.h38-c360-tabs button{min-height:44px;min-width:104px;padding:9px 14px;border:1px solid #cbd6df;border-radius:999px;background:#fff;color:#18364a;font-weight:800;white-space:nowrap}
.h38-c360-tabs button[aria-selected="true"]{background:var(--navy,#0b2438);border-color:var(--navy,#0b2438);color:#fff}
.h38-c360-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.h38-c360-panel[hidden]{display:none!important}
.h38-c360-panel>.h38-c360-customer-details,.h38-c360-panel>.h38-c360-balance,.h38-c360-customer-details{grid-column:1/-1;min-width:0;width:100%;box-sizing:border-box}
.h38-c360-detail-columns-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.h38-c360-money-stats{grid-template-columns:repeat(3,minmax(100px,1fr))}
@media(max-width:760px){
 .h38-c360-workspace{margin-top:10px}
 .h38-c360-panel{grid-template-columns:1fr}
 .h38-c360-tabs{position:sticky;top:0;z-index:7;padding:7px 0;background:var(--bg,#f4f7f9)}
 .h38-c360-tabs button{flex:1 0 auto;min-width:92px}
 .h38-c360-detail-columns-two,.h38-c360-money-stats{grid-template-columns:1fr}
}

/* Canonical Customer 360 master-detail layout */
.h38-c360-master-detail{display:grid;grid-column:1/-1;width:100%;min-width:0;grid-template-columns:minmax(230px,290px) minmax(0,1fr);gap:14px;align-items:start}
.h38-c360-directory-rail{position:sticky;top:12px;display:grid;gap:12px;min-width:0;max-height:calc(100dvh - 24px);overflow:auto;padding:14px}
.h38-c360-master-detail>.h38-c360-directory-rail{grid-column:1!important}
.h38-c360-master-detail>.h38-c360-detail{grid-column:2!important}
.h38-c360-detail{width:100%;min-width:0}
.h38-c360-detail>.h38-c360{margin:0}
.h38-c360-directory-rail .h38-c360-search #h38Customer360Matches{position:static;box-shadow:none;margin-top:4px}
.h38-c360-setup-dialog{width:min(860px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:18px;border:0;border-radius:18px;background:var(--card,#fff);box-shadow:0 24px 70px rgba(3,18,29,.28)}
.h38-c360-setup-dialog::backdrop{background:rgba(3,18,29,.6)}
.h38-c360-setup-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.h38-c360-setup-head h2{margin:3px 0 0}
.h38-c360-setup-dialog .h38-c360-setup-grid{margin:0}
.h38-c360-setup-dialog .h38-c360-setup-grid>.card{box-shadow:none}
.h38-c360-setup-dialog .h38-c360-setup-grid .card h2:first-of-type{display:none}
@media(max-width:900px){
 .h38-c360-master-detail{grid-template-columns:1fr}
 .h38-c360-master-detail>.h38-c360-directory-rail,.h38-c360-master-detail>.h38-c360-detail{grid-column:1/-1!important}
 .h38-c360-directory-rail{position:static;max-height:none}
 .h38-c360-directory-rail [data-h38-customer-directory-list]{max-height:260px;overflow:auto}
}

/* H38 Customer 360 finish polish 20260928 */
.h38-c360-master-detail{gap:16px}
.h38-c360-directory-rail{border:1px solid var(--line,#d8e0e7);border-radius:16px;background:var(--card,#fff);box-shadow:var(--shadow-soft)}
.h38-c360-directory-rail [data-h38-customer-directory-list]{display:grid;gap:6px}
.h38-c360-directory-rail [data-h38-customer-directory-list] button{width:100%;min-height:48px;text-align:left;touch-action:manipulation}
.h38-c360-directory-rail [data-h38-customer-directory-list] button:is([aria-current="true"],[aria-selected="true"],.active){background:#eaf2f8;border-color:#c9dae6;color:var(--navy,#0b2438)}
.h38-c360-detail{min-height:0}
.h38-c360-tabs{scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scrollbar-width:none}
.h38-c360-tabs::-webkit-scrollbar{display:none}
.h38-c360-tabs button{scroll-snap-align:start}
.h38-c360-panel>.card{min-width:0}
.h38-c360-row strong,.h38-c360-event strong,.h38-c360-event small{overflow-wrap:anywhere}
@media(max-width:760px){
 .h38-c360{gap:14px}
 .h38-c360-head{gap:12px}
 .h38-c360-head h2{font-size:clamp(22px,8vw,30px)}
 .h38-c360-tabs{top:calc(var(--h38-office-shell-top,0px) + 4px);margin-left:-2px;margin-right:-2px;padding:7px 2px;background:rgba(244,247,249,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
 .h38-c360-tabs button{min-width:88px;min-height:46px}
 .h38-c360-directory-rail{padding:12px}
 .h38-c360-directory-rail [data-h38-customer-directory-list]{max-height:190px!important}
 .h38-c360-actions{gap:7px}
 .h38-c360-actions button{min-height:44px}
 .h38-c360-setup-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:14px}
}
@media(max-width:360px){
 .h38-c360-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .h38-c360-actions button{flex:1 1 100%}
 .h38-c360-event{grid-template-columns:1fr;gap:3px}
 .h38-c360-event>span{padding-top:0}
}
.h38-c360-search #h38Customer360Matches button small{flex:0 0 auto;white-space:nowrap}
.h38-c360-nomatch{padding:11px 13px;color:#5d7688;font-size:.86rem;background:#fff}