/* ILS Command — focused, dimensional Accounts view. */
.ac-roster { min-width:0; width:100%; padding:3px 0 18px; }
.ac-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:6px 1px 22px; }
.ac-eyebrow { display:block; color:#dca16f; font-size:.66rem; font-weight:700; letter-spacing:.13em; text-transform:uppercase; margin-bottom:8px; }
.ac-heading h2 { color:#f1f5f8; margin:0 0 8px; font-size:clamp(1.5rem,2.2vw,2rem); letter-spacing:-.035em; line-height:1.15; text-shadow:0 3px 8px #07121b99; }
.ac-heading p { color:#a8bac8; margin:0; font-size:.84rem; line-height:1.55; }
.ac-roster-count { flex:none; border:1px solid #42515d; border-radius:100px; padding:10px 17px; background:linear-gradient(160deg,#30404c,#22313d); color:#dce7ef; font-size:.78rem; font-weight:650; box-shadow:0 3px 0 #0e1720,0 8px 17px -8px #000a,inset 0 1px 0 #ffffff12; }
.ac-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-bottom:22px; padding:20px 24px; border:1px solid #3b4b58; border-radius:16px; background:linear-gradient(125deg,#2b3945,#202e39); box-shadow:0 5px 0 #0b141e,0 15px 32px -17px #000d,inset 0 1px 0 #ffffff0e; transition:transform .2s,box-shadow .2s; }
.ac-summary:hover { transform:translateY(-2px); box-shadow:0 7px 0 #0b141e,0 19px 35px -16px #000e,inset 0 1px 0 #ffffff14; }
.ac-summary>div { display:grid; grid-template-columns:auto 1fr; align-items:baseline; gap:5px 14px; padding:0 24px; border-left:1px solid #435360; }
.ac-summary>div:first-child { padding-left:0; border:0; }
.ac-summary>div:last-child { padding-right:0; }
.ac-summary>div>span { font-size:.72rem; color:#c1cfda; grid-column:1/-1; }
.ac-summary strong { font-size:1.7rem; font-weight:750; letter-spacing:-.035em; color:#f1f6fa; line-height:1.2; font-variant-numeric:tabular-nums; }
.ac-summary em { font-style:normal; color:#a8bac8; font-weight:500; font-size:.94rem; }
.ac-summary small { font-size:.67rem; line-height:1.4; color:#a3b5c4; }
.ac-list { display:grid; gap:15px; }
.ac-card { min-width:0; border:1px solid #3b4d5c; border-radius:16px; background:linear-gradient(125deg,#253642 0%,#1b2935 72%); box-shadow:0 4px 0 #0b151e,0 14px 27px -17px #000d,inset 0 1px 0 #ffffff10; transition:transform .2s,box-shadow .2s,border-color .2s; overflow:hidden; }
.ac-card:hover { transform:translateY(-2px); border-color:#637385; box-shadow:0 6px 0 #0b151e,0 21px 35px -15px #000d,inset 0 1px 0 #ffffff16; }
.ac-row { display:grid; grid-template-columns:minmax(210px,1.25fr) minmax(310px,1.15fr) 190px; gap:24px; align-items:center; padding:23px 24px 20px; }
.ac-identity { display:flex; align-items:flex-start; gap:14px; min-width:0; }
.ac-company-mark { display:grid; place-items:center; width:43px; height:45px; flex:none; border:1px solid #956644; border-radius:12px; color:#e7aa7b; background:linear-gradient(150deg,#553e2e,#2b3030); box-shadow:0 4px 0 #141c22,0 9px 15px -8px #bf7e4566,inset 0 1px 0 #ffffff12; }
.ac-company-mark svg { width:23px; height:23px; }
.ac-identity-copy { min-width:0; }
.ac-labels { display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin:0 0 8px; }
.ac-status { font-size:.6rem; font-weight:750; color:#b3d5c8; display:inline-flex; align-items:center; gap:5px; line-height:1; white-space:nowrap; }
.ac-status i { display:block; width:5px; height:5px; border-radius:50%; background:currentColor; box-shadow:0 0 7px #abd4c344; }
.ac-status-won { color:#f0b485; }.ac-status-paused,.ac-status-unknown { color:#aeb9c4; }.ac-status-lost { color:#e4ada9; }
.ac-kind { color:#a2b5c5; font-size:.62rem; padding-left:8px; border-left:1px solid #4b5e6b; }
.ac-identity h3 { margin:0 0 10px; color:#edf3f8; font-size:1.02rem; line-height:1.4; font-weight:700; letter-spacing:-.018em; overflow-wrap:anywhere; text-shadow:0 2px 4px #0004; }
.ac-meta { display:flex; gap:5px 11px; flex-wrap:wrap; color:#9fb2c1; font-size:.67rem; line-height:1.5; }
.ac-meta span { display:inline-flex; align-items:center; gap:4px; }.ac-meta svg { width:12px; height:12px; flex:none; }
.ac-metrics { display:grid; grid-template-columns:.9fr .8fr 1.25fr; gap:15px; margin:0; align-self:stretch; align-content:center; }
.ac-metrics>div { min-width:0; }.ac-metrics dt { color:#9fb4c5; font-size:.64rem; margin-bottom:8px; }
.ac-metrics dd { margin:0; color:#eaf3f9; font-size:1.45rem; line-height:1.25; font-weight:700; letter-spacing:-.035em; font-variant-numeric:tabular-nums; }
.ac-metrics dd>span { color:#a8bac7; font-size:.76rem; font-weight:500; letter-spacing:0; }
.ac-metrics small { display:block; color:#90a6b8; font-size:.6rem; line-height:1.55; margin-top:7px; }
.ac-metrics .ac-date { font-size:.81rem; line-height:1.5; letter-spacing:0; padding-top:4px; white-space:normal; }
.ac-metrics .ac-unscheduled { color:#bea991; font-weight:550; }
.ac-actions { display:grid; gap:9px; width:100%; }.ac-secondary-actions { display:grid; grid-template-columns:1.1fr 1fr; gap:7px; }
.ac-button { display:flex; align-items:center; justify-content:center; gap:7px; min-height:36px; padding:9px 12px; border:1px solid #475c6b; border-radius:9px; cursor:pointer; font-family:inherit; font-size:.69rem; font-weight:650; line-height:1.25; transition:transform .18s,box-shadow .18s,filter .18s; }
.ac-button svg { width:15px; height:15px; flex:none; }
.ac-primary { color:#211c18; background:linear-gradient(180deg,#e9ae7c,#cd8a56 60%,#b87542); border-color:#e8b189; box-shadow:0 3px 0 #644429,0 7px 17px -6px #be784875,inset 0 1px 0 #fff5; min-height:39px; }
.ac-primary:hover { transform:translateY(-2px); filter:brightness(1.06); box-shadow:0 5px 0 #644429,0 11px 22px -5px #be78488a,inset 0 1px 0 #fff5; }
.ac-secondary { color:#cfdeeb; background:linear-gradient(180deg,#344b5c,#283c4b); box-shadow:0 3px 0 #0e1c27,0 6px 14px -5px #20415c55,inset 0 1px 0 #ffffff12; font-size:.63rem; padding:8px 7px; gap:5px; }
.ac-secondary:hover { transform:translateY(-2px); box-shadow:0 5px 0 #0e1c27,0 10px 18px -5px #365b7588; }
.ac-button:active { transform:translateY(1px); }.ac-button:disabled { opacity:.55; cursor:wait; transform:none; }
.ac-card-foot { display:flex; flex-wrap:wrap; align-items:center; gap:11px 20px; border-top:1px solid #3a4b594f; background:#14233166; padding:12px 24px; min-width:0; }
.ac-receipt,.ac-phone { display:inline-flex; align-items:center; gap:6px; font-size:.64rem; line-height:1.4; color:#91a8bb; }.ac-receipt svg,.ac-phone svg { width:13px; height:13px; flex:none; }
.ac-receipt.has-pickup { color:#b4d7c6; }.ac-phone { color:#beccd6; text-decoration:none; }.ac-phone:hover { color:#edb78a; text-decoration:underline; }
.ac-details { margin-left:auto; flex:0 1 auto; min-width:0; font-size:.65rem; }
.ac-details>summary { display:flex; align-items:center; gap:11px; list-style:none; cursor:pointer; color:#c1d0dc; min-height:25px; padding:3px 0; }
.ac-details>summary::-webkit-details-marker { display:none; }.ac-details>summary:hover { color:#edb78a; }.ac-details>summary>span { color:#e4b28a; font-size:.95rem; line-height:1; transition:transform .16s; }.ac-details[open]>summary>span { transform:rotate(180deg); }
.ac-details[open] { flex:1 0 100%; margin-left:0; }.ac-details[open]>summary { width:max-content; }
.ac-detail-body { display:grid; grid-template-columns:1fr 2fr; gap:16px 22px; border-top:1px solid #405262; padding:17px 0 3px; margin-top:10px; color:#beced9; }
.ac-detail-item { min-width:0; }.ac-detail-item>span { color:#91a8b9; font-size:.61rem; text-transform:uppercase; letter-spacing:.065em; }.ac-detail-item p { margin:6px 0 0; line-height:1.75; font-size:.73rem; overflow-wrap:anywhere; white-space:pre-wrap; }.ac-detail-notes { grid-column:1/-1; }
.ac-board-link { width:max-content; display:flex; align-items:center; gap:8px; background:linear-gradient(180deg,#344857,#253847); color:#d9e3ea; border:1px solid #485e6e; border-radius:7px; cursor:pointer; padding:8px 12px; font-size:.65rem; box-shadow:0 3px 0 #0c1923,0 6px 15px -7px #314e6466,inset 0 1px 0 #fff1; transition:transform .18s,box-shadow .18s; }.ac-board-link svg { width:13px; height:13px; }.ac-board-link:hover { transform:translateY(-2px); box-shadow:0 5px 0 #0c1923,0 10px 19px -6px #314e6488; }
.ac-form-host:empty { display:none; }.ac-form-host:not(:empty) { padding:18px 24px 22px; border-top:1px solid #415562; background:#12212d; }.ac-form-host .iform { margin:0; }
.ac-footnote { margin:22px 2px 0; color:#91a5b5; font-size:.67rem; line-height:1.7; max-width:860px; }
.ac-empty { border:1px solid #405562; border-radius:16px; padding:45px 25px; background:linear-gradient(145deg,#263946,#1a2b39); box-shadow:0 5px 0 #0d1721,0 14px 29px -15px #000b,inset 0 1px 0 #fff1; text-align:center; transition:transform .2s,box-shadow .2s; }.ac-empty:hover { transform:translateY(-2px); box-shadow:0 7px 0 #0d1721,0 20px 34px -15px #000d; }.ac-empty>svg { width:32px; height:32px; color:#d9a67e; }.ac-empty h3 { font-size:1.1rem; color:#e3edf4; }.ac-empty p { font-size:.8rem; color:#acbfce; max-width:460px; margin:0 auto; line-height:1.7; }
.ac-roster :is(button,a,summary):focus-visible { outline:2px solid #f2b989; outline-offset:4px; }
@media(max-width:1250px) { .ac-row { grid-template-columns:minmax(200px,1.1fr) minmax(290px,1.1fr); gap:18px 24px; }.ac-actions { grid-column:1/-1; display:flex; justify-content:flex-end; width:auto; }.ac-primary { min-width:170px; }.ac-secondary-actions { min-width:215px; }.ac-summary>div { padding:0 20px; }.ac-summary small { grid-column:1/-1; } }
@media(max-width:1000px) { .ac-row { grid-template-columns:1fr; gap:22px; padding:20px; }.ac-metrics { padding:17px 0 0; border-top:1px solid #405362; gap:20px; }.ac-actions { grid-column:auto; display:grid; grid-template-columns:1fr 1.25fr; gap:10px; }.ac-primary,.ac-secondary-actions { min-width:0; }.ac-card-foot { padding:11px 20px; }.ac-summary { padding:18px 20px; }.ac-summary>div { padding:0 14px; }.ac-summary strong { font-size:1.55rem; }.ac-summary>div>span { font-size:.66rem; }.ac-details { margin-left:0; }.ac-detail-body { grid-template-columns:1fr; }.ac-summary small { font-size:.59rem; } }
@media(max-width:460px) { .ac-heading { align-items:flex-start; gap:10px; margin-bottom:18px; }.ac-heading h2 { font-size:1.55rem; }.ac-heading p { font-size:.76rem; }.ac-roster-count { padding:8px 10px; font-size:.65rem; }.ac-summary { gap:0; padding:16px 13px; margin-bottom:18px; border-radius:13px; }.ac-summary>div { padding:0 10px; }.ac-summary strong { font-size:1.3rem; }.ac-summary em { font-size:.7rem; }.ac-summary>div>span { font-size:.6rem; line-height:1.4; min-height:2.8em; }.ac-summary small { font-size:.57rem; }.ac-row { padding:18px 16px; gap:18px; }.ac-identity { gap:11px; }.ac-company-mark { width:36px; height:39px; border-radius:10px; }.ac-identity h3 { font-size:.96rem; }.ac-metrics { grid-template-columns:.9fr .8fr 1.3fr; gap:12px; }.ac-metrics dd { font-size:1.35rem; }.ac-metrics .ac-date { font-size:.73rem; }.ac-metrics small { font-size:.57rem; }.ac-actions { grid-template-columns:1fr; }.ac-primary { min-height:41px; }.ac-secondary { min-height:36px; }.ac-card-foot { padding:11px 16px; gap:10px 15px; }.ac-details { width:100%; }.ac-form-host:not(:empty) { padding:16px; } }
@media(prefers-reduced-motion:reduce) { .ac-roster *, .ac-roster *::before, .ac-roster *::after { transition:none!important; animation:none!important; }.ac-card:hover,.ac-summary:hover,.ac-button:hover,.ac-button:active,.ac-board-link:hover,.ac-empty:hover { transform:none; } }