/* YAQEEN — Global UI */
:root{
    --yq-green:#23664e;
    --yq-green-dark:#174936;
    --yq-green-soft:#e8f2ed;
    --yq-beige:#f6f1e8;
    --yq-text:#173c31;
    --yq-muted:#789087;
    --yq-border:#dfeae4;
    --yq-white:#ffffff;
}

html{background:var(--yq-beige);}
body{
    margin:0;
    min-height:100vh;
    background:
        radial-gradient(circle at 50% -10%, rgba(35,102,78,.07), transparent 34rem),
        var(--yq-beige);
    color:var(--yq-text);
    font-family:"Tajawal",sans-serif !important;
}
body *{font-family:"Tajawal",sans-serif !important;box-sizing:border-box;}
a{text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;}
button,input,textarea,select{font:inherit;-webkit-tap-highlight-color:transparent;}

.app-shell{min-height:100vh;padding-bottom:112px;}

. topbar{width:100%;height:72px;padding:0 4vw,56px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(255,255,255,.94);border-top:4px solid var(--yq-green-dark);border-bottom:1px solid var(--yq-border);box-shadow:0 4px 18px rgba(23,73,54,.06);position:relative;z-index:20;direction:rtl;}

.brand{display:inline-flex;align-items:center;gap:10px;color:var(--yq-green-dark);white-space:nowrap;}
.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--yq-green-soft);color:var(--yq-green);font-size:24px;line-height:1;}
.brand strong{display:block;font-size:21px;font-weight:900;line-height:1.1;}
.brand small{display:block;margin-top:3px;font-size:10px;letter-spacing:1.2px;color:var(--yq-muted);direction:ltr;}

.location-button{appearance:none;border:1px solid var(--yq-border);background:var(--yq-green-soft);color:var(--yq-green-dark);min-height:42px;padding:0 15px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:700;cursor:pointer;transition:.2s ease;}
.location-button span:first-child{font-size:17px;color:var(--yq-green)}
.location-button:hover{background:#dcece4;border-color:#cbded5;transform:translateY(-1px);}

.