:root{--green:#079447;--deep:#075f3a;--ink:#102033;--muted:#667085;--line:#e4e9ee;--bg:#f3f5f6;--soft:#f8faf9;--danger:#d92d20}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit}.wrap{max-width:1180px;margin:auto;padding:18px}.topbar{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-bottom:18px}.btn,button{border:0;border-radius:10px;padding:11px 15px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block;background:var(--green);color:#fff}.btn.light,button.light{background:#edf1f4;color:#111}.btn.danger,button.danger{background:#fee4e2;color:#b42318}.hero{background:linear-gradient(135deg,var(--green),var(--deep));color:white;border-radius:22px;padding:28px;margin-bottom:20px}.hero h1{font-size:36px;margin:0 0 8px}.hero p{margin:0;line-height:1.55}.card{background:white;border-radius:20px;padding:22px;margin-bottom:18px;box-shadow:0 10px 30px rgba(16,24,40,.06)}.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-weight:800;font-size:13px}.field input,.field select,.field textarea{width:100%;border:1px solid #d8e0e7;border-radius:10px;padding:12px;font:inherit;background:white}.field textarea{min-height:150px;resize:vertical}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.listing{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden}.listing-photo{width:100%;aspect-ratio:4/3;object-fit:cover;background:#eef2f4;display:block}.listing-body{padding:16px}.listing h3{margin:0 0 8px;font-size:20px}.meta{color:var(--muted);font-size:14px;line-height:1.5}.price{font-size:21px;font-weight:900;color:var(--deep);margin:10px 0}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#eaf8ef;color:#08783c;font-size:12px;font-weight:800;margin:2px 5px 2px 0}.badge.pending{background:#fff3cd;color:#8a5a00}.badge.draft{background:#eef2f6;color:#344054}.empty{text-align:center;padding:45px 15px;color:var(--muted)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wide{grid-column:1/-1}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:10px}.preview{border:1px solid var(--line);border-radius:12px;padding:7px;background:var(--soft)}.preview img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px}.status{font-weight:800;color:#08783c}.status.error{color:#b42318}.notice{padding:13px;border-radius:12px;background:#fff8e1;color:#7a4b00}.detail{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px}.detail-main-photo{width:100%;max-height:580px;object-fit:contain;background:#eef2f4;border-radius:16px}.thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.thumbs img{width:78px;height:78px;object-fit:cover;border-radius:10px;border:1px solid var(--line);cursor:pointer}.my-row{display:grid;grid-template-columns:110px 1fr auto;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.my-row img{width:110px;height:82px;object-fit:cover;border-radius:10px;background:#eef2f4}@media(max-width:850px){.filters,.grid,.two,.detail{grid-template-columns:1fr}.my-row{grid-template-columns:80px 1fr}.my-row img{width:80px;height:70px}.my-row .actions{grid-column:1/-1}.hero h1{font-size:29px}}
.featured-listing{border:2px solid #e1b84b;box-shadow:0 10px 30px rgba(120,85,0,.11)}
.featured-ribbon{display:inline-block;background:#fff3c4;color:#6b4b00;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:900;margin-left:6px}
.expiry{font-size:12px;color:#667085;margin-top:7px}
.report-box{margin-top:18px;padding:15px;border:1px solid #e2e7e5;border-radius:14px;background:#fafcfb}
.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:10px;border-bottom:1px solid #e7ebe9;text-align:left;vertical-align:top}.admin-table th{background:#f7faf8;font-size:13px}
.admin-actions{display:flex;gap:6px;flex-wrap:wrap}.admin-actions button{padding:7px 9px;font-size:12px}.small{font-size:12px;color:#667085}

/* classified-publication-tiers-v1 */
.sponsored-listing {
  border: 2px solid #c89b2c;
  box-shadow: 0 8px 24px rgba(0,0,0,.10);
}
.sponsored-ribbon {
  display: inline-block;
  margin-left: 6px;
  padding: 4px 8px;
  border-radius: 999px;
  background: #c89b2c;
  color: #fff;
  font-size: .78rem;
  font-weight: 800;
}