/* AWMZA wide.css — 8 Oct 2026. Hussain: "page bara karo, green button par likha saaf nazar aaye,
   filter global platform ki tarah side par". compact.css ke BAAD load hota hai. Purana: /root/awmza-worklog/sales-ooda-20261008/bak-jobai/ */
main{max-width:1280px!important}
@media(min-width:1024px){main{padding:20px 28px 90px!important}}
/* ---- cards: chaudi, parhne layak ---- */
#joblist,.agi-dg{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))!important;gap:16px!important}
#plist{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important;gap:14px!important}
@media(min-width:1024px){#joblist{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 #agi-col .agi-dg,.agi-dg{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 #plist{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(min-width:1024px) and (max-width:1279px){#joblist{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:640px){#joblist,.agi-dg,#plist{grid-template-columns:1fr!important}}
#joblist .job{padding:18px!important;gap:8px!important;background:var(--card);box-shadow:0 1px 3px rgba(0,0,0,.05)}
#joblist .job b{font-size:1.08rem;line-height:1.3;-webkit-line-clamp:3!important}
#joblist .job p.mut{font-size:.95rem}
#joblist .job .pill{font-size:.82rem}
/* ---- batan: bara sabz batan poori chaudai mein, poora likha hua; neeche do chhote batan naam ke sath ---- */
.cx-act,.agi-da{flex-wrap:wrap!important;gap:8px!important}
.cx-act .cx-main,.agi-da .cx-main{flex:1 1 100%!important;order:-1;white-space:normal!important;overflow:visible!important;
 text-overflow:clip!important;font-size:1rem!important;font-weight:800!important;min-height:46px!important;line-height:1.25!important;
 padding:11px 14px!important;color:#03211a!important;display:flex!important;align-items:center;justify-content:center}
.cx-act .cx-ic,.agi-da .cx-ic{flex:1 1 0!important;width:auto!important;min-width:0!important;padding:8px 10px!important;
 gap:6px;font-size:.88rem!important;white-space:normal!important;line-height:1.2;min-height:40px}
/* ---- sidebar (sirf desktop) ---- */
#agi-side:empty,#agi-side-card:empty{display:none}
@media(min-width:1024px){
 #agi-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;align-items:start}
 #agi-side{position:sticky;top:118px;max-height:calc(100vh - 136px);overflow:auto}
}
@media(max-width:1023px){#agi-side{display:none}}
#agi-side .card{padding:18px;margin:0}
#agi-side summary{font-weight:800;font-size:1.1rem;list-style:none;margin:0 0 12px;cursor:default;color:var(--ink)}
#agi-side summary::-webkit-details-marker{display:none}
#agi-side .agi-grid{display:block;margin:0}
#agi-side .agi-grid>div{margin:0 0 4px}
#agi-side .agi-grid label{font-size:.86rem;font-weight:600;color:var(--ink)}
#agi-side .agi-grid input,#agi-side .agi-grid select{background:var(--bg);color:var(--ink);border:1px solid var(--line)}
#agi-side .agi-checks{flex-direction:column;gap:8px;margin:10px 0;color:var(--ink);font-size:.92rem}
#agi-side .hide{display:none!important}
#agi-side-go{width:100%;margin-top:10px;font-size:1rem}
/* ---- "Your goal for the agent" box: ab chipon ko nahin dhakta ----
   Pehle position:sticky;bottom:70px tha — scroll par neeche chipke rehta aur poora safha chhup jata. */
#gx .gx-goal{position:static!important;bottom:auto!important;box-shadow:0 2px 10px rgba(0,0,0,.06)}
/* mobile/tablet: goal box sab se upar, phir options */
@media(max-width:1023px){
 #gx>.gx-card:nth-child(2){display:flex;flex-direction:column}
 #gx>.gx-card:nth-child(2)>.gx-goal{order:-1;margin:0 0 14px}
}
/* desktop: filter side bar (side.js) — immobiliare.it jaisa */
main{max-width:1680px!important}
body.aw-side-on main.aw-2col{display:grid;grid-template-columns:330px minmax(0,1fr);column-gap:26px;align-items:start}
main.aw-2col>*{grid-column:2;min-width:0}
main.aw-2col>#aw-side{grid-column:1;grid-row:1 / span 60;position:sticky;top:112px;align-self:start;max-height:calc(100vh - 124px);overflow:auto;padding-bottom:20px}
body.aw-side-on #gx .gx-card:has(.gx-goal)>:not(.gx-goal){display:none!important}
body.aw-side-on #gx .gx-goal{margin:0!important}
body.aw-side-on #gx .gx-goal textarea{min-height:110px;font-size:1.05rem}
@media(min-width:1100px){#gx .gx-cats{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
.aw-sh{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 12px;font-size:.84rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink)}
.aw-n{font-weight:700;text-transform:none;letter-spacing:0;display:flex;align-items:center;gap:6px}
.aw-clr{border:0;background:#4b5563;color:#fff;border-radius:50%;width:20px;height:20px;font-size:.68rem;line-height:20px;padding:0;cursor:pointer}
.aw-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.aw-tabs button{border:1px solid var(--line);background:var(--card);border-radius:20px;padding:8px 12px;font:inherit;font-size:.88rem;cursor:pointer;color:var(--ink)}
.aw-tabs button[aria-pressed=true]{background:#12c98a;border-color:#12c98a;color:#03211a;font-weight:700}
.aw-g{background:var(--card);border:1px solid var(--line);border-top:0}
.aw-tabs+.aw-g,.aw-sh+.aw-g{border-top:1px solid var(--line);border-radius:12px 12px 0 0}
.aw-sc>.aw-g:last-child{border-radius:0 0 12px 12px}
.aw-gh{display:flex;width:100%;align-items:center;gap:8px;padding:15px 16px;background:none;border:0;font:inherit;font-size:.98rem;color:var(--ink);cursor:pointer;text-align:start}
.aw-gh:hover{background:rgba(18,201,138,.06)}
.aw-gt{flex:1 1 auto;font-weight:600}
.aw-gs{font-weight:700;font-size:.84rem;color:#0a6b4a;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(prefers-color-scheme:dark){.aw-gs{color:#7fe7bd}}
.aw-cv{transition:transform .2s;font-size:1.15rem;color:var(--mut);line-height:1}
.aw-g.open .aw-cv{transform:rotate(180deg)}
.aw-gb{display:none;flex-wrap:wrap;gap:6px;padding:0 14px 14px}
.aw-g.open .aw-gb{display:flex}
.aw-gb button{border:1px solid var(--line);background:var(--bg);border-radius:18px;padding:7px 11px;font:inherit;font-size:.86rem;cursor:pointer;color:var(--ink)}
.aw-gb button[aria-pressed=true]{background:#12c98a;border-color:#12c98a;color:#03211a;font-weight:700}
.aw-gb button[aria-pressed=true]::before{content:"✓ "}
/* upar bar ka Agent batan */
#aw-top-agent{background:#12c98a;color:#03211a;border:0;border-radius:10px;padding:8px 16px;font:inherit;font-weight:800;font-size:.95rem;cursor:pointer;white-space:nowrap;margin-inline:auto 8px;box-shadow:0 2px 8px rgba(18,201,138,.35)}
#aw-top-agent:hover{filter:brightness(1.07)}
@media(max-width:600px){#aw-top-agent{padding:6px 10px;font-size:.82rem;margin-inline:auto 6px}}
/* 8 Oct (raat): Hussain — "khali jagah bari karo, ek qatar mein 6 taake scroll kam ho" */
main{max-width:none!important;width:100%}
@media(min-width:1100px){main{padding:20px 28px 90px!important}}
@media(min-width:1100px){#joblist,.agi-dg,#plist{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(min-width:1400px){#joblist,.agi-dg,#plist{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(min-width:1650px){#joblist,.agi-dg,#plist{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
@media(min-width:1100px){#joblist .job{padding:14px!important}#joblist .job b{font-size:1rem}
 .cx-act .cx-ic,.agi-da .cx-ic{font-size:.82rem!important;padding:7px 6px!important}}
@media(min-width:1100px){#lx-all .grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(min-width:1400px){#lx-all .grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(min-width:1650px){#lx-all .grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
/* 8 Oct (raat 2): side bar chhoti aur bilkul baaein — global platform jaisi */
@media(min-width:1100px){
 main{padding:16px 22px 90px 12px!important}
 body.aw-side-on main.aw-2col{grid-template-columns:258px minmax(0,1fr);column-gap:20px}
 main.aw-2col>#aw-side{top:104px;max-height:calc(100vh - 112px)}
 .aw-sh{font-size:.74rem;padding:2px 2px 8px}
 .aw-tabs{gap:4px;margin:0 0 8px}
 .aw-tabs button{padding:5px 9px;font-size:.78rem}
 .aw-gh{padding:10px 12px;font-size:.86rem;gap:6px}
 .aw-gs{font-size:.74rem}
 .aw-cv{font-size:.95rem}
 .aw-gb{gap:4px;padding:0 10px 10px}
 .aw-gb button{padding:4px 9px;font-size:.76rem;border-radius:14px}
}