/* ── SAKUI Dokumentportal ─────────────────────────────────────────────────── */
:root{
  --green-d:#133C21; --green:#2E7D49; --green-l:#55BC72;
  --mint:#CDEBD6; --sand:#E2DCBB; --ink:#3E4A3C; --muted:#667068; --stone:#ADB3A5;
  --line:#E4E8DD; --bg:#F5F8F2;
  --sh:0 10px 34px rgba(19,60,33,.10); --sh-lg:0 24px 60px rgba(19,60,33,.18);
  --r:16px; --serif:'Playfair Display',Georgia,'Times New Roman',serif;
}
.sakui-portal{
  max-width:1000px; margin:0 auto; color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif; font-size:15px; line-height:1.6;
}
.sakui-portal *{box-sizing:border-box;}

/* Header */
.sakui-head{
  background:linear-gradient(118deg,var(--green-d) 0%,var(--green) 150%); color:#fff;
  border-radius:var(--r); padding:1.05rem 1.5rem; box-shadow:var(--sh);
  display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; margin-bottom:1.6rem;
}
.sakui-brand{display:flex; align-items:center; gap:.85rem;}
.sakui-portal .sakui-head .sakui-head-logo{height:22px !important; width:auto !important; max-width:160px !important;}
.sakui-head-div{width:1px; height:24px; background:rgba(255,255,255,.32);}
.sakui-head-sub{font-size:.74rem; letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.78); font-weight:600;}
.sakui-userbox{display:flex; align-items:center; gap:.8rem;}
.sakui-userbox>span{display:inline-flex; align-items:center; gap:.45rem; padding:.34rem .85rem; border-radius:99px; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.26); font-size:.85rem; color:#fff;}

