/* Shared visual language; company public colors remain configurable. */
.shell,.auth,.legal{--green:#1464d8;--dark:#183454;--muted:#60758f;--line:#dce6f2}.shell{background:#f3f6fc}.shell .workspace,.shell .main{background:#f3f6fc}.shell .sidebar,.shell .topbar{background:#fff}.shell .nav a.active{background:#eaf2ff;color:#185bb5;border-radius:12px}.shell .card,.auth .card,.shell .mobile-record{border-radius:20px;border-color:#e0e8f3;box-shadow:0 4px 18px #264b7c04}.shell button:not(.secondary):not(.ghost):not(.danger),.auth button:not(.secondary):not(.ghost){background:#1464d8;border-color:#1464d8}.shell .secondary,.shell .ghost{color:#225b9d}.shell .avatar{background:#eaf2ff;color:#185bb5}.shell .trial-banner .notice,.shell .notice:not(.error):not(.warning){background:#edf4ff;color:#204c82;border-color:#cedff7}.shell input,.shell select,.shell textarea,.auth input{border-radius:12px}.shell .heading h1{letter-spacing:-.7px}.public-site .service-card,.public-site .professional-card,.customer-site .service-card{border-radius:20px}.public-site button,.public-site .button,.customer-site button{min-height:46px}.public-site .slot,.customer-site .slot{border-radius:12px}@media(max-width:760px){.shell .main{padding:18px 14px}.shell .heading{gap:16px}.shell .card{padding:20px}.shell .topbar{border-radius:0 0 16px 16px}.shell .actions{gap:10px}.shell button,.shell .button{min-height:46px}.auth .card{padding:24px 20px}}
#customer-shell .customer-service,#customer-shell .customer-professional{border-radius:20px;box-shadow:0 5px 20px #2139570a}#customer-shell .customer-heading h1{letter-spacing:-.8px}#customer-shell .customer-nav{border-bottom:1px solid var(--public-line,#dce6f2)}#customer-shell button,#customer-shell .button{min-height:48px}#customer-shell .customer-time-grid button{border-radius:12px}#customer-shell .customer-home-actions a{border-radius:20px}@media(max-width:760px){#customer-shell .customer-main{padding-left:18px;padding-right:18px}#customer-shell .customer-service{padding:20px}#customer-shell .customer-time-grid{gap:10px}#customer-shell .customer-heading h1{font-size:30px;line-height:1.16}}
:root{--green:#1464d8;--muted:#60758f;--line:#dce6f2;--soft:#edf4ff;color:#183454;background:#f3f6fc}dialog:not(.customer-dialog){border-radius:22px;color:#183454}dialog:not(.customer-dialog) .notice:not(.error):not(.warning){background:#edf4ff;color:#204c82;border-color:#cedff7}.eyebrow{color:#5278a8}.nav a:hover{background:#f1f6ff}.shell th{background:#f6f9ff;color:#617a98}
