:root{--itac-navy:#00283f;--itac-teal:#23718b;--itac-teal-dark:#17566c;--itac-bg:#f4f8fb;--itac-line:rgba(0,40,63,.12);--itac-text:#173044;--itac-muted:#60798b;--itac-white:#fff;--itac-shadow:0 18px 50px rgba(0,40,63,.10);--itac-radius:22px}.itac-admin-cards{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:16px;margin:20px 0}.itac-admin-card{background:#fff;border:1px solid #dcdcde;border-radius:12px;padding:18px;box-shadow:0 1px 2px rgba(0,0,0,.04)}.itac-admin-card strong{display:block;font-size:28px;line-height:1.1;color:var(--itac-navy)}.itac-admin-card span{color:#646970}.itac-customer-tabs{background:#fff}.itac-tab-nav{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #dcdcde;margin-bottom:14px}.itac-tab-link{display:inline-block;text-decoration:none;background:#f6f7f7;border:1px solid #dcdcde;border-bottom:none;border-radius:8px 8px 0 0;padding:9px 14px;color:#1d2327;font-weight:600}.itac-tab-panel{padding:8px 0 16px}.itac-portal{max-width:1180px;margin:0 auto;padding:34px 18px;color:var(--itac-text)}.itac-customer-portal{font-size:16px}.itac-portal-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:stretch;background:linear-gradient(135deg,var(--itac-navy),#043d5f 58%,var(--itac-teal));border-radius:28px;padding:34px;color:#fff;box-shadow:var(--itac-shadow);margin-bottom:18px;position:relative;overflow:hidden}.itac-portal-hero:after{content:"";position:absolute;right:-90px;top:-90px;width:240px;height:240px;border-radius:999px;background:rgba(255,255,255,.10)}.itac-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.82);margin-bottom:8px}.itac-portal-hero h2{margin:0 0 10px;color:#fff;font-size:clamp(30px,5vw,48px);line-height:1.02;font-weight:850}.itac-portal-hero p{max-width:720px;margin:0;color:rgba(255,255,255,.86);font-size:17px;line-height:1.6}.itac-portal-hero__status{align-self:end;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);border-radius:20px;padding:18px;backdrop-filter:blur(8px);z-index:1}.itac-portal-hero__status span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.70);font-weight:800}.itac-portal-hero__status strong{display:block;margin-top:6px;color:#fff}.itac-overview-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0 0 22px}.itac-overview-card{background:var(--itac-white);border:1px solid var(--itac-line);border-radius:18px;padding:18px;box-shadow:0 10px 30px rgba(0,40,63,.06)}.itac-overview-card span{display:block;color:var(--itac-teal);font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.itac-overview-card strong{display:block;color:var(--itac-navy);font-size:34px;line-height:1;margin-top:8px}.itac-card{background:var(--itac-white);border:1px solid var(--itac-line);border-radius:var(--itac-radius);padding:26px;margin-bottom:22px;box-shadow:0 12px 36px rgba(0,40,63,.075)}.itac-card h3{margin:0 0 18px;color:var(--itac-navy);font-size:24px;line-height:1.2;display:flex;align-items:center;gap:10px}.itac-card h3:before{content:"";display:inline-block;width:10px;height:28px;border-radius:999px;background:var(--itac-teal)}.itac-grid{display:grid;gap:14px}.itac-grid--profile{grid-template-columns:repeat(3,minmax(0,1fr))}.itac-grid--profile div{background:linear-gradient(180deg,#f8fcfd,#f3f8fb);border:1px solid rgba(0,40,63,.08);border-radius:16px;padding:16px}.itac-grid--profile span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--itac-teal);font-weight:800}.itac-grid--profile strong{display:block;color:var(--itac-navy);margin-top:5px;word-break:break-word}.itac-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden}.itac-table th,.itac-table td{padding:13px 12px;border-bottom:1px solid #e7f0f4;text-align:left;vertical-align:middle}.itac-table th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--itac-teal);font-weight:850;background:#f7fbfd}.itac-table tbody tr:hover td{background:#fbfdfe}.itac-status-badge{display:inline-flex;align-items:center;padding:5px 11px;border-radius:999px;background:var(--itac-teal);color:#fff;font-size:12px;font-weight:800;line-height:1.4;white-space:nowrap}.itac-status-badge--betalt,.itac-status-badge--active,.itac-status-badge--aben,.itac-status-badge--ikke-brugt{background:#1f8a5b}.itac-status-badge--ikke-betalt,.itac-status-badge--unpaid{background:#b45309}.itac-status-badge--lukket,.itac-status-badge--brugt,.itac-status-badge--used{background:#64748b}.itac-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none!important;border-radius:999px;border:1px solid var(--itac-teal);background:var(--itac-teal);color:#fff!important;font-weight:800;line-height:1;padding:10px 16px;box-shadow:0 10px 22px rgba(35,113,139,.18);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.itac-button:hover{background:var(--itac-teal-dark);transform:translateY(-1px);box-shadow:0 14px 26px rgba(35,113,139,.24)}.itac-button--small{font-size:13px;padding:8px 13px}.itac-button--download:before{content:"↓";font-weight:900}.itac-portal--login{max-width:480px;background:#fff;border:1px solid var(--itac-line);border-radius:26px;box-shadow:var(--itac-shadow);padding:30px;margin-top:40px}.itac-portal--login h2{color:var(--itac-navy);margin-top:0}.itac-portal--login input[type=text],.itac-portal--login input[type=password]{width:100%;box-sizing:border-box;border:1px solid rgba(0,40,63,.18);border-radius:12px;padding:12px;background:#f9fcfd}.itac-portal--login input[type=submit]{background:var(--itac-teal);border:0;color:#fff;border-radius:999px;padding:12px 18px;font-weight:800;cursor:pointer}.itac-portal--login input[type=submit]:hover{background:var(--itac-teal-dark)}@media(max-width:980px){.itac-portal-hero{grid-template-columns:1fr}.itac-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.itac-grid--profile{grid-template-columns:repeat(2,minmax(0,1fr))}.itac-table{display:block;overflow-x:auto;white-space:nowrap}}@media(max-width:640px){.itac-admin-cards,.itac-grid--profile,.itac-overview-grid{grid-template-columns:1fr}.itac-portal{padding:18px 12px}.itac-portal-hero{padding:24px;border-radius:22px}.itac-card{padding:18px;border-radius:18px}.itac-card h3{font-size:21px}.itac-table{font-size:14px}}

/* v0.4.2 - IT-Alarmcentralen portal background and header text */
.itac-portal.itac-customer-portal{background:radial-gradient(circle at top left,rgba(35,113,139,.34),transparent 34%),linear-gradient(135deg,#061322 0%,#00283f 54%,#0b3d55 100%);border-radius:32px;padding:34px 22px;box-shadow:0 24px 70px rgba(0,20,35,.22)}
.itac-portal-header{margin:0 0 24px;padding:18px 10px 8px}.itac-portal-header h2,.itac-portal-header p{color:#fff!important}.itac-portal-header h2{margin:0 0 8px;font-size:clamp(32px,5vw,52px);line-height:1.02;font-weight:850}.itac-portal-header p{margin:0;font-size:18px;opacity:.9}.itac-customer-portal .itac-card{border-color:rgba(255,255,255,.18)}
@media(max-width:640px){.itac-portal.itac-customer-portal{padding:22px 12px;border-radius:24px}.itac-portal-header{padding-left:4px}}

/* v0.4.3 - make the surrounding page area match the portal background */
body.itac-kunder-portal-page,
body.itac-kunder-portal-page #page,
body.itac-kunder-portal-page .site,
body.itac-kunder-portal-page .site-content,
body.itac-kunder-portal-page .content-area,
body.itac-kunder-portal-page .site-main,
body.itac-kunder-portal-page main,
body.itac-kunder-portal-page .entry-content,
body.itac-kunder-portal-page .wp-site-blocks{background:radial-gradient(circle at top left,rgba(35,113,139,.34),transparent 34%),linear-gradient(135deg,#061322 0%,#00283f 54%,#0b3d55 100%)!important}
body.itac-kunder-portal-page .entry-content{margin-top:0!important;padding-top:0!important}
@supports selector(body:has(.itac-customer-portal)){body:has(.itac-customer-portal),body:has(.itac-customer-portal) #page,body:has(.itac-customer-portal) .site,body:has(.itac-customer-portal) .site-content,body:has(.itac-customer-portal) .content-area,body:has(.itac-customer-portal) .site-main,body:has(.itac-customer-portal) main,body:has(.itac-customer-portal) .entry-content,body:has(.itac-customer-portal) .wp-site-blocks{background:radial-gradient(circle at top left,rgba(35,113,139,.34),transparent 34%),linear-gradient(135deg,#061322 0%,#00283f 54%,#0b3d55 100%)!important}}

/* v0.5.0 - portal spacing and light-blue customer area */
body.itac-kunder-portal-page .entry-content{padding-top:46px!important;padding-bottom:78px!important}
.itac-portal.itac-customer-portal{
  background:linear-gradient(180deg,#eaf5fb 0%,#f5fbfe 100%)!important;
  border:1px solid rgba(255,255,255,.65)!important;
  border-radius:34px!important;
  padding:34px 28px 46px!important;
  margin-top:46px!important;
  margin-bottom:78px!important;
  box-shadow:0 28px 80px rgba(0,20,35,.28)!important;
}
.itac-customer-portal .itac-portal-header{
  background:radial-gradient(circle at top left,rgba(35,113,139,.44),transparent 34%),linear-gradient(135deg,#061322 0%,#00283f 58%,#0b3d55 100%)!important;
  border-radius:30px!important;
  padding:38px 34px!important;
  margin:0 0 28px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 44px rgba(0,40,63,.16)!important;
}
.itac-customer-portal .itac-portal-header h2,.itac-customer-portal .itac-portal-header p{color:#fff!important}
.itac-customer-portal .itac-card{box-shadow:0 14px 34px rgba(0,40,63,.09)!important}
@supports selector(body:has(.itac-customer-portal)){
  body:has(.itac-customer-portal) .entry-content{padding-top:46px!important;padding-bottom:78px!important}
}
@media(max-width:640px){
  .itac-portal.itac-customer-portal{margin-top:26px!important;margin-bottom:46px!important;padding:18px 12px 28px!important;border-radius:24px!important}
  .itac-customer-portal .itac-portal-header{padding:28px 20px!important;border-radius:22px!important}
}

/* v0.5.1 - lys portalboks og bedre afstand */
body.itac-kunder-portal-page .entry-content,body.itac-kunder-portal-page .site-main,body.itac-kunder-portal-page main,body.itac-kunder-portal-page .content-area{padding-top:42px!important;padding-bottom:56px!important}
body.itac-kunder-portal-page .itac-portal.itac-customer-portal{background:linear-gradient(180deg,#eaf5fb 0%,#f7fbfe 100%)!important;border:1px solid rgba(255,255,255,.65)!important;border-radius:34px!important;padding:42px 28px 44px!important;margin-top:34px!important;margin-bottom:44px!important;box-shadow:0 30px 80px rgba(0,20,35,.28)!important}
body.itac-kunder-portal-page .itac-portal-hero{margin-bottom:28px!important}

/* v0.5.2 - login page design */
body.itac-kunder-login-page,
body.itac-kunder-login-page #page,
body.itac-kunder-login-page .site,
body.itac-kunder-login-page .site-content,
body.itac-kunder-login-page .content-area,
body.itac-kunder-login-page .site-main,
body.itac-kunder-login-page main,
body.itac-kunder-login-page .entry-content,
body.itac-kunder-login-page .wp-site-blocks{background:radial-gradient(circle at top left,rgba(35,113,139,.34),transparent 34%),linear-gradient(135deg,#061322 0%,#00283f 54%,#0b3d55 100%)!important}
body.itac-kunder-login-page .entry-content{padding-top:54px!important;padding-bottom:80px!important}
.itac-portal-login-wrap{max-width:620px;margin:0 auto;padding:56px 18px 80px}
.itac-portal--login{background:linear-gradient(180deg,#eaf5fb 0%,#f7fbfe 100%)!important;border:1px solid rgba(255,255,255,.72)!important;border-radius:30px!important;box-shadow:0 30px 80px rgba(0,20,35,.30)!important;padding:34px!important;margin:0 auto!important;color:#00283f!important}
.itac-portal--login h2{font-size:34px;line-height:1.1;margin:0 0 10px!important;color:#00283f!important}
.itac-login-intro{margin:0 0 22px;color:#35576c;line-height:1.55}
.itac-portal--login label{font-weight:800;color:#00283f}
.itac-portal--login input[type=text],.itac-portal--login input[type=password]{background:#fff!important;border:1px solid rgba(0,40,63,.16)!important;border-radius:15px!important;padding:13px 14px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.itac-portal--login input[type=submit]{background:#23718B!important;color:#fff!important;border:0!important;border-radius:999px!important;padding:13px 24px!important;font-weight:900!important;box-shadow:0 12px 24px rgba(35,113,139,.24)!important}
.itac-portal--login input[type=submit]:hover{background:#17566c!important}
.itac-portal--login .login-remember{color:#35576c}
@supports selector(body:has(.itac-portal--login)){
  body:has(.itac-portal--login),body:has(.itac-portal--login) #page,body:has(.itac-portal--login) .site,body:has(.itac-portal--login) .site-content,body:has(.itac-portal--login) .content-area,body:has(.itac-portal--login) .site-main,body:has(.itac-portal--login) main,body:has(.itac-portal--login) .entry-content,body:has(.itac-portal--login) .wp-site-blocks{background:radial-gradient(circle at top left,rgba(35,113,139,.34),transparent 34%),linear-gradient(135deg,#061322 0%,#00283f 54%,#0b3d55 100%)!important}
  body:has(.itac-portal--login) .entry-content{padding-top:54px!important;padding-bottom:80px!important}
}


/* v0.5.13 - trustmarks and contact footer in customer portal */
.itac-card--trustmarks{padding:22px!important}
.itac-trustmark-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.itac-trustmark-item{min-height:132px;background:#fff;border:1px solid rgba(0,40,63,.10);border-radius:18px;padding:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 28px rgba(0,40,63,.06)}
.itac-trustmark-item img{display:block;max-width:100%;max-height:92px;width:auto;height:auto;object-fit:contain}
.itac-portal-contact{background:#fff;border:1px solid rgba(0,40,63,.12);border-radius:22px;padding:24px 28px 20px;box-shadow:0 14px 34px rgba(0,40,63,.09);text-align:center;color:var(--itac-navy)}
.itac-portal-contact h3{margin:0 0 18px;color:#000;font-size:20px;line-height:1.35;font-weight:850}
.itac-portal-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:10px}
.itac-portal-contact-box{display:flex;align-items:center;gap:14px;text-decoration:none!important;background:#f7fbfd;border:1px solid rgba(0,40,63,.16);border-radius:13px;padding:17px 20px;color:#000!important;min-height:66px;text-align:left;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.itac-portal-contact-box:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(0,40,63,.10);border-color:rgba(35,113,139,.34)}
.itac-portal-contact-icon{font-size:22px;line-height:1;color:#1f5d9c;min-width:28px;text-align:center}
.itac-portal-contact-box strong{color:#1f5d9c;font-size:20px;font-weight:850;white-space:nowrap}
.itac-portal-contact-box span:last-child{font-size:20px;color:#000;word-break:break-word}
.itac-portal-contact-brand{margin-top:8px;color:#1f5d9c;font-size:20px;font-weight:900;letter-spacing:.08em}
@media(max-width:760px){.itac-trustmark-grid,.itac-portal-contact-grid{grid-template-columns:1fr 1fr}.itac-portal-contact-box{align-items:flex-start;flex-wrap:wrap}.itac-portal-contact-box span:last-child{width:100%;padding-left:42px}}
@media(max-width:520px){.itac-trustmark-grid,.itac-portal-contact-grid{grid-template-columns:1fr}.itac-portal-contact{padding:20px 16px}.itac-portal-contact-box span:last-child{padding-left:0}.itac-portal-contact-brand{font-size:17px}}