:root{--navy:#06183f;--orange:#ff4a1f;--line:#e4e8ef;--muted:#475467}
*{box-sizing:border-box}
body{margin:0;background:#f6f7fa;color:#101828;font-family:"Inter",Arial,sans-serif}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
small{font-size:12px;color:#475467}
.wanted-shell{width:min(calc(100% - 28px),1540px);margin:20px auto 60px}
.wanted-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border:1px solid var(--line);border-radius:20px;background:radial-gradient(circle at 10% 0,#edf3ff,transparent 40%),linear-gradient(135deg,#fff,#fff7f2)}
.wanted-hero>div>span,.wanted-form-title>span,.my-requests-head>div>span{font-size:12px;font-weight:800;letter-spacing:.08em;color:#315cc9}
.wanted-hero h1,.wanted-form-title h1,.my-requests-head h1{margin:7px 0 5px;font-family:"Poppins",sans-serif;color:var(--navy);font-size:32px}
.wanted-hero p,.wanted-form-title p,.my-requests-head p{margin:0;max-width:720px;color:#475467;font-size:12px;line-height:1.6}
.wanted-hero>a,.my-requests-head>a{display:inline-flex;align-items:center;gap:7px;padding:12px 15px;border-radius:11px;background:var(--orange);color:#fff;font-size:12px;font-weight:800}
.wanted-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:13px 0}
.wanted-toolbar>span{color:#475467;font-size:12px;font-weight:600;white-space:nowrap}
.wanted-filters{display:grid;grid-template-columns:minmax(220px,1.3fr) 210px 200px 180px auto;gap:8px;flex:1}
.wanted-filters input,.wanted-filters select,.wanted-form-card input,.wanted-form-card select,.wanted-form-card textarea,.wanted-response-card select,.wanted-response-card textarea{width:100%;border:1px solid #d8dee8;border-radius:10px;background:#fff;outline:0;color:#101828}
.wanted-filters input,.wanted-filters select{height:42px;padding:0 10px}
.wanted-filters button{height:42px;border:0;border-radius:10px;padding:0 14px;background:var(--navy);color:#fff;font-size:12px;font-weight:800;cursor:pointer}
.wanted-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.wanted-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px;min-width:0;transition:.18s ease}
.wanted-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(16,24,40,.07)}
.wanted-card-top{display:flex;align-items:center;gap:10px}
.wanted-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#eef3ff;color:#315cc9;font-size:18px}
.wanted-meta-top{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;flex:1}
.wanted-meta-top>span{font-size:12px;font-weight:700;color:#344054}
.wanted-meta-top small{font-size:12px;color:#667085}
.wanted-card h2{margin:13px 0 10px;font-size:15px;line-height:1.35;min-height:40px}
.wanted-card h2 a{color:#101828}
.wanted-budget{padding:10px;border-radius:10px;background:#fafbfc;border:1px solid #edf0f4}
.wanted-budget small{display:block;color:#667085}
.wanted-budget strong{display:block;margin-top:2px;font-size:17px;color:#06183f}
.wanted-info{display:grid;gap:6px;margin-top:11px}
.wanted-info span{font-size:12px;color:#475467}
.wanted-info i{width:15px;color:#7c899b}
.wanted-buyer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;padding-top:11px;border-top:1px solid #edf0f4}
.wanted-buyer>span{font-size:12px;font-weight:700}
.wanted-buyer small{color:#117047}
.wanted-buyer small i{margin-right:4px}
.wanted-respond{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;margin-top:11px;border-radius:9px;background:var(--navy);color:#fff;font-size:12px;font-weight:800}
.wanted-empty,.wanted-not-found{min-height:380px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;border:1px solid var(--line);border-radius:18px;background:#fff;padding:30px}
.wanted-empty>i,.wanted-not-found>i{font-size:38px;color:#a4afbc}
.wanted-empty h2,.wanted-not-found h1{font-family:"Poppins",sans-serif;margin:13px 0 4px;color:var(--navy)}
.wanted-empty p,.wanted-not-found p{margin:0 0 16px;color:#475467;font-size:12px}
.wanted-empty>a,.wanted-not-found>a{padding:10px 14px;border-radius:10px;background:var(--orange);color:#fff;font-size:12px;font-weight:800}
.wanted-form-body{background:#f6f7fa}
.simple-header{width:min(calc(100% - 28px),1540px);min-height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.simple-logo{display:flex;align-items:flex-end;font-family:"Poppins",sans-serif;font-size:30px;font-weight:800;line-height:.85}
.simple-logo span{color:var(--navy)}
.simple-logo b{color:var(--orange)}
.simple-logo small{font-family:"Inter",sans-serif;font-size:10px;color:var(--navy);margin-left:-91px;transform:translateY(15px)}
.simple-header>div{display:flex;gap:15px}
.simple-header>div>a{font-size:12px;font-weight:700;color:#344054}
.wanted-form-shell{width:min(calc(100% - 28px),1100px);margin:24px auto 60px}
.wanted-form-title{margin-bottom:17px}
.wanted-form-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}
.wanted-form-card>label,.wanted-form-grid label,.wanted-response-card label{display:block;margin:14px 0 6px;font-size:12px;font-weight:700;color:#344054}
.wanted-form-card input,.wanted-form-card select{height:45px;padding:0 11px}
.wanted-form-card textarea{height:125px;padding:11px;resize:vertical}
.wanted-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.wanted-form-grid.three{grid-template-columns:1fr 1fr 1fr}
.wanted-form-note{display:flex;align-items:flex-start;gap:9px;margin-top:16px;padding:11px;border-radius:10px;background:#f4f8ff;color:#475467;font-size:12px}
.wanted-form-note i{color:#315cc9;margin-top:2px}
.wanted-submit{min-height:44px;margin-top:17px;border:0;border-radius:10px;padding:0 16px;background:var(--orange);color:#fff;font-size:12px;font-weight:800;cursor:pointer}
.wanted-alert{padding:10px 12px;border-radius:10px;margin-bottom:12px;font-size:12px;font-weight:600}
.wanted-alert.error{background:#fff0ee;color:#b42318}
.wanted-alert.success{background:#eaf9f1;color:#117047}
.wanted-detail-shell{width:min(calc(100% - 28px),1280px);margin:14px auto 60px}
.wanted-breadcrumb{display:flex;align-items:center;gap:8px;margin:8px 2px 13px;color:#667085;font-size:12px}
.wanted-breadcrumb i{font-size:8px}
.wanted-status-note{padding:10px 12px;margin-bottom:11px;border-radius:10px;background:#fff5db;color:#8a5a00;font-size:12px;font-weight:700}
.wanted-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:13px;align-items:start}
.wanted-detail-main{display:grid;gap:12px}
.wanted-detail-side{display:grid;gap:12px;position:sticky;top:15px}
.wanted-detail-card,.wanted-buyer-card,.wanted-owner-card,.wanted-response-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px}
.wanted-detail-kicker{font-size:12px;font-weight:800;color:#315cc9}
.wanted-detail-card h1{margin:7px 0 18px;font-family:"Poppins",sans-serif;font-size:28px;color:var(--navy);line-height:1.2}
.wanted-detail-card h2,.wanted-owner-card h3,.wanted-response-card h3{margin:0 0 11px;font-family:"Poppins",sans-serif;font-size:17px;color:var(--navy)}
.wanted-detail-card>p,.wanted-response-card>p{margin:0;color:#475467;font-size:12px;line-height:1.7}
.wanted-detail-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.wanted-detail-facts>div{padding:11px;border:1px solid #edf0f4;border-radius:10px;background:#fafbfc}
.wanted-detail-facts small{display:block;color:#667085}
.wanted-detail-facts strong{display:block;margin-top:3px;font-size:13px}
.wanted-safety{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wanted-safety span{padding:10px;border-radius:10px;background:#fafbfc;color:#475467;font-size:12px}
.wanted-safety i{color:#0ca363;margin-right:6px}
.wanted-buyer-card>span{font-size:10px;font-weight:800;letter-spacing:.1em;color:#98a2b3}
.wanted-buyer-profile{display:flex;align-items:center;gap:10px;margin-top:10px}
.wanted-buyer-profile>div:first-child{width:52px;height:52px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#eef1f5;color:#8492a6}
.wanted-buyer-profile img{width:100%;height:100%;object-fit:cover}
.wanted-buyer-profile>div:last-child{display:flex;flex-direction:column}
.wanted-buyer-profile strong{font-size:13px}
.wanted-buyer-profile small{margin-top:3px;color:#667085}
.wanted-buyer-profile small i{color:#0ca363}
.wanted-buyer-card>p{margin:12px 0 0;padding-top:10px;border-top:1px solid #edf0f4;color:#475467;font-size:12px}
.wanted-owner-card{display:grid;gap:8px}
.wanted-owner-card h3{margin-bottom:2px}
.wanted-owner-card a{min-height:40px;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:7px;background:#f2f4f7;color:#344054;font-size:12px;font-weight:800}
.wanted-owner-card a:first-of-type{background:var(--orange);color:#fff}
.wanted-response-card form{margin-top:13px}
.wanted-response-card select{height:43px;padding:0 10px}
.wanted-response-card textarea{height:105px;padding:10px;resize:vertical}
.wanted-response-card form button,.login-response{width:100%;min-height:43px;margin-top:12px;border:0;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:7px;background:var(--orange);color:#fff;font-size:12px;font-weight:800;cursor:pointer}
.my-requests-shell{width:min(calc(100% - 28px),1280px);margin:24px auto 60px}
.my-requests-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:14px}
.my-request-list{display:grid;gap:10px}
.my-request-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px}
.my-request-top{display:flex;align-items:center;gap:9px}
.my-request-top>span:first-child{font-size:12px;color:#667085;font-weight:700}
.request-status{padding:4px 7px;border-radius:999px;font-size:10px;font-weight:800}
.status-active{background:#eaf9f1;color:#117047}
.status-fulfilled{background:#eef1f5;color:#667085}
.status-blocked,.status-rejected{background:#fff0ee;color:#b42318}
.status-expired,.status-pending{background:#fff5db;color:#8a5a00}
.my-request-main h2{margin:7px 0 4px;font-size:16px}
.my-request-main>strong{font-size:17px;color:#06183f}
.my-request-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.my-request-meta span{font-size:12px;color:#475467}
.my-request-meta i{margin-right:4px;color:#7c899b}
.my-request-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.my-request-actions form{margin:0}
.my-request-actions a,.my-request-actions button{border:1px solid #d8dee8;background:#fff;border-radius:8px;padding:7px 9px;font-size:11px;font-weight:700;cursor:pointer;color:#344054}
.my-request-actions .danger{color:#b42318}
@media(max-width:1250px){
    .wanted-grid{grid-template-columns:repeat(3,1fr)}
    .wanted-filters{grid-template-columns:1fr 1fr 1fr auto}
    .wanted-filters input:first-child{grid-column:span 2}
}
@media(max-width:900px){
    .wanted-grid{grid-template-columns:repeat(2,1fr)}
    .wanted-toolbar{align-items:flex-start;flex-direction:column}
    .wanted-filters{width:100%;grid-template-columns:1fr 1fr}
    .wanted-detail-layout{grid-template-columns:1fr}
    .wanted-detail-side{position:static;grid-template-columns:1fr 1fr}
    .wanted-response-card{grid-column:1/-1}
    .wanted-detail-facts{grid-template-columns:repeat(2,1fr)}
    .my-request-card{grid-template-columns:1fr}
    .my-request-actions{justify-content:flex-start}
}
@media(max-width:680px){
    .wanted-shell,.simple-header,.wanted-detail-shell,.my-requests-shell{width:calc(100% - 16px)}
    .simple-header{min-height:64px}
    .simple-logo{font-size:25px}
    .simple-logo small{display:none}
    .simple-header>div>a{font-size:0}
    .simple-header>div>a i{font-size:18px}
    .wanted-hero{align-items:flex-start;flex-direction:column;padding:20px}
    .wanted-hero h1,.wanted-form-title h1,.my-requests-head h1{font-size:27px}
    .wanted-filters{grid-template-columns:1fr}
    .wanted-filters input:first-child{grid-column:auto}
    .wanted-grid{grid-template-columns:1fr}
    .wanted-form-shell{width:calc(100% - 16px);margin-top:10px}
    .wanted-form-card{padding:16px}
    .wanted-form-grid,.wanted-form-grid.three{grid-template-columns:1fr}
    .wanted-detail-side{grid-template-columns:1fr}
    .wanted-response-card{grid-column:auto}
    .wanted-detail-facts,.wanted-safety{grid-template-columns:1fr}
    .my-requests-head{align-items:flex-start;flex-direction:column}
}


/* UPDATE 24 — WANTED NOTIFICATION BELL */
.simple-notification-link{position:relative}
.simple-notification-link>span{position:absolute;top:-8px;right:-8px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#ff4a1f;color:#fff;font-size:10px!important;font-weight:800;border:2px solid #fff}


/* UPDATE 27 — BUYER REQUEST REPORT LINKS */
.wanted-report-links{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px;padding-top:11px;border-top:1px solid #edf0f4}
.wanted-report-links a{min-height:37px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #e0e5ec;border-radius:9px;background:#fff;color:#667085;font-size:12px;font-weight:700}
.wanted-report-links a:hover{color:#b42318;border-color:#f2b8b3;background:#fff7f6}
@media(max-width:680px){.wanted-report-links{grid-template-columns:1fr}}


/* =========================================================
   UPDATE 31 — MOBILE RESPONSIVE & UI CONSISTENCY
   ========================================================= */
html,body{
    max-width:100%;
    overflow-x:hidden;
}
img,video,svg{
    max-width:100%;
}
@media(max-width:900px){
    input,select,textarea{
        font-size:16px !important;
    }
    button,a{
        -webkit-tap-highlight-color:transparent;
    }
}

@media(max-width:680px){
    .wanted-shell,.wanted-detail-shell,.my-requests-shell,
    .wanted-form-shell,.simple-header{
        width:calc(100% - 10px);
    }
    .wanted-hero{
        padding:17px;
        border-radius:15px;
        gap:14px;
    }
    .wanted-hero h1,.wanted-form-title h1,.my-requests-head h1{
        font-size:25px;
    }
    .wanted-hero>a{
        width:100%;
        justify-content:center;
        min-height:42px;
    }
    .wanted-toolbar{
        gap:8px;
    }
    .wanted-filters{
        grid-template-columns:1fr!important;
        gap:7px;
    }
    .wanted-card{
        padding:12px;
        border-radius:12px;
    }
    .wanted-card h2{min-height:0}
    .wanted-form-card{
        padding:14px;
        border-radius:14px;
    }
    .wanted-form-card input,.wanted-form-card select{
        height:43px;
    }
    .wanted-detail-card,.wanted-buyer-card,.wanted-owner-card,.wanted-response-card{
        padding:14px;
        border-radius:13px;
    }
    .wanted-detail-card h1{font-size:23px}
    .wanted-detail-facts{
        grid-template-columns:1fr 1fr;
    }
    .my-request-card{
        padding:12px;
        gap:12px;
    }
    .my-request-actions{
        display:grid;
        grid-template-columns:1fr 1fr;
        width:100%;
    }
    .my-request-actions form,
    .my-request-actions a,
    .my-request-actions button{
        width:100%;
    }
    .my-request-actions a,
    .my-request-actions button{
        min-height:38px;
        display:flex;
        align-items:center;
        justify-content:center;
    }
}
@media(max-width:430px){
    .wanted-detail-facts{grid-template-columns:1fr}
}


/* UPDATE 32 — MOBILE QA ROUND 2 HARDENING */
@media(max-width:900px){
    main,section,article,aside,header,footer,nav,form,div{
        min-width:0;
    }
    h1,h2,h3,h4,p,span,strong,small,a,label{
        overflow-wrap:anywhere;
    }
    table{
        max-width:100%;
    }
}

@media(max-width:680px){
    body{padding-bottom:0!important}
    .wanted-grid,
    .wanted-detail-layout,
    .wanted-detail-main,
    .wanted-detail-side,
    .my-request-card{
        min-width:0!important;
    }
    .wanted-info span,
    .wanted-buyer,
    .wanted-card h2{
        overflow-wrap:anywhere;
    }
}