/* ============================================================
   Greida CRM – Enkel visning (ringekø). Rolig, stor og tydelig:
   én oppgave, få valg, store knapper.
   ============================================================ */
body.fokus-modus #crmbar .crm-tabs,
body.fokus-modus #crmbar #btn-passord{display:none}
body.fokus-modus #crmbar .crm-brand{pointer-events:none}

.ek-side{--ink:#1b1e1b;--mut:#5f645f;--linje:#0000001a;--gronn:#1b7a4b;--gronn-l:#e5f5ec;--blaa:#1c5f92;--blaa-l:#e8f1fa;--rod:#b3401f;--rod-l:#fbece7;--gul-l:#fdf4e1;
  background:#f4f5f2;color:var(--ink);min-height:calc(100vh - 57px);font-size:17px;line-height:1.45;padding:0 16px 120px}
.ek-side [hidden]{display:none!important}
.ek-topp{max-width:640px;margin:0 auto;padding:18px 0 10px;display:flex;flex-direction:column;gap:.6rem}
.ek-hei{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.ek-hei b{font-size:1.25rem}
.ek-hei span{color:var(--mut);font-size:.9rem}
.ek-fremdrift{display:flex;align-items:center;gap:.8rem;font-size:.9rem;color:var(--mut)}
.ek-fremdrift b{color:var(--ink)}
.ek-spor{flex:1;height:12px;border-radius:99px;background:#dde3dd;overflow:hidden}
.ek-spor i{display:block;height:100%;background:#22995e;border-radius:99px;transition:width .4s ease}
.ek-hoved{max-width:640px;margin:0 auto}
.ek-kort{background:#fff;border-radius:22px;padding:26px 24px;box-shadow:0 1px 2px #0000000f,0 8px 30px #0000000d;display:flex;flex-direction:column;gap:14px}
.ek-kort h1{font-size:1.9rem;line-height:1.15;margin:0;letter-spacing:-.01em}
.ek-kort h1.liten{font-size:1.25rem}
.ek-kort h2{font-size:1.35rem;margin:.2rem 0 0}
.ek-kort p{margin:0}
.ek-under{color:var(--mut);margin-top:-6px}
.ek-merke{align-self:flex-start;font-family:'Space Mono',monospace;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--gronn-l);color:var(--gronn);border-radius:99px;padding:.3rem .75rem}
.ek-merke.blaa{background:var(--blaa-l);color:var(--blaa)}
.ek-merke.gul{background:var(--gul-l);color:#8a6212}
.ek-kontakt{display:flex;flex-direction:column;border-left:4px solid #22995e;padding:.2rem 0 .2rem .9rem}
.ek-kontakt span{font-size:.8rem;color:var(--mut);text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.ek-kontakt b{font-size:1.5rem;line-height:1.2}
.ek-kontakt em{font-style:normal;color:var(--mut)}
.ek-boks{background:#f7f8f5;border-radius:14px;padding:.8rem 1rem;display:flex;flex-direction:column;gap:.35rem;font-size:.95rem}
.ek-boks.gul{background:var(--gul-l);border:1px solid #E0A83A55}
.ek-lbl{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--mut)}
.ek-lbl em{font-style:normal;text-transform:none;letter-spacing:0;font-weight:500;color:var(--rod)}
.ek-lbl em.mut{color:var(--mut)}
.ek-manus{border:1px solid var(--linje);border-radius:14px;padding:.7rem 1rem;font-size:.95rem}
.ek-manus summary{cursor:pointer;font-weight:600}
.ek-manus p{margin-top:.5rem;color:#3a3f3a}
.ek-obs{background:var(--rod-l);color:var(--rod);border-radius:12px;padding:.6rem .9rem;font-size:.9rem}
.ek-ring{display:flex;flex-direction:column;gap:10px;margin-top:4px}
.ek-knapp{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;min-height:64px;border-radius:18px;border:2px solid transparent;font:inherit;font-weight:700;font-size:1.08rem;cursor:pointer;text-decoration:none;padding:.7rem 1rem;text-align:center;line-height:1.2;transition:transform .05s}
.ek-knapp:active{transform:scale(.98)}
.ek-knapp small{font-weight:500;font-size:.78rem;opacity:.85}
.ek-knapp.stor{min-height:80px;font-size:1.35rem}
.ek-knapp.gronn{background:#1b7a4b;color:#fff}
.ek-knapp.gronn:hover{background:#15623c}
.ek-knapp.hvit{background:#fff;color:var(--ink);border-color:#d5d9d5}
.ek-knapp.hvit:hover{border-color:#9aa0a6}
.ek-knapp.blaa{background:var(--blaa-l);color:var(--blaa);border-color:#bcd6ee}
.ek-knapp.rod{background:var(--rod-l);color:var(--rod);border-color:#f0c9bc}
.ek-knapp.graa{background:#eef0ec;color:#3f443f;border-color:#d5d9d5}
.ek-knapp.graa:hover{border-color:#9aa0a6}
.ek-valg .ek-knapp.bred{grid-column:1 / -1;min-height:64px}
.ek-knapp.av{opacity:.45}
.ek-knapp:focus-visible,.ek-chip:focus-visible,.ek-lenke:focus-visible{outline:3px solid #22995e;outline-offset:2px}
.ek-side a.ek-knapp.gronn{color:#fff}
.ek-valg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ek-valg.en{grid-template-columns:1fr}
.ek-valg .ek-knapp{min-height:86px}
.ek-chips{display:flex;flex-wrap:wrap;gap:8px}
.ek-chip{font:inherit;font-size:.98rem;font-weight:600;border:2px solid #d5d9d5;background:#fff;color:var(--ink);border-radius:99px;padding:.6rem 1rem;cursor:pointer;min-height:48px;display:inline-flex;align-items:center;gap:.5rem}
.ek-chip.on{background:#1b7a4b;border-color:#1b7a4b;color:#fff}
.ek-chip.dato input{font:inherit;font-size:.9rem;border:0;background:transparent;color:inherit;padding:0;max-width:150px}
.ek-valgt{font-weight:600;color:var(--gronn)}
.ek-felt{display:flex;flex-direction:column;gap:.35rem}
.ek-felt textarea,.ek-felt input{font:inherit;font-size:1.05rem;border:2px solid #d5d9d5;border-radius:14px;padding:.75rem .9rem;background:#fff;color:var(--ink);width:100%;box-sizing:border-box}
.ek-felt textarea:focus,.ek-felt input:focus{outline:none;border-color:#22995e}
.ek-rad{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ek-hint{color:var(--mut);font-size:.9rem}
.ek-feil{background:var(--rod-l);color:var(--rod);border-radius:12px;padding:.65rem .9rem;font-weight:600}
.ek-bunn{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:4px}
.ek-bunn .ek-knapp{flex:1;max-width:340px}
.ek-lenke{background:none;border:0;font:inherit;font-size:.92rem;color:var(--mut);text-decoration:underline;cursor:pointer;padding:.4rem 0;align-self:flex-start}
.ek-ferdig{text-align:center;align-items:center;padding:40px 24px}
.ek-ferdig .ek-merke{align-self:center}
.ek-ferdig h1{font-size:2.2rem}
.ek-stor{font-size:1.15rem}
.ek-kvittering{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:#1b1e1b;color:#fff;border-radius:99px;padding:.55rem .6rem .55rem 1.2rem;display:flex;align-items:center;gap:1rem;box-shadow:0 10px 30px #0005;z-index:4000;max-width:calc(100vw - 32px);font-size:.95rem}
.ek-kvittering button{font:inherit;font-weight:700;background:#fff;color:#1b1e1b;border:0;border-radius:99px;padding:.5rem 1rem;cursor:pointer;min-height:40px}
/* Loggen under ringekøen */
.ek-logg{max-width:640px;margin:18px auto 0;background:#fff;border-radius:22px;padding:22px 24px;box-shadow:0 1px 2px #0000000f,0 8px 30px #0000000d}
.ek-logg:empty{display:none}
.ek-logg-h{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap}
.ek-logg-h h2{font-size:1.2rem;margin:0}
.ek-chips.liten .ek-chip{min-height:38px;padding:.35rem .8rem;font-size:.86rem}
.ek-logg-sum{color:var(--mut);font-size:.88rem;margin:.7rem 0 0}
.ek-logg-sum b{color:var(--ink)}
.ek-logg-sok{margin-top:.8rem}
.ek-logg-sok input{font-size:.95rem;padding:.6rem .85rem}
.ek-logg-liste{list-style:none;margin:.8rem 0 0;padding:0}
.ek-lr{display:grid;grid-template-columns:72px minmax(0,1fr);gap:.8rem;padding:.8rem 0;border-top:1px solid var(--linje)}
.ek-lr:first-child{border-top:0}
.ek-lr-tid{font-family:'Space Mono',monospace;font-size:.8rem;color:var(--mut);padding-top:.15rem;white-space:nowrap}
.ek-lr-topp{display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem}
.ek-lr-topp b{font-size:1rem;line-height:1.3}
.ek-lr-under{font-size:.86rem;color:var(--mut);margin-top:.1rem}
.ek-lr-under a{color:inherit;white-space:nowrap}
.ek-lr-notat{font-size:.92rem;margin:.35rem 0 0!important;color:#3a3f3a;white-space:pre-line}
.ek-lr-neste{font-size:.84rem;font-weight:600;color:var(--gronn);margin-top:.3rem}
.ek-pille{flex:none;font-size:.74rem;font-weight:700;border-radius:99px;padding:.18rem .6rem;white-space:nowrap;border:1px solid transparent}
.ek-pille.hvit{background:#fff;border-color:#d5d9d5;color:#3f443f}
.ek-pille.blaa{background:var(--blaa-l);color:var(--blaa)}
.ek-pille.gronn{background:#1b7a4b;color:#fff}
.ek-pille.rod{background:var(--rod-l);color:var(--rod)}
.ek-pille.graa{background:#eef0ec;color:#3f443f}
.ek-logg-tom{margin-top:.8rem!important}
.ek-logg .ek-lenke{margin-top:.4rem}
@media (max-width:520px){
  .ek-logg{padding:18px 16px;border-radius:18px}
  .ek-lr{grid-template-columns:1fr;gap:.2rem}
  .ek-lr-tid{padding-top:0}

  .ek-side{font-size:16px;padding:0 12px 120px}
  .ek-kort{padding:20px 16px;border-radius:18px}
  .ek-kort h1{font-size:1.55rem}
  .ek-valg .ek-knapp{min-height:76px;font-size:1rem}
  .ek-bunn{flex-direction:column-reverse;align-items:stretch}
  .ek-bunn .ek-knapp{max-width:none}
  .ek-lenke{align-self:center}
}