/* Buttons */
.sakui-btn{
  display:inline-flex; align-items:center; gap:.5rem; padding:.66rem 1.25rem; border-radius:12px;
  font-size:.92rem; font-weight:700; cursor:pointer; border:none; text-decoration:none; white-space:nowrap;
  transition:transform .12s, box-shadow .12s, filter .15s;
}
.sakui-btn svg{width:17px; height:17px;}
.sakui-btn.primary{background:linear-gradient(120deg,var(--green),var(--green-l)); color:#fff; box-shadow:0 6px 18px rgba(46,125,73,.34);}
.sakui-btn.primary:hover{transform:translateY(-1px); box-shadow:0 10px 26px rgba(46,125,73,.44); color:#fff; filter:saturate(1.05);}
.sakui-btn.ghost{background:rgba(255,255,255,.1); color:#fff; border:1.5px solid rgba(255,255,255,.4); padding:.42rem .9rem; font-size:.82rem;}
.sakui-btn.ghost:hover{background:rgba(255,255,255,.2); color:#fff;}
.sakui-btn-block{width:100%; justify-content:center; padding:.85rem; font-size:1rem;}

/* Cards */
.sakui-card{background:#fff; border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--sh); margin-bottom:1.4rem; overflow:hidden;}
.sakui-card-h{display:flex; align-items:center; gap:.85rem; padding:1.05rem 1.5rem; border-bottom:1px solid var(--line); background:linear-gradient(180deg,#FBFDFA,#F2F8F3);}
.sakui-ico{width:38px; height:38px; border-radius:11px; display:grid; place-items:center; background:linear-gradient(135deg,#DDF0E2,var(--mint)); color:var(--green); flex:none;}
.sakui-ico svg{width:20px; height:20px;}
.sakui-card-h h2{margin:0; font-size:1.04rem; font-weight:800; color:var(--green-d);}
.sakui-card-h p{margin:.1rem 0 0; font-size:.84rem; color:var(--muted); font-weight:500;}
.sakui-card-b{padding:1.5rem;}

/* Steps */
.sakui-steps{display:flex; gap:.5rem; margin-bottom:1.4rem;}
.sakui-step{flex:1; background:#fff; border:1px solid var(--line); border-radius:14px; padding:.85rem 1rem; display:flex; align-items:center; gap:.7rem; box-shadow:var(--sh);}
.sakui-step .n{width:30px; height:30px; border-radius:50%; flex:none; display:grid; place-items:center; font-weight:800; font-size:.9rem; background:#EDF3EE; color:var(--muted);}
.sakui-step.on .n{background:linear-gradient(135deg,var(--green),var(--green-l)); color:#fff;}
.sakui-step b{font-size:.9rem; color:var(--green-d); display:block;}
.sakui-step em{font-style:normal; font-size:.78rem; color:var(--muted);}

/* Dropzone + file input */
.sakui-drop{border:2px dashed #BBD8C4; border-radius:14px; background:#F6FBF7; padding:1.6rem; text-align:center; color:var(--muted); transition:.15s; cursor:pointer;}
.sakui-drop:hover{border-color:var(--green); background:#EEF8F1;}
.sakui-drop.dragover{border-color:var(--green); background:#E8F5ED;}
.sakui-drop svg{width:32px; height:32px; color:var(--green); margin-bottom:.3rem;}
.sakui-drop b{display:block; color:var(--green-d); font-size:.96rem; margin-bottom:.7rem;}
.sakui-drop input[type=file]{display:none;}
.sakui-file-list{margin-top:1rem;}
.sakui-file-item{padding:.7rem .9rem; background:#F6FBF7; border:1px solid var(--line); border-radius:10px; margin-bottom:.5rem; font-size:.9rem; color:var(--ink); display:flex; align-items:center; justify-content:space-between; gap:.5rem;}
.sakui-file-item::before{content:"📎"; flex:none; margin-right:.3rem;}
.sakui-file-remove{background:none; border:none; color:#B23B2E; font-size:1.2rem; cursor:pointer; padding:.2rem .4rem; font-weight:700; flex:none; transition:.1s;}
.sakui-file-remove:hover{color:#8A2B22;}

/* File row */
.sakui-file{display:flex; align-items:center; gap:.9rem; padding:1rem 1.15rem; background:#F6FBF7; border:1px solid var(--line); border-radius:13px; flex-wrap:wrap;}
.sakui-file .ic{width:42px; height:42px; border-radius:10px; flex:none; display:grid; place-items:center; background:#fff; border:1px solid var(--line); color:var(--green);}
.sakui-file .ic svg{width:22px; height:22px;}
.sakui-file .nm{flex:1; font-weight:700; color:var(--green-d); word-break:break-all; min-width:150px;}
.sakui-file .nm small{display:block; font-weight:500; color:var(--muted); font-size:.8rem;}

/* Inputs */
.sakui-input{padding:.65rem .9rem; border:1.5px solid var(--line); border-radius:10px; font-size:.92rem; width:100%; max-width:440px; background:#fff;}
.sakui-input:focus{outline:none; border-color:var(--green-l); box-shadow:0 0 0 3px rgba(85,188,114,.16);}

/* Table */
.sakui-table{width:100%; border-collapse:collapse; font-size:.9rem;}
.sakui-table th{text-align:left; padding:.6rem .8rem; background:#F4F8F4; color:var(--muted); font-size:.71rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; border-bottom:1px solid var(--line);}
.sakui-table td{padding:.78rem .8rem; border-bottom:1px solid var(--line); vertical-align:middle;}
.sakui-table tr:last-child td{border-bottom:none;}
.sakui-table tbody tr:hover{background:#FAFCF9;}

/* Badges */
.sakui-badge{display:inline-block; padding:.26rem .8rem; border-radius:99px; font-size:.74rem; font-weight:800;}
.sakui-badge.s-new{background:var(--sand); color:#6E6326;}
.sakui-badge.s-prog{background:var(--mint); color:var(--green-d);}
.sakui-badge.s-done{background:var(--green-l); color:#0E2E18;}

/* Alerts */
.sakui-alert{display:flex; align-items:center; gap:.55rem; padding:.9rem 1.2rem; border-radius:13px; margin-bottom:1.4rem; font-weight:600;}
.sakui-alert.ok{background:var(--mint); color:var(--green-d);}
.sakui-alert.err{background:#FBEAE7; color:#9A3322;}

.sakui-muted{color:var(--muted); font-size:.92rem;}

/* Stats */
.sakui-stats{display:flex; gap:1rem; flex-wrap:wrap;}
.sakui-stat{flex:1; min-width:150px; background:#fff; border:1px solid var(--line); border-radius:15px; padding:1.05rem 1.3rem; box-shadow:var(--sh); display:flex; align-items:center; gap:.9rem;}
.sakui-stat .si{width:44px; height:44px; border-radius:12px; display:grid; place-items:center; background:linear-gradient(135deg,#DDF0E2,var(--mint)); color:var(--green); flex:none;}
.sakui-stat .si svg{width:22px; height:22px;}
.sakui-stat.hi .si{background:linear-gradient(135deg,#F0EBCF,var(--sand)); color:#6E6326;}
.sakui-stat .num{font-size:1.7rem; font-weight:900; color:var(--green-d); line-height:1; font-family:var(--serif);}
.sakui-stat .lbl{font-size:.74rem; color:var(--muted); font-weight:700; text-transform:uppercase; letter-spacing:.03em;}

.sakui-overview-top{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1rem;}
.sakui-company-h{display:flex; align-items:center; gap:.6rem; margin:1.6rem 0 .7rem; color:var(--green-d); font-size:1.05rem; font-weight:800;}
.sakui-company-h svg{width:20px; height:20px; color:var(--green);}
.sakui-iconbtn{display:inline-grid; place-items:center; width:34px; height:34px; border-radius:10px; background:linear-gradient(120deg,var(--green),var(--green-l)); color:#fff; text-decoration:none;}
.sakui-iconbtn svg{width:16px; height:16px;}

/* ── Login / adgangsside ──────────────────────────────────────────────────── */
.sakui-login{max-width:460px; margin:2.5rem auto;}
.sakui-login-box{background:#fff; border:1px solid var(--line); border-radius:24px; overflow:hidden; box-shadow:var(--sh-lg);}
.sakui-auth-top{height:140px; background:linear-gradient(125deg,var(--green-d) 0%,var(--green) 135%); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.6rem;}
.sakui-portal .sakui-login-box .sakui-auth-logo{height:34px !important; width:auto !important; max-width:240px !important;}
.sakui-auth-sub{color:rgba(255,255,255,.85); font-size:.72rem; letter-spacing:.22em; text-transform:uppercase;}
.sakui-auth-body{padding:1.8rem 2.2rem 2.2rem;}
.sakui-h1{margin:0 0 .3rem; text-align:center; font-family:var(--serif); font-weight:700; font-size:1.32rem; color:var(--green-d);}
.sakui-lead{text-align:center; color:var(--muted); margin:0 0 1.5rem; font-size:.93rem;}
.sakui-field{margin-bottom:1.05rem;}
.sakui-field label{display:block; font-weight:700; font-size:.85rem; color:var(--green-d); margin-bottom:.4rem;}
.sakui-field input{width:100%; padding:.78rem .95rem; border:1.6px solid var(--line); border-radius:12px; font-size:.97rem; background:#fff;}
.sakui-field input:focus{outline:none; border-color:var(--green-l); box-shadow:0 0 0 4px rgba(85,188,114,.18);}
.sakui-secure{display:flex; align-items:center; justify-content:center; gap:.4rem; margin-top:1.1rem; color:var(--muted); font-size:.8rem; text-align:center;}
.sakui-secure svg{width:14px; height:14px; color:var(--green); flex:none;}

/* ── Online-formular ──────────────────────────────────────────────────────── */
.sakui-req{color:#B23B2E;}
.sakui-hint{font-weight:400;color:var(--muted);font-size:.85rem;margin:-.1rem 0 .5rem;}
.sakui-half{display:inline-block;width:calc(50% - .35rem);vertical-align:top;}
.sakui-half + .sakui-half{margin-left:.7rem;}
@media(max-width:560px){.sakui-half{width:100%;}.sakui-half + .sakui-half{margin-left:0;}}
.sakui-field textarea{width:100%;padding:.7rem .9rem;border:1.6px solid var(--line);border-radius:11px;font-size:.96rem;background:#fff;font-family:inherit;color:var(--ink);min-height:96px;resize:vertical;}
.sakui-field textarea:focus{outline:none;border-color:var(--green-l);box-shadow:0 0 0 4px rgba(85,188,114,.16);}
.sakui-field input[type=text],.sakui-field input[type=email],.sakui-field input[type=tel]{
  width:100%;padding:.7rem .9rem;border:1.6px solid var(--line);border-radius:11px;font-size:.96rem;background:#fff;color:var(--ink);}
.sakui-field input:focus{outline:none;border-color:var(--green-l);box-shadow:0 0 0 4px rgba(85,188,114,.16);}
.sakui-secnum{width:34px;height:34px;border-radius:10px;flex:none;display:grid;place-items:center;font-family:var(--serif);font-weight:800;font-size:1.05rem;background:linear-gradient(135deg,var(--green),var(--green-l));color:#fff;}
.sakui-choices{display:flex;flex-direction:column;gap:.5rem;}
.sakui-choices.multi{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;}
@media(max-width:560px){.sakui-choices.multi{grid-template-columns:1fr;}}
.sakui-choice{display:flex;align-items:flex-start;gap:.6rem;padding:.6rem .8rem;border:1.5px solid var(--line);border-radius:11px;cursor:pointer;font-size:.92rem;background:#fff;transition:.12s;}
.sakui-choice:hover{border-color:var(--green-l);background:#F6FBF7;}
.sakui-choice input{margin-top:.15rem;accent-color:var(--green);width:17px;height:17px;flex:none;}
.sakui-submitbar{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:1.3rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.4rem;}

/* Intro / disclaimer / notice */
.sakui-intro{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:1.6rem;margin-bottom:1.4rem;}
.sakui-intro-h{margin:0 0 .5rem;font-family:var(--serif);font-weight:800;color:var(--green-d);font-size:1.5rem;line-height:1.2;}
.sakui-intro p{margin:.5rem 0;color:var(--muted);font-size:.93rem;}
.sakui-disclaimer{margin-top:1rem;padding:.95rem 1.15rem;background:var(--mint);border-radius:12px;color:var(--green-d);font-size:.9rem;font-weight:600;display:flex;gap:.65rem;align-items:flex-start;}
.sakui-disclaimer svg{width:19px;height:19px;flex:none;margin-top:.1rem;color:var(--green);}
.sakui-noticebox{margin-top:1rem;padding:.95rem 1.15rem;background:#FBF7E6;border:1px solid #ECE3B8;border-radius:12px;color:#5C5320;font-size:.9rem;display:flex;gap:.65rem;align-items:flex-start;}
.sakui-noticebox svg{width:19px;height:19px;flex:none;margin-top:.1rem;color:#9A8A2E;}

/* Deadline / nedtælling */
.sakui-deadline{background:#fff;border:1px solid var(--line);border-left:5px solid var(--green-l);border-radius:var(--r);box-shadow:var(--sh);
  padding:1.05rem 1.5rem;margin-bottom:1.4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.sakui-dl-left{display:flex;align-items:center;gap:.85rem;}
.sakui-dl-left svg{width:30px;height:30px;color:var(--green);flex:none;}
.sakui-dl-label{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800;}
.sakui-dl-date{font-family:var(--serif);font-weight:800;color:var(--green-d);font-size:1.22rem;line-height:1.1;}
.sakui-dl-count{display:flex;gap:.5rem;}
.sakui-dl-unit{background:var(--mint);border-radius:11px;padding:.5rem .65rem;text-align:center;min-width:56px;}
.sakui-dl-unit span{display:block;font-family:var(--serif);font-weight:800;font-size:1.35rem;color:var(--green-d);line-height:1;}
.sakui-dl-unit em{font-style:normal;font-size:.66rem;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);font-weight:700;}
.sakui-dl-expired{font-weight:800;color:#B23B2E;}
@media(max-width:560px){.sakui-deadline{flex-direction:column;align-items:flex-start;}.sakui-dl-unit{min-width:50px;}}

/* Besvarelser / display */
.sakui-ans{margin-bottom:1.4rem;}
.sakui-ans-q{font-weight:700; font-size:1.02rem; color:var(--green-d); margin-bottom:.4rem; letter-spacing:.01em;}
.sakui-ans-a{color:var(--ink); font-size:.95rem; line-height:1.65; padding-left:.5rem; border-left:3px solid var(--mint);}

/* ── wp-admin specifikt ───────────────────────────────────────────────────── */
.sakui-wrap .sakui-stats{margin:1rem 0 1.5rem;}
.sakui-company{margin:1.6rem 0 .5rem; color:var(--green-d);}
.sakui-inline{display:inline-flex; gap:.3rem; align-items:center; margin:0;}
.sakui-status{padding:.25rem .45rem; border-radius:6px; border:1.5px solid var(--line);}
.sakui-status.s-new{background:#F7F2DC;}
.sakui-status.s-prog{background:var(--mint);}
.sakui-status.s-done{background:#DFF3E5;}
.sakui-note{width:170px;}
.sakui-invite{max-width:640px;}

@media(max-width:680px){
  .sakui-steps{flex-direction:column;}
  .sakui-card-b{padding:1.1rem;}
  .sakui-table{font-size:.82rem;}
  .sakui-table th,.sakui-table td{padding:.5rem .45rem;}
  .sakui-head{flex-direction:column; align-items:flex-start;}
  .sakui-overview-top{flex-direction:column; align-items:stretch;}
}