/* ============================================================
   Greida CRM – undermenyer (Planlegger og Admin), Admin → Integrasjoner,
   markedskoblinger og publisering til Facebook/Instagram
   ============================================================ */
/* Undermenyer */
.crm-sub a[hidden],#page-admin [data-under][hidden]{display:none!important}
.crm-sub .or-merke,#crmbar .crm-tab .or-merke{display:inline-grid;place-items:center;min-width:1.1rem;height:1.1rem;padding:0 .28rem;margin-left:.3rem;border-radius:99px;background:#E0A83A;color:#1b1e1b;font-size:.62rem;font-weight:800;line-height:1;vertical-align:middle}
.crm-sub .or-merke[hidden],#crmbar .crm-tab .or-merke[hidden]{display:none}
.pl-gruppe{flex:0 0 auto}

/* Admin → Integrasjoner */
#page-admin .ad-int-intro h2{font-size:1.3rem;font-weight:800;letter-spacing:-.02em;margin:.2rem 0 .3rem}
#page-admin .ad-int-nav{display:flex;flex-wrap:wrap;gap:.4rem}
#page-admin .ad-int-nav button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.35rem .8rem;font-family:var(--f);font-size:.8rem;font-weight:600;cursor:pointer;color:var(--ink)}
#page-admin .ad-int-nav button:hover{background:var(--panel2)}
#page-admin .ad-int-systemer{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.8rem}
#page-admin .ad-int-sys{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:10px;padding:.5rem .7rem}
#page-admin .ad-int-sys .rs-sub{margin:0}
#page-admin .ad-sec[id]{scroll-margin-top:80px}
#page-admin .ad-marked.sx-side{min-height:0;background:transparent;font-size:14px;color:var(--ink)}
#page-admin .ad-marked-modaler.sx-side{min-height:0;background:transparent}
.sx-side .crm-sub a{color:#1b1e1b}
.sx-side .crm-sub a.on{color:#04140c}
#page-admin #ad-marked-sek{background:#fff}

/* Koblinger */
.mk-kob-hode{display:flex;align-items:flex-start;gap:1rem;justify-content:space-between;margin-bottom:.6rem}
.mk-kob-hode h3{font-size:1rem;margin:0 0 .25rem}
.mk-kob-hode .rs-sub{max-width:62ch;margin:0;font-size:.82rem;color:var(--mut)}
.mk-kob-teller{font-size:.8rem;color:var(--mut);white-space:nowrap;background:var(--panel);border-radius:999px;padding:.3rem .75rem}
.mk-kob-teller b{color:var(--ink);font-size:.95rem}
.mk-kob-skriv{display:flex;align-items:center;gap:.8rem;justify-content:space-between;flex-wrap:wrap}
.mk-kob-gruppe{margin-top:1.1rem}
.mk-kob-gruppe h4{font-size:.9rem;font-weight:700;margin:0}
.mk-kob-gruppe > .rs-sub{margin:.1rem 0 .55rem;font-size:.78rem;color:var(--mut)}
.mk-kob-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px}
.mk-kob-kort{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;text-align:left;background:#fff;border:1px solid var(--line);border-radius:14px;padding:.85rem .9rem .8rem 3.4rem;cursor:pointer;font-family:var(--f);color:var(--ink);min-height:118px;transition:box-shadow .15s,border-color .15s}
.mk-kob-kort:hover{border-color:#0000003a;box-shadow:0 6px 18px #0000000f}
.mk-kob-kort:focus-visible{outline:2px solid #1b7a4b;outline-offset:2px}
.mk-kob-kort.st-ok{border-left:3px solid #1b7a4b}
.mk-kob-kort.st-delvis{border-left:3px solid #E0A83A}
.mk-kob-ikon{position:absolute;left:.85rem;top:.85rem;width:1.9rem;height:1.9rem;border-radius:9px;color:#fff;display:grid;place-items:center;font-weight:800;font-size:.85rem;font-family:var(--f)}
.mk-kob-t{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}
.mk-kob-t b{font-size:.9rem}
.mk-kob-b{font-size:.78rem;color:var(--mut);line-height:1.4}
.mk-kob-d{font-family:var(--mono);font-size:.7rem;color:var(--ink);overflow-wrap:anywhere}
.mk-kob-test{font-size:.72rem;line-height:1.35}
.mk-kob-test.ok{color:#1b7a4b}.mk-kob-test.feil{color:#b3401f}
.mk-kob-knapp{margin-top:auto;font-size:.76rem;font-weight:700;color:#1b7a4b}
.mk-konv{margin-top:12px}
.mk-eksport .sx-f{width:auto}
.mk-guide{background:var(--panel);border-radius:12px;padding:.55rem .85rem;margin-bottom:.8rem}
.mk-guide summary{cursor:pointer;font-weight:700;font-size:.86rem}
.mk-guide ol{margin:.5rem 0 .2rem 1.1rem;padding:0;display:flex;flex-direction:column;gap:.4rem;font-size:.82rem;line-height:1.5}
.mk-guide .mono{font-size:.74rem;background:#fff;border-radius:5px;padding:0 .25rem;overflow-wrap:anywhere}
.mk-seksjon{border-top:1px solid var(--line);margin-top:.8rem;padding-top:.2rem}
.mk-seksjon .sx-sjekk{margin:.35rem 0;display:flex}
.sx-modal .sx-sjekk{margin:.3rem 0}
.mk-hjelp{font-size:.72rem;color:var(--mut);line-height:1.35}
.mk-status{font-size:.84rem;margin:.3rem 0 .5rem}
.mk-status.ok{color:#1b7a4b}.mk-status.feil{color:#b3401f}
.mk-sider{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.6rem}
.mk-side{display:flex;align-items:center;gap:.5rem;border:1px solid var(--line);border-radius:10px;padding:.45rem .65rem;cursor:pointer;font-size:.85rem}
.mk-side input{accent-color:#1b7a4b}
.mk-testres{white-space:pre-line;border-radius:10px;padding:.6rem .8rem;font-size:.84rem;margin-top:.8rem;line-height:1.5}
.mk-testres.ok{background:var(--gronn-l);color:#15623c}
.mk-testres.feil{background:var(--rod-l);color:var(--rod)}
.mk-pre{background:#1b1e1b;color:#e7ebe5;border-radius:10px;padding:.7rem .85rem;font-family:var(--mono);font-size:.7rem;overflow:auto;max-height:260px;white-space:pre;margin:.5rem 0}
.mk-filer{list-style:none;margin:.3rem 0;padding:0;display:flex;flex-direction:column;gap:.25rem;font-size:.82rem}

/* Innleggsskjemaet: bilde, Instagram-tekst og publisering */
.mk-bilde{margin-top:.4rem}
.mk-bilde-rad{display:grid;grid-template-columns:170px minmax(0,1fr);gap:.8rem;align-items:start}
.mk-bilde-vis{width:170px;min-height:120px;border:1px dashed #0000002a;border-radius:12px;display:grid;place-items:center;overflow:hidden;background:var(--panel)}
.mk-bilde-vis img{width:100%;height:auto;display:block}
.mk-bilde-valg{display:flex;flex-direction:column;gap:.45rem}
.mk-bilde-valg .sx-rad{margin-top:0}
.mk-forhold{align-self:flex-start}
.mk-bildeinfo{font-size:.74rem}
.mk-igtekst{background:var(--panel);border-radius:12px;padding:.55rem .8rem}
.mk-igtekst summary{cursor:pointer;font-weight:700;font-size:.84rem}
.mk-igtekst textarea{margin-top:.5rem;width:100%}
.mk-pub{border:1px solid #1b7a4b40;background:#f3faf6;border-radius:12px;padding:.6rem .85rem}
.mk-pub .sx-lbl{margin-top:.2rem}
.mk-pub-kanaler{margin-top:.2rem}
.mk-pub-tid .sx-in{width:auto}
.mk-pub-status{display:flex;flex-direction:column;gap:.45rem;margin-top:.5rem}
.mk-pub-status:empty{display:none}
.mk-pubrad{background:#fff;border:1px solid var(--line);border-radius:12px;padding:.55rem .75rem;display:grid;grid-template-columns:1fr;gap:.25rem;position:relative}
.mk-pubgruppe .mk-pubrad{margin-bottom:.5rem}
.mk-pubrad:has(.mk-pubbilde){grid-template-columns:64px minmax(0,1fr);column-gap:.7rem}
.mk-pubrad:has(.mk-pubbilde) > :not(.mk-pubbilde){grid-column:2}
.mk-pubbilde{grid-row:1 / span 6;width:64px;height:64px;object-fit:cover;border-radius:8px;background:var(--panel)}
.mk-pubrad.st-feilet,.mk-pubrad.st-usikker{border-color:#e0603a66}
.mk-pubrad-t{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.84rem}
.mk-pubrad-t a{text-decoration:none;font-weight:600}
.mk-kanalmerke{font-family:var(--mono);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff;border-radius:6px;padding:.15rem .4rem}
.mk-kanalmerke.fb{background:#3b5bb8}.mk-kanalmerke.ig{background:#8a4fb3}
.mk-pubtekst{font-size:.8rem;color:var(--mut);white-space:pre-line;line-height:1.4}
.mk-pubfeil{font-size:.78rem;color:var(--rod)}
.mk-innsikt{font-size:.78rem}
.mk-pubav{font-size:.72rem}
.mk-pubknapper{margin-top:.3rem}
.mk-kmerke{display:inline-block;font-family:var(--mono);font-size:.5rem;font-weight:700;border-radius:4px;padding:0 .2rem;margin-right:.25rem;color:#fff;vertical-align:1px}
.mk-kmerke.fb{background:#3b5bb8}.mk-kmerke.ig{background:#8a4fb3}
.mk-kmerke.feilet,.mk-kmerke.usikker,.mk-kmerke.avvist{background:#b3401f}
.mk-kmerke.godkjenning{background:#8a6212}
.mk-ekstra{margin-top:14px}
@media (max-width:720px){
  .mk-bilde-rad{grid-template-columns:1fr}
  .mk-bilde-vis{width:100%}
  .mk-kob-hode{flex-direction:column}
}