/* Store palette. Loaded after legacy styles. */
:root { --monadas-brown:#583b1d; --monadas-green:#0e8005; --monadas-yellow:#ffc301; }
body { background:#fffdf8; color:#583b1d; }
.account-card { box-sizing:border-box; max-width:490px; margin:40px auto; padding:36px; background:#fff; border:1px solid #e9dfcf; border-radius:24px; box-shadow:0 14px 40px #583b1d0a; color:#583b1d; }
.account-logo { display:block; width:140px; height:105px; object-fit:contain; margin:0 auto 20px; }
.account-kicker { display:block; color:#0e8005; font-size:11px; letter-spacing:2px; font-weight:700; }
.account-card h1 { font-size:30px; line-height:1.15; margin:12px 0; }
.account-card p,.account-card small { color:#776858; line-height:1.65; }
.account-card label { display:block; margin:18px 0 7px; font-weight:600; color:#583b1d; }
.account-card input,.premium-form input,.premium-form select,.premium-form textarea { box-sizing:border-box; width:100%; background:#fff; color:#583b1d; border:1px solid #dacebd; border-radius:10px; padding:12px; }
.account-card input:focus,.premium-form input:focus,.premium-form select:focus,.premium-form textarea:focus { outline:2px solid #0e8005; outline-offset:2px; box-shadow:none; }
.account-card input[type=hidden],.premium-form input[type=hidden] { display:none; }
.premium-form [hidden] { display:none !important; }
.account-card a,.customer-panel a:not(.btn),.premium-form a { color:#0e8005; }
.account-card .btn,.customer-panel .btn,.premium-form .btn-brand-gradient { background:#0e8005; color:#fff; border:1px solid #0e8005; border-radius:12px; }
.account-card button[type=submit] { width:100%; margin-top:24px; box-shadow:none; }
.account-card .btn-outline,.customer-panel .btn-outline { color:#0e8005; background:#fff; }
.account-card .btn:hover,.premium-form .btn-brand-gradient:hover { background:#096603; color:white; }
.account-modal-backdrop { position:fixed; inset:0; z-index:1000; background:#30251bd9; display:grid; place-items:center; padding:20px; overflow:auto; }
.account-modal { margin:0; border-top:6px solid #ffc301; }
.account-modal .btn { margin:8px 0; }
.premium-form,.customer-panel .card { background:white; border-color:#e9dfcf; color:#583b1d; }
.premium-form .section-heading h2,.premium-form .field-label { color:#583b1d; }
.brand-hero { background:linear-gradient(120deg,#fff9df,#f1f8ed); border-color:#e9dfcf; color:#583b1d; }
.brand-hero h1,.brand-hero p { color:#583b1d; }
.brand-pill,.hero-code { background:#fff3ba; color:#583b1d; }
.customer-panel-header { display:flex; gap:22px; align-items:center; flex-wrap:wrap; margin:24px 0; }
.customer-panel-header .account-logo { width:100px; height:80px; margin:0; }
.customer-panel-header h1 { font-size:28px; }
.customer-pet-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:20px; }
.customer-pet-card img { width:100%; aspect-ratio:1; object-fit:cover; border-radius:16px; }
.customer-pet-card h2 { margin:14px 0 8px; }
.customer-session-bar { background:#f1f8ed; color:#583b1d; border:1px solid #dce8d5; border-radius:12px; padding:14px 20px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:20px; }
.customer-session-bar a { color:#0e8005; }
@media(max-width:600px) { .account-card { margin:20px 12px; padding:24px; } .account-modal { margin:0; } .account-card h1 { font-size:26px; } }