:root{
  --forest:#121a12;
  --forest-2:#1f2a1f;
  --olive:#3E432C;
  --gold:#C8AB72;
  --gold-soft:#EAD9A9;
  --paper:#F7F3E8;
  --panel:#FBF8F0;
  --line:#D9CFBD;
  --text:#2D2A22;
  --muted:#786F5E;
  --green:#7eff9c;
}
*{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--paper);color:var(--text)}
a{color:inherit;text-decoration:none}.muted{color:var(--muted)}
/* Login */
.login-screen{min-height:100vh;background:#020604;color:#edf8e8;overflow:hidden;position:relative;font-family:"Courier New",monospace}
#matrixRain{position:fixed;inset:0;width:100%;height:100%;opacity:.52}.scanline{position:fixed;inset:0;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.03),rgba(255,255,255,.03) 1px,transparent 1px,transparent 5px);mix-blend-mode:screen;pointer-events:none}.login-shell{position:relative;z-index:2;min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center;padding:56px 7vw}.system-title{font-size:clamp(54px,8vw,112px);font-weight:900;letter-spacing:.04em;text-shadow:0 0 28px rgba(126,255,156,.5)}.system-line{height:2px;width:420px;max-width:80%;background:linear-gradient(90deg,var(--green),transparent);box-shadow:0 0 18px var(--green)}.system-subtitle{font-size:20px;color:#d9e8d5}.mountain-logo{margin:44px 0;color:rgba(126,255,156,.34);text-align:center;max-width:560px}.mountain{font-size:130px;line-height:.7}.brand-text{font-size:42px;letter-spacing:.28em;font-weight:900}.brand-sub{letter-spacing:.65em;color:rgba(234,217,169,.45)}.login-left h1{font-size:clamp(34px,5vw,74px);line-height:1.06;letter-spacing:.06em;margin:20px 0 8px;text-shadow:0 0 14px rgba(255,255,255,.35)}.login-copy{font-size:18px;color:#a6d8aa}.login-card{border:1px solid rgba(126,255,156,.35);background:rgba(5,16,9,.76);box-shadow:0 0 40px rgba(126,255,156,.12),inset 0 0 26px rgba(126,255,156,.06);border-radius:20px;padding:30px;backdrop-filter:blur(8px)}.terminal-dot{color:var(--green);margin-bottom:22px}.login-card label{display:block;margin-top:15px;color:#bfeac4}.login-card input{width:100%;margin-top:8px;padding:14px 16px;border-radius:12px;border:1px solid rgba(126,255,156,.25);background:#07100a;color:#eefbe9;font:inherit}.login-card button,.solid-btn{display:inline-block;border:0;border-radius:999px;background:linear-gradient(135deg,var(--olive),#596034);color:white;padding:12px 18px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.18)}.login-card button{width:100%;margin-top:22px;color:#f8ffe9;border:1px solid rgba(234,217,169,.5)}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;color:#7de892}.status-grid strong{color:#e4eee0}.progress{height:12px;border:1px solid rgba(126,255,156,.35);margin-top:18px}.progress i{display:block;height:100%;width:62%;background:repeating-linear-gradient(90deg,#66d873,#66d873 10px,transparent 10px,transparent 14px)}
/* App */
.tboss-app{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#121a12,#2b2a17);color:var(--gold-soft);padding:24px;border-right:1px solid rgba(234,217,169,.2);position:sticky;top:0;height:100vh;overflow:auto}.brand-block{display:flex;gap:14px;align-items:center;border-bottom:1px solid rgba(234,217,169,.2);padding-bottom:20px;margin-bottom:20px}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--gold);border-radius:50%;color:var(--green)}.brand-block strong{display:block;font-size:24px;color:white}.brand-block span{font-size:12px;color:var(--gold-soft)}.sidebar nav a,.sidebar summary{display:block;padding:10px 12px;border-radius:10px;color:#f4ead1;cursor:pointer}.sidebar nav a:hover,.sidebar summary:hover{background:rgba(234,217,169,.10)}.sidebar details{margin-bottom:12px}.sidebar details a{padding-left:24px;color:#d7c79b}.main-panel{padding:28px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.kicker{text-transform:uppercase;color:var(--muted);font-weight:800;letter-spacing:.12em;font-size:12px}.topbar h1{margin:4px 0 0;font-size:34px}.top-actions{display:flex;gap:10px}.ghost-btn{border:1px solid var(--line);border-radius:999px;padding:11px 16px;background:rgba(255,255,255,.4)}.panel,.metric{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 10px 28px rgba(45,42,34,.07)}.grid{display:grid;gap:18px}.cards-4{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.cards-3{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.metric span{display:block;color:var(--muted);font-weight:700}.metric strong{display:block;font-size:42px;margin:8px 0}.metric small{color:var(--muted)}.metric.risk strong{color:#8a4b2a}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:18px}.task-list{display:grid;gap:12px}.task{border-left:5px solid var(--gold);background:#fffaf0;padding:14px;border-radius:14px}.task.high{border-color:#9b3d2e}.module-stack{display:grid;gap:12px}.module-stack a{display:block;border:1px solid var(--line);border-radius:16px;padding:16px;background:#fffaf0}.module-stack a span{display:block;color:var(--muted);margin-top:4px}.compact a{padding:12px}.organ-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.organ-grid span{padding:12px;border-radius:12px;background:#efe6d4;color:#383115;font-weight:700;text-align:center}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.data-table{width:100%;border-collapse:collapse;background:white;border-radius:16px;overflow:hidden}.data-table th,.data-table td{padding:12px 10px;border-bottom:1px solid #eee3d2;text-align:left;font-size:14px}.data-table th{background:#383115;color:var(--gold-soft)}.data-table tr:hover td{background:#fffaf0}.client-card-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.identity-card{grid-column:span 2;background:linear-gradient(135deg,#fbf8f0,#eee3ce)}.chip{display:inline-flex;background:#383115;color:var(--gold-soft);border-radius:999px;padding:6px 10px;font-weight:800}.field-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.field-grid label{background:white;border:1px solid var(--line);border-radius:14px;padding:12px;color:var(--muted)}.field-grid strong{display:block;color:var(--text);margin-top:4px}.timeline-item{border-left:4px solid var(--olive);padding:10px 14px;background:#fffaf0;border-radius:10px;margin-bottom:10px}.timeline-item span{display:block;color:var(--muted);margin-top:4px}
@media(max-width:900px){.login-shell{grid-template-columns:1fr;padding:32px}.login-card{max-width:520px}.tboss-app{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.cards-4,.cards-3,.two-col,.client-card-layout{grid-template-columns:1fr}.identity-card{grid-column:auto}.field-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column;gap:14px}}

/* T-BOSS real Tsanev Bushcraft logo */
.real-logo-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 2.2rem 0 2.4rem;
}

.tboss-real-logo {
  width: min(520px, 82vw);
  height: auto;
  max-height: 180px;
  object-fit: contain;
  filter:
    drop-shadow(0 0 12px rgba(55, 255, 130, 0.22))
    drop-shadow(0 0 28px rgba(202, 165, 86, 0.18));
  opacity: 0.96;
}

@media (max-width: 760px) {
  .real-logo-wrap {
    justify-content: center;
    margin: 1.4rem 0 1.6rem;
  }

  .tboss-real-logo {
    width: min(360px, 86vw);
    max-height: 140px;
  }
}

/* ===== T-BOSS LOGIN UI POLISH — 2026-05-11 ===== */

.login-screen .tboss-login-v3 {
  min-height: 100vh;
  display: grid !important;
  grid-template-columns: minmax(480px, 1.08fr) minmax(390px, 520px) !important;
  align-items: center !important;
  gap: clamp(3rem, 7vw, 8rem) !important;
  padding: clamp(2.2rem, 5vw, 5rem) clamp(2.4rem, 7vw, 8rem) !important;
  position: relative;
  z-index: 2;
}

.login-screen .tboss-login-v3 .login-left {
  max-width: 760px !important;
  transform: translateY(-.4rem);
}

.login-screen .tboss-login-v3 .system-title {
  font-size: clamp(4.8rem, 8vw, 8rem) !important;
  line-height: .88 !important;
  letter-spacing: -.045em !important;
  margin: 0 !important;
  color: #eaffdf !important;
  text-shadow:
    0 0 12px rgba(55,255,130,.42),
    0 0 36px rgba(55,255,130,.18) !important;
}

.login-screen .tboss-login-v3 .system-line {
  width: min(360px, 74vw) !important;
  height: 2px !important;
  margin: 1.35rem 0 .95rem !important;
  background: linear-gradient(90deg, #37ff82, rgba(55,255,130,.08)) !important;
  box-shadow: 0 0 18px rgba(55,255,130,.45) !important;
}

.login-screen .tboss-login-v3 .system-subtitle {
  margin: 0 !important;
  color: #dce8cf !important;
  font-size: clamp(1rem, 1.28vw, 1.22rem) !important;
  letter-spacing: .025em !important;
}

.login-screen .tboss-login-v3 .real-logo-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin: clamp(1.65rem, 3vw, 2.35rem) 0 clamp(1.65rem, 3vw, 2.65rem) !important;
}

.login-screen .tboss-login-v3 .tboss-real-logo {
  width: min(520px, 78vw) !important;
  height: auto !important;
  object-fit: contain !important;
  filter:
    drop-shadow(0 0 8px rgba(143,191,90,.34))
    drop-shadow(0 0 24px rgba(55,255,130,.14)) !important;
  opacity: .96 !important;
}

.login-screen .tboss-login-v3 .coming {
  font-size: clamp(3.3rem, 5.7vw, 6.25rem) !important;
  line-height: 1.06 !important;
  letter-spacing: .075em !important;
  margin: 0 !important;
  color: #f0ffe8 !important;
  text-shadow:
    0 0 10px rgba(255,255,255,.44),
    0 0 26px rgba(55,255,130,.19) !important;
}

.login-screen .tboss-login-v3 .login-panel {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.login-screen .tboss-access-v3 {
  --tboss-login-progress: 18%;
  width: min(100%, 520px) !important;
  padding: clamp(1.55rem, 2.6vw, 2.15rem) !important;
  border-radius: 22px !important;
  border: 1px solid rgba(55,255,130,.42) !important;
  background:
    radial-gradient(circle at 25% 10%, rgba(55,255,130,.07), transparent 32%),
    linear-gradient(180deg, rgba(2,28,14,.93), rgba(1,16,8,.97)) !important;
  box-shadow:
    0 0 0 1px rgba(215,231,166,.06) inset,
    0 0 30px rgba(55,255,130,.14),
    0 24px 72px rgba(0,0,0,.48) !important;
  backdrop-filter: blur(8px) !important;
}

.login-screen .tboss-access-v3.field-active {
  box-shadow:
    0 0 0 1px rgba(215,231,166,.08) inset,
    0 0 36px rgba(55,255,130,.18),
    0 24px 72px rgba(0,0,0,.48) !important;
}

.login-screen .tboss-access-v3 .prompt {
  color: #37ff82 !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  margin-bottom: 1.15rem !important;
}

.login-screen .tboss-access-v3 label {
  display: block !important;
  margin: .9rem 0 .42rem !important;
  color: #cfe9c7 !important;
  font-size: .95rem !important;
  letter-spacing: .02em !important;
}

.login-screen .tboss-access-v3 input {
  display: block !important;
  width: 100% !important;
  height: 48px !important;
  box-sizing: border-box !important;
  border-radius: 12px !important;
  border: 1px solid rgba(55,255,130,.34) !important;
  background: rgba(1,20,10,.78) !important;
  color: #efffe8 !important;
  padding: 0 1rem !important;
  outline: none !important;
  font: inherit !important;
  box-shadow: inset 0 0 16px rgba(0,0,0,.24) !important;
}

.login-screen .tboss-access-v3 input:focus {
  border-color: rgba(55,255,130,.86) !important;
  box-shadow:
    0 0 0 3px rgba(55,255,130,.13),
    inset 0 0 16px rgba(0,0,0,.22) !important;
}

.login-screen .tboss-access-v3 button {
  width: 100% !important;
  height: 48px !important;
  margin: 1.25rem 0 1.15rem !important;
  border: 1px solid rgba(215,231,166,.46) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #738944, #50632f) !important;
  color: #f6ffe9 !important;
  font-weight: 900 !important;
  letter-spacing: .015em !important;
  cursor: pointer !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 0 18px rgba(55,255,130,.14) !important;
}

.login-screen .tboss-access-v3 button:hover {
  background: linear-gradient(180deg, #839b4d, #5b7137) !important;
}

.login-screen .tboss-access-v3.initialising button {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 0 24px rgba(55,255,130,.28) !important;
}

.login-screen .tboss-access-v3 .status-grid {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: .52rem 1rem !important;
  margin-top: .45rem !important;
  color: #37ff82 !important;
  font-size: .9rem !important;
  line-height: 1.25 !important;
}

.login-screen .tboss-access-v3 .status-grid strong {
  color: #f2ffe8 !important;
  letter-spacing: .04em !important;
}

.login-screen .tboss-access-v3 .progress {
  height: 8px !important;
  border: 1px solid rgba(55,255,130,.42) !important;
  background: rgba(0,0,0,.23) !important;
  margin-top: 1rem !important;
  overflow: hidden !important;
}

.login-screen .tboss-access-v3 .progress i {
  display: block !important;
  height: 100% !important;
  width: var(--tboss-login-progress) !important;
  transition: width .26s ease, filter .26s ease !important;
  background: repeating-linear-gradient(
    90deg,
    #37ff82 0 9px,
    transparent 9px 13px
  ) !important;
  filter: drop-shadow(0 0 7px rgba(55,255,130,.55)) !important;
}

.login-screen .tboss-access-v3.initialising .progress i {
  animation: tbossProgressPulse .55s infinite alternate;
}

@keyframes tbossProgressPulse {
  from { filter: drop-shadow(0 0 5px rgba(55,255,130,.45)); }
  to   { filter: drop-shadow(0 0 13px rgba(55,255,130,.85)); }
}

.login-screen .tboss-access-v3 .login-error {
  border: 1px solid rgba(255,80,80,.62) !important;
  color: #ffb4a8 !important;
  background: rgba(80,0,0,.16) !important;
  padding: .75rem 1rem !important;
  border-radius: 12px !important;
  margin-bottom: 1rem !important;
}

@media (max-width: 980px) {
  .login-screen .tboss-login-v3 {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
    padding: 2rem 1.15rem !important;
  }

  .login-screen .tboss-login-v3 .login-left {
    transform: none !important;
  }

  .login-screen .tboss-login-v3 .tboss-real-logo {
    width: min(420px, 84vw) !important;
  }

  .login-screen .tboss-login-v3 .coming {
    font-size: clamp(2.6rem, 12vw, 4.7rem) !important;
  }
}

/* ===== T-BOSS LOGIN FINAL TUNE — 2026-05-11 ===== */

.login-screen .tboss-login-v4 {
  min-height: 100vh;
  display: grid !important;
  grid-template-columns: minmax(480px, 0.98fr) minmax(360px, 460px) !important;
  align-items: center !important;
  gap: clamp(1.8rem, 4vw, 3.8rem) !important;
  padding: clamp(2rem, 4vw, 4.2rem) clamp(2rem, 6vw, 6.6rem) !important;
  position: relative;
  z-index: 2;
}

.login-screen .tboss-login-v4 .login-left {
  max-width: 700px !important;
  transform: translateY(-.4rem) !important;
}

.login-screen .tboss-login-v4 .system-title {
  margin: 0 !important;
  font-size: clamp(4.8rem, 7.2vw, 7.4rem) !important;
  line-height: .88 !important;
  letter-spacing: -.045em !important;
  color: #eaffdf !important;
  text-shadow:
    0 0 10px rgba(55,255,130,.62),
    0 0 22px rgba(55,255,130,.30),
    0 0 44px rgba(55,255,130,.18) !important;
}

.login-screen .tboss-login-v4 .system-line {
  width: min(350px, 72vw) !important;
  height: 2px !important;
  margin: 1.2rem 0 .95rem !important;
  background: linear-gradient(90deg, #37ff82, rgba(55,255,130,.08)) !important;
  box-shadow: 0 0 18px rgba(55,255,130,.44) !important;
}

.login-screen .tboss-login-v4 .system-subtitle {
  margin: 0 !important;
  color: #dce8cf !important;
  font-size: clamp(1rem, 1.15vw, 1.18rem) !important;
  letter-spacing: .03em !important;
}

.login-screen .tboss-login-v4 .real-logo-wrap-v4 {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin: clamp(2.2rem, 4vw, 3rem) 0 clamp(2.1rem, 3.8vw, 2.8rem) !important;
}

.login-screen .tboss-login-v4 .tboss-real-logo-v4 {
  width: min(500px, 76vw) !important;
  height: auto !important;
  object-fit: contain !important;
  filter:
    drop-shadow(0 0 8px rgba(143,191,90,.30))
    drop-shadow(0 0 22px rgba(55,255,130,.10)) !important;
  opacity: .97 !important;
}

.login-screen .tboss-login-v4 .coming-v4 {
  margin: 0 !important;
  font-size: clamp(2.8rem, 4.6vw, 5rem) !important;
  line-height: 1.05 !important;
  letter-spacing: .07em !important;
  color: #f0ffe8 !important;
  text-shadow:
    0 0 10px rgba(255,255,255,.42),
    0 0 22px rgba(55,255,130,.15) !important;
}

.login-screen .tboss-login-v4 .login-panel-v4 {
  width: 100% !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
}

.login-screen .tboss-access-v4 {
  --tboss-login-progress: 18%;
  width: min(100%, 430px) !important;
  padding: 1.35rem 1.35rem 1.2rem !important;
  border-radius: 20px !important;
  border: 1px solid rgba(55,255,130,.42) !important;
  background:
    radial-gradient(circle at 25% 10%, rgba(55,255,130,.07), transparent 32%),
    linear-gradient(180deg, rgba(2,28,14,.93), rgba(1,16,8,.97)) !important;
  box-shadow:
    0 0 0 1px rgba(215,231,166,.06) inset,
    0 0 24px rgba(55,255,130,.12),
    0 20px 58px rgba(0,0,0,.44) !important;
  backdrop-filter: blur(8px) !important;
  position: relative !important;
}

.login-screen .tboss-access-v4 .panel-round-logo {
  width: 66px !important;
  height: 66px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  border: 1px solid rgba(143,191,90,.45) !important;
  box-shadow:
    0 0 10px rgba(55,255,130,.12),
    inset 0 0 12px rgba(143,191,90,.08) !important;
  background: rgba(3,21,11,.95) !important;
  margin: 0 0 .8rem !important;
}

.login-screen .tboss-access-v4 .panel-round-logo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.login-screen .tboss-access-v4 .prompt {
  color: #37ff82 !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  margin-bottom: 1rem !important;
}

.login-screen .tboss-access-v4 label {
  display: block !important;
  margin: .8rem 0 .38rem !important;
  color: #cfe9c7 !important;
  font-size: .94rem !important;
  letter-spacing: .02em !important;
}

.login-screen .tboss-access-v4 input {
  display: block !important;
  width: 100% !important;
  height: 46px !important;
  box-sizing: border-box !important;
  border-radius: 12px !important;
  border: 1px solid rgba(55,255,130,.34) !important;
  background: rgba(1,20,10,.78) !important;
  color: #efffe8 !important;
  padding: 0 .95rem !important;
  outline: none !important;
  font: inherit !important;
  box-shadow: inset 0 0 16px rgba(0,0,0,.24) !important;
}

.login-screen .tboss-access-v4 input:focus {
  border-color: rgba(55,255,130,.86) !important;
  box-shadow:
    0 0 0 3px rgba(55,255,130,.12),
    inset 0 0 16px rgba(0,0,0,.22) !important;
}

.login-screen .tboss-access-v4 button {
  width: 100% !important;
  height: 46px !important;
  margin: 1.1rem 0 1rem !important;
  border: 1px solid rgba(215,231,166,.46) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #738944, #50632f) !important;
  color: #f6ffe9 !important;
  font-weight: 900 !important;
  letter-spacing: .015em !important;
  cursor: pointer !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 0 18px rgba(55,255,130,.14) !important;
}

.login-screen .tboss-access-v4 .status-grid {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: .48rem 1rem !important;
  margin-top: .3rem !important;
  color: #37ff82 !important;
  font-size: .9rem !important;
  line-height: 1.24 !important;
}

.login-screen .tboss-access-v4 .status-grid strong {
  color: #f2ffe8 !important;
  letter-spacing: .04em !important;
}

.login-screen .tboss-access-v4 .progress {
  height: 8px !important;
  border: 1px solid rgba(55,255,130,.42) !important;
  background: rgba(0,0,0,.23) !important;
  margin-top: .95rem !important;
  overflow: hidden !important;
}

.login-screen .tboss-access-v4 .progress i {
  display: block !important;
  height: 100% !important;
  width: var(--tboss-login-progress) !important;
  transition: width .26s ease, filter .26s ease !important;
  background: repeating-linear-gradient(
    90deg,
    #37ff82 0 9px,
    transparent 9px 13px
  ) !important;
  filter: drop-shadow(0 0 7px rgba(55,255,130,.55)) !important;
}

.login-screen .tboss-access-v4.initialising .progress i {
  animation: tbossProgressPulse .55s infinite alternate;
}

@media (max-width: 980px) {
  .login-screen .tboss-login-v4 {
    grid-template-columns: 1fr !important;
    gap: 1.8rem !important;
    padding: 2rem 1.1rem !important;
  }

  .login-screen .tboss-login-v4 .login-panel-v4 {
    justify-content: flex-start !important;
  }

  .login-screen .tboss-login-v4 .tboss-real-logo-v4 {
    width: min(420px, 84vw) !important;
  }

  .login-screen .tboss-login-v4 .coming-v4 {
    font-size: clamp(2.4rem, 10vw, 4.3rem) !important;
  }
}

/* ===== T-BOSS LOGIN CLEAN RESTORE — 2026-05-11 ===== */

.login-screen .tboss-login-v5 {
  min-height: 100vh;
  display: grid !important;
  grid-template-columns: minmax(560px, 1fr) 500px !important;
  align-items: center !important;
  gap: clamp(1.2rem, 2.6vw, 2.8rem) !important;
  padding: clamp(2rem, 4vw, 4rem) clamp(2rem, 5vw, 5.5rem) !important;
  position: relative !important;
  z-index: 2 !important;
}

.login-screen .tboss-login-v5 .login-left {
  max-width: 720px !important;
  transform: translateY(-0.3rem) !important;
}

.login-screen .tboss-login-v5 .system-title {
  margin: 0 !important;
  font-size: clamp(5rem, 7.4vw, 7.7rem) !important;
  line-height: 0.88 !important;
  letter-spacing: -0.045em !important;
  color: #eaffdf !important;
  text-shadow:
    0 0 10px rgba(55,255,130,.72),
    0 0 24px rgba(55,255,130,.42),
    0 0 52px rgba(55,255,130,.22) !important;
}

.login-screen .tboss-login-v5 .system-line {
  width: min(355px, 72vw) !important;
  height: 2px !important;
  margin: 1.2rem 0 0.9rem !important;
  background: linear-gradient(90deg, #37ff82, rgba(55,255,130,.08)) !important;
  box-shadow: 0 0 18px rgba(55,255,130,.52) !important;
}

.login-screen .tboss-login-v5 .system-subtitle {
  margin: 0 !important;
  color: #dce8cf !important;
  font-size: clamp(1rem, 1.15vw, 1.18rem) !important;
  letter-spacing: .03em !important;
}

.login-screen .tboss-login-v5 .real-logo-wrap-v5 {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  margin: clamp(2.35rem, 4vw, 3.15rem) 0 clamp(2.25rem, 3.8vw, 3rem) !important;
}

.login-screen .tboss-login-v5 .tboss-real-logo-v5 {
  width: min(500px, 76vw) !important;
  height: auto !important;
  object-fit: contain !important;
  opacity: .96 !important;
  filter:
    drop-shadow(0 0 8px rgba(143,191,90,.30))
    drop-shadow(0 0 22px rgba(55,255,130,.10)) !important;
}

.login-screen .tboss-login-v5 .coming-v5 {
  margin: 0 !important;
  font-size: clamp(2.75rem, 4.45vw, 4.85rem) !important;
  line-height: 1.08 !important;
  letter-spacing: .075em !important;
  color: #f0ffe8 !important;
  text-shadow:
    0 0 10px rgba(255,255,255,.42),
    0 0 24px rgba(55,255,130,.15) !important;
}

.login-screen .tboss-login-v5 .login-panel-v5 {
  width: 100% !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  transform: translateX(-2.2rem) !important;
}

.login-screen .tboss-access-v5 {
  --tboss-login-progress: 14%;
  width: 500px !important;
  max-width: 100% !important;
  padding: 1.35rem 1.45rem 1.2rem !important;
  border-radius: 20px !important;
  border: 1px solid rgba(55,255,130,.42) !important;
  background:
    radial-gradient(circle at 28% 10%, rgba(55,255,130,.07), transparent 34%),
    linear-gradient(180deg, rgba(2,28,14,.93), rgba(1,16,8,.97)) !important;
  box-shadow:
    0 0 0 1px rgba(215,231,166,.06) inset,
    0 0 24px rgba(55,255,130,.12),
    0 20px 58px rgba(0,0,0,.44) !important;
  backdrop-filter: blur(8px) !important;
}

.login-screen .tboss-access-v5 .panel-round-logo,
.login-screen .tboss-access-v5 .access-brand-round {
  display: none !important;
}

.login-screen .tboss-access-v5 .prompt {
  color: #37ff82 !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  margin-bottom: .9rem !important;
}

.login-screen .tboss-access-v5 label {
  display: block !important;
  margin: .72rem 0 .35rem !important;
  color: #cfe9c7 !important;
  font-size: .94rem !important;
  letter-spacing: .02em !important;
}

.login-screen .tboss-access-v5 input {
  display: block !important;
  width: 100% !important;
  height: 43px !important;
  box-sizing: border-box !important;
  border-radius: 12px !important;
  border: 1px solid rgba(55,255,130,.34) !important;
  background: rgba(1,20,10,.78) !important;
  color: #efffe8 !important;
  padding: 0 .95rem !important;
  outline: none !important;
  font: inherit !important;
  box-shadow: inset 0 0 16px rgba(0,0,0,.24) !important;
}

.login-screen .tboss-access-v5 input:focus {
  border-color: rgba(55,255,130,.86) !important;
  box-shadow:
    0 0 0 3px rgba(55,255,130,.12),
    inset 0 0 16px rgba(0,0,0,.22) !important;
}

.login-screen .tboss-access-v5 button {
  width: 100% !important;
  height: 44px !important;
  margin: 1rem 0 .95rem !important;
  border: 1px solid rgba(215,231,166,.46) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #738944, #50632f) !important;
  color: #f6ffe9 !important;
  font-weight: 900 !important;
  letter-spacing: .015em !important;
  cursor: pointer !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 0 18px rgba(55,255,130,.14) !important;
}

.login-screen .tboss-access-v5 button:hover {
  background: linear-gradient(180deg, #829a4d, #5b7137) !important;
}

.login-screen .tboss-access-v5 .status-grid {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: .42rem 1rem !important;
  margin-top: .25rem !important;
  color: #37ff82 !important;
  font-size: .9rem !important;
  line-height: 1.22 !important;
}

.login-screen .tboss-access-v5 .status-grid strong {
  color: #f2ffe8 !important;
  letter-spacing: .04em !important;
}

.login-screen .tboss-access-v5 .progress {
  height: 8px !important;
  border: 1px solid rgba(55,255,130,.42) !important;
  background: rgba(0,0,0,.23) !important;
  margin-top: .9rem !important;
  overflow: hidden !important;
}

.login-screen .tboss-access-v5 .progress i {
  display: block !important;
  height: 100% !important;
  width: var(--tboss-login-progress) !important;
  transition: width .25s ease, filter .25s ease !important;
  background: repeating-linear-gradient(
    90deg,
    #37ff82 0 9px,
    transparent 9px 13px
  ) !important;
  filter: drop-shadow(0 0 7px rgba(55,255,130,.55)) !important;
}

.login-screen .tboss-access-v5.initialising .progress i {
  animation: tbossProgressPulse .55s infinite alternate;
}

@media (max-width: 980px) {
  .login-screen .tboss-login-v5 {
    grid-template-columns: 1fr !important;
    gap: 1.7rem !important;
    padding: 2rem 1.1rem !important;
  }

  .login-screen .tboss-login-v5 .login-panel-v5 {
    transform: none !important;
  }

  .login-screen .tboss-login-v5 .tboss-real-logo-v5 {
    width: min(420px, 84vw) !important;
  }

  .login-screen .tboss-login-v5 .coming-v5 {
    font-size: clamp(2.35rem, 10vw, 4.2rem) !important;
  }

  .login-screen .tboss-access-v5 {
    width: 100% !important;
  }
}

/* ===== T-BOSS MID-CENTER TUNE + SIDEBAR ROUND LOGO ===== */

.login-screen .tboss-login-v5 {
  width: min(100%, 1360px) !important;
  margin: 0 auto !important;
  grid-template-columns: minmax(520px, 1fr) 470px !important;
  gap: clamp(1rem, 2vw, 2rem) !important;
  padding: clamp(2rem, 4vw, 4rem) clamp(1.8rem, 4vw, 4.8rem) !important;
}

.login-screen .tboss-login-v5 .login-left {
  max-width: 690px !important;
  transform: translateX(1.1rem) translateY(-0.2rem) !important;
}

.login-screen .tboss-login-v5 .login-panel-v5 {
  justify-content: flex-start !important;
  transform: translateX(-1.35rem) !important;
}

.login-screen .tboss-access-v5 {
  width: 470px !important;
  max-width: 100% !important;
}

/* Sidebar round logo inside console */
.sidebar .brand-block {
  display: flex !important;
  align-items: center !important;
  gap: .9rem !important;
}

.sidebar .brand-round-logo {
  width: 54px !important;
  height: 54px !important;
  border-radius: 50% !important;
  display: block !important;
  object-fit: cover !important;
  flex: 0 0 54px !important;
  border: 1px solid rgba(198,168,90,.65) !important;
  box-shadow:
    0 0 10px rgba(55,255,130,.10),
    inset 0 0 10px rgba(143,191,90,.08) !important;
  background: rgba(3,21,11,.96) !important;
}

.sidebar .brand-mark {
  display: none !important;
}

@media (max-width: 980px) {
  .login-screen .tboss-login-v5 {
    width: 100% !important;
    grid-template-columns: 1fr !important;
    gap: 1.6rem !important;
  }

  .login-screen .tboss-login-v5 .login-left,
  .login-screen .tboss-login-v5 .login-panel-v5 {
    transform: none !important;
  }

  .login-screen .tboss-access-v5 {
    width: 100% !important;
  }
}

/* T-BOSS discreet recovery link */
.login-screen .tboss-recovery-link {
  margin: .75rem 0 0 !important;
  text-align: center !important;
  font-size: .82rem !important;
  letter-spacing: .03em !important;
}

.login-screen .tboss-recovery-link a {
  color: rgba(215, 231, 166, .72) !important;
  text-decoration: none !important;
}

.login-screen .tboss-recovery-link a:hover {
  color: #d7e7a6 !important;
  text-decoration: underline !important;
}

/* ===== T-BOSS MOBILE LOGIN SCROLL FIX — 2026-05-11 ===== */
/* Mobile only. Does not change login text or auth logic. */

@media (max-width: 760px) {
  html,
  body.login-screen {
    min-height: 100dvh !important;
    height: auto !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.login-screen {
    display: block !important;
    padding: 0 !important;
  }

  body.login-screen canvas#matrixRain {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    z-index: 0 !important;
  }

  body.login-screen .scanline {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
  }

  .login-screen .tboss-login-v5 {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: start !important;
    justify-items: stretch !important;
    width: 100% !important;
    min-height: auto !important;
    height: auto !important;
    gap: 1.05rem !important;
    padding: 1.15rem 1rem 7.5rem !important;
    margin: 0 auto !important;
  }

  .login-screen .tboss-login-v5 .login-left {
    max-width: 100% !important;
    transform: none !important;
  }

  .login-screen .tboss-login-v5 .system-title {
    font-size: clamp(3.25rem, 18vw, 5.2rem) !important;
    line-height: .9 !important;
  }

  .login-screen .tboss-login-v5 .system-line {
    width: 72vw !important;
    margin: .9rem 0 .7rem !important;
  }

  .login-screen .tboss-login-v5 .system-subtitle {
    max-width: 92vw !important;
    font-size: .95rem !important;
    line-height: 1.35 !important;
  }

  .login-screen .tboss-login-v5 .real-logo-wrap-v5 {
    margin: 1.25rem 0 1.2rem !important;
  }

  .login-screen .tboss-login-v5 .tboss-real-logo-v5 {
    width: min(82vw, 360px) !important;
  }

  .login-screen .tboss-login-v5 .coming-v5 {
    font-size: clamp(2.15rem, 11vw, 3.5rem) !important;
    line-height: 1.05 !important;
    letter-spacing: .06em !important;
  }

  .login-screen .tboss-login-v5 .login-panel-v5 {
    width: 100% !important;
    transform: none !important;
    justify-content: center !important;
    align-items: flex-start !important;
    margin-top: .25rem !important;
  }

  .login-screen .tboss-access-v5 {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 1.15rem 1rem 1.05rem !important;
    border-radius: 18px !important;
  }

  .login-screen .tboss-access-v5 label {
    margin: .65rem 0 .3rem !important;
    font-size: .9rem !important;
  }

  .login-screen .tboss-access-v5 input {
    height: 42px !important;
  }

  .login-screen .tboss-access-v5 button {
    height: 44px !important;
    margin: .95rem 0 .9rem !important;
  }

  .login-screen .tboss-access-v5 .status-grid {
    font-size: .82rem !important;
    gap: .35rem .75rem !important;
  }

  .login-screen .tboss-access-v5 .progress {
    margin-top: .75rem !important;
  }
}

/* ===== T-BOSS FULL ERP SIDEBAR + MODULE PLACEHOLDERS ===== */

.sidebar {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: thin !important;
}

.sidebar nav.tboss-full-nav {
  padding-bottom: 2.5rem !important;
}

.sidebar nav.tboss-full-nav details {
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
  padding: .25rem 0 .35rem !important;
}

.sidebar nav.tboss-full-nav summary {
  cursor: pointer !important;
  color: rgba(236,255,228,.92) !important;
  font-weight: 800 !important;
  font-size: .86rem !important;
  letter-spacing: .02em !important;
  padding: .72rem .75rem !important;
  border-radius: 12px !important;
}

.sidebar nav.tboss-full-nav summary:hover {
  background: rgba(55,255,130,.08) !important;
}

.sidebar nav.tboss-full-nav a {
  display: block !important;
  font-size: .82rem !important;
  padding: .45rem .75rem .45rem 1.15rem !important;
  color: rgba(218,239,211,.82) !important;
  border-radius: 10px !important;
  text-decoration: none !important;
}

.sidebar nav.tboss-full-nav a:hover {
  background: rgba(55,255,130,.08) !important;
  color: #f3ffe9 !important;
}

.sidebar nav.tboss-full-nav a.nav-main {
  margin: .4rem 0 .6rem !important;
  padding: .72rem .75rem !important;
  font-weight: 900 !important;
  color: #37ff82 !important;
  border: 1px solid rgba(55,255,130,.18) !important;
}

.module-hero h2 {
  margin-top: .25rem !important;
}

.module-status-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .55rem !important;
  margin-top: 1rem !important;
}

.status-pill {
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid rgba(55,255,130,.28) !important;
  color: #37ff82 !important;
  background: rgba(55,255,130,.06) !important;
  border-radius: 999px !important;
  padding: .35rem .7rem !important;
  font-size: .82rem !important;
  font-weight: 700 !important;
}

.status-pill.soft {
  color: rgba(236,255,228,.80) !important;
  border-color: rgba(236,255,228,.14) !important;
  background: rgba(255,255,255,.04) !important;
}

.clean-list {
  margin: .75rem 0 0 !important;
  padding-left: 1.15rem !important;
}

.clean-list li {
  margin: .35rem 0 !important;
  color: rgba(236,255,228,.86) !important;
}

.spec-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 1rem !important;
}

.spec-grid article {
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.035) !important;
  padding: 1rem !important;
}

.spec-grid article strong {
  color: #f3ffe9 !important;
}

/* ===== T-BOSS IMPORT REVIEW CARDS ===== */

.tboss-review-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
  gap: 1rem !important;
  margin-bottom: 1rem !important;
}

.tboss-review-card,
.tboss-mini-card,
.tboss-segment-grid article {
  border: 1px solid rgba(75,96,55,.18) !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.50) !important;
  padding: 1rem !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.04) !important;
}

