:root{
  --adm-pine:#0f352b;
  --adm-pine-2:#184c3e;
  --adm-pine-3:#226453;
  --adm-cream:#f7f1e7;
  --adm-paper:#fffdf9;
  --adm-paper-2:#fbf7f0;
  --adm-red:#a9363f;
  --adm-red-dark:#7e242c;
  --adm-gold:#d6aa55;
  --adm-gold-soft:#f2dfb5;
  --adm-ink:#17352d;
  --adm-muted:#6b7b74;
  --adm-line:#e5dacb;
  --adm-shadow:0 16px 45px rgba(25,53,45,.08);
  --adm-shadow-soft:0 8px 24px rgba(25,53,45,.055);
  --adm-radius:18px;
}

html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at 8% -5%,rgba(214,170,85,.17),transparent 24rem),
    radial-gradient(circle at 100% 8%,rgba(15,53,43,.08),transparent 25rem),
    linear-gradient(180deg,#fbf7f0 0,#f7f1e7 42%,#f5efe6 100%) !important;
  color:var(--adm-ink);
  min-height:100vh;
}
body:before{
  content:"";
  position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.18;
  background-image:radial-gradient(circle,rgba(214,170,85,.45) 1px,transparent 1.5px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,#000,transparent 55%);
}

/* Login */
.login-shell{
  background:
    radial-gradient(circle at 22% 15%,rgba(214,170,85,.24),transparent 24rem),
    radial-gradient(circle at 85% 70%,rgba(169,54,63,.18),transparent 28rem),
    linear-gradient(135deg,#0b2a22,#123b30 52%,#0b2a22) !important;
}
.login-card{
  border-radius:26px !important;
  border:1px solid rgba(214,170,85,.28);
  box-shadow:0 32px 90px rgba(0,21,16,.38) !important;
  position:relative;overflow:hidden;
}
.login-card:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--adm-red),var(--adm-gold),var(--adm-pine-3))}
.admin-logo{box-shadow:0 8px 24px rgba(15,53,43,.18);border:2px solid var(--adm-gold-soft)}
.login-card input{border-radius:12px!important;background:#fffdf9;border-color:var(--adm-line)!important;outline:none;transition:.2s}
.login-card input:focus{border-color:var(--adm-gold)!important;box-shadow:0 0 0 4px rgba(214,170,85,.14)}
.login-card button{border-radius:12px;background:linear-gradient(135deg,var(--adm-red),var(--adm-red-dark))!important;box-shadow:0 8px 20px rgba(169,54,63,.2)}
.login-links{display:flex!important;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:18px}
.login-links a{color:var(--adm-muted);font-size:12px}

/* Main admin header */
.admin-header{
  min-height:78px;height:auto!important;
  padding:12px clamp(16px,4vw,58px)!important;
  position:sticky;top:0;z-index:80;
  background:linear-gradient(90deg,#09271f 0,#123b30 55%,#0d3027 100%)!important;
  border-bottom:1px solid rgba(214,170,85,.25);
  box-shadow:0 8px 28px rgba(5,31,24,.16);
}
.admin-header .logo{font-size:20px;font-weight:500;white-space:nowrap;letter-spacing:.2px}
.admin-header .logo b{color:#f5d58f}
.admin-header nav{display:flex;align-items:center;justify-content:flex-end;gap:6px!important;flex-wrap:wrap}
.admin-header nav a{
  text-decoration:none!important;padding:9px 11px;border-radius:10px;color:#eff8f3!important;font-size:12px!important;font-weight:700;transition:.18s;
}
.admin-header nav a:hover{background:rgba(255,255,255,.09);transform:translateY(-1px)}
.admin-header nav a[href*="admin-organisatie"]:before{content:"▦ ";color:#f0c979}
.admin-header nav a[href*="chat-admin"]:before{content:"● ";color:#7edbb7}
.admin-header nav a[href*="admin-accounts"]:before{content:"◎ ";color:#f0c979}
.admin-header nav a[href="admin.php"]:before{content:"⌂ ";color:#f0c979}
.admin-header nav a[href*="index"]:before{content:"↗ ";color:#d9e9e2}
.admin-header .logout{background:rgba(169,54,63,.22)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important}
.admin-header .logout:hover{background:var(--adm-red)!important}

/* Dashboard layout */
.dashboard,.org{width:min(1320px,calc(100% - 34px))!important;max-width:1320px!important;margin:34px auto 70px!important;padding-left:0!important;padding-right:0!important}
.dash-head,.org-head{background:linear-gradient(135deg,rgba(255,253,249,.96),rgba(250,245,236,.96));border:1px solid var(--adm-line);border-radius:var(--adm-radius);padding:24px 26px;box-shadow:var(--adm-shadow-soft)}
.dash-head h1,.org-head h1{color:var(--adm-pine);font-family:Georgia,serif!important;font-size:clamp(30px,4vw,46px)!important;line-height:1.05;margin:6px 0 8px!important}
.eyebrow{color:var(--adm-red)!important;letter-spacing:2.1px!important}

/* Cards and sections */
.dashboard-chats,.admin-extra,.account-section,.panel,.pipeline,.record,.empty,.notice,.password-panel,.tikkie-panel{
  border-radius:var(--adm-radius)!important;
  border:1px solid var(--adm-line)!important;
  box-shadow:var(--adm-shadow-soft)!important;
}
.dashboard-chats{background:rgba(255,253,249,.94)!important}
.section-title h2,.admin-extra h2,.account-section h2,.panel h2{font-family:Georgia,serif;color:var(--adm-pine)}
.section-title>a,.back,.mail,.secondary-action{border-radius:11px!important;font-weight:800}
.section-title>a{color:var(--adm-red);text-decoration:none;font-size:13px}

.pro-stats{gap:12px!important;margin:22px 0!important}
.pro-stats article{
  border:1px solid var(--adm-line)!important;border-top:4px solid var(--adm-gold)!important;border-radius:16px;background:rgba(255,253,249,.96)!important;box-shadow:var(--adm-shadow-soft);min-width:0;
}
.pro-stats article.urgent{border-top-color:var(--adm-red)!important;background:linear-gradient(180deg,#fffdf9,#fff8f4)!important}
.pro-stats article b{color:var(--adm-pine);font-size:32px!important}
.pro-stats article.urgent b{color:var(--adm-red)}
.pipeline{margin:0 0 26px!important;background:rgba(255,253,249,.96)!important}
.pipeline progress{accent-color:var(--adm-red)}

.filters{background:rgba(255,253,249,.96);padding:14px;border:1px solid var(--adm-line);border-radius:16px;box-shadow:var(--adm-shadow-soft)}
.filters input,.filters select,.record-actions select,.tracking-form input,.panel input,.panel select,.panel textarea,.account-row input,.account-row select,.admin-compose textarea{
  border-radius:10px!important;border:1px solid #d9cdbd!important;background:#fff!important;outline:none;transition:.18s;
}
.filters input:focus,.filters select:focus,.tracking-form input:focus,.panel input:focus,.panel select:focus,.panel textarea:focus,.account-row input:focus,.account-row select:focus,.admin-compose textarea:focus{border-color:var(--adm-gold)!important;box-shadow:0 0 0 3px rgba(214,170,85,.13)}
.filters button,.tracking-form button,.panel button,.account-actions button,.admin-compose button{border-radius:10px!important;background:linear-gradient(135deg,var(--adm-red),var(--adm-red-dark))!important;color:#fff!important;font-weight:800!important;box-shadow:0 6px 16px rgba(169,54,63,.13)}

.results-head{padding:0 4px}
.records{gap:16px!important}
.record{background:rgba(255,253,249,.97)!important;padding:22px!important;overflow:hidden;position:relative}
.record:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--adm-gold),rgba(214,170,85,.12))}
.record:hover{box-shadow:var(--adm-shadow)!important;transform:translateY(-1px);transition:.18s}
.avatar{box-shadow:0 5px 15px rgba(15,53,43,.16);border:1px solid rgba(214,170,85,.3)}
.record-summary{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.record-summary div{border-radius:11px;background:var(--adm-paper-2)!important;border:1px solid #eee4d7;min-width:0}
.record-summary b{word-break:break-word}
.reference-badge{display:inline-block;margin-left:6px;padding:4px 8px;border-radius:999px;background:#f4ead6;color:#795a24;font-size:10px;font-weight:800}
details{border-top-color:#eadfce!important}
details dl div{border-radius:11px!important;border:1px solid #eee4d7;background:#fbf8f2!important}
.record-actions{padding-top:12px;border-top:1px dashed #e6dbce}
.record-actions>a{border-radius:9px;background:#edf5f1;text-decoration:none!important;font-weight:700}
.record-actions button{color:var(--adm-red-dark)!important;font-weight:800!important}
.tracking-form{background:#f8f4ed;border-radius:12px;padding:12px;margin-top:14px;display:flex;gap:10px;align-items:end}
.tracking-form label{flex:1;font-size:12px;font-weight:800;color:var(--adm-muted)}
.tracking-form input{width:100%;padding:10px;margin-top:5px}
.tracking-form button{border:0;padding:11px 15px;cursor:pointer}

/* Organisation */
.org-grid{gap:16px!important}
.panel{background:rgba(255,253,249,.97)!important;padding:22px!important}
.panel:hover{box-shadow:var(--adm-shadow)!important}
.panel .muted{color:var(--adm-muted)!important}
.folder,.match{border-radius:14px!important;border:1px solid var(--adm-line)!important;background:linear-gradient(180deg,#fffdf9,#fbf7f0)!important;box-shadow:0 5px 18px rgba(25,53,45,.045)}
.tag{background:#f3e7d0!important;color:#745724!important}
.read-only{border:1px solid #efbdb9!important}

/* Accounts */
.account-section{background:rgba(255,253,249,.95);padding:20px;margin:22px 0!important}
.account-section h2{margin-top:0}
.account-row{border-radius:14px!important;background:#fffdf9!important;border-color:var(--adm-line)!important;box-shadow:0 5px 18px rgba(25,53,45,.04)}
.account-actions .secondary{background:linear-gradient(135deg,var(--adm-pine-2),var(--adm-pine))!important}
.privacy-note{border-radius:14px;background:#edf5f1!important;border:1px solid #d6e7df}

/* Chats */
.chat-admin-layout{height:calc(100vh - 78px)!important;background:transparent!important;grid-template-columns:minmax(280px,350px) 1fr!important;gap:16px;padding:16px;width:min(1500px,100%);margin:auto}
.conversation-list{border:1px solid var(--adm-line)!important;border-radius:18px;background:rgba(255,253,249,.97)!important;box-shadow:var(--adm-shadow-soft);padding:18px!important}
.conversation-list h1{font-family:Georgia,serif;color:var(--adm-pine);margin-bottom:2px}
.conversation-list>a{border:1px solid transparent!important;border-radius:12px;margin:6px 0;padding:13px!important}
.conversation-list>a:hover,.conversation-list>a.active{background:#f5ead4!important;border-color:#e8d6ad!important}
.admin-chat{border:1px solid var(--adm-line);border-radius:18px;overflow:hidden;background:rgba(255,253,249,.86);box-shadow:var(--adm-shadow-soft)}
.admin-chat>header{position:static!important;background:#fffdf9!important;color:var(--adm-ink)!important;border-bottom-color:var(--adm-line)!important;box-shadow:none!important}
.admin-chat>header a{color:var(--adm-red)!important}
.admin-chat-messages{background:linear-gradient(180deg,#f8f3eb,#f6efe5)!important}
.admin-chat-messages article{border-radius:15px!important;box-shadow:0 4px 14px rgba(25,53,45,.05)}
.admin-chat-messages article.visitor{background:linear-gradient(135deg,var(--adm-pine-2),var(--adm-pine))!important}
.admin-compose{border-top:1px solid var(--adm-line);background:#fffdf9!important}
.admin-compose .secondary{background:linear-gradient(135deg,#697a72,#50615a)!important}

/* Messages / Tikkie / extra admin content */
.notice,.account-message{background:#fff7df!important;border-color:#ead395!important;color:#684f20!important}
.admin-extra{background:rgba(255,253,249,.95);padding:22px;margin-top:28px}
.admin-extra>h2:not(:first-child){margin-top:34px;padding-top:24px;border-top:1px solid var(--adm-line)}
.admin-extra textarea{width:100%;border:1px solid var(--adm-line);border-radius:10px;padding:12px;font:inherit}

/* Responsive */
@media(max-width:1050px){
  .admin-header{align-items:flex-start!important;gap:10px;flex-direction:column}
  .admin-header nav{justify-content:flex-start;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px;scrollbar-width:thin}
  .admin-header nav a{white-space:nowrap;background:rgba(255,255,255,.045)}
  .record-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:800px){
  .dashboard,.org{width:min(100% - 20px,1320px)!important;margin-top:18px!important}
  .dash-head,.org-head{padding:19px!important;border-radius:15px!important}
  .pro-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pro-stats article{padding:17px!important}
  .record{padding:17px!important}
  .record-summary{grid-template-columns:1fr!important}
  .tracking-form{display:grid}
  .record-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}
  .record-actions label{grid-column:1/-1}
  .record-actions select{width:100%!important}
  .record-actions>a,.record-actions button{text-align:center;background:#f4f0e9;padding:11px!important;border-radius:9px}
  .chat-admin-layout{height:auto!important;grid-template-columns:1fr!important;padding:10px!important;gap:10px}
  .conversation-list{max-height:300px!important;border-radius:14px}
  .admin-chat{min-height:620px!important;border-radius:14px}
}
@media(max-width:560px){
  .admin-header{position:relative;padding:12px!important}
  .admin-header .logo{font-size:18px}
  .admin-header nav{margin:0 -2px}
  .admin-header nav a{padding:9px 10px!important;font-size:11px!important}
  .pro-stats{grid-template-columns:1fr 1fr!important}
  .pro-stats article b{font-size:27px!important}
  .section-title{align-items:flex-start!important;flex-direction:column}
  .login-card{padding:28px 22px!important;border-radius:20px!important}
  .login-card h1{font-size:36px!important}
  .folder-grid,.match-grid{grid-template-columns:1fr!important}
}