/* Ställen som medlemmar lägger till, admin och Ta över profilen (tillagd.js). Klasser börjar med ad-. */
.ad-types{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.ad-types label{position:relative;display:inline-flex;align-items:center;gap:7px;padding:0 14px;min-height:42px;border:1px solid var(--line);border-radius:999px;font-size:14px;font-weight:500;cursor:pointer;background:#fff}
.ad-types label i{display:flex}
.ad-types label svg{width:16px;height:16px}
.ad-types input{position:absolute;opacity:0;pointer-events:none}
.ad-types label.on{background:var(--ink);border-color:var(--ink);color:#fff}
.ad-types label.on i{color:#fff!important}
.ad-types label:focus-within{outline:2px solid var(--act);outline-offset:2px}
.ad-pick{height:300px;border-radius:12px;overflow:hidden;border:1px solid var(--line)}
.ad-err{margin-top:14px;padding:12px 14px;border-radius:12px;background:var(--no-soft);color:var(--no);font-size:15px}
.ad-err p{margin:0}
.ad-box{padding:14px 16px;border-radius:14px;background:#FFFBF2;border:1px solid #E9D9B8;margin-bottom:18px;font-size:15px}
.ad-box p{margin:0}
.ad-box p+p{margin-top:6px}

/* Admin */
.ad-admin .intro{color:var(--muted);font-size:17px;margin:6px 0 18px}
.ad-tabs{margin-bottom:16px}
.ad-tabs small{font-size:12px;opacity:.75;margin-left:2px}
.ad-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.ad-row{display:flex;gap:14px;align-items:flex-start;padding:16px;border-top:1px solid var(--line);background:#fff}
.ad-row:first-child{border-top:0}
.ad-rb{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ad-rh{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ad-rh a{color:var(--ink);text-decoration:none;font-size:16px}
.ad-rh a:hover{color:var(--act)}
.ad-rb small{font-size:13px;color:var(--muted)}
.ad-st{font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;border-radius:6px;padding:3px 8px;background:var(--act-soft);color:var(--act)}
.ad-st.kontaktad{background:var(--warn-soft);color:var(--warn)}
.ad-st.over{background:var(--ok-soft);color:var(--ok)}
.ad-acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
.ad-del{font-size:13px;color:var(--muted);margin-left:auto}
.sheet textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;font:inherit;font-size:14px;line-height:1.45;resize:vertical}

/* Ta över profilen */
.ad-claim{max-width:880px}
.ad-claim h1{font-size:clamp(28px,4vw,40px)}
.ad-claim .intro{color:var(--muted);font-size:18px;margin:8px 0 22px;max-width:36em}
.ad-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ad-kpis div{padding:18px;border-radius:16px;background:var(--mist)}
.ad-kpis b{display:block;font-size:32px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ad-kpis span{font-size:14px;color:var(--muted)}
.ad-cgrid{display:grid;grid-template-columns:1fr 300px;gap:28px;margin-top:28px;align-items:start}
.ad-why{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.ad-why li{display:flex;gap:10px;align-items:flex-start}
.ad-why li>svg{flex:none;width:20px;height:20px;color:var(--ok);margin-top:2px}
.ad-why b{display:block;font-weight:600}
.ad-why span{color:var(--muted);font-size:15px}
.ad-prevcard{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--ink);background:#fff}
.ad-prevcard:hover{border-color:#C9C5BE}
.ad-prevph{display:block;aspect-ratio:16/10;background:#ECEAE6}
.ad-prevph img{width:100%;height:100%;object-fit:cover;display:block}
.ad-prevcard>span:last-child{display:flex;flex-direction:column;padding:12px 14px}
.ad-prevcard small{font-size:13px;color:var(--muted)}
.ad-prevcard b{font-size:17px;font-weight:600}
.ad-prevcard em{font-style:normal;color:var(--act);font-weight:500;font-size:14px;margin-top:4px}
.ad-cform{margin:32px 0 0;max-width:none;padding:22px;border:1px solid var(--line);border-radius:18px}

@media (max-width:860px){
  .ad-kpis{grid-template-columns:1fr}
  .ad-kpis div{display:flex;align-items:baseline;gap:10px;padding:14px 16px}
  .ad-kpis b{font-size:26px}
  .ad-cgrid{grid-template-columns:1fr}
  .ad-row{padding:14px}
  .ad-del{margin-left:0}
  .ad-cform{padding:16px}
}