.tboss-review-card span {
  display: block !important;
  font-size: .78rem !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  color: rgba(32,38,30,.55) !important;
}

.tboss-review-card strong {
  display: block !important;
  font-size: 2rem !important;
  line-height: 1 !important;
  margin-top: .45rem !important;
  color: #1d2519 !important;
}

.tboss-review-card p {
  margin: .55rem 0 0 !important;
  color: rgba(32,38,30,.65) !important;
}

.tboss-review-card.warning strong {
  color: #9a5a12 !important;
}

.tboss-review-card.danger strong {
  color: #8c2f22 !important;
}

.tboss-mini-grid,
.tboss-segment-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
  gap: .75rem !important;
}

.tboss-mini-card strong,
.tboss-mini-card span,
.tboss-mini-card small {
  display: block !important;
}

.tboss-segment-grid article {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  border-radius: 999px !important;
}

.tboss-segment-grid span {
  font-weight: 800 !important;
}

.tboss-segment-grid strong {
  color: #4e672e !important;
}

.tboss-rule-list {
  display: grid !important;
  gap: .45rem !important;
}

.tboss-rule-list p {
  margin: 0 !important;
  padding: .65rem .8rem !important;
  border-radius: 12px !important;
  background: rgba(75,96,55,.07) !important;
}

