@font-face{font-family:Cairo;font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/Cairo-Regular.ttf') format('truetype')}
@font-face{font-family:Cairo;font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/Cairo-Bold.ttf') format('truetype')}
@font-face{font-family:Cairo;font-style:normal;font-weight:900;font-display:swap;src:url('../fonts/Cairo-Black.ttf') format('truetype')}
body.merchant-portal{margin:0;color:#152033;font-family:Cairo,sans-serif;background:radial-gradient(ellipse at 100% 0%,#fff0df,transparent 55%),#fffdfb;min-height:100svh}
.merchant-portal *{box-sizing:border-box}
.merchant-portal-shell{max-width:1320px;min-height:100svh;margin-inline:auto;padding:28px 32px 20px;display:flex;flex-direction:column}
.merchant-portal-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
.merchant-portal-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#152033}
.merchant-portal-brand img{width:48px;height:48px;object-fit:contain}
.merchant-portal-brand strong{display:block;font-size:20px;font-weight:900}
.merchant-portal-brand small{display:block;font-size:11px;color:#64748b;margin-top:2px}
.merchant-portal-account{display:flex;align-items:center;gap:10px;min-width:0}
.merchant-portal-avatar{width:40px;height:40px;border-radius:12px;object-fit:cover;border:1px solid #f0e6dd}
.merchant-portal-account-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700}
.merchant-portal-logout{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #f0e6dd;border-radius:11px;background:#fff;color:#64748b;font:inherit;font-size:12px;cursor:pointer}
.merchant-portal-logout:hover{color:#b91c1c;background:#fff5f5;border-color:#fecaca}
@media(max-width:767px){.merchant-portal-home{justify-content:center;min-width:40px;min-height:40px;padding:9px;flex-shrink:0}.merchant-portal-home span{display:none}.merchant-portal-home i{font-size:18px}}
.merchant-portal-nav{display:flex;align-items:center;gap:6px;padding:10px;background:rgb(255 255 255 / 80%);border:1px solid #f0e6dd;border-radius:18px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#ffdec3 transparent}
.merchant-portal-nav a{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;padding:11px 12px;border-radius:11px;color:#64748b;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s}
.merchant-portal-nav a:hover{color:#d94b19;background:#fff4eb}
.merchant-portal-nav a[aria-current=page]{color:#d94b19;background:#fff1e6}
.merchant-portal-nav a.merchant-portal-pos{margin-inline-start:auto;background:#f45d22;color:#fff}
.merchant-portal-nav a.merchant-portal-pos:hover{background:#dc4c19}
.merchant-portal-content{flex:1;min-width:0;padding-block:8px}
.merchant-portal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:24px;font-size:11px;color:#94a3b8}
.merchant-portal-footer a{color:#64748b;text-decoration:none}
.merchant-portal a:focus-visible,.merchant-portal button:focus-visible{outline:2px solid #f45d22;outline-offset:4px}
.merchant-portal-content>main{padding-inline:0}
/* Keep the account tools within the same independent portal background. */
.merchant-portal-content> :is(.merchant-orders-page,.merchant-invoices-page,.merchant-notifications-page,.merchant-messages-page,.merchant-products-page,.merchant-offers-page){background:transparent;min-height:0}
.merchant-portal-dashboard>header{padding:24px;background:rgb(255 255 255 / 70%);border:1px solid #f0e6dd;border-radius:24px}
.merchant-portal-dashboard [data-merchant-primary]{background:#f45d22;color:#fff}
.merchant-portal-dashboard [data-merchant-primary]:hover{background:#dc4c19}
.driver-portal-page{min-width:0;padding-block:28px}
.driver-portal-hero,.driver-portal-page>.space-y-6>section:first-of-type{border:1px solid #f0e6dd;background:rgb(255 255 255 / 75%);color:#152033}
.driver-portal-availability{background:#fff1e6;color:#d94b19;text-decoration:none}
.driver-portal-page form button{background:#f45d22}
.driver-portal-page form button:hover{background:#dc4c19}
.driver-portal-page input:focus,.driver-portal-page select:focus{border-color:#f45d22}
.driver-portal-page input[type=checkbox]{accent-color:#f45d22}
.merchant-portal .merchant-profile-hero{margin-top:24px;border:1px solid #f0e6dd;border-radius:24px;background:#fffdfb}
.merchant-portal .merchant-profile-page{background:transparent;min-height:0}
.merchant-portal .merchant-profile-hero-mark,.merchant-portal .merchant-profile-back:hover{color:#d94b19}
.merchant-portal .merchant-profile-form{--brand:#f45d22;--line:#f0e6dd}
.merchant-portal-menu-toggle{display:none}
.merchant-portal-sheet{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:85vh;max-height:85svh;padding:0;border:1px solid #f0e6dd;border-bottom:0;border-radius:26px 26px 0 0;background:#fffdfb;color:#152033;box-shadow:0 -12px 60px rgb(133 80 40 / 15%);overflow-y:auto;font-family:Cairo,sans-serif}
.merchant-portal-sheet::backdrop{background:rgb(15 23 42 / 42%);backdrop-filter:blur(3px)}
.merchant-portal-sheet-panel{padding:12px 20px max(24px,env(safe-area-inset-bottom))}
.merchant-portal-sheet-handle{width:40px;height:4px;margin:0 auto 18px;border-radius:20px;background:#e4d6c9}
.merchant-portal-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.merchant-portal-sheet-header h2{margin:0;font-size:20px;font-weight:900}
.merchant-portal-sheet-header p{margin:4px 0 0;font-size:12px;color:#64748b}
.merchant-portal-sheet-header button{display:grid;place-items:center;width:40px;height:40px;border:1px solid #f0e6dd;border-radius:12px;background:#fff;color:#64748b;font-size:22px;cursor:pointer}
.merchant-portal-sheet .merchant-portal-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;border:0;border-radius:0;background:transparent;overflow:visible}
.merchant-portal-sheet .merchant-portal-nav a{justify-content:flex-start;min-width:0;min-height:52px;padding:13px;border:1px solid #f0e6dd;background:#fff;font-size:12px}
.merchant-portal-sheet .merchant-portal-nav a[aria-current=page]{background:#fff1e6;border-color:#ffdec3}
.merchant-portal-sheet .merchant-portal-nav a.merchant-portal-pos{grid-column:1 / -1;justify-content:center;margin-inline-start:0;background:#f45d22;border-color:#f45d22;color:#fff}
@media(max-width:767px){
 .merchant-portal-shell{padding:20px 20px 16px}
 .merchant-portal-header{gap:12px;margin-bottom:20px}
 .merchant-portal-brand img{width:40px;height:40px}
 .merchant-portal-brand strong{font-size:17px}
 .merchant-portal-account-name{display:none}
 .merchant-portal-nav{border-radius:14px;padding:7px}
 .merchant-portal-nav a{padding:10px;font-size:11px}
 .merchant-portal-dashboard>header{padding:20px}
 .merchant-portal-footer{flex-wrap:wrap;justify-content:center;text-align:center}
 .merchant-portal[data-merchant-sheet-ready] .merchant-portal-shell{padding-bottom:calc(94px + env(safe-area-inset-bottom))}
 .merchant-portal[data-merchant-sheet-ready] .merchant-portal-shell>.merchant-portal-nav{display:none}
 .merchant-portal[data-merchant-sheet-ready] .merchant-portal-menu-toggle{position:fixed;inset-inline:20px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:1100;display:flex;align-items:center;gap:10px;min-height:56px;padding:14px 18px;border:1px solid #f0e6dd;border-radius:18px;background:#fffdfb;color:#d94b19;box-shadow:0 8px 32px rgb(133 80 40 / 16%);font:700 13px Cairo,sans-serif;cursor:pointer}
 .merchant-portal-menu-toggle small{margin-inline-start:auto;color:#64748b;font-size:11px}
}
@media(max-width:380px){.merchant-portal-shell{padding-inline:14px}.merchant-portal-account{gap:6px}.merchant-portal-logout span{display:none}.merchant-portal-brand small{font-size:10px}}
.driver-availability{position:relative}.driver-availability label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#64748b;cursor:pointer;white-space:nowrap}.driver-availability input{position:absolute;width:1px;height:1px;opacity:0}.driver-availability-track{position:relative;width:40px;height:23px;border-radius:20px;background:#cbd5e1;transition:background .2s;flex-shrink:0}.driver-availability-track::after{content:'';position:absolute;top:3px;left:3px;width:17px;height:17px;background:white;border-radius:50%;box-shadow:0 1px 3px #0002;transition:transform .2s}.driver-availability input:checked+.driver-availability-track{background:#16a36c}.driver-availability input:checked+.driver-availability-track::after{transform:translateX(17px)}.driver-availability input:focus-visible+.driver-availability-track{outline:3px solid #ffab79;outline-offset:3px}.driver-availability input:disabled+.driver-availability-track{opacity:.5;cursor:wait}.driver-availability-feedback{position:absolute;top:calc(100% + 8px);inset-inline-end:0;width:230px;max-width:75vw;border-radius:10px;background:white;color:#475569;box-shadow:0 4px 20px #0002;font-size:11px;line-height:1.8;z-index:120}.driver-availability-feedback:not(:empty){padding:8px 12px}.driver-portal .merchant-portal-account{flex-wrap:wrap}@media(max-width:600px){.driver-portal .merchant-portal-header{flex-wrap:wrap}.driver-portal .merchant-portal-account{margin-inline-start:auto}.driver-availability label{font-size:10px}}@media(prefers-reduced-motion:reduce){.driver-availability-track,.driver-availability-track::after{transition:none}}