/* CraftNode - eigen overrides bovenop theme.min.css */

/* Ticket-status "Answered" los van "Pending": groen i.p.v. geel/grijs */
.cn-status.is-answered{
  color:#2ee6a0 !important;
  background:rgba(46,230,160,.12) !important;
}

/* Wachtwoord-wijzigen "Opslaan"-knop: zelfde specificiteitsprobleem als
   eerder bij DirectAdmin-knoppen, hier expliciet vastzetten op oranje */
.cn-changepw-submit.cn-btn.cn-btn--primary{
  background:#F26A21 !important;
  border-color:#F26A21 !important;
  color:#fff !important;
}
.cn-changepw-submit.cn-btn.cn-btn--primary:hover{
  background:#d95a15 !important;
  border-color:#d95a15 !important;
}

/* Serverbeheer-kaart: module-login-knoppen (bv. DirectAdmin) prominent oranje
   maken, ook als de module zelf geen .btn-primary class meegeeft */
.cn-module-card .cn-module-output > a,
.cn-module-card .cn-module-output > form > input[type="submit"],
.cn-module-card .cn-module-output > form > button{
  background:#F26A21 !important;
  border-color:#F26A21 !important;
  color:#fff !important;
  font-weight:700 !important;
}
.cn-module-card .cn-module-output > a:hover,
.cn-module-card .cn-module-output > form > input[type="submit"]:hover,
.cn-module-card .cn-module-output > form > button:hover{
  background:#d95a15 !important;
  border-color:#d95a15 !important;
}

/* Meldingen-dropdown (topbar.tpl) */
.cn-notif{position:relative}
.cn-notif__panel{
  display:none;position:absolute;top:calc(100% + 10px);right:0;
  width:320px;max-height:400px;overflow-y:auto;
  background:#111725;border:1px solid #1e2637;border-radius:12px;
  box-shadow:0 20px 50px rgba(0,0,0,.45);z-index:50;
}
.cn-notif__panel.is-open{display:block}
.cn-notif__head{
  padding:14px 16px;font-weight:700;color:#eef2f8;font-size:13px;
  border-bottom:1px solid #1e2637;
}
.cn-notif__list{display:flex;flex-direction:column}
.cn-notif__item{
  display:flex;align-items:flex-start;gap:10px;padding:12px 16px;
  border-bottom:1px solid #171f2e;color:#aeb8c9;font-size:12.5px;line-height:1.5;
  transition:background .15s;
}
.cn-notif__item:last-child{border-bottom:0}
.cn-notif__item:hover{background:#161d2e;color:#eef2f8}
.cn-notif__dot{
  flex:0 0 auto;width:7px;height:7px;border-radius:50%;margin-top:5px;
  background:#6b7688;
}
.cn-notif__item--danger .cn-notif__dot{background:#f0556d}
.cn-notif__item--warning .cn-notif__dot{background:#f0b429}
.cn-notif__item--info .cn-notif__dot{background:#F26A21}
.cn-notif__item--success .cn-notif__dot{background:#2ee6a0}
.cn-notif__empty{
  padding:24px 16px;text-align:center;color:#6b7688;font-size:12.5px;
}

/* ============================================================
   Keuzemodal "Nieuwe aankoop doen" (clientareaproducts.tpl)
   ============================================================ */
.cn-modal{
  position:fixed;inset:0;z-index:1000;display:none;
}
.cn-modal[aria-hidden="false"]{display:block}
.cn-modal__backdrop{
  position:absolute;inset:0;background:rgba(5,8,15,.65);
}
.cn-modal__panel{
  position:relative;max-width:420px;width:calc(100% - 32px);
  margin:10vh auto 0;background:#111725;border:1px solid #1e2637;
  border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.5);
  overflow:hidden;
}
.cn-modal__head{
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 20px;border-bottom:1px solid #1e2637;
}
.cn-modal__head h2{margin:0;font-size:16px;color:#eef2f8}
.cn-modal__close{
  background:none;border:0;color:#aeb8c9;font-size:22px;line-height:1;
  cursor:pointer;padding:4px 8px;
}
.cn-modal__close:hover{color:#eef2f8}
.cn-modal__body{padding:12px;display:flex;flex-direction:column;gap:6px}
.cn-modal__option{
  display:flex;align-items:center;gap:12px;padding:12px 14px;
  border-radius:10px;color:#eef2f8;text-decoration:none;
  transition:background .15s;
}
.cn-modal__option:hover{background:#161d2e;color:#eef2f8}
.cn-modal__option i{
  width:20px;text-align:center;color:#F26A21;font-size:15px;flex:0 0 auto;
}