/* Readable directory styling aligned with the current workspace. */
:root{--ink:#252528;--muted:#6e6e74;--line:#e3e3e8;--purple:#6358d7;--bg:#f5f5f7}
button,input,select{font:inherit}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #b4acf4;outline-offset:3px}[hidden]{display:none!important}
.topbar{height:76px}.brand img{width:34px;height:34px}.brand b{font-size:22px}.brand em{font-size:10px}
.account b{font-size:12px}.account small{font-size:11px}.account button{font-size:12px;min-height:38px}
main{padding-top:36px}.hero h1{font-size:34px}.hero p{max-width:640px;font-size:13px;line-height:1.6}.eyebrow{font-size:10px}.search{height:44px}.search input{font-size:12px}
.directory-tabs button{font-size:12px;min-height:38px;padding:0 15px}.metrics{grid-template-columns:repeat(6,minmax(0,1fr))}.metric small{font-size:11px}.metric b{font-size:26px}
.directory-plan-note{margin:0 0 20px;color:var(--muted);font-size:12px;line-height:1.6}.business-grid,.account-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.business-tile{border:1px solid var(--line);box-shadow:none}.business-tile .business-card{border:0;border-radius:0;min-height:195px;padding:20px;transform:none;box-shadow:none}.business-tile .business-card:hover{background:#faf9ff}
.business-mark{width:48px;height:48px}.business-card h2{font-size:16px}.business-detail{font-size:11px}.team{align-items:flex-start;margin-top:16px}.team small{font-size:10px;line-height:1.5}.avatar{width:28px;height:28px;font-size:9px}.card-stats{gap:6px}.card-stats span{font-size:10px;padding:5px 7px}
.tier-control{padding:14px;gap:8px}.tier-control small{font-size:9px}.tier-badge{font-size:12px}.tier-badge.plus{color:#386f9e}.tier-control select{min-height:36px;font-size:11px;max-width:175px}
.permanent-delete{font-size:10px;min-height:38px}.account-card header b{font-size:13px}.account-card header small,.account-card>p{font-size:11px}.account-details small{font-size:9px}.account-details b{font-size:10px}.account-card header em{font-size:8px}.account-card>p{line-height:1.6}.directory-loading,.directory-error{font-size:13px}
.toast{max-width:min(540px,calc(100vw - 32px));z-index:100;font-size:13px;line-height:1.5}.login-card{gap:17px}.login-card p,.login-card label{font-size:13px}.login-card .primary{font-size:13px;height:44px}.login-card input{font-size:14px}.error{font-size:12px}.empty b{font-size:14px}.empty p{font-size:12px}
@media(max-width:1200px){.business-grid,.account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.hero{gap:20px}.hero p{font-size:12px}.business-grid,.account-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.business-tile .business-card{min-height:0}.tier-control{flex-direction:row;align-items:center}.tier-control select{width:auto;max-width:190px}.account button{font-size:11px}.brand em{display:none}}