.office-unification-hero{
 display:flex;
 align-items:center;
 gap:18px;
 margin-bottom:16px;
 padding:22px;
 border-radius:18px;
 background:linear-gradient(135deg,#0c56dc,#2478f1);
 color:#fff;
 box-shadow:0 12px 30px rgba(15,80,182,.18);
}
.office-unification-mark{
 display:grid;
 place-items:center;
 flex:0 0 54px;
 width:54px;
 height:54px;
 border:1px solid rgba(255,255,255,.35);
 border-radius:15px;
 background:rgba(255,255,255,.13);
}
.office-unification-mark svg{width:28px;height:28px}
.office-unification-hero h1{margin:0 0 5px;font-size:25px;letter-spacing:-.02em}
.office-unification-hero p{margin:0;color:#e7f2ff;font-size:13px;line-height:1.5}
.office-unification-controls,
.office-unification-directory,
.office-unification-profile,
.office-unification-ledger{
 border:1px solid #cfe0f2;
 border-radius:16px;
 background:#fff;
 box-shadow:0 12px 30px rgba(20,58,101,.07);
}
.office-unification-controls{
 display:grid;
 grid-template-columns:minmax(0,1fr) 155px;
 align-items:end;
 gap:12px;
 margin-bottom:14px;
 padding:14px;
}
.office-unification-controls>label>span{
 display:block;
 margin-bottom:6px;
 color:#234a73;
 font-size:11px;
 font-weight:800;
}
.office-unification-search{display:flex;align-items:center;gap:8px;min-height:45px;padding:0 11px;border:1px solid #b8cee4;border-radius:11px;background:#f9fcff}
.office-unification-search:focus-within{border-color:#1764e8;box-shadow:0 0 0 3px rgba(23,100,232,.12)}
.office-unification-search svg{width:17px;color:#1764e8}
.office-unification-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#12395f}
.office-unification-controls select{height:45px;border:1px solid #b8cee4;border-radius:11px;background:#f9fcff;color:#12395f}
.office-unification-directory{overflow:hidden}
.office-unification-directory>header,.office-unification-ledger>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border-bottom:1px solid #dce8f3}
.office-unification-directory h2,.office-unification-ledger h2{margin:0;color:#0b3159;font-size:17px}
.office-unification-directory header>span,.office-unification-ledger header>span{color:#5c7690;font-size:11px;font-weight:800}
.office-unification-client{
 display:grid;
 grid-template-columns:42px minmax(0,1fr) auto 16px;
 align-items:center;
 gap:11px;
 width:100%;
 min-height:65px;
 padding:11px 15px;
 border:0;
 border-bottom:1px solid #e0eaf4;
 background:#fff;
 color:#0b3159;
 text-align:left;
 cursor:pointer;
}
.office-unification-client:last-child{border-bottom:0}
.office-unification-client:hover,.office-unification-client:focus-visible{background:#eef6ff;outline:0}
.office-unification-avatar,.office-unification-profile-name>span{
 display:grid;
 place-items:center;
 width:40px;
 height:40px;
 border-radius:50%;
 background:#e4f1ff;
 color:#1764e8;
}
.office-unification-avatar svg,.office-unification-profile-name>span svg{width:21px}
.office-unification-client strong,.office-unification-client small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.office-unification-client strong{font-size:13px}
.office-unification-client small{margin-top:4px;color:#657e96;font-size:10px}
.office-unification-client>svg{width:15px;color:#1764e8}
.office-unification-client em,.office-unification-profile em,.office-unification-credit em{padding:5px 8px;border-radius:999px;font-size:9px;font-style:normal;font-weight:900;white-space:nowrap}
.office-unification-client em.is-active,.office-unification-profile em.is-active,.office-unification-credit em.is-active{background:#dcf8eb;color:#08744c}
.office-unification-client em.is-cancelled,.office-unification-profile em.is-cancelled,.office-unification-credit em.is-cancelled{background:#e8eff6;color:#526b84}
.office-unification-client em.is-empty,.office-unification-profile em.is-empty{background:#fff2d2;color:#986700}
.office-unification-empty{margin:0;padding:25px;color:#667f98;text-align:center;font-size:12px}
.office-unification-detail-back{margin:0 0 12px}
.office-unification-detail-back .btn{display:inline-flex;align-items:center;gap:6px}
.office-unification-profile{margin-bottom:14px;overflow:hidden}
.office-unification-profile>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px;border-bottom:1px solid #dce8f3}
.office-unification-profile-name{display:flex;align-items:center;gap:11px;min-width:0}
.office-unification-profile-name h2{margin:0;color:#0b3159;font-size:18px}
.office-unification-profile-name p{margin:3px 0 0;color:#698096;font-size:11px}
.office-unification-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.office-unification-facts>div{min-width:0;padding:12px 15px;border-right:1px solid #e4edf5;border-bottom:1px solid #e4edf5}
.office-unification-facts>div:nth-child(2n){border-right:0}
.office-unification-facts span,.office-unification-facts strong{display:block;overflow-wrap:anywhere}
.office-unification-facts span{margin-bottom:4px;color:#6b8196;font-size:9px;font-weight:800;text-transform:uppercase}
.office-unification-facts strong{color:#153b62;font-size:12px}
.office-unification-ledger{overflow:hidden}
.office-unification-credit{border-bottom:1px solid #dce8f3}
.office-unification-credit:last-child{border-bottom:0}
.office-unification-credit>summary{display:grid;grid-template-columns:minmax(0,1fr) auto 16px;align-items:center;gap:10px;padding:15px 17px;cursor:pointer;list-style:none}
.office-unification-credit>summary::-webkit-details-marker{display:none}
.office-unification-credit>summary strong,.office-unification-credit>summary small{display:block}
.office-unification-credit>summary strong{color:#0b3159;font-size:13px}
.office-unification-credit>summary small{margin-top:4px;color:#657e96;font-size:10px}
.office-unification-credit>summary>svg{width:14px;color:#1764e8;transition:transform .18s}
.office-unification-credit[open]>summary>svg{transform:rotate(90deg)}
.office-unification-credit-body{padding:0 14px 16px;background:#f8fbff}
.office-unification-credit-body h3{margin:17px 2px 9px;color:#153b62;font-size:13px}
.office-unification-payments{margin:0;padding:0;list-style:none}
.office-unification-payments li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border-bottom:1px solid #dfeaf4;background:#fff}
.office-unification-payments li:first-child{border-radius:10px 10px 0 0}
.office-unification-payments li:last-child{border-bottom:0;border-radius:0 0 10px 10px}
.office-unification-payments li>span{color:#0b9b68}
.office-unification-payments svg{width:16px}
.office-unification-payments strong,.office-unification-payments small{display:block}
.office-unification-payments strong{color:#173c62;font-size:11px}
.office-unification-payments small{margin-top:3px;color:#6a8198;font-size:9px;line-height:1.45}
.office-unification-payments b{color:#113a65;font-size:11px}
.office-unification-payments .is-voided{opacity:.55;text-decoration:line-through}
.office-unification-payments .is-empty{display:block;color:#697f96;text-align:center;text-decoration:none}

@media(max-width:620px){
 .office-unification-hero{align-items:flex-start;padding:18px}
 .office-unification-hero h1{font-size:21px}
 .office-unification-controls{grid-template-columns:1fr}
 .office-unification-client{grid-template-columns:38px minmax(0,1fr) 15px}
 .office-unification-client em{grid-column:2;margin-top:-5px;justify-self:start}
 .office-unification-client>svg{grid-column:3;grid-row:1/3}
 .office-unification-facts{grid-template-columns:1fr}
 .office-unification-facts>div{border-right:0}
 .office-unification-credit>summary{grid-template-columns:minmax(0,1fr) 16px}
 .office-unification-credit>summary em{grid-column:1;justify-self:start}
 .office-unification-credit>summary>svg{grid-column:2;grid-row:1/3}
}