/* Classifieds: builds on the shared pencil-sketch system (admin-portal.css, scope .ap). Own tokens only here. Dark/light come from the site theme variables. */
.ap.cl{max-width:1040px}
.cl-adminlink{margin:0 0 8px;text-align:right}
.cl-panel{margin-top:6px}
.cl-filters{display:grid;gap:10px;grid-template-columns:1fr;margin:8px 0}
@media(min-width:720px){.cl-filters{grid-template-columns:2fr 1fr 1fr 1fr}}
.cl-count{font-weight:800;margin:8px 0}
.cl-grid{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:560px){.cl-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.cl-grid{grid-template-columns:repeat(3,1fr)}}
.cl-card{position:relative;margin:0!important;display:flex;flex-direction:column;gap:2px;transform:rotate(-.25deg)}.cl-card:nth-child(even){transform:rotate(.3deg)}
.cl-card h3{margin:.3em 0 0;font-size:1.25rem;font-weight:900;letter-spacing:-.01em;overflow-wrap:anywhere}
.cl-photo{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border:2.5px solid var(--line);border-radius:10px 3px 11px 3px/3px 11px 3px 10px;background:var(--bg-f8fafc,#f1f5f9);display:block}
.cl-photo.sm{width:130px;aspect-ratio:1;flex:none}
.cl-price{font-size:1.5rem;font-weight:900}.cl-meta,.cl-tags,.cl-exp{margin:2px 0}.cl-exp{font-size:.9rem}
.cl-tag{display:inline-block;font-size:.8rem;font-weight:800;border:2px solid var(--line);border-radius:7px;padding:1px 8px;margin:0 6px 4px 0}
.cl-badge{position:absolute;top:22px;left:22px;background:var(--hi);color:#111;font-weight:900;border:2.5px solid var(--line);border-radius:8px;padding:2px 10px;transform:rotate(-4deg);box-shadow:2px 3px 0 var(--line)}
.cl-mytop .cl-badge{position:static;transform:rotate(-2deg);display:inline-block;margin-left:6px}
.cl-feat{border-color:var(--hi)!important}
.cl-more summary{font-weight:900;cursor:pointer;min-height:44px;display:flex;align-items:center}.cl-more textarea{margin:6px 0}
.cl-report{display:grid;gap:8px;margin-top:10px;border-top:2.5px dashed var(--line);padding-top:10px}
.cl-hint{font-size:.9rem;opacity:.85;margin:4px 0}.cl-msg{min-height:1.2em;font-weight:800;margin:6px 0}.cl-okmsg{color:var(--fg-166534,inherit)}
.cl-hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.cl-check{display:flex;gap:10px;align-items:flex-start;font-weight:700!important;margin:12px 0}.cl-check input{width:26px!important;min-height:26px!important;flex:none;margin-top:2px}
.cl-preview{max-width:240px;border:2.5px solid var(--line);border-radius:10px;margin:8px 0}
.cl-quote,.cl-quotebox{font-weight:900;font-size:1.1rem}.cl-quotebox{border:3px dashed var(--line);border-radius:12px;padding:8px 14px;margin:8px 0}.cl-quotebox p{margin:4px 0}
.cl-pay{border:2.5px solid var(--hi);border-radius:10px;padding:8px 12px;font-size:.95rem;margin:8px 0;background:var(--paper)}
.cl-proposed{border:2.5px dashed var(--line);border-radius:10px;padding:8px 12px;margin:8px 0}
.cl-my{display:flex;gap:14px;align-items:flex-start}.cl-mybody{flex:1;min-width:0}.cl-mybody h3{margin:.2em 0;font-weight:900;overflow-wrap:anywhere}.cl-acts{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}
@media(max-width:520px){.cl-my{flex-direction:column}.cl-photo.sm{width:100%;aspect-ratio:4/3}}
.cl-pill{display:inline-block;font-weight:900;font-size:.85rem;border:2.5px solid var(--line);border-radius:8px;padding:2px 10px;margin-right:6px;text-transform:capitalize}
.cl-s-live{background:#10b981;color:#052e24}.cl-s-approved{background:var(--hi);color:#111}.cl-s-in_review,.cl-s-submitted{background:#93c5fd;color:#0b1f4d}.cl-s-expired,.cl-s-held{background:#cbd5e1;color:#1e293b}.cl-s-rejected{background:#fca5a5;color:#450a0a}
.cl-confirmbox{border:3px solid var(--line);border-radius:12px 3px 12px 3px/3px 12px 3px 12px;padding:10px 14px;margin:10px 0;box-shadow:3px 4px 0 var(--line)}
.cl-reply{border-left:4px solid var(--hi);padding-left:10px;font-weight:700}
.cl-tiers{display:grid;gap:16px;grid-template-columns:1fr}@media(min-width:760px){.cl-tiers{grid-template-columns:repeat(3,1fr)}}
.cl-tier{margin:0!important}.cl-tier h3{font-size:1.5rem;font-weight:900;margin:0}.cl-tierprice b{font-size:2rem;font-weight:900}.cl-tier ul{padding-left:1.1em}.cl-tier select{margin:8px 0}.cl-tier-mid{border-width:4px!important}
.cl-hub{margin:16px 0}.cl-hubrow{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.cl-hubitem{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit}.cl-hubitem img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border:2.5px solid #0f172a;border-radius:10px}.cl-hubitem span{font-size:.9rem}
.cla-card .cl-mybody details{margin-top:10px}.cla-card textarea{min-height:110px}
.cl-thumbs{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}.cl-thumbs img{width:60px;height:60px;object-fit:cover;border-radius:6px;cursor:pointer;border:1px solid var(--line,#334155)}
.cl-desc{white-space:pre-line}
.cl-photo.contain{object-fit:contain}