/* Shared HORET brand for account, team and supplier surfaces. */
:root{--teal:#0f766e;--teal-700:#0a625c;--teal-900:#075b55;--coral:#ff7a59;--yellow:#f4b860;--ink:#1f2937;--slate:#5b6475;--paper:#f8f9fa;--ivory:#f8f9fa;--line:#e5e7eb;--mist:#edf5f4;--white:#fff;--radius:14px}
body{font-family:'IBM Plex Sans Arabic','Inter',sans-serif;color:#1f2937;background:#f8f9fa}
body[data-lang=en],html[lang=en] body{font-family:'Inter',sans-serif}
body[data-lang=en] :is(h1,h2,h3),html[lang=en] :is(h1,h2,h3){font-family:'Plus Jakarta Sans','Inter',sans-serif}
h1,h2,h3{color:#233858}button,input,select,textarea{font-family:inherit}
:focus-visible{outline:3px solid #0f766e;outline-offset:3px}
.workspace,.workspace-shell,.workspace-header,.admin-main{background:#f8f9fa}
.sidebar,.admin-nav{background:#fff;border-color:#e5e7eb;background-image:url('../images/brand-pattern.svg');background-repeat:no-repeat;background-position:center bottom;background-size:230px}
.workspace-logo img,.admin-nav .brand img,.login-logo,.auth-mobile-logo img{filter:none}
.workspace-nav button{border-radius:10px;color:#5b6475;min-height:46px}
.workspace-nav button.is-active{background:#e5f1f0;color:#075b55;box-shadow:inset -3px 0 #ff7a59}
body[data-lang=en] .workspace-nav button.is-active{box-shadow:inset 3px 0 #ff7a59}
.workspace-nav button:hover{background:#f1f7f6;color:#075b55}
.workspace-nav button svg{stroke-width:1.7}.provider-entry{background:#edf5f4;border-color:#d7e7e5;border-radius:12px}
.workspace-header{border-color:#e5e7eb}.workspace-main{padding-top:32px}
.welcome-row h1,.page-heading h1{font-weight:500;line-height:1.5;color:#233858}.surface-head h2{color:#233858;font-weight:500}
.surface,.data-card,.mini-pet-card,.profile-card,.schedule-stats>div{border-color:#e5e7eb;border-radius:14px;box-shadow:0 3px 15px #23385803}
.surface{padding:25px}.companion-today{background:#edf5f4;position:relative;overflow:hidden}
.companion-today:after{content:'';position:absolute;inset-inline-end:16px;bottom:-25px;width:110px;height:110px;background:url('../images/brand-heart.svg') center/contain no-repeat;opacity:.12;pointer-events:none}
.next-appointment{background:#fff}.quick-grid>button{border-radius:11px;background:#f8f9fa;border-color:#e5e7eb}.quick-grid>button:hover{background:#edf5f4;border-color:#8db5af}
.button-solid,.button-outline,.primary-action,.card-actions button,.card-actions a,.language-pill,.search-trigger{border-radius:8px}
.button-solid,.primary-action,.card-actions button.is-primary{background:#0f766e;border-color:#0f766e;color:#fff}
.button-solid:hover,.primary-action:hover{background:#0a625c}.button-outline{color:#075b55;border-color:#8db5af}.button-outline:hover{background:#edf5f4}
.status-tabs>button,.filter-row>button,.date-chip,.chip{border-radius:8px}.data-status,.status-pill{border-radius:6px;font-size:11px}
.app-dialog{border-radius:18px;border-color:#e5e7eb}.app-dialog form :is(input:not([type=checkbox]):not([type=hidden]):not([type=file]),select,textarea),#profile-form input:not([type=file]),#profile-form textarea{border-radius:8px;border-color:#cbd5df}
.empty-card,.empty-state{background:#f8f9fa;border-radius:14px;border-color:#e5e7eb}.empty-card h3,.empty-state h2,.empty-state h3{color:#233858}
.profile-banner{background:#edf5f4 url('../images/brand-pattern.svg') center/190px}.profile-avatar{background:#0f766e}.data-card .card-image{border-radius:10px}.data-card:hover{border-color:#8db5af}
.planner-summary>div{background:#edf5f4;border-radius:12px;border-color:#d7e7e5}.planner-summary strong{color:#075b55}.task-check{border-color:#0f766e}.task-row.is-done .task-check{background:#dceeed}.task-row h3{color:#233858}
.app-toast{background:#075b55;border-radius:10px}.shop-product-image,.product-card .product-image{border-radius:11px;background:#f8f9fa}.cart-line{border-radius:10px}
.mobile-bottom-nav{background:#fff;border-color:#e5e7eb}.mobile-bottom-nav button.is-active{color:#075b55}.mobile-bottom-nav button.is-active:before{background:#ff7a59}
.auth-screen,.auth-form-panel{background:#f8f9fa}.auth-brand-panel{background:#075b55;color:#fff;isolation:isolate}
.auth-brand-panel:before{content:'';display:block!important;position:absolute;inset:50% -10% -5%;background:url('../images/brand-pattern.svg') center/240px;opacity:.3;z-index:-1;pointer-events:none;transform:none;border-radius:0;width:auto;height:auto}
.auth-logo img{filter:brightness(0) invert(1)}.auth-message h1,.auth-message h1 em{color:#fff}.auth-message h1 em{position:relative;text-decoration:underline;text-decoration-color:#ff7a59;text-underline-offset:.18em;text-decoration-thickness:3px}
.auth-message>p,.auth-message>span,.auth-promise strong,.auth-promise span{color:#e0f0ef}.auth-promise{border-color:#ffffff40}.auth-tabs{background:#edf5f4;border-radius:10px}.auth-tabs button{border-radius:8px}.auth-card form input{border-radius:8px!important}.auth-heading h2{color:#233858}
.admin-nav .brand{border-color:#e5e7eb}.admin-nav a{border-radius:9px;color:#5b6475;min-height:40px;font-size:13px}
.admin-nav{background-image:none}
.admin-nav a.is-active,.admin-nav a[aria-current]{background:#e5f1f0;color:#075b55;box-shadow:inset -3px 0 #ff7a59}.admin-nav a:hover{background:#edf5f4;color:#075b55}
html[lang=en] .admin-nav a.is-active{box-shadow:inset 3px 0 #ff7a59}.admin-nav .nav-group,.admin-nav .nav-label{color:#5b6475}
.admin-main h1{color:#233858;font-size:32px;font-weight:500}.admin-main h2{color:#233858;font-weight:500}
.card,.panel,.stats>div,.stat-card,.empty,.admin-card,.readiness-card{border-radius:13px;border-color:#e5e7eb;background:#fff;box-shadow:0 3px 16px #23385803}
.btn,.button,.view-store,button[type=submit]{border-radius:8px;box-shadow:none}.admin-main input,.admin-main select,.admin-main textarea{border-radius:8px!important;border-color:#cbd5df}
.admin-main table{border-radius:10px}.admin-main th{background:#edf5f4;color:#233858;font-size:12px}.admin-main td{font-size:13px}.readiness-tag{border-radius:6px}.readiness-tag.is-ready{background:#dceeed;color:#075b55}
.login-body{background:#f8f9fa url('../images/brand-pattern.svg') center/260px}.login-shell{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 15px 60px #2338580a}.login-shell button[type=submit]{background:#0f766e}.login-shell h1{color:#233858}
@media(max-width:780px){.workspace-main{padding-top:24px}.sidebar,.admin-nav{background-color:#fff}.surface{padding:20px}.admin-main h1{font-size:28px}.auth-mobile-logo img{width:150px}.auth-heading h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
