/* Ivory ceramic faces with coloured, extruded sides. */
body button,body .btn,body .btn.secondary,body .subtle,body nav button,body button.extra,body .managementbar button,body .quick button,body .topactions button,body .phone .book-tabs button,body .phone .keypad button,body .phone>.subtle,body .phone .actions .btn,body .connection-actions .btn{
--face:#fff7e8;--base:#e8d9bc;--side:#cc854c;--edge:#8d562e;
position:relative;isolation:isolate;overflow:visible;border:1px solid #ffffff9c;border-radius:13px;background:radial-gradient(ellipse at 20% 0%,#fff 0%,#ffffff80 22%,transparent 65%),linear-gradient(145deg,var(--face),var(--base));color:#183e32;text-shadow:0 1px 0 #ffffffb0;font-weight:700;letter-spacing:.1px;filter:none;transform:translate(2px,-2px);box-shadow:-1px 1px 0 #fff9,-2px 2px 0 var(--side),-3px 3px 0 var(--side),-4px 4px 0 var(--side),-5px 5px 0 var(--edge),-6px 6px 0 var(--edge),-8px 11px 12px #0005,inset 0 1px 2px #fff;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
body button::before,body button::after,body .btn::before,body .btn::after,body .phone .keypad button::before{content:none!important;display:none!important;animation:none!important}
body .btn{--face:#fff3c9;--base:#f0d58d;--side:#f0a72b;--edge:#a96619;min-height:58px;padding:17px 22px}
body .btn.secondary{--face:#f3eefa;--base:#dbcee8;--side:#b987bf;--edge:#76507d}
body .subtle,body nav button,body .managementbar button,body .quick button,body .topactions button{--face:#f2f5f5;--base:#d0dadd;--side:#98adb0;--edge:#586f74;min-height:40px;padding:10px 14px;font-size:12px}
body .topactions{gap:12px}body .topactions button{border-radius:10px}body .topactions .btn{color:#183e32;text-shadow:0 1px 0 #fff9}
body .availability{--face:#edf7e7;--base:#cddfbe;--side:#75a68c;--edge:#3e7057;color:#174d37!important}
body .availability.quiet{--face:#f5ecde;--base:#d8cbb8;--side:#aa9374;--edge:#776346;color:#51452e!important}
body .book-menu{padding:2px 3px 9px;justify-content:space-between!important}
body .phone .book-tabs{background:transparent;border:0;box-shadow:none;padding:4px 2px 7px;gap:9px;margin-bottom:22px;border-radius:0}
body .phone .book-tabs button,body .phone .book-tabs button.secondary{--face:#f1f3ed;--base:#d3ddd2;--side:#96aea0;--edge:#577064;min-height:43px;padding:10px 2px;font-size:10px;letter-spacing:0;border-radius:9px;color:#183e32;text-shadow:0 1px 0 #fff9;box-shadow:-1px 1px 0 #fff8,-2px 2px 0 var(--side),-3px 3px 0 var(--side),-4px 4px 0 var(--edge),-5px 7px 7px #0004}
body .phone .book-tabs button:nth-child(2){--face:#f3eafa;--base:#dac9e9;--side:#b987be;--edge:#775781}
body .phone .book-tabs button:nth-child(3){--face:#edf5fa;--base:#c9dde7;--side:#8daebf;--edge:#536f81}
body .phone .book-tabs button:nth-child(4){--face:#fcebed;--base:#ecc8ce;--side:#d68b98;--edge:#955764}
body .phone .book-tabs button[aria-current='page']{--face:#fff5cf;--base:#f0d58d;--side:#efa32a;--edge:#aa681c;color:#183e32;border:1px solid #fff2bc;box-shadow:-1px 1px 0 #fff8,-2px 2px 0 var(--side),-3px 3px 0 var(--side),-4px 4px 0 var(--edge),-5px 7px 7px #0004}
body .phone .keypad{gap:17px 16px;margin:24px 3px 28px}
body .phone .keypad button{--face:#fff9ee;--base:#e5dbcb;--side:#c49b6e;--edge:#896746;min-height:73px;padding:11px 8px;border-radius:13px}
body .phone .keypad .key-digit{font-size:28px;line-height:1.15;font-weight:600;color:#1c4739;text-shadow:0 1px 1px #fff,0 0 7px #fff4c3}
body .phone .keypad small{font-size:9px;letter-spacing:2px;margin-top:5px;color:#456458;text-shadow:0 1px 0 #fff}
body .phone .keypad button:active .key-digit,body .phone .keypad button:active small{color:#173b2e;text-shadow:0 0 2px #fff,0 0 9px #fff4b8,0 0 16px #ffe18c}
body .phone .actions,body .connection-actions{gap:14px}body .phone .actions .btn,body .connection-actions .btn{min-height:54px;padding:14px 10px}
body .phone>.subtle{margin-bottom:8px}body .form>.btn,body #modalbody .form>button,body .welcome-card>.btn{margin-bottom:8px}
body .btn.danger{--face:#ffe8e5;--base:#e9b8b4;--side:#d48079;--edge:#9b4d47;background:linear-gradient(145deg,var(--face),var(--base))!important;color:#692b27!important;border:1px solid #ffdcd7!important;box-shadow:-2px 2px 0 var(--side),-4px 4px 0 var(--edge),-6px 9px 10px #0005!important;text-shadow:none}
body button.close{position:absolute;border-radius:50%;padding:0;min-height:34px;width:34px;height:34px}
body button:focus-visible{outline:3px solid #ffc566;outline-offset:8px}
@media(hover:hover){body button:not(:disabled):hover{transform:translate(3px,-4px);filter:brightness(1.04)}}
body button:not(:disabled):active{transform:translate(-2px,2px);box-shadow:-1px 1px 0 var(--edge),-2px 3px 4px #0005;filter:brightness(.98)}
body button:disabled{opacity:.5;filter:grayscale(.6);transform:none;cursor:not-allowed}
@media(max-width:380px){body .phone .book-tabs{gap:7px}body .phone .book-tabs button{font-size:9px}body .phone .keypad{gap:15px 13px}}
@media(prefers-reduced-motion:reduce){body button{transition:none!important}}
body .phone .book-tabs button.secondary{background:radial-gradient(ellipse at 20% 0%,#fff 0%,#ffffff80 22%,transparent 65%),linear-gradient(145deg,var(--face),var(--base))}
body .phone .actions .btn:not(.secondary),body .connection-actions .btn:not(.secondary){--face:#fff3c9;--base:#f0d58d;--side:#f0a72b;--edge:#a96619}
body .phone .actions .btn.secondary,body .connection-actions .btn.secondary{--face:#f3eefa;--base:#dbcee8;--side:#b987bf;--edge:#76507d}
/* Leave room for the extruded sides and never allow adjacent controls to overlap. */
body .notification-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;padding:5px 6px 12px;margin:22px 0 18px;align-items:stretch}
body .notification-actions>button{display:block;width:100%;min-width:0;min-height:48px;margin:0;white-space:normal;overflow-wrap:anywhere;line-height:1.5;box-sizing:border-box}
body .dashboardgrid>.panel{min-width:0}body .panel>.actions{flex-wrap:wrap;gap:18px;margin-bottom:22px}body .panel>.subtle{max-width:100%;white-space:normal;line-height:1.5;margin-top:8px;margin-bottom:10px}body .form>button{white-space:normal;line-height:1.5}

/* Direct support: generous spacing keeps sculpted edges clear. */
.support-links{display:flex;flex-wrap:wrap;gap:14px;padding:8px 5px 12px;margin:12px 0;}
.support-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid #fff9;border-radius:12px;background:linear-gradient(155deg,#fffdf4,#e1dac8);color:#16382e!important;font-size:14px;font-weight:700;line-height:1.4;text-decoration:none;box-shadow:-2px 3px 0 #a18c61,0 6px 12px #0003;box-sizing:border-box;white-space:normal;text-align:center;transition:transform .15s,box-shadow .15s;}
.support-whatsapp{background:linear-gradient(155deg,#effff5,#bde3cc);box-shadow:-2px 3px 0 #508b68,0 6px 12px #0003;}
.support-link:hover{filter:brightness(1.06)}
.support-link:active{transform:translateY(2px);box-shadow:0 1px 0 #a18c61;}
.support-link:focus-visible{outline:3px solid #ffa933;outline-offset:4px;}
.welcome-card .support-links{justify-content:center;margin-top:22px;}
.support-details{margin-bottom:20px;}.support-details p{overflow-wrap:anywhere;}.support-details a{color:inherit;}
@media(max-width:480px){.support-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}.support-link{padding:10px 8px;font-size:13px;}.support-link span{display:none;}}

/* Car Mobile signature: road monogram, signal accent, restrained wordmark. */
.welcome-emblem{display:block;margin:0 auto 18px;filter:drop-shadow(0 10px 15px #0006);}
body .welcome-card h1.premium-wordmark{font-family:Arial,Helvetica,sans-serif;font-size:34px;line-height:1.1;letter-spacing:1px;font-weight:800;margin:0 0 10px;color:#f9ecd0;white-space:nowrap;}
.premium-wordmark>span,.nav-wordmark>span{color:#dfac55;font-weight:300;}
.brand-endorsement{font-size:9px;letter-spacing:3px;color:#c8b48c;margin-bottom:18px;}
.nav-emblem{flex:0 0 48px;display:block;}
.nav-wordmark{font-family:Arial,Helvetica,sans-serif;font-size:20px;letter-spacing:.3px;white-space:nowrap;font-weight:800;}
body .nav-wordmark small{font-size:7px;letter-spacing:1.8px;color:#c8b48c;}
body .loader-wordmark.premium-wordmark{font-size:30px;letter-spacing:1px;}
@media(max-width:360px){body .welcome-card h1.premium-wordmark{font-size:28px;}}