.table-wrap {
  width: 100% !important;
  overflow-x: auto !important;
}

.tboss-table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-size: .88rem !important;
}

.tboss-table th,
.tboss-table td {
  padding: .68rem .7rem !important;
  border-bottom: 1px solid rgba(75,96,55,.14) !important;
  text-align: left !important;
  vertical-align: top !important;
}

.tboss-table th {
  background: rgba(75,96,55,.08) !important;
  color: #1d2519 !important;
  font-weight: 900 !important;
}

.panel code {
  word-break: break-all !important;
}

/* ===== T-BOSS FINAL CRM LIVE VIEWS ===== */
.crm-live * { box-sizing: border-box; }
.crm-live { color: #20281b; }
.crm-page-head, .crm-card-hero { display:flex; justify-content:space-between; gap:1rem; align-items:flex-start; border:1px solid rgba(74,96,54,.18); border-radius:24px; background:linear-gradient(180deg, rgba(255,255,250,.96), rgba(248,246,230,.95)); padding:1.25rem; margin-bottom:1rem; box-shadow:0 14px 34px rgba(0,0,0,.04); }
.crm-page-head h2, .crm-card-hero h2 { margin:.15rem 0 .25rem; font-size:1.7rem; }
.crm-page-head p, .crm-card-hero p, .crm-muted { color:rgba(32,40,27,.68); margin:.35rem 0 0; }
.crm-kicker { display:block; text-transform:uppercase; font-size:.72rem; letter-spacing:.12em; color:#536233; font-weight:900; }
.crm-actions { display:flex; flex-wrap:wrap; gap:.55rem; justify-content:flex-end; }
.crm-btn, .crm-open { display:inline-flex; align-items:center; justify-content:center; gap:.35rem; border:1px solid rgba(74,96,54,.22); background:#fffdf1; color:#233018; border-radius:999px; padding:.62rem .92rem; text-decoration:none; font-weight:800; box-shadow:0 8px 20px rgba(0,0,0,.04); }
.crm-btn.primary, .crm-open { background:#405d29; color:#fffdf1; border-color:#405d29; }
.crm-btn:disabled { opacity:.55; cursor:not-allowed; }
.crm-kpi-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:.85rem; margin-bottom:1rem; }
.crm-kpi-grid article { border:1px solid rgba(74,96,54,.16); background:rgba(255,255,255,.52); border-radius:20px; padding:1rem; box-shadow:0 10px 24px rgba(0,0,0,.035); }
.crm-kpi-grid span { display:block; text-transform:uppercase; letter-spacing:.08em; font-size:.72rem; color:rgba(32,40,27,.52); font-weight:900; }
.crm-kpi-grid strong { display:block; font-size:2rem; line-height:1; margin:.35rem 0; color:#20281b; }
.crm-kpi-grid small { color:rgba(32,40,27,.62); }
.crm-filter-panel, .crm-panel { border:1px solid rgba(74,96,54,.16); border-radius:22px; background:rgba(255,255,255,.55); padding:1rem; margin-bottom:1rem; box-shadow:0 14px 34px rgba(0,0,0,.035); }
.crm-filter-grid { display:grid; grid-template-columns:2fr repeat(4, minmax(150px,1fr)) auto auto; gap:.65rem; align-items:end; }
.crm-filter-grid label { display:grid; gap:.25rem; font-weight:800; color:#2b3523; }
.crm-filter-grid input, .crm-filter-grid select { width:100%; border:1px solid rgba(74,96,54,.22); border-radius:12px; background:#fffdf1; padding:.62rem .72rem; color:#20281b; }
.crm-client-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(310px,1fr)); gap:1rem; }
.crm-client-card { border:1px solid rgba(74,96,54,.16); background:linear-gradient(180deg, rgba(255,255,250,.96), rgba(248,246,230,.92)); border-radius:22px; padding:1rem; box-shadow:0 12px 28px rgba(0,0,0,.04); }
.crm-client-top { display:flex; justify-content:space-between; gap:1rem; align-items:flex-start; }
.crm-id { display:inline-flex; background:rgba(64,93,41,.10); color:#405d29; border:1px solid rgba(64,93,41,.14); border-radius:999px; padding:.22rem .52rem; font-weight:900; font-size:.78rem; }
.crm-client-card h3 { margin:.55rem 0 .35rem; }
.crm-contact-line { display:grid; gap:.2rem; font-size:.92rem; color:rgba(32,40,27,.72); margin:.45rem 0; }
.crm-chip-row { display:flex; flex-wrap:wrap; gap:.42rem; margin:.55rem 0; }
.crm-chip-row.vertical { display:flex; align-content:flex-start; }
.crm-chip-row span { display:inline-flex; border-radius:999px; padding:.25rem .56rem; font-size:.78rem; font-weight:800; background:rgba(64,93,41,.10); color:#405d29; }
.crm-chip-row span.hot { background:rgba(158,97,19,.12); color:#925712; }
.crm-chip-row span.warn { background:rgba(138,42,30,.12); color:#882d20; }
.crm-mini-stats { color:rgba(32,40,27,.72); font-size:.9rem; margin:.55rem 0; }
.crm-mini-stats b { color:#20281b; }
.crm-two-col { display:grid; grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr); gap:1rem; }
.crm-three-col { display:grid; grid-template-columns:repeat(3, minmax(220px,1fr)); gap:1rem; }
.crm-dl { display:grid; grid-template-columns:140px 1fr; gap:.5rem .85rem; }
.crm-dl dt { font-weight:900; color:#536233; }
.crm-dl dd { margin:0; color:#20281b; word-break:break-word; }
.crm-module-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:.7rem; }
.crm-module-grid div, .crm-mini-row, .crm-note { border:1px solid rgba(74,96,54,.13); background:rgba(255,255,255,.46); border-radius:15px; padding:.75rem; margin:.45rem 0; }
.crm-module-grid strong, .crm-mini-row strong, .crm-note strong { display:block; color:#20281b; }
.crm-module-grid span, .crm-mini-row span, .crm-note small { display:block; color:#536233; font-weight:800; font-size:.82rem; margin:.2rem 0; }
.crm-module-grid p, .crm-note p { margin:.35rem 0 0; color:rgba(32,40,27,.68); }
.crm-table-wrap { overflow-x:auto; width:100%; }
.crm-table { width:100%; border-collapse:collapse; font-size:.9rem; }
.crm-table th, .crm-table td { text-align:left; vertical-align:top; padding:.7rem .75rem; border-bottom:1px solid rgba(74,96,54,.13); }
.crm-table th { background:#343910; color:#fff9ce; font-weight:900; }
.crm-table a { color:#405d29; font-weight:900; }
@media (max-width: 1100px) { .crm-filter-grid { grid-template-columns:1fr 1fr; } .crm-two-col, .crm-three-col { grid-template-columns:1fr; } .crm-page-head, .crm-card-hero { flex-direction:column; } .crm-actions { justify-content:flex-start; } }
@media (max-width: 720px) { .crm-filter-grid, .crm-client-grid, .crm-kpi-grid { grid-template-columns:1fr; } .crm-dl { grid-template-columns:1fr; } }


/* ===== CRM V2 WORKING SCOPED START ===== */
.tboss-crm-v2{--crm-panel:#fffef4;--crm-ink:#172014;--crm-muted:#68705f;--crm-olive:#304111;--crm-olive2:#526a2e;--crm-gold:#c7ad62;--crm-red:#8c2f22;--crm-line:#d9d2b6;--crm-blue:#315b78;color:var(--crm-ink)}
.tboss-crm-v2 *{box-sizing:border-box}.tboss-crm-v2 a{color:inherit}
.tboss-crm-v2 .crmv2-topline,.tboss-crm-v2 .crmv2-client-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.1rem}
.tboss-crm-v2 .crmv2-kicker{display:block;letter-spacing:.13em;text-transform:uppercase;color:#747057;font-size:.74rem;font-weight:900}
.tboss-crm-v2 h1{font-size:clamp(1.8rem,2.4vw,2.75rem);margin:.2rem 0 .35rem;line-height:1.05}.tboss-crm-v2 h2{margin:0 0 .85rem;font-size:1.35rem}
.tboss-crm-v2 .crmv2-muted{color:var(--crm-muted);margin:0}.tboss-crm-v2 .crmv2-toolbar,.tboss-crm-v2 .crmv2-card-actions{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center}.tboss-crm-v2 .crmv2-toolbar.wrap{justify-content:flex-end}
.tboss-crm-v2 .crmv2-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--crm-line);border-radius:999px;background:#fffdf1;padding:.68rem 1rem;font-weight:900;color:var(--crm-olive);text-decoration:none;box-shadow:0 8px 18px rgba(0,0,0,.06);min-height:38px;cursor:pointer}
.tboss-crm-v2 .crmv2-btn.primary{background:var(--crm-olive2);color:white;border-color:var(--crm-olive2)}
.tboss-crm-v2 .crmv2-kpis{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:.9rem;margin:1rem 0}
.tboss-crm-v2 .crmv2-kpis article,.tboss-crm-v2 .crmv2-panel,.tboss-crm-v2 .crmv2-client-card,.tboss-crm-v2 .crmv2-segment-card{background:linear-gradient(180deg,#fffef6,#fbf8e8);border:1px solid var(--crm-line);border-radius:24px;padding:1rem;box-shadow:0 16px 40px rgba(0,0,0,.045)}
.tboss-crm-v2 .crmv2-kpis span{display:block;color:var(--crm-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.tboss-crm-v2 .crmv2-kpis strong{display:block;font-size:2rem;line-height:1.05}
.tboss-crm-v2 .crmv2-filterbar{display:grid;grid-template-columns:minmax(220px,2fr) repeat(5,minmax(140px,1fr));gap:.65rem;margin:1rem 0;align-items:center}.tboss-crm-v2 .crmv2-filterbar.compact{grid-template-columns:minmax(260px,2fr) minmax(160px,1fr) auto auto}
.tboss-crm-v2 input,.tboss-crm-v2 select,.tboss-crm-v2 textarea{width:100%;border:1px solid var(--crm-line);border-radius:16px;background:white;padding:.74rem .85rem;font-size:.95rem;color:var(--crm-ink)}
.tboss-crm-v2 .crmv2-check{display:flex;gap:.4rem;align-items:center;background:rgba(255,255,255,.55);border:1px solid var(--crm-line);border-radius:999px;padding:.55rem .75rem;font-weight:800;white-space:nowrap}.tboss-crm-v2 .crmv2-check input{width:auto}
.tboss-crm-v2 .crmv2-charts,.tboss-crm-v2 .crmv2-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.tboss-crm-v2 .crmv2-detail-grid.wide-left{grid-template-columns:1.3fr .9fr;margin-top:1rem}
.tboss-crm-v2 .crmv2-client-grid,.tboss-crm-v2 .crmv2-module-grid{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:1rem;margin-top:1rem}.tboss-crm-v2 .crmv2-module-grid{grid-template-columns:repeat(2,minmax(300px,1fr))}.tboss-crm-v2 .crmv2-module-grid .full{grid-column:1/-1}
.tboss-crm-v2 .crmv2-client-card{position:relative;overflow:hidden;min-height:250px}.tboss-crm-v2 .crmv2-client-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--crm-olive2)}
.tboss-crm-v2 .crmv2-card-head{display:grid;grid-template-columns:58px 1fr;gap:.85rem;align-items:center}.tboss-crm-v2 .crmv2-avatar{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#1c3418,#8ca65a);display:grid;place-items:center;color:white;font-size:1.2rem;font-weight:1000;box-shadow:inset 0 0 18px rgba(0,0,0,.25)}.tboss-crm-v2 .crmv2-avatar.big{width:92px;height:92px;border-radius:26px;font-size:2rem}
.tboss-crm-v2 .crmv2-id{display:inline-flex;background:var(--crm-olive);color:#f8f0b8;border-radius:999px;padding:.25rem .55rem;font-weight:1000;font-size:.78rem}.tboss-crm-v2 .crmv2-client-card h2{margin:.45rem 0 .2rem}.tboss-crm-v2 .crmv2-client-card p{color:var(--crm-muted);margin:0}
.tboss-crm-v2 .crmv2-badges{display:flex;flex-wrap:wrap;gap:.4rem;margin:.8rem 0}.tboss-crm-v2 .crmv2-badge{display:inline-flex;border-radius:999px;background:#eef3dc;color:#314915;font-size:.76rem;font-weight:1000;padding:.32rem .52rem;text-decoration:none}.tboss-crm-v2 .crmv2-badge.red,.tboss-crm-v2 .crmv2-badge.danger{background:#fae6df;color:var(--crm-red)}.tboss-crm-v2 .crmv2-badge.gold{background:#fbf0c8;color:#7a5600}.tboss-crm-v2 .crmv2-badge.blue{background:#e4edf3;color:var(--crm-blue)}.tboss-crm-v2 .crmv2-badge.green{background:#dff3df;color:#175c26}.tboss-crm-v2 .crmv2-badge.soft{background:#edf1df;color:#415426}
.tboss-crm-v2 .crmv2-mini-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.tboss-crm-v2 .crmv2-mini-metrics div{background:#f4f1dc;border-radius:15px;padding:.65rem}.tboss-crm-v2 .crmv2-mini-metrics strong{display:block;font-size:1.35rem}.tboss-crm-v2 .crmv2-mini-metrics span{color:var(--crm-muted);font-size:.8rem}
.tboss-crm-v2 .crmv2-score-row,.tboss-crm-v2 .crmv2-bars{display:grid;gap:.55rem;margin:.8rem 0}.tboss-crm-v2 .crmv2-score-row label,.tboss-crm-v2 .crmv2-bar-link{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center;color:var(--crm-ink);text-decoration:none;font-weight:900}.tboss-crm-v2 .crmv2-score-row i,.tboss-crm-v2 .crmv2-bar-link i{grid-column:1/-1;height:10px;background:#ece6c9;border-radius:999px;overflow:hidden}.tboss-crm-v2 .crmv2-score-row em,.tboss-crm-v2 .crmv2-bar-link em{display:block;height:100%;background:linear-gradient(90deg,var(--crm-olive2),var(--crm-gold));border-radius:inherit}.tboss-crm-v2 .crmv2-score-row .risk em,.tboss-crm-v2 .crmv2-bar-link .risk em{background:linear-gradient(90deg,#d4a245,var(--crm-red))}
.tboss-crm-v2 .crmv2-table-wrap{overflow-x:auto;margin-top:1rem;border-radius:18px;border:1px solid var(--crm-line);background:white}.tboss-crm-v2 .crmv2-table{width:100%;border-collapse:collapse;font-size:.91rem}.tboss-crm-v2 .crmv2-table th{background:var(--crm-olive);color:#fff8b7;text-align:left;padding:.85rem}.tboss-crm-v2 .crmv2-table td{border-bottom:1px solid #ece6cf;padding:.75rem .85rem;vertical-align:top}
.tboss-crm-v2 .crmv2-ops-list{display:grid;gap:.55rem;margin-top:1rem}.tboss-crm-v2 .crmv2-ops-list article{display:grid;grid-template-columns:90px 1.4fr 1.4fr repeat(4,minmax(90px,.7fr)) 60px;gap:.7rem;align-items:center;background:#fffef6;border:1px solid var(--crm-line);border-radius:16px;padding:.75rem}
.tboss-crm-v2 .crmv2-client-hero{background:linear-gradient(120deg,#fffef4,#eff5df);border:1px solid var(--crm-line);border-radius:28px;padding:1.2rem}.tboss-crm-v2 .crmv2-hero-main h1{margin:.35rem 0 .2rem}
.tboss-crm-v2 .crmv2-insight-strip{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:.75rem;margin:1rem 0}.tboss-crm-v2 .crmv2-insight-strip article{border-radius:18px;padding:.85rem;background:#edf3dd;border:1px solid rgba(82,106,46,.18)}.tboss-crm-v2 .crmv2-insight-strip article.red{background:#fae6df}.tboss-crm-v2 .crmv2-insight-strip article.gold{background:#fbf0c8}.tboss-crm-v2 .crmv2-insight-strip article.blue{background:#e4edf3}.tboss-crm-v2 .crmv2-insight-strip strong,.tboss-crm-v2 .crmv2-insight-strip span{display:block}.tboss-crm-v2 .crmv2-insight-strip span{color:var(--crm-muted);margin-top:.25rem}
.tboss-crm-v2 .crmv2-dna{display:grid;grid-template-columns:minmax(130px,.35fr) 1fr;gap:.55rem .9rem}.tboss-crm-v2 .crmv2-dna dt{font-weight:1000;color:var(--crm-olive2)}.tboss-crm-v2 .crmv2-dna dd{margin:0}
.tboss-crm-v2 .crmv2-timeline,.tboss-crm-v2 .crmv2-stack,.tboss-crm-v2 .crmv2-action-grid{display:grid;gap:.7rem}.tboss-crm-v2 .crmv2-timeline article,.tboss-crm-v2 .crmv2-row-card,.tboss-crm-v2 .crmv2-action-grid a{display:block;border-left:5px solid var(--crm-olive2);background:#fffef7;border-radius:14px;padding:.75rem;text-decoration:none;color:var(--crm-ink)}.tboss-crm-v2 .crmv2-timeline article.gold,.tboss-crm-v2 .crmv2-row-card.gold{border-left-color:var(--crm-gold)}.tboss-crm-v2 .crmv2-timeline article.red,.tboss-crm-v2 .crmv2-row-card.danger{border-left-color:var(--crm-red)}.tboss-crm-v2 .crmv2-timeline article.blue{border-left-color:var(--crm-blue)}
.tboss-crm-v2 .crmv2-timeline span,.tboss-crm-v2 .crmv2-row-card small,.tboss-crm-v2 .crmv2-action-grid span{display:block;color:var(--crm-muted);font-size:.86rem}.tboss-crm-v2 .crmv2-timeline strong,.tboss-crm-v2 .crmv2-row-card strong,.tboss-crm-v2 .crmv2-action-grid b{display:block;margin:.15rem 0}
.tboss-crm-v2 .crmv2-action-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}.tboss-crm-v2 .crmv2-action-form{display:grid;gap:.75rem;max-width:760px}.tboss-crm-v2 .crmv2-segment-card{color:var(--crm-ink);text-decoration:none;display:grid;min-height:160px}.tboss-crm-v2 .crmv2-segment-card span{color:var(--crm-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:900}.tboss-crm-v2 .crmv2-segment-card strong{font-size:1.3rem}.tboss-crm-v2 .crmv2-segment-card b{font-size:2.2rem;color:var(--crm-olive2)}
@media(max-width:1280px){.tboss-crm-v2 .crmv2-kpis{grid-template-columns:repeat(3,1fr)}.tboss-crm-v2 .crmv2-filterbar{grid-template-columns:1fr 1fr}.tboss-crm-v2 .crmv2-client-grid,.tboss-crm-v2 .crmv2-module-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}.tboss-crm-v2 .crmv2-charts,.tboss-crm-v2 .crmv2-detail-grid,.tboss-crm-v2 .crmv2-detail-grid.wide-left{grid-template-columns:1fr}}
@media(max-width:760px){.tboss-crm-v2 .crmv2-topline,.tboss-crm-v2 .crmv2-client-hero{display:grid}.tboss-crm-v2 .crmv2-kpis,.tboss-crm-v2 .crmv2-filterbar,.tboss-crm-v2 .crmv2-filterbar.compact,.tboss-crm-v2 .crmv2-client-grid,.tboss-crm-v2 .crmv2-module-grid,.tboss-crm-v2 .crmv2-insight-strip,.tboss-crm-v2 .crmv2-action-grid{grid-template-columns:1fr}.tboss-crm-v2 .crmv2-ops-list article{grid-template-columns:1fr}}
/* ===== CRM V2 WORKING SCOPED END ===== */


/* ===== CRM V2.2 SERVICE DEDUPE FIX SCOPED START ===== */
.tboss-crm-v2 .crmv2-form-grid{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:.9rem;margin:1rem 0}
.tboss-crm-v2 .crmv2-form-grid label,.tboss-crm-v2 .crmv2-edit-form label{font-weight:900;color:var(--crm-olive)}
.tboss-crm-v2 .crmv2-edit-form input,.tboss-crm-v2 .crmv2-edit-form textarea{margin-top:.35rem}
.tboss-crm-v2 .crmv2-check-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:.75rem;margin:1rem 0}
.tboss-crm-v2 .crmv2-check-grid label{background:#fffef7;border:1px solid var(--crm-line);border-radius:16px;padding:.85rem;color:var(--crm-ink)}
.tboss-crm-v2 .crmv2-segment-edit-grid{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:.7rem;margin:1rem 0}
.tboss-crm-v2 .crmv2-segment-edit-grid label{display:block;background:#fffef7;border:1px solid var(--crm-line);border-radius:16px;padding:.8rem}
.tboss-crm-v2 .crmv2-segment-edit-grid span{display:block;color:var(--crm-muted);font-size:.82rem;margin-top:.15rem}
.tboss-crm-v2 .crmv2-chart-switch{display:flex;gap:.4rem;flex-wrap:wrap;margin:-.3rem 0 .7rem}
.tboss-crm-v2 .crmv2-chart-switch button{border:1px solid var(--crm-line);background:#fffef7;border-radius:999px;padding:.35rem .7rem;font-weight:800;color:var(--crm-olive)}
@media(max-width:900px){.tboss-crm-v2 .crmv2-form-grid,.tboss-crm-v2 .crmv2-check-grid,.tboss-crm-v2 .crmv2-segment-edit-grid{grid-template-columns:1fr}}
/* ===== CRM V2.2 SERVICE DEDUPE FIX SCOPED END ===== */


/* ===== T-BOSS CRM V2.3 SURGICAL FINAL — scoped only ===== */
.tboss-crm-surgical{--crm-bg:#fbfaec;--crm-card:#fffef3;--crm-line:#d8d4a8;--crm-green:#2f6f2b;--crm-dark:#112a19;--crm-gold:#b2a23e;--crm-muted:#6e745d;--crm-soft:#eef5dc;--crm-red:#9d301c;font-family:inherit;color:var(--crm-dark);}
.tboss-crm-surgical *{box-sizing:border-box}
.crmf-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 18px}
.crmf-kicker{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:800;color:#7b7655}
.crmf-topline h1{font-size:clamp(2rem,4vw,3.15rem);line-height:1;margin:.15em 0 .18em;color:#09251b}
.crmf-topline p,.crmf-muted{color:var(--crm-muted);margin:.25rem 0}
.crmf-toolbar{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.crmf-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--crm-line);background:#fffef3;color:#173b16;text-decoration:none;border-radius:999px;padding:10px 18px;font-weight:800;box-shadow:0 8px 18px rgba(31,58,24,.06);cursor:pointer;line-height:1}
.crmf-btn.primary,.crmf-btn:hover{background:var(--crm-green);border-color:var(--crm-green);color:#fff}
.crmf-btn.ghost{background:transparent}.crmf-btn.disabled{opacity:.45;pointer-events:none}
.crmf-mini{display:inline-flex;border:1px solid var(--crm-line);border-radius:999px;padding:6px 11px;text-decoration:none;color:var(--crm-dark);font-weight:800}.crmf-mini.active{background:var(--crm-green);color:white}
.crmf-kpis{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:14px;margin:14px 0 18px}
.crmf-kpis article{background:linear-gradient(145deg,#fffef7,#faf9e9);border:1px solid var(--crm-line);border-radius:18px;padding:16px 18px;min-height:84px;box-shadow:0 12px 30px rgba(31,58,24,.045)}
.crmf-kpis span{display:block;text-transform:uppercase;font-size:.72rem;letter-spacing:.12em;font-weight:800;color:#7b7655}.crmf-kpis strong{display:block;font-size:2rem;line-height:1.05;color:#061d17}
.crmf-filter{display:grid;grid-template-columns:2fr repeat(5,1fr);gap:10px;align-items:center;margin:10px 0 16px}
.crmf-filter input,.crmf-filter select,.crmf-edit-grid input,.crmf-edit-grid select,.crmf-edit-grid textarea,.crmf-panel textarea,.crmf-panel input,.crmf-panel select{width:100%;border:1px solid var(--crm-line);border-radius:14px;background:#fff;color:#09251b;padding:11px 13px;font:inherit}
.crmf-filter .crmf-check{min-height:42px;display:flex;align-items:center;gap:8px;border:1px solid var(--crm-line);border-radius:999px;padding:8px 14px;background:#fffef7;font-weight:800}
.crmf-chart-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 12px}
.crmf-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}
.crmf-panel{position:relative;overflow:hidden;background:linear-gradient(145deg,#fffef7,#fbfaec);border:1px solid var(--crm-line);border-radius:22px;padding:20px;box-shadow:0 16px 34px rgba(31,58,24,.045)}
.crmf-panel h2{margin:0 0 14px;font-size:1.35rem}.crmf-panel h3{margin:18px 0 10px}
.crmf-bar-row{margin:10px 0}.crmf-bar-row>div:first-child{display:flex;justify-content:space-between;gap:12px;font-weight:800;margin-bottom:5px}.crmf-bar-row span{color:#173b16}
.crmf-track{height:9px;background:#ebedc8;border-radius:999px;overflow:hidden}.crmf-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2f6f2b,#b8ae43)}
.crmf-stat-cards{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:12px}.crmf-stat-cards article{background:#f2f6df;border:1px solid #dfe3b9;border-radius:16px;padding:14px}.crmf-stat-cards b{display:block;font-size:1.8rem}.crmf-stat-cards span{color:var(--crm-muted)}
.crmf-pie-wrap{display:grid;grid-template-columns:220px 1fr;gap:22px;align-items:center}.crmf-pie{width:210px;height:210px;border-radius:50%;background:conic-gradient(#2f6f2b 0 30%,#80963b 30% 52%,#b2a23e 52% 70%,#d2c86d 70% 82%,#e3deb0 82% 100%);box-shadow:inset 0 0 0 22px #fffef3,0 10px 24px rgba(31,58,24,.08)}.crmf-pie.source{background:conic-gradient(#2f6f2b 0 28%,#6f8e38 28% 50%,#b2a23e 50% 67%,#d6c979 67% 78%,#e9e4b8 78% 100%)}
.crmf-legend p{display:flex;align-items:center;gap:8px;margin:7px 0}.crmf-legend i{width:12px;height:12px;border-radius:50%;background:var(--crm-green)}.crmf-legend span{margin-left:auto;font-weight:900}
.crmf-card-grid{display:grid;grid-template-columns:repeat(3,minmax(280px,1fr));gap:16px;margin:16px 0}
.crmf-client-tile{position:relative;overflow:hidden;background:#fffef7;border:1px solid var(--crm-line);border-left:6px solid var(--crm-green);border-radius:22px;padding:18px;box-shadow:0 12px 28px rgba(31,58,24,.045)}
.crmf-tile-head{display:flex;gap:14px;align-items:flex-start}.crmf-avatar{width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#1f5f25,#69a548);display:flex;align-items:center;justify-content:center;color:white;font-weight:900;font-size:1.25rem;box-shadow:0 10px 24px rgba(31,58,24,.16)}.crmf-avatar.big{width:86px;height:86px;font-size:2rem;border-radius:24px;flex:0 0 auto}
.crmf-id{display:inline-flex;background:#30430a;color:#fff;border-radius:999px;padding:4px 10px;font-weight:900;font-size:.8rem}.crmf-client-tile h3{font-size:1.45rem;line-height:1;margin:.35rem 0 .2rem}.crmf-client-tile p{margin:0;color:var(--crm-muted)}
.crmf-badges{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.crmf-badge{display:inline-flex;border-radius:999px;padding:5px 9px;font-weight:900;font-size:.75rem;background:#e5f3d6;color:#1f601f}.crmf-badge.gold{background:#fff4ae;color:#6c5c00}.crmf-badge.red{background:#ffe2d9;color:#9d301c}.crmf-badge.blue{background:#e2eef9;color:#22577a}
.crmf-tile-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.crmf-tile-metrics span{background:#f1f3d8;border-radius:14px;padding:10px}.crmf-tile-metrics b{display:block;font-size:1.45rem}.crmf-tile-metrics small{color:var(--crm-muted)}
.crmf-tile-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.crmf-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0 8px;padding:14px;border:1px solid var(--crm-line);border-radius:18px;background:#fffef7}.crmf-page-left,.crmf-page-right{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.crmf-page-info{font-weight:800;color:var(--crm-muted)}
.crmf-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:flex-start;background:linear-gradient(145deg,#fffef6,#eef9df);border:1px solid #cfe2ad;border-radius:24px;padding:22px;margin:10px 0 18px}.crmf-hero h2{font-size:clamp(2.2rem,4.8vw,4rem);line-height:1;margin:.15em 0}.crmf-hero p{font-size:1.05rem;margin:0;color:#44513c}.crmf-hero-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;max-width:480px}
.crmf-alert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.crmf-alert{border-radius:18px;border:1px solid var(--crm-line);padding:16px}.crmf-alert b{display:block}.crmf-alert.green{background:#e9f8df}.crmf-alert.gold{background:#fffbc1}.crmf-alert.red{background:#ffe5db}
.crmf-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.crmf-dl{display:grid;grid-template-columns:170px 1fr;gap:8px 16px}.crmf-dl dt{font-weight:900;color:var(--crm-green)}.crmf-dl dd{margin:0}
.crmf-insight{margin:13px 0}.crmf-insight>div:first-child{display:flex;justify-content:space-between;font-weight:900;margin-bottom:5px}
.crmf-stack{display:grid;gap:10px}.crmf-row-card{position:relative;background:rgba(255,255,255,.62);border-left:5px solid var(--crm-green);border-radius:15px;padding:13px 14px}.crmf-row-card strong,.crmf-row-card span,.crmf-row-card small{display:block}.crmf-row-card small{color:var(--crm-muted)}.crmf-row-card p{margin:.35rem 0 0;color:#51604a}
.crmf-action-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px}.crmf-action-grid a{display:block;text-decoration:none;color:var(--crm-dark);background:rgba(255,255,255,.68);border:1px solid var(--crm-line);border-left:5px solid var(--crm-green);border-radius:15px;padding:13px}.crmf-action-grid b,.crmf-action-grid span{display:block}.crmf-action-grid span{color:var(--crm-muted)}
.crmf-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.crmf-edit-grid.small{grid-template-columns:1fr 1fr}.crmf-edit-grid .full{grid-column:1/-1}.crmf-edit-grid label,.crmf-panel label{display:block;font-weight:800;margin:10px 0 6px}.crmf-edit-grid textarea,.crmf-panel textarea{min-height:92px}.crmf-submit{grid-column:1/-1;display:flex;gap:10px}
.crmf-segment-checks{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:10px}.crmf-segment-checks label{display:flex;align-items:flex-start;gap:8px;background:rgba(255,255,255,.68);border:1px solid var(--crm-line);border-radius:14px;padding:10px}.crmf-segment-checks span{display:block;color:var(--crm-muted);font-weight:500}
.crmf-table-wrap{overflow:auto}.crmf-table{width:100%;border-collapse:separate;border-spacing:0}.crmf-table th{background:#313609;color:#fff;text-align:left;padding:12px}.crmf-table td{border-bottom:1px solid #e6e1c5;padding:11px}.crmf-table a{font-weight:900;color:var(--crm-green)}
.crmf-seg-card{display:block;text-decoration:none;color:var(--crm-dark);background:#fffef7;border:1px solid var(--crm-line);border-left:5px solid var(--crm-green);border-radius:18px;padding:16px}.crmf-seg-card b,.crmf-seg-card strong,.crmf-seg-card span{display:block}.crmf-seg-card strong{font-size:2rem}
.crmf-inline-form{margin-top:8px}.crmf-linkbtn{background:none;border:0;color:var(--crm-green);font-weight:900;cursor:pointer;padding:0;text-decoration:underline}
[class*="watermark-"]::after{content:"";position:absolute;right:18px;bottom:16px;width:92px;height:92px;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.075;pointer-events:none}
.watermark-profile::after{background-image:url('/static/img/crm-icons/profile.png')}.watermark-service::after{background-image:url('/static/img/crm-icons/service.png')}.watermark-credit::after{background-image:url('/static/img/crm-icons/credit.png')}.watermark-sales::after{background-image:url('/static/img/crm-icons/sales.png')}.watermark-activity::after{background-image:url('/static/img/crm-icons/activity.png')}.watermark-email::after{background-image:url('/static/img/crm-icons/email.png')}.watermark-segments::after{background-image:url('/static/img/crm-icons/segments.png')}.watermark-comms::after{background-image:url('/static/img/crm-icons/comms.png')}.watermark-notes::after{background-image:url('/static/img/crm-icons/notes.png')}.watermark-analytics::after{background-image:url('/static/img/crm-icons/analytics.png')}.watermark-corporate::after{background-image:url('/static/img/crm-icons/corporate.png')}
@media(max-width:1200px){.crmf-card-grid{grid-template-columns:repeat(2,minmax(280px,1fr))}.crmf-kpis{grid-template-columns:repeat(3,1fr)}.crmf-filter{grid-template-columns:1fr 1fr}.crmf-two,.crmf-chart-grid{grid-template-columns:1fr}.crmf-hero{grid-template-columns:auto 1fr}.crmf-hero-actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:720px){.crmf-card-grid,.crmf-kpis,.crmf-filter,.crmf-alert-grid,.crmf-edit-grid,.crmf-segment-checks,.crmf-action-grid,.crmf-stat-cards{grid-template-columns:1fr}.crmf-hero{grid-template-columns:1fr}.crmf-pagination{align-items:flex-start;flex-direction:column}.crmf-pie-wrap{grid-template-columns:1fr}.crmf-dl{grid-template-columns:1fr}.crmf-topline{flex-direction:column}.crmf-toolbar{justify-content:flex-start}}
/* ===== END T-BOSS CRM V2.3 SURGICAL FINAL ===== */

