/* Kirae — تصميم الواجهة (RTL أولاً). الألوان تُضبط من لوحة الإدارة عبر المتغيرين --k-primary و --k-accent */
:root{
  --k-primary:#0f6b5c; --k-accent:#c8742b;
  --k-primary-d:#0b4f44; --k-primary-l:#e6f1ee; --k-accent-d:#a85d1e; --k-accent-l:#faeee2;
  --k-bg:#f6f3ec; --k-surface:#fff; --k-ink:#1d2a28; --k-mute:#667370; --k-line:#e3ddd0;
  --k-ok:#17803d; --k-ok-l:#e5f5ea; --k-err:#b42318; --k-err-l:#fdeceb;
  --k-r:16px; --k-r-s:11px; --k-shadow:0 1px 2px rgba(29,42,40,.05),0 6px 20px rgba(29,42,40,.06);
  --k-font:"Tajawal","Cairo","Segoe UI",Tahoma,"Noto Sans Arabic","Noto Naskh Arabic",system-ui,-apple-system,sans-serif;
}
@supports (color:color-mix(in srgb,red,blue)){
  :root{
    --k-primary-d:color-mix(in srgb,var(--k-primary) 76%,#000);
    --k-primary-l:color-mix(in srgb,var(--k-primary) 10%,#fff);
    --k-accent-d:color-mix(in srgb,var(--k-accent) 78%,#000);
    --k-accent-l:color-mix(in srgb,var(--k-accent) 13%,#fff);
  }
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body.kirae-body{margin:0;background:var(--k-bg);color:var(--k-ink);font-family:var(--k-font);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
.kirae-body img{max-width:100%;height:auto}
.kirae-body a{color:var(--k-primary);text-decoration:none}
.kirae-body a:hover{color:var(--k-primary-d)}
.kirae-body h1,.kirae-body h2,.kirae-body h3{line-height:1.35;margin:0 0 .4em;font-weight:800;letter-spacing:0}
.kirae-body h1{font-size:clamp(1.55rem,3.6vw,2.1rem)}
.kirae-body h2{font-size:1.3rem}
.kirae-body h3{font-size:1.1rem}
.kirae-body p{margin:0 0 .8em}
.k-i{flex:none;vertical-align:-3px}
.k-skip{position:absolute;inset-inline-start:8px;top:-60px;background:#000;color:#fff!important;padding:8px 14px;border-radius:8px;z-index:200}
.k-skip:focus{top:8px}
.k-container{width:100%;max-width:1160px;margin-inline:auto;padding-inline:16px}
.k-narrow{max-width:760px}
.k-center{text-align:center}
.k-muted{color:var(--k-mute);font-size:.92rem}
.k-mt{margin-top:12px}
.k-section{padding-block:28px 44px}
.k-section__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:26px 0 14px}
.k-section__head h2{margin:0}

/* ---------- الرأس والقائمة ---------- */
.k-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--k-line)}
body.admin-bar .k-header{top:32px}
@media (max-width:782px){body.admin-bar .k-header{top:46px}}
.k-header__in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
.k-brand{display:inline-flex;align-items:center;gap:10px;color:var(--k-ink)!important;font-weight:800;font-size:1.25rem}
.k-brand__mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--k-primary);color:#fff}
.k-brand__mark .k-i{width:22px;height:22px}
.k-nav{display:flex;align-items:center;gap:4px}
.k-nav__a{padding:8px 14px;border-radius:999px;color:var(--k-ink)!important;font-weight:500;font-size:.97rem;transition:background .15s}
.k-nav__a:hover{background:var(--k-primary-l)}
.k-nav__a.is-on{background:var(--k-primary-l);color:var(--k-primary-d)!important;font-weight:700}
.k-nav__logout{color:var(--k-err)!important}
.k-burger{display:none;width:44px;height:44px;border:1px solid var(--k-line);border-radius:12px;background:#fff;cursor:pointer;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.k-burger span{display:block;width:20px;height:2px;background:var(--k-ink);border-radius:2px;transition:transform .2s,opacity .2s}
.k-burger[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.k-burger[aria-expanded=true] span:nth-child(2){opacity:0}
.k-burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:820px){
  .k-burger{display:flex}
  .k-nav{display:none;position:absolute;inset-inline:0;top:100%;flex-direction:column;align-items:stretch;gap:2px;background:#fff;border-bottom:1px solid var(--k-line);padding:10px 16px 16px;box-shadow:0 18px 30px rgba(0,0,0,.08)}
  .k-nav.is-open{display:flex}
  .k-nav__a{padding:13px 14px;border-radius:12px}
}

/* ---------- الأزرار ---------- */
.k-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border:1.5px solid transparent;border-radius:12px;font:inherit;font-weight:700;font-size:1rem;line-height:1;cursor:pointer;text-decoration:none!important;transition:background .15s,transform .05s,border-color .15s;white-space:nowrap}
.k-btn:active{transform:translateY(1px)}
.k-btn--primary{background:var(--k-primary);color:#fff!important}
.k-btn--primary:hover{background:var(--k-primary-d)}
.k-btn--accent{background:var(--k-accent);color:#fff!important}
.k-btn--accent:hover{background:var(--k-accent-d)}
.k-btn--ghost{background:#fff;border-color:var(--k-line);color:var(--k-ink)!important}
.k-btn--ghost:hover{border-color:var(--k-primary);color:var(--k-primary-d)!important}
.k-btn--light{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.45);color:#fff!important}
.k-btn--light:hover{background:rgba(255,255,255,.24)}
.k-btn--danger{background:#fff;border-color:#efc4c0;color:var(--k-err)!important}
.k-btn--danger:hover{background:var(--k-err-l)}
.k-btn--sm{min-height:38px;padding:0 14px;font-size:.92rem;border-radius:10px}
.k-btn--lg{min-height:52px;padding:0 26px;font-size:1.05rem}
.k-btn--block{width:100%}
.k-btn:focus-visible,.k-field :is(input,select,textarea):focus-visible,.k-link-btn:focus-visible{outline:3px solid color-mix(in srgb,var(--k-primary) 35%,transparent);outline-offset:2px}
.k-link-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:6px 0;font:inherit;font-size:.92rem;color:var(--k-mute);cursor:pointer}
.k-link-btn:hover{color:var(--k-err)}
.k-link-btn--danger{color:var(--k-err)}

/* ---------- الصفحة الرئيسية ---------- */
.k-hero{background:var(--k-primary);color:#fff;border-radius:0 0 32px 32px;position:relative;overflow:hidden;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cpath d='M32 6l7.5 12.5L54 22l-9 11 2 14.5L32 43l-15 4.5 2-14.5-9-11 14.5-3.5z' fill='none' stroke='%23ffffff' stroke-opacity='.09' stroke-width='1.4'/%3E%3C/svg%3E"),linear-gradient(135deg,var(--k-primary) 0%,var(--k-primary-d) 100%)}
.k-hero__in{padding-block:46px 74px;max-width:860px}
.k-hero h1{color:#fff;font-size:clamp(1.8rem,5vw,3rem);margin-bottom:.35em}
.k-hero p{font-size:clamp(1rem,2.2vw,1.18rem);opacity:.92;max-width:640px}
.k-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.k-hero__stat{margin-top:20px;font-size:.95rem!important;opacity:.85!important}
.k-hero__stat strong{font-size:1.15rem}
.k-filter{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;align-items:end;background:var(--k-surface);border:1px solid var(--k-line);border-radius:var(--k-r);padding:18px;box-shadow:var(--k-shadow);margin-top:-52px;position:relative;z-index:2}
.k-filter__btns{display:flex;gap:8px}
.k-filter__btns .k-btn{flex:1}
.k-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}
.k-card{background:var(--k-surface);border:1px solid var(--k-line);border-radius:var(--k-r);padding:20px;box-shadow:var(--k-shadow)}
.k-req{display:flex;flex-direction:column;gap:10px;transition:transform .15s,box-shadow .15s}
.k-req:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(29,42,40,.06),0 14px 30px rgba(29,42,40,.1)}
.k-req.is-closed{opacity:.78}
.k-req__top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.k-req__title{margin:0;font-size:1.12rem}
.k-req__title a{color:var(--k-ink)}
.k-req__loc{display:flex;gap:6px;align-items:flex-start;color:var(--k-mute);margin:0;font-size:.95rem}
.k-req__loc .k-i{margin-top:3px;color:var(--k-accent)}
.k-tags{display:flex;flex-wrap:wrap;gap:6px}
.k-tag{display:inline-flex;align-items:center;gap:5px;background:var(--k-primary-l);color:var(--k-primary-d);border-radius:999px;padding:3px 11px;font-size:.85rem;font-weight:500}
.k-tag .k-i{width:15px;height:15px}
.k-req__budget{display:flex;align-items:baseline;gap:6px;margin-top:auto;padding-top:12px;border-top:1px dashed var(--k-line)}
.k-req__budget strong{font-size:1.3rem;color:var(--k-ink)}
.k-req__budget small{color:var(--k-mute)}
.k-req__actions{display:flex;gap:8px;flex-wrap:wrap}
.k-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:2px 11px;font-size:.8rem;font-weight:700}
.k-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.k-badge--open{background:var(--k-ok-l);color:var(--k-ok)}
.k-badge--closed{background:#eee;color:#666}
.k-badge--hidden{background:var(--k-err-l);color:var(--k-err)}
.k-pager ul{display:flex;gap:6px;justify-content:center;list-style:none;padding:0;margin:28px 0 0;flex-wrap:wrap}
.k-pager .page-numbers{display:grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--k-line);border-radius:11px;background:#fff;color:var(--k-ink)}
.k-pager .current{background:var(--k-primary);border-color:var(--k-primary);color:#fff}
.k-empty{text-align:center;background:#fff;border:1.5px dashed var(--k-line);border-radius:var(--k-r);padding:42px 20px;color:var(--k-mute)}
.k-empty .k-i{width:42px;height:42px;color:var(--k-primary);opacity:.6}
.k-empty h3{color:var(--k-ink);margin-top:8px}
.k-empty--sm{padding:22px}

/* ---------- النماذج ---------- */
.k-form{display:flex;flex-direction:column;gap:16px}
.k-inline{display:inline}
.k-field{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;border:0}
.k-field>span,.k-field>legend{font-weight:700;font-size:.92rem;padding:0}
.k-field :is(input:not([type=checkbox],[type=radio]),select,textarea){width:100%;min-height:46px;padding:10px 14px;border:1.5px solid #d6cfc0;border-radius:12px;background:#fff;color:var(--k-ink);font:inherit;transition:border-color .15s,box-shadow .15s}
.k-field textarea{min-height:110px;resize:vertical}
.k-field :is(input,select,textarea):focus{outline:0;border-color:var(--k-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--k-primary) 16%,transparent)}
.k-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:600px){.k-row{grid-template-columns:1fr}}
.k-check{display:flex;gap:10px;align-items:flex-start;font-size:.95rem;cursor:pointer}
.k-check input{width:20px;height:20px;margin-top:3px;accent-color:var(--k-primary);flex:none}
.k-between{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.k-pills{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}
.k-pills legend{width:100%;margin-bottom:6px;float:none}
.k-pills label{cursor:pointer}
.k-pills input{position:absolute;opacity:0;pointer-events:none}
.k-pills label span{display:inline-flex;align-items:center;min-height:46px;padding:0 24px;border:1.5px solid #d6cfc0;border-radius:12px;background:#fff;font-weight:700;transition:all .15s}
.k-pills input:checked+span{background:var(--k-primary);border-color:var(--k-primary);color:#fff}
.k-pills input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--k-primary) 35%,transparent);outline-offset:2px}
.k-hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.k-counter{text-align:end}
.k-notice{border-radius:12px;padding:13px 16px;margin:16px 0 0;font-weight:500;border:1px solid transparent;transition:opacity .4s}
.k-notice--ok{background:var(--k-ok-l);color:#0f5c2b;border-color:#bfe5cc}
.k-notice--err{background:var(--k-err-l);color:#8a1c13;border-color:#f3c5c0}
.k-main>.k-container>.k-notice{margin-bottom:0}
.k-authcard,.k-formcard{padding:26px}
.k-tabs{display:flex;gap:6px;background:var(--k-bg);padding:5px;border-radius:13px;margin:14px 0 20px}
.k-tabs a{flex:1;text-align:center;padding:9px 12px;border-radius:10px;color:var(--k-ink);font-weight:700;font-size:.95rem}
.k-tabs a.is-on{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.1);color:var(--k-primary-d)}
.k-tabs--wrap{flex-wrap:wrap}
.k-tabs--page{max-width:380px}
.k-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;color:var(--k-mute)!important;font-size:.93rem}
.k-choose{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
@media (max-width:600px){.k-choose{grid-template-columns:1fr}}
.k-choose__item{display:block;color:var(--k-ink)!important;transition:transform .15s,border-color .15s,box-shadow .15s}
.k-choose__item:hover{transform:translateY(-3px);border-color:var(--k-primary);box-shadow:0 14px 30px rgba(29,42,40,.12)}
.k-choose__ico{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:var(--k-primary-l);color:var(--k-primary);margin-bottom:12px}
.k-choose__ico .k-i{width:28px;height:28px}
.k-choose__item p{color:var(--k-mute)}
.k-choose__go{display:inline-flex;gap:6px;align-items:center;color:var(--k-primary);font-weight:700}
.k-gate{text-align:center;padding:36px 22px}
.k-gate>.k-i{width:46px;height:46px;color:var(--k-primary)}
.k-gate__btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:8px}

/* ---------- صفحة الطلب ---------- */
.k-detail__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.k-detail__head h1{margin:8px 0 2px}
.k-detail__budget{background:var(--k-accent-l);border-radius:14px;padding:12px 18px;text-align:center}
.k-detail__budget strong{display:block;font-size:1.55rem;color:var(--k-accent-d);line-height:1.3}
.k-detail__budget small{display:block;color:var(--k-mute)}
.k-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:0}
.k-facts>div{background:var(--k-bg);border-radius:12px;padding:12px 14px}
.k-facts dt{display:flex;gap:6px;align-items:center;color:var(--k-mute);font-size:.85rem}
.k-facts dd{margin:2px 0 0;font-weight:700}
.k-notes{margin-top:18px}
.k-notes p{background:var(--k-bg);border-radius:12px;padding:14px;margin:0}
.k-owner-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:18px;padding-top:16px;border-top:1px solid var(--k-line)}
.k-offers,.k-offer-box,.k-cta-box{margin-top:26px}
.k-count{display:inline-grid;place-items:center;min-width:28px;height:28px;border-radius:999px;background:var(--k-primary);color:#fff;font-size:.85rem;padding:0 8px;vertical-align:middle}
.k-offer{margin-top:12px}
.k-offer header{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:8px}
.k-offer__price{text-align:end}
.k-offer__price small{display:block;color:var(--k-mute);font-size:.8rem}
.k-offer__price strong{font-size:1.25rem;color:var(--k-primary-d)}
.k-offer footer{display:flex;flex-wrap:wrap;gap:8px}
.k-cta-box{background:var(--k-primary-l);border-radius:var(--k-r);padding:22px;text-align:center}

/* ---------- لوحة الحساب ---------- */
.k-dash__head{margin-bottom:6px}
.k-dash__head h1{margin:0}
.k-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 0}
.k-stat{background:#fff;border:1px solid var(--k-line);border-radius:var(--k-r);padding:16px 18px;box-shadow:var(--k-shadow)}
.k-stat strong{display:block;font-size:1.9rem;line-height:1.2;color:var(--k-primary)}
.k-stat span{color:var(--k-mute);font-size:.9rem}
.k-list{display:flex;flex-direction:column;gap:12px;margin-top:6px}
.k-row-item{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 20px}
.k-row-item h3{margin:6px 0 2px}
.k-row-item h3 a{color:var(--k-ink)}
.k-row-item p{margin:0}
.k-row-item__acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}

/* ---------- الصفحات القانونية ---------- */
.k-prose{margin-top:16px}
.k-prose ul{padding-inline-start:22px}
.k-prose li{margin-bottom:6px}
.k-legal section{scroll-margin-top:90px}

/* ---------- التذييل ---------- */
.k-footer{background:var(--k-ink);color:#cfd8d5;padding:28px 0;margin-top:20px}
.k-footer__in{display:flex;flex-wrap:wrap;gap:16px 40px;justify-content:space-between;align-items:center}
.k-footer strong{color:#fff;font-size:1.1rem}
.k-footer p{margin:2px 0 0;font-size:.9rem}
.k-footer nav{display:flex;gap:18px;flex-wrap:wrap}
.k-footer a{color:#cfd8d5}
.k-footer a:hover{color:#fff}

@media (max-width:600px){
  .k-hero__in{padding-block:34px 66px}
  .k-card{padding:16px}
  .k-authcard,.k-formcard{padding:18px}
  .k-hero__cta .k-btn{flex:1}
  .k-row-item__acts{width:100%}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}