:root{
  --green:#075a42;--green-2:#0b7554;--green-3:#12845e;--orange:#ef6824;
  --blue:#2f6edb;--purple:#7347c8;--teal:#1e8b7d;--red:#e5535c;
  --bg:#f7faf8;--panel:#fff;--ink:#17201c;--muted:#6f7c75;--line:#e5ebe7;
  --shadow:0 10px 28px rgba(19,64,47,.055);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:"Manrope","Segoe UI",system-ui,sans-serif;background:var(--bg);color:var(--ink)}
button,input{font:inherit}button{cursor:pointer}img{display:block}
.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}
.sidebar{height:100vh;position:sticky;top:0;background:#fff;border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b8c5be transparent}
.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#b8c5be;border-radius:8px}
.brand{height:70px;display:flex;align-items:center;padding:0 7px 14px;border-bottom:1px solid #edf1ef;margin-bottom:12px}.brand img{max-width:190px;max-height:54px;object-fit:contain}
.nav-group{display:flex;flex-direction:column;gap:5px}.nav-title{font-size:10px;font-weight:800;letter-spacing:.11em;color:#7c8982;padding:18px 9px 8px}
.nav-item{border:0;background:transparent;min-height:50px;border-radius:13px;display:flex;align-items:center;gap:11px;padding:7px 10px;text-align:left;color:#334039;font-size:12px;font-weight:600;transition:.18s ease}
.nav-item:hover{background:#f2f7f4}.nav-item.active{background:#0a6b4b;color:#fff}.nav-icon{width:38px;height:38px;border-radius:11px;background:#eef5f1;display:grid;place-items:center;flex:0 0 auto;color:#245d46}.nav-icon img{width:22px;height:22px}.nav-item.active .nav-icon{background:rgba(255,255,255,.13);color:#fff}.nav-item.active .nav-icon img{filter:brightness(0) invert(1)}.soft-purple{background:#f1ebff;color:var(--purple)}
.add-link-btn{margin-top:14px;border:1px dashed #b9cec3;background:#fff;border-radius:12px;padding:11px;color:var(--green);font-size:11px;font-weight:700}.add-link-btn:hover{background:#eff7f3}
.sidebar-bottom{margin-top:24px}.settings-btn{border:0;background:transparent;padding:10px 8px;font-size:11px;color:#47544d}.copyright{font-size:9px;color:#98a19c;padding:8px;line-height:1.5}
.main{min-width:0}
.topbar{height:82px;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:grid;grid-template-columns:270px minmax(360px,1fr) 430px;gap:18px;align-items:center;padding:0 24px}
.greeting{display:flex;align-items:center;gap:13px}.greeting b{font-size:14px;font-weight:800}.greeting small{display:block;margin-top:3px;font-size:10px;color:var(--muted)}
.icon-button{width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:11px;font-size:18px;color:#2f3b35}
.searchbox{height:46px;border:1px solid #dfe5e1;border-radius:13px;background:#fff;display:flex;align-items:center;gap:9px;padding:0 12px;box-shadow:0 3px 10px rgba(20,61,45,.025)}.searchbox>img{width:19px;height:19px;opacity:.65}.searchbox input{border:0;outline:0;flex:1;font-size:11px;background:transparent}.searchbox span{font-size:9px;color:#68736d;background:#f4f6f5;border:1px solid #e2e6e4;border-radius:6px;padding:5px 7px}
.top-actions{display:flex;justify-content:flex-end;align-items:center;gap:11px}.date-block{display:grid;grid-template-columns:42px 1fr;gap:9px;align-items:center;min-width:190px}.action-icon,.action-button{width:42px;height:42px;border-radius:12px;border:1px solid #e2e8e4;background:#f7faf8;display:grid;place-items:center}.action-icon img,.action-button img{width:21px;height:21px}.date-block b{font-size:10px;font-weight:800;white-space:nowrap}.date-block small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.action-button{position:relative}.badge-count{position:absolute;right:-5px;top:-6px;width:18px;height:18px;border-radius:50%;background:#ef2b2d;color:white;font-size:9px;display:grid;place-items:center;border:2px solid #fff}
.profile{min-width:160px;border:0;background:transparent;display:grid;grid-template-columns:42px 1fr 16px;gap:9px;align-items:center}.avatar{width:42px;height:42px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:800}.profile-copy{text-align:left}.profile-copy b{display:block;font-size:10px}.profile-copy small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.chevron{width:14px;height:14px}
.content{padding:18px 20px 24px}
.hero{min-height:150px;border-radius:16px;background:linear-gradient(110deg,#04452f,#075b40 62%,#08704e);padding:20px 22px;color:#fff;display:grid;grid-template-columns:1fr 1.25fr auto;align-items:center;gap:18px;overflow:hidden;position:relative;box-shadow:var(--shadow)}
.hero:before{content:"";position:absolute;inset:auto -10% -90px -10%;height:160px;border-radius:50%;border:1px solid rgba(72,237,169,.16)}
.hero-left{display:flex;align-items:center;gap:14px;z-index:1}.hero-logo{width:66px;height:66px;border-radius:50%;border:3px solid #fff;display:grid;place-items:center}.hero-logo img{width:40px;height:40px;filter:brightness(0) invert(1)}.hero h2{font-size:26px;margin:0 0 5px}.hero p{font-size:11px;line-height:1.55;margin:0;max-width:290px}.hero-art{display:flex;justify-content:center;z-index:1}.hero-art img{max-width:450px;max-height:112px;animation:float 5s ease-in-out infinite}.hero-btn{z-index:1;border:0;background:#fff;color:var(--green);border-radius:11px;min-height:46px;padding:0 16px;font-size:10px;font-weight:800;display:inline-flex;align-items:center;gap:8px;box-shadow:0 8px 20px rgba(0,0,0,.14)}.hero-btn img{width:16px;height:16px}
.section{margin-top:18px}.section-title{font-size:13px;font-weight:800;margin-bottom:12px}
.summary-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.summary-card{min-height:150px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px;box-shadow:0 5px 16px rgba(15,58,43,.03);transition:.18s}.summary-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(15,58,43,.055)}.summary-head{display:flex;align-items:center;gap:10px}.summary-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center}.summary-icon img{width:23px;height:23px}.summary-icon.green{background:#eaf6ee;color:#1b7a46}.summary-icon.blue{background:#eaf2ff;color:#2d6ed8}.summary-icon.purple{background:#f1ebff;color:#7146c2}.summary-icon.orange{background:#fff0e7;color:#ea6a1c}.summary-icon.teal{background:#e9f7f4;color:#1b887b}.summary-icon.red{background:#fff0f1;color:#e45158}.summary-label{font-size:10px;font-weight:700;line-height:1.35}.summary-value{font-size:30px;font-weight:800;letter-spacing:-.04em;margin:16px 0 0 52px}.summary-foot{font-size:9px;color:var(--muted);margin:10px 0 0 52px}.progress{height:5px;background:#e6ebe8;border-radius:999px;margin:12px 0 0 52px}.progress span{display:block;width:83%;height:100%;background:#3b83df;border-radius:999px}
.accordion{display:flex;flex-direction:column}.accordion-item{background:#fff;border:1px solid var(--line);margin-top:-1px;overflow:hidden}.accordion-item:first-child{border-radius:14px 14px 0 0;margin-top:0}.accordion-item:last-child{border-radius:0 0 14px 14px}.accordion-head{width:100%;border:0;background:#fff;display:grid;grid-template-columns:46px minmax(220px,.9fr) minmax(280px,1.4fr) 30px;gap:12px;align-items:center;padding:9px 14px;text-align:left}.accordion-head:hover{background:#fbfdfc}.pillar-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center}.pillar-icon img{width:23px;height:23px}.pillar-icon.green{background:#eaf6ee;color:#1b7a46}.pillar-icon.blue{background:#eaf2ff;color:#2d6ed8}.pillar-icon.purple{background:#f1ebff;color:#7146c2}.pillar-icon.orange{background:#fff0e7;color:#ea6a1c}.pillar-name{font-size:11px;font-weight:800}.pillar-desc{font-size:9px;color:var(--muted);line-height:1.5}.accordion-arrow{width:30px;height:30px;border-radius:9px;background:#f7faf8;border:1px solid var(--line);display:grid;place-items:center}.accordion-arrow img{width:15px;height:15px;transition:.2s}.accordion-item.open .accordion-arrow img{transform:rotate(180deg)}.accordion-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s}.accordion-item.open .accordion-body{grid-template-rows:1fr}.accordion-inner{overflow:hidden;padding:0 14px}.accordion-item.open .accordion-inner{padding:12px 14px 14px;border-top:1px solid #edf1ef}.division-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #f0f2f1}.division-row:last-child{border-bottom:0}.division-row b{font-size:9.5px}.division-row small{display:block;font-size:8px;color:var(--muted);margin-top:2px}.open-btn{border:0;background:#edf6f1;color:var(--green);border-radius:8px;padding:7px 10px;font-size:8px;font-weight:800}
.lower-grid{display:grid;grid-template-columns:1.08fr 1fr .9fr;gap:12px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;min-height:250px;box-shadow:0 6px 18px rgba(15,58,43,.03)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:9px;border-bottom:1px solid #edf1ef}.panel-title{font-size:11px;font-weight:800}.panel-link{font-size:8.5px;color:#2868c6;font-weight:700}.activity-item{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #eef1ef}.activity-item:last-child{border-bottom:0}.activity-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center}.activity-icon img{width:18px;height:18px;filter:brightness(0) invert(1)}.activity-icon.purple{background:#7547c5}.activity-icon.green{background:#168448}.activity-icon.blue{background:#1766c8}.activity-icon.teal{background:#188a7f}.activity-icon.orange{background:#f37a16}.activity-item b{font-size:9px}.activity-item small{display:block;font-size:8px;color:var(--muted);margin-top:2px}.activity-time{font-size:8px;color:var(--muted)}
.chart-wrap{height:190px;padding:10px 0 0}.chart-wrap svg{width:100%;height:150px}.grid-line{stroke:#edf1ef;stroke-width:1}.chart-series{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:700;stroke-dashoffset:700;animation:draw 1.7s forwards}.chart-series.green{stroke:#47a44c}.chart-series.purple{stroke:#6d3fba;animation-delay:.15s}.chart-series.orange{stroke:#ef762a;animation-delay:.3s}.chart-series.blue{stroke:#1e7db5;animation-delay:.45s}.chart-legend{display:flex;gap:11px;flex-wrap:wrap;font-size:8px;color:#4e5953}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}
.announcement{min-height:205px;border:1px solid #dce9df;border-radius:12px;background:linear-gradient(145deg,#f4faf5,#fbfefc);padding:17px;position:relative;overflow:hidden}.announcement:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-45px;top:-50px;background:rgba(43,142,78,.05)}.announcement-top{display:flex;gap:12px;align-items:flex-start}.date-badge{width:54px;height:62px;border-radius:14px;background:#e2f1e5;border:1px solid #d6e8da;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto}.date-badge b{font-size:21px;color:#126c39}.date-badge span{font-size:7px;font-weight:800;letter-spacing:1px;color:#4b7c5b}.announcement-tag{display:inline-block;font-size:6.5px;font-weight:800;letter-spacing:.08em;color:#277449;background:#e8f4eb;border-radius:999px;padding:4px 7px}.announcement h4{font-size:10px;color:#0e5c32;margin:8px 0 10px}.announcement-meta{display:flex;flex-direction:column;gap:6px}.announcement-meta div{display:flex;align-items:center;gap:7px;font-size:8px;color:#4f5a55}.announcement-meta img{width:15px;height:15px}.announcement-action{margin-top:11px;border:0;background:var(--green);color:#fff;border-radius:8px;padding:8px 11px;font-size:8px;font-weight:800}
.module-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}.module-card{background:#fff;border:1px solid var(--line);border-radius:13px;min-height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:0 5px 14px rgba(15,58,43,.025);transition:.18s}.module-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(15,58,43,.055)}.module-icon{width:46px;height:46px;border-radius:13px;background:#f4f8f6;display:grid;place-items:center}.module-icon img{width:26px;height:26px}.module-card b{font-size:9px}.module-card.add{border:1px dashed #bfd0c6;color:var(--green)}
.footer{height:52px;background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px}.footer-mark{color:#2f8b4d}
.breadcrumb{font-size:9px;color:var(--muted);margin-bottom:10px}.breadcrumb button{border:0;background:transparent;color:#2868c6;padding:0}.list{display:flex;flex-direction:column;gap:8px}.row-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center}.row-card b{font-size:10px}.row-card small{display:block;font-size:8px;color:var(--muted);margin-top:3px}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);display:grid;place-items:center;z-index:100;padding:18px}.modal-backdrop[hidden]{display:none}.modal{width:min(720px,100%);max-height:84vh;overflow:auto;background:#fff;border-radius:14px;padding:18px}.modal-head{display:flex;justify-content:space-between}.modal-head>div>span{font-size:7px;color:#888;font-weight:800}.modal h2{margin:2px 0 0}.modal p{font-size:9px;color:var(--muted)}.link-editor{display:flex;flex-direction:column;gap:8px}.link-row{display:grid;grid-template-columns:1fr 1.35fr;gap:8px;align-items:center}.link-row label{font-size:9px;font-weight:700}.link-row input{width:100%;border:1px solid #ddd;border-radius:8px;padding:9px;font-size:9px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.ghost,.primary{border:0;border-radius:8px;padding:9px 11px;font-size:9px;font-weight:800}.ghost{background:#eee}.primary{background:var(--green);color:#fff}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes draw{to{stroke-dashoffset:0}}
@media(max-width:1350px){.summary-grid{grid-template-columns:repeat(3,1fr)}.topbar{grid-template-columns:230px minmax(300px,1fr) 360px}.date-block{min-width:150px}.profile{min-width:130px}}
@media(max-width:1050px){.topbar{grid-template-columns:1fr;height:auto;padding:12px 14px}.searchbox{width:100%}.top-actions{justify-content:space-between}.lower-grid{grid-template-columns:1fr 1fr}.lower-grid .panel:last-child{grid-column:1/-1}}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-260px;width:248px;z-index:50;box-shadow:0 14px 40px rgba(0,0,0,.16);transition:.2s}.sidebar.open{left:0}.module-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.summary-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-art{display:none}.lower-grid{grid-template-columns:1fr}.lower-grid .panel:last-child{grid-column:auto}.module-grid{grid-template-columns:repeat(2,1fr)}.accordion-head{grid-template-columns:42px 1fr 30px}.pillar-desc{display:none}}


/* ===== V19 PILLAR / DIVISION PAGE REDESIGN ===== */
.pillar-page,.division-page{max-width:1400px;margin:0 auto}
.pillar-page-head,.division-page-head{background:linear-gradient(135deg,#fff,#f8fbf9);border:1px solid #e4ebe7;border-radius:16px;padding:20px 22px;box-shadow:0 8px 24px rgba(15,58,43,.035);margin-bottom:16px}
.pillar-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.back-chip{border:0;background:#eef6f2;color:#0a6b4b;border-radius:999px;padding:7px 11px;font-size:9px;font-weight:700;display:inline-flex;align-items:center;gap:6px;margin-bottom:15px}
.back-chip:hover{background:#e3f0e9}
.pillar-heading,.division-heading{display:flex;align-items:center;gap:14px}
.pillar-heading-icon,.division-heading-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;flex:0 0 auto}
.pillar-heading-icon img,.division-heading-icon img{width:30px;height:30px}
.pillar-heading-icon.green{background:#eaf6ee;color:#1b7a46}.pillar-heading-icon.blue{background:#eaf2ff;color:#2d6ed8}.pillar-heading-icon.purple{background:#f1ebff;color:#7146c2}.pillar-heading-icon.orange{background:#fff0e7;color:#ea6a1c}
.division-heading-icon{background:#eef6f2;color:#0a6b4b}
.pillar-kicker{display:block;font-size:8px;font-weight:800;letter-spacing:.12em;color:#7a8780;margin-bottom:4px}
.pillar-heading h1,.division-heading h1{margin:0;font-size:21px;line-height:1.2;letter-spacing:-.03em}
.pillar-heading p,.division-heading p{margin:5px 0 0;font-size:9.5px;line-height:1.55;color:#6f7b75}
.pillar-summary-chip{flex:0 0 auto;margin-top:39px;border:1px solid #dfe7e3;background:#fff;border-radius:10px;padding:8px 11px;font-size:9px;font-weight:700;color:#425049}

.division-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.division-card{min-height:145px;background:#fff;border:1px solid #e4eae6;border-radius:15px;padding:16px;text-align:left;box-shadow:0 5px 16px rgba(15,58,43,.025);transition:.18s ease;position:relative;overflow:hidden}
.division-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#0a6b4b}
.division-card.blue:before{background:#2d6ed8}.division-card.purple:before{background:#7146c2}.division-card.orange:before{background:#ea6a1c}
.division-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(15,58,43,.06);border-color:#d9e4de}
.division-card-top{display:flex;align-items:center;justify-content:space-between}
.division-icon{width:44px;height:44px;border-radius:12px;background:#f1f7f4;display:grid;place-items:center}
.division-icon img{width:26px;height:26px}
.division-arrow{width:30px;height:30px;border-radius:9px;background:#f7faf8;display:grid;place-items:center;color:#617068;font-size:14px}
.division-name{margin-top:16px;font-size:13px;font-weight:800;letter-spacing:-.02em}
.division-meta{margin-top:7px;display:flex;align-items:center;gap:7px;color:#7a8580;font-size:8.5px}
.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.status-dot.ready{background:#2e9b59}.status-dot.empty{background:#c8d0cc}

.module-list-modern{display:flex;flex-direction:column;gap:10px}
.module-row-modern{background:#fff;border:1px solid #e4eae6;border-radius:13px;padding:13px 14px;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;box-shadow:0 4px 12px rgba(15,58,43,.02)}
.module-row-icon{width:42px;height:42px;border-radius:11px;background:#f1f7f4;display:grid;place-items:center}.module-row-icon img{width:24px;height:24px}
.module-row-copy b{font-size:10px}.module-row-copy small{display:block;font-size:8px;color:#7a8580;margin-top:3px}
.module-open-modern{border:0;background:#0a6b4b;color:#fff;border-radius:9px;min-width:74px;padding:8px 10px;font-size:8px;font-weight:800}
.empty-state-modern{min-height:180px;border:1px dashed #c7d5cd;border-radius:14px;background:#fbfdfc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#75817b}
.empty-icon{width:42px;height:42px;border-radius:12px;background:#eef6f2;color:#0a6b4b;display:grid;place-items:center;font-size:20px}
.empty-state-modern b{font-size:10px;color:#344139}.empty-state-modern span{font-size:8.5px}
@media(max-width:900px){.division-grid{grid-template-columns:1fr}.pillar-page-head{flex-direction:column}.pillar-summary-chip{margin-top:0}}


/* =========================================================
   V20 — MODULE PAGE REDESIGN + TOPBAR DATE OVERLAP FIX
   ========================================================= */

/* Fix date / bell / profile overlap */
.topbar{
  grid-template-columns:260px minmax(360px,1fr) minmax(470px,520px) !important;
  gap:18px !important;
  padding:0 24px !important;
  overflow:visible !important;
}
.top-actions{
  display:grid !important;
  grid-template-columns:minmax(210px,1fr) 44px minmax(170px,190px) !important;
  gap:12px !important;
  align-items:center !important;
  justify-content:stretch !important;
  min-width:0 !important;
}
.date-block{
  min-width:0 !important;
  width:100% !important;
  grid-template-columns:42px minmax(0,1fr) !important;
}
.date-block > div{
  min-width:0 !important;
}
.date-block b{
  display:block !important;
  font-size:10px !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
}
.date-block small{
  display:block !important;
  font-size:8.5px !important;
  margin-top:3px !important;
}
.action-button{
  width:44px !important;
  height:44px !important;
}
.profile{
  min-width:0 !important;
  width:100% !important;
  grid-template-columns:42px minmax(0,1fr) 16px !important;
}
.profile-copy{
  min-width:0 !important;
}
.profile-copy b,.profile-copy small{
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.division-page-head-v20{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
.division-hero-meta{
  flex:0 0 auto;
  min-width:118px;
  border:1px solid #e1e8e4;
  background:#fff;
  border-radius:14px;
  padding:12px 14px;
  text-align:right;
  box-shadow:0 5px 14px rgba(15,58,43,.025);
}
.division-meta-label{
  display:block;
  font-size:7px;
  font-weight:800;
  letter-spacing:.11em;
  color:#7e8983;
}
.division-hero-meta strong{
  display:block;
  margin-top:3px;
  font-size:24px;
  line-height:1;
  color:#0a6b4b;
  letter-spacing:-.04em;
}

/* Rebuild second-level module view into proper cards */
.module-grid-v20{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.module-card-v20{
  min-height:190px;
  background:#fff;
  border:1px solid #e3eae6;
  border-radius:16px;
  padding:16px;
  text-align:left;
  box-shadow:0 7px 20px rgba(15,58,43,.03);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
  position:relative;
  overflow:hidden;
}
.module-card-v20:before{
  content:"";
  position:absolute;
  left:0;top:0;right:0;
  height:4px;
  background:#0a6b4b;
}
.module-card-v20.blue:before{background:#2f6edb}
.module-card-v20.purple:before{background:#7347c8}
.module-card-v20.orange:before{background:#ef6824}
.module-card-v20.teal:before{background:#1e8b7d}
.module-card-v20.red:before{background:#e5535c}
.module-card-v20:hover{
  transform:translateY(-4px);
  box-shadow:0 15px 30px rgba(15,58,43,.07);
  border-color:#d8e3dd;
}
.module-card-top-v20{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.module-icon-v20{
  width:50px;
  height:50px;
  border-radius:14px;
  display:grid;
  place-items:center;
  color:#0a6b4b;
}
.module-icon-v20 img{
  width:28px;
  height:28px;
}
.module-icon-v20.green{background:#eaf6ee;color:#1b7a46}
.module-icon-v20.blue{background:#eaf2ff;color:#2d6ed8}
.module-icon-v20.purple{background:#f1ebff;color:#7146c2}
.module-icon-v20.orange{background:#fff0e7;color:#ea6a1c}
.module-icon-v20.teal{background:#e9f7f4;color:#1b887b}
.module-icon-v20.red{background:#fff0f1;color:#e45158}

.module-type-pill{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:0 8px;
  border-radius:999px;
  background:#f5f8f6;
  color:#68746e;
  font-size:7.5px;
  font-weight:700;
  border:1px solid #e7ece9;
}
.module-name-v20{
  margin-top:18px;
  font-size:13px;
  font-weight:800;
  letter-spacing:-.02em;
  color:#1e2924;
}
.module-desc-v20{
  margin-top:6px;
  min-height:34px;
  font-size:8.5px;
  line-height:1.5;
  color:#738078;
}
.module-card-footer-v20{
  margin-top:18px;
  padding-top:12px;
  border-top:1px solid #edf1ef;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#0a6b4b;
  font-size:8.5px;
  font-weight:800;
}
.module-arrow-v20{
  width:28px;
  height:28px;
  border-radius:9px;
  background:#eef6f2;
  display:grid;
  place-items:center;
  font-size:13px;
}

@media(max-width:1350px){
  .topbar{
    grid-template-columns:230px minmax(300px,1fr) minmax(420px,460px) !important;
  }
  .top-actions{
    grid-template-columns:minmax(185px,1fr) 44px minmax(145px,160px) !important;
  }
}
@media(max-width:1100px){
  .module-grid-v20{grid-template-columns:repeat(2,1fr)}
  .topbar{
    grid-template-columns:1fr !important;
    height:auto !important;
    padding:12px 14px !important;
  }
  .top-actions{
    grid-template-columns:minmax(180px,1fr) 44px minmax(150px,170px) !important;
  }
}
@media(max-width:720px){
  .module-grid-v20{grid-template-columns:1fr}
  .division-page-head-v20{flex-direction:column}
  .division-hero-meta{width:100%;text-align:left}
  .top-actions{grid-template-columns:1fr 44px !important}
  .profile{grid-column:1/-1}
}


/* =========================================================
   V21 — CUSTOM MODULE / QUICK ACCESS BUILDER
   ========================================================= */
.quick-access-item .quick-label{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.nav-icon.blue{background:#eaf2ff;color:#2d6ed8}
.nav-icon.purple{background:#f1ebff;color:#7146c2}
.nav-icon.orange{background:#fff0e7;color:#ea6a1c}
.nav-icon.teal{background:#e9f7f4;color:#1b887b}
.nav-icon.red{background:#fff0f1;color:#e45158}
.nav-icon.green{background:#eaf6ee;color:#1b7a46}

.division-actions-v21{
  display:flex;
  align-items:flex-end;
  gap:10px;
  margin-top:38px;
}
.add-module-primary{
  min-height:42px;
  border:0;
  border-radius:11px;
  background:#0a6b4b;
  color:white;
  padding:0 14px;
  font-size:9px;
  font-weight:800;
  box-shadow:0 8px 18px rgba(10,107,75,.12);
}
.add-module-primary:hover{background:#075d41}

.add-module-card-v21{
  border:1px dashed #b9cec3!important;
  background:linear-gradient(145deg,#fbfdfc,#f5faf7)!important;
  display:flex!important;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  min-height:190px;
}
.add-module-card-v21:before{display:none!important}
.add-module-plus{
  width:48px;height:48px;border-radius:14px;
  background:#eaf6ee;color:#0a6b4b;
  display:grid;place-items:center;
  font-size:24px;font-weight:500;
}

.builder-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:15px;
}
.builder-grid label{
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:9px;
  font-weight:700;
  color:#39473f;
}
.builder-grid label.full{grid-column:1/-1}
.builder-grid input,.builder-grid select{
  width:100%;
  min-height:40px;
  border:1px solid #dfe6e2;
  border-radius:9px;
  padding:0 10px;
  outline:none;
  background:#fff;
  font-size:9px;
  color:#26332c;
}
.builder-grid input:focus,.builder-grid select:focus{
  border-color:#75a58e;
  box-shadow:0 0 0 3px rgba(10,107,75,.07);
}
.builder-section{
  margin-top:16px;
}
.builder-section>b{
  display:block;
  font-size:9px;
  margin-bottom:8px;
}
.icon-picker-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:7px;
  max-height:270px;
  overflow:auto;
  padding:2px;
}
.icon-choice{
  min-height:82px;
  border:1px solid #e3e9e6;
  border-radius:11px;
  background:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  color:#4b5a52;
  padding:8px 5px;
}
.icon-choice img{
  width:27px;height:27px;
}
.icon-choice span{
  font-size:7px;
  line-height:1.2;
  text-align:center;
}
.icon-choice:hover{
  background:#f6faf8;
  border-color:#cfded6;
}
.icon-choice.selected{
  border-color:#0a6b4b;
  background:#edf7f2;
  box-shadow:0 0 0 2px rgba(10,107,75,.08);
  color:#0a6b4b;
}
.tone-picker{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.tone-choice{
  width:34px;height:34px;
  border-radius:10px;
  border:3px solid #fff;
  box-shadow:0 0 0 1px #dfe5e2;
}
.tone-choice.green{background:#0a6b4b}
.tone-choice.blue{background:#2f6edb}
.tone-choice.purple{background:#7347c8}
.tone-choice.orange{background:#ef6824}
.tone-choice.teal{background:#1e8b7d}
.tone-choice.red{background:#e5535c}
.tone-choice.selected{box-shadow:0 0 0 2px #20382d}

@media(max-width:900px){
  .division-actions-v21{margin-top:0;align-items:center}
  .icon-picker-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:600px){
  .builder-grid{grid-template-columns:1fr}
  .builder-grid label.full{grid-column:auto}
  .icon-picker-grid{grid-template-columns:repeat(2,1fr)}
}


/* =========================================================
   V23 — FULL BUILDER MODAL REDESIGN
   ========================================================= */

.modal-backdrop{
  background:rgba(10,24,18,.48)!important;
  backdrop-filter:blur(6px);
  padding:24px!important;
  align-items:center!important;
}
.modal{
  width:min(920px,calc(100vw - 48px))!important;
  max-height:min(88vh,900px)!important;
  padding:0!important;
  border-radius:20px!important;
  overflow:hidden!important;
  background:#f7faf8!important;
  box-shadow:
    0 28px 70px rgba(8,30,21,.22),
    0 0 0 1px rgba(255,255,255,.6)!important;
}
.builder-modal-shell{
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  max-height:min(88vh,900px);
}
.builder-header{
  min-height:106px;
  background:#fff;
  border-bottom:1px solid #e5ebe7;
  padding:24px 28px 20px;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
}
.builder-header-copy{
  min-width:0;
}
.builder-eyebrow{
  display:inline-block;
  font-size:8px;
  font-weight:800;
  letter-spacing:.13em;
  color:#6f7b75;
  margin-bottom:7px;
}
.builder-header h2{
  margin:0!important;
  font-size:25px!important;
  line-height:1.16;
  letter-spacing:-.035em;
  font-weight:800;
  color:#17201c;
}
.builder-header p{
  margin:6px 0 0!important;
  font-size:10px!important;
  line-height:1.5;
  color:#758079!important;
}
.builder-close{
  width:42px;
  height:42px;
  border:1px solid #dfe6e2;
  border-radius:12px;
  background:#f7faf8;
  position:relative;
  flex:0 0 42px;
  transition:.18s ease;
}
.builder-close:hover{
  background:#eef5f1;
  border-color:#ccdcd3;
  transform:rotate(2deg);
}
.builder-close span{
  position:absolute;
  left:12px;
  top:19px;
  width:17px;
  height:2px;
  border-radius:2px;
  background:#34443c;
}
.builder-close span:first-child{transform:rotate(45deg)}
.builder-close span:last-child{transform:rotate(-45deg)}

.builder-body{
  overflow-y:auto;
  padding:20px 22px 22px;
  display:flex;
  flex-direction:column;
  gap:14px;
  scrollbar-width:thin;
  scrollbar-color:#bcc9c2 transparent;
}
.builder-body::-webkit-scrollbar{width:7px}
.builder-body::-webkit-scrollbar-thumb{background:#bcc9c2;border-radius:10px}
.builder-card{
  background:#fff;
  border:1px solid #e3e9e6;
  border-radius:15px;
  padding:17px;
  box-shadow:0 5px 14px rgba(15,58,43,.025);
}
.builder-card-title{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
}
.builder-step{
  width:32px;
  height:32px;
  border-radius:10px;
  background:#eaf6ee;
  color:#0a6b4b;
  display:grid;
  place-items:center;
  font-size:8px;
  font-weight:800;
  flex:0 0 32px;
}
.builder-card-title b{
  display:block;
  font-size:10px;
  color:#24312b;
}
.builder-card-title small{
  display:block;
  margin-top:2px;
  font-size:8px;
  color:#7c8781;
  font-weight:500;
}
.builder-grid-v23{
  margin-top:0!important;
}
.builder-grid-v23 label{
  font-size:8.5px!important;
  font-weight:700!important;
  color:#46534c!important;
}
.builder-grid-v23 input,
.builder-grid-v23 select{
  min-height:44px!important;
  border-radius:10px!important;
  border:1px solid #dfe6e2!important;
  background:#fbfdfc!important;
  padding:0 12px!important;
  font-size:9px!important;
  transition:.16s ease!important;
}
.builder-grid-v23 input:hover,
.builder-grid-v23 select:hover{
  border-color:#ccd9d2!important;
}
.builder-grid-v23 input:focus,
.builder-grid-v23 select:focus{
  background:#fff!important;
  border-color:#7ea993!important;
  box-shadow:0 0 0 3px rgba(10,107,75,.07)!important;
}

.icon-picker-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:8px!important;
  max-height:285px!important;
  padding:3px!important;
}
.icon-choice{
  min-height:88px!important;
  border-radius:12px!important;
  padding:9px 6px!important;
  transition:.16s ease!important;
}
.icon-choice img{
  width:29px!important;
  height:29px!important;
}
.icon-choice span{
  font-size:7.2px!important;
}
.icon-choice:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 16px rgba(15,58,43,.045);
}
.icon-choice.selected{
  background:#edf7f2!important;
  border-color:#0a6b4b!important;
  box-shadow:0 0 0 2px rgba(10,107,75,.08)!important;
}

.tone-picker{
  gap:10px!important;
}
.tone-choice{
  width:40px!important;
  height:40px!important;
  border-radius:12px!important;
  transition:.16s ease;
}
.tone-choice:hover{transform:translateY(-2px)}
.tone-choice.selected{
  box-shadow:0 0 0 2px #20382d,0 5px 12px rgba(0,0,0,.08)!important;
}

.builder-footer{
  min-height:76px;
  background:#fff;
  border-top:1px solid #e3e9e6;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  padding:14px 22px;
}
.builder-btn{
  min-height:42px;
  border-radius:10px;
  padding:0 15px;
  font-size:9px;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.builder-btn.secondary{
  border:1px solid #dfe6e2;
  background:#fff;
  color:#55625b;
}
.builder-btn.secondary:hover{background:#f6f9f7}
.builder-btn.primary-v23{
  border:0;
  background:#0a6b4b;
  color:#fff;
  box-shadow:0 7px 16px rgba(10,107,75,.13);
}
.builder-btn.primary-v23:hover{
  background:#075d41;
  transform:translateY(-1px);
}
.builder-btn-arrow{
  width:23px;
  height:23px;
  border-radius:7px;
  background:rgba(255,255,255,.13);
  display:grid;
  place-items:center;
}

@media(max-width:760px){
  .modal-backdrop{padding:12px!important}
  .modal{width:calc(100vw - 24px)!important;max-height:92vh!important}
  .builder-modal-shell{max-height:92vh}
  .builder-header{padding:20px}
  .builder-header h2{font-size:21px!important}
  .builder-body{padding:15px}
  .icon-picker-grid{grid-template-columns:repeat(3,1fr)!important}
  .builder-footer{padding:12px 15px}
}
@media(max-width:480px){
  .icon-picker-grid{grid-template-columns:repeat(2,1fr)!important}
  .builder-footer{flex-direction:column-reverse;align-items:stretch}
  .builder-btn{justify-content:center}
}


/* =========================================================
   V24 — AVAILABLE MODULES COUNTER REDESIGN
   ========================================================= */

.division-actions-v21{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:34px!important;
}

.division-hero-meta{
  min-width:156px!important;
  min-height:78px!important;
  border:1px solid #dfe7e3!important;
  border-radius:14px!important;
  background:
    linear-gradient(145deg,#ffffff 0%,#f7fbf9 100%)!important;
  padding:12px 14px!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  grid-template-rows:auto 1fr!important;
  align-items:center!important;
  gap:2px 12px!important;
  text-align:left!important;
  box-shadow:0 7px 18px rgba(15,58,43,.04)!important;
  position:relative!important;
  overflow:hidden!important;
}

.division-hero-meta:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:4px!important;
  background:#0a6b4b!important;
}

.division-hero-meta:after{
  content:""!important;
  position:absolute!important;
  width:72px!important;
  height:72px!important;
  border-radius:50%!important;
  right:-26px!important;
  top:-34px!important;
  background:rgba(10,107,75,.045)!important;
}

.division-meta-label{
  grid-column:1/2!important;
  grid-row:1!important;
  display:block!important;
  font-size:7.5px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:.11em!important;
  color:#6f7c75!important;
  position:relative!important;
  z-index:1!important;
}

.division-hero-meta strong{
  grid-column:2!important;
  grid-row:1/3!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:48px!important;
  height:48px!important;
  margin:0!important;
  border-radius:13px!important;
  background:#eaf6ee!important;
  color:#0a6b4b!important;
  font-size:23px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:-.04em!important;
  position:relative!important;
  z-index:1!important;
}

.division-hero-meta .module-count-note{
  grid-column:1/2!important;
  grid-row:2!important;
  font-size:8px!important;
  color:#8a948f!important;
}

.add-module-primary{
  min-height:48px!important;
  padding:0 18px!important;
  border-radius:12px!important;
  background:#0a6b4b!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:800!important;
  box-shadow:0 8px 18px rgba(10,107,75,.13)!important;
}
.add-module-primary:hover{
  background:#075d41!important;
  transform:translateY(-1px)!important;
}

@media(max-width:900px){
  .division-actions-v21{
    width:100%!important;
    margin-top:0!important;
    align-items:stretch!important;
  }
  .division-hero-meta,
  .add-module-primary{
    flex:1 1 auto!important;
  }
}

@media(max-width:560px){
  .division-actions-v21{
    flex-direction:column!important;
  }
  .division-hero-meta{
    width:100%!important;
  }
  .add-module-primary{
    width:100%!important;
  }
}


/* =========================================================
   V25 — WORKING POPULAR MODULES + HORIZONTAL SCROLL
   ========================================================= */
.popular-section-v25{
  position:relative;
}
.popular-head-v25{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:10px;
}
.popular-head-v25 .section-title{margin-bottom:2px!important}
.popular-subtitle-v25{
  font-size:8.5px;
  color:#7b8680;
}
.popular-scroll-controls-v25{
  display:flex;
  gap:6px;
}
.popular-scroll-btn{
  width:32px;height:32px;border-radius:9px;
  border:1px solid #dfe6e2;background:#fff;color:#42564c;
  display:grid;place-items:center;font-size:13px;
}
.popular-scroll-btn:hover{background:#f3f8f5}

.popular-scroller-v25{
  display:flex;
  gap:12px;
  overflow-x:auto;
  overflow-y:visible;
  padding:4px 3px 10px;
  scroll-snap-type:x proximity;
  scrollbar-width:thin;
  scrollbar-color:#b8c7bf transparent;
}
.popular-scroller-v25::-webkit-scrollbar{height:7px}
.popular-scroller-v25::-webkit-scrollbar-track{background:transparent}
.popular-scroller-v25::-webkit-scrollbar-thumb{background:#b8c7bf;border-radius:10px}

.popular-item-wrap-v25{
  position:relative;
  flex:0 0 190px;
  scroll-snap-align:start;
}
.module-card-v25{
  width:100%;
  min-height:145px;
  border:1px solid #e2e9e5;
  border-radius:15px;
  background:#fff;
  padding:15px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:12px;
  text-align:left;
  box-shadow:0 6px 17px rgba(15,58,43,.03);
  transition:.18s ease;
}
.module-card-v25:hover{
  transform:translateY(-3px);
  border-color:#d5e2db;
  box-shadow:0 13px 26px rgba(15,58,43,.06);
}
.module-icon-v25{
  width:48px;height:48px;border-radius:14px;
  display:grid;place-items:center;
}
.module-icon-v25 img{width:28px;height:28px}
.module-icon-v25.green{background:#eaf6ee;color:#1b7a46}
.module-icon-v25.blue{background:#eaf2ff;color:#2d6ed8}
.module-icon-v25.purple{background:#f1ebff;color:#7146c2}
.module-icon-v25.orange{background:#fff0e7;color:#ea6a1c}
.module-icon-v25.teal{background:#e9f7f4;color:#1b887b}
.module-icon-v25.red{background:#fff0f1;color:#e45158}
.module-copy-v25 b{
  display:block;
  font-size:9.5px;
  line-height:1.3;
  color:#202c26;
}
.module-copy-v25 small{
  display:block;
  margin-top:4px;
  font-size:7.5px;
  line-height:1.35;
  color:#7c8781;
}
.add-popular-v25{
  flex:0 0 190px;
  border:1px dashed #b9cec3;
  background:linear-gradient(145deg,#fbfdfc,#f4faf7);
  color:#0a6b4b;
  scroll-snap-align:start;
}
.add-popular-icon-v25{
  width:48px;height:48px;border-radius:14px;
  background:#eaf6ee;
  display:grid;place-items:center;
  font-size:22px;
  color:#0a6b4b;
}
.popular-remove-v25{
  position:absolute;
  right:8px;top:8px;
  width:25px;height:25px;border-radius:8px;
  border:1px solid #e2e7e4;background:#fff;color:#7a8580;
  display:grid;place-items:center;
  z-index:2;
}
.popular-remove-v25:hover{background:#fff0f1;color:#d84d55}

.popular-candidate-list-v25{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  max-height:340px;
  overflow:auto;
}
.popular-candidate-v25{
  min-height:62px;
  border:1px solid #e3e9e6;
  background:#fff;
  border-radius:11px;
  padding:8px 10px;
  display:grid;
  grid-template-columns:38px 1fr 28px;
  gap:9px;
  align-items:center;
  text-align:left;
}
.popular-candidate-v25:hover{background:#f6faf8;border-color:#cfddd5}
.candidate-icon-v25{
  width:38px;height:38px;border-radius:10px;display:grid;place-items:center
}
.candidate-icon-v25 img{width:22px;height:22px}
.candidate-icon-v25.green{background:#eaf6ee;color:#1b7a46}
.candidate-icon-v25.blue{background:#eaf2ff;color:#2d6ed8}
.candidate-icon-v25.purple{background:#f1ebff;color:#7146c2}
.candidate-icon-v25.orange{background:#fff0e7;color:#ea6a1c}
.candidate-icon-v25.teal{background:#e9f7f4;color:#1b887b}
.candidate-icon-v25.red{background:#fff0f1;color:#e45158}
.candidate-copy-v25 b{display:block;font-size:8.5px}
.candidate-copy-v25 small{display:block;font-size:7px;color:#7b8680;margin-top:2px;line-height:1.3}
.candidate-add-v25{
  width:26px;height:26px;border-radius:8px;
  background:#eef6f2;color:#0a6b4b;
  display:grid;place-items:center;font-size:14px
}

@media(max-width:700px){
  .popular-item-wrap-v25,.add-popular-v25{flex-basis:165px}
  .popular-candidate-list-v25{grid-template-columns:1fr}
}


/* =========================================================
   V26 — MODERN MANAGE LINKS + CUSTOM LINK LIBRARY
   ========================================================= */
.link-manager-shell-v26{
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  max-height:min(90vh,920px);
}
.link-manager-header-v26{
  background:#fff;
  border-bottom:1px solid #e4ebe7;
  padding:22px 24px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
.link-manager-header-v26 h2{
  margin:3px 0 0;
  font-size:25px;
  letter-spacing:-.035em;
}
.link-manager-header-v26 p{
  margin:6px 0 0;
  font-size:9.5px;
  color:#748079;
}
.link-manager-header-actions-v26{
  display:flex;
  align-items:center;
  gap:9px;
}
.add-link-primary-v26{
  min-height:42px;
  border:0;
  border-radius:11px;
  padding:0 14px;
  background:#0a6b4b;
  color:#fff;
  font-size:9px;
  font-weight:800;
  box-shadow:0 7px 16px rgba(10,107,75,.12);
}
.link-manager-body-v26{
  overflow-y:auto;
  padding:18px 20px 22px;
  background:#f7faf8;
  display:flex;
  flex-direction:column;
  gap:16px;
}
.link-manager-section-v26{
  background:#fff;
  border:1px solid #e3e9e6;
  border-radius:15px;
  padding:16px;
}
.link-section-head-v26{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:13px;
}
.link-section-head-v26 b{
  display:block;
  font-size:10px;
}
.link-section-head-v26 small{
  display:block;
  font-size:8px;
  color:#7b8680;
  margin-top:2px;
}
.link-section-head-v26>span{
  font-size:7.5px;
  font-weight:800;
  color:#5f6d65;
  background:#f3f7f5;
  border:1px solid #e3e9e6;
  border-radius:999px;
  padding:5px 8px;
}
.built-link-grid-v26{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.built-link-card-v26{
  min-height:76px;
  border:1px solid #e5ebe7;
  border-radius:12px;
  padding:9px 10px;
  display:grid;
  grid-template-columns:40px 1fr auto;
  gap:10px;
  align-items:center;
  transition:.16s ease;
}
.built-link-card-v26:hover{
  background:#fbfdfc;
  border-color:#d6e1db;
}
.built-link-card-v26.focused{
  border-color:#75a88f;
  box-shadow:0 0 0 3px rgba(10,107,75,.06);
}
.link-card-icon-v26{
  width:40px;height:40px;border-radius:11px;display:grid;place-items:center;
}
.link-card-icon-v26 img{width:23px;height:23px}
.link-card-icon-v26.green{background:#eaf6ee;color:#1b7a46}
.link-card-icon-v26.blue{background:#eaf2ff;color:#2d6ed8}
.link-card-icon-v26.purple{background:#f1ebff;color:#7146c2}
.link-card-icon-v26.orange{background:#fff0e7;color:#ea6a1c}
.link-card-icon-v26.teal{background:#e9f7f4;color:#1b887b}
.link-card-icon-v26.red{background:#fff0f1;color:#e45158}
.link-card-copy-v26 b{display:block;font-size:8.8px}
.link-card-copy-v26 small{display:block;font-size:7px;color:#7b8680;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.link-status-v26{
  display:inline-flex;align-items:center;gap:4px;margin-top:5px;font-size:6.8px;font-weight:700
}
.link-status-v26 span{width:6px;height:6px;border-radius:50%}
.link-status-v26.connected{color:#268050}.link-status-v26.connected span{background:#2e9a5b}
.link-status-v26.empty{color:#9a7567}.link-status-v26.empty span{background:#d0a08d}
.edit-built-link-v26{
  border:1px solid #dfe6e2;background:#fff;color:#0a6b4b;border-radius:8px;
  min-height:31px;padding:0 9px;font-size:7px;font-weight:800
}
.custom-link-grid-v26{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}
.custom-link-card-v26{
  min-height:135px;
  border:1px solid #e4eae6;
  border-radius:13px;
  background:#fff;
  padding:12px;
  text-align:left;
  transition:.17s ease;
}
.custom-link-card-v26:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(15,58,43,.05)}
.custom-link-top-v26{display:flex;justify-content:space-between;align-items:flex-start}
.custom-link-card-v26>b{display:block;font-size:9.5px;margin-top:12px}
.custom-link-card-v26>small{display:block;font-size:7.5px;color:#7a8580;margin-top:4px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.custom-link-footer-v26{
  display:flex;justify-content:space-between;align-items:center;margin-top:13px;padding-top:9px;
  border-top:1px solid #edf1ef;font-size:7px;font-weight:700;color:#0a6b4b
}
.empty-link-state-v26{
  width:100%;
  min-height:145px;
  border:1px dashed #b9cec3;
  background:linear-gradient(145deg,#fbfdfc,#f4faf7);
  border-radius:13px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#0a6b4b
}
.empty-link-plus-v26{
  width:42px;height:42px;border-radius:12px;background:#eaf6ee;display:grid;place-items:center;font-size:20px
}
.empty-link-state-v26 b{font-size:9px}.empty-link-state-v26 small{font-size:7.5px;color:#7b8680}
.link-manager-footer-v26{
  min-height:66px;background:#fff;border-top:1px solid #e3e9e6;padding:12px 20px;
  display:flex;align-items:center;justify-content:space-between;gap:12px
}
.link-manager-note-v26{font-size:7.5px;color:#79847e}.link-manager-note-v26 span{color:#2f965b}
.quick-toggle-v26{
  margin-top:13px;
  border:1px solid #e3e9e6;
  background:#f8fbf9;
  border-radius:11px;
  padding:10px 11px;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:10px;
  align-items:center;
  cursor:pointer;
}
.quick-toggle-v26 input{display:none}
.toggle-track-v26{
  width:38px;height:22px;border-radius:999px;background:#ced8d2;padding:3px;transition:.17s
}
.toggle-track-v26>span{display:block;width:16px;height:16px;border-radius:50%;background:#fff;transition:.17s;box-shadow:0 2px 4px rgba(0,0,0,.12)}
.quick-toggle-v26 input:checked + .toggle-track-v26{background:#0a6b4b}
.quick-toggle-v26 input:checked + .toggle-track-v26>span{transform:translateX(16px)}
.quick-toggle-v26>b,.quick-toggle-v26 span>b{display:block;font-size:8.5px}
.quick-toggle-v26 small{display:block;font-size:7px;color:#7b8680;margin-top:2px}
.danger-v26{
  border:1px solid #f0ced1!important;background:#fff4f5!important;color:#c84b54!important
}
.builder-footer-spacer{flex:1}
.simple-link-editor-v26{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:88vh}

@media(max-width:950px){
  .built-link-grid-v26{grid-template-columns:1fr}
  .custom-link-grid-v26{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
  .link-manager-header-v26{flex-direction:column}
  .link-manager-header-actions-v26{width:100%;justify-content:space-between}
  .custom-link-grid-v26{grid-template-columns:1fr}
}


/* =========================================================
   V27 — TOMAFOOD BRAND COLOR REFINEMENT
   Professional, neat, less plain, still light-weight
   ========================================================= */

:root{
  --tf-green-950:#063f30;
  --tf-green-900:#07533d;
  --tf-green-800:#096348;
  --tf-green-700:#0b7150;
  --tf-green-600:#16835d;
  --tf-green-100:#e9f5ef;
  --tf-green-050:#f3f9f6;

  --tf-orange-700:#df5b1b;
  --tf-orange-600:#ef6824;
  --tf-orange-500:#f27a38;
  --tf-orange-100:#fff0e7;
  --tf-orange-050:#fff8f3;

  --tf-ink:#19231e;
  --tf-muted:#6f7b75;
  --tf-line:#e1e8e4;
  --tf-surface:#ffffff;
  --tf-canvas:#f7faf8;
}

/* overall background with very subtle branded warmth */
body{
  background:
    radial-gradient(circle at 4% 0%, rgba(239,104,36,.035), transparent 22%),
    radial-gradient(circle at 96% 8%, rgba(11,113,80,.045), transparent 24%),
    var(--tf-canvas)!important;
}

/* sidebar gets more brand character without becoming heavy */
.sidebar{
  background:
    linear-gradient(180deg,#ffffff 0%,#fbfdfc 68%,#f5faf7 100%)!important;
  border-right:1px solid #dfe7e2!important;
}
.brand{
  background:linear-gradient(180deg,#ffffff 75%,rgba(233,245,239,.28))!important;
}
.nav-title{
  color:#75837c!important;
}
.nav-item{
  color:#34413a!important;
}
.nav-item:hover{
  background:#eef6f2!important;
}
.nav-item.active{
  background:linear-gradient(135deg,var(--tf-green-800),var(--tf-green-700))!important;
  border-color:transparent!important;
  box-shadow:0 9px 20px rgba(7,83,61,.13)!important;
}
.add-link-btn{
  background:linear-gradient(145deg,#ffffff,#f5faf7)!important;
  border-color:#bcd1c6!important;
  color:var(--tf-green-800)!important;
}
.add-link-btn:hover{
  background:#eaf5ef!important;
  border-color:#8fb3a1!important;
}

/* topbar */
.topbar{
  background:rgba(255,255,255,.965)!important;
  border-bottom:1px solid #dfe7e2!important;
  box-shadow:0 5px 20px rgba(9,63,46,.025)!important;
}
.searchbox{
  background:linear-gradient(180deg,#ffffff,#fbfdfc)!important;
  border-color:#dde5e1!important;
}
.searchbox:focus-within{
  border-color:#8cae9d!important;
  box-shadow:0 0 0 3px rgba(11,113,80,.055)!important;
}
.action-icon,.action-button{
  background:#f4f8f6!important;
  border-color:#dde6e1!important;
}
.avatar{
  background:linear-gradient(145deg,var(--tf-green-800),var(--tf-green-700))!important;
}

/* hero - clearer TOMAFOOD brand mix */
.hero{
  background:
    radial-gradient(circle at 82% 20%,rgba(242,122,56,.13),transparent 18%),
    linear-gradient(112deg,var(--tf-green-950) 0%,var(--tf-green-900) 45%,var(--tf-green-700) 100%)!important;
  box-shadow:0 14px 30px rgba(6,63,48,.11)!important;
}
.hero:after{
  content:"";
  position:absolute;
  right:-38px;
  bottom:-58px;
  width:185px;
  height:185px;
  border-radius:50%;
  background:rgba(239,104,36,.08);
}
.hero-btn{
  color:var(--tf-green-900)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.11)!important;
}
.hero-btn:hover{
  background:#fff8f3!important;
}

/* Section titles */
.section-title{
  color:#1f2c26!important;
}
.section-title:after{
  content:"";
  display:inline-block;
  width:26px;
  height:3px;
  margin-left:8px;
  vertical-align:middle;
  border-radius:999px;
  background:linear-gradient(90deg,var(--tf-green-700),var(--tf-orange-500));
  opacity:.7;
}

/* KPI cards get delicate color identity */
.summary-card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#fff,#fdfefe)!important;
}
.summary-card:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:#d6e5dd;
}
.summary-card:nth-child(1):before{background:#4aa36b}
.summary-card:nth-child(2):before{background:#4d83d6}
.summary-card:nth-child(3):before{background:#8363cf}
.summary-card:nth-child(4):before{background:#ef7b35}
.summary-card:nth-child(5):before{background:#40a092}
.summary-card:nth-child(6):before{background:#e8636b}
.summary-card:hover{
  border-color:#d9e4de!important;
}

/* Pillar accordions */
.accordion-item{
  background:#fff!important;
}
.accordion-item.open{
  background:linear-gradient(90deg,#fff,#fbfdfc)!important;
  box-shadow:inset 3px 0 0 rgba(11,113,80,.17)!important;
}
.accordion-head:hover{
  background:#f7fbf9!important;
}

/* lower dashboard panels */
.panel{
  background:
    linear-gradient(180deg,#ffffff 0%,#fdfefe 100%)!important;
  border-color:#e1e8e4!important;
}
.panel-head{
  border-bottom-color:#ebf0ed!important;
}
.announcement{
  background:
    radial-gradient(circle at 96% 4%,rgba(239,104,36,.05),transparent 26%),
    linear-gradient(145deg,#f4faf6,#fbfefc)!important;
}

/* Popular modules and cards */
.module-card-v25,
.module-card-v20,
.division-card,
.custom-link-card-v26{
  background:linear-gradient(180deg,#ffffff,#fcfefd)!important;
}
.module-card-v25:hover,
.module-card-v20:hover,
.division-card:hover,
.custom-link-card-v26:hover{
  border-color:#cfded6!important;
}
.add-popular-v25,
.add-module-card-v21,
.empty-link-state-v26{
  background:
    radial-gradient(circle at 92% 8%,rgba(239,104,36,.035),transparent 28%),
    linear-gradient(145deg,#fbfdfc,#f1f8f4)!important;
}

/* Division/page headers */
.pillar-page-head,
.division-page-head{
  background:
    radial-gradient(circle at 95% 0%,rgba(239,104,36,.04),transparent 24%),
    linear-gradient(135deg,#ffffff,#f5faf7)!important;
}
.back-chip{
  background:#eaf5ef!important;
  color:var(--tf-green-800)!important;
}
.back-chip:hover{
  background:#dfeee7!important;
}
.pillar-summary-chip,
.division-hero-meta{
  background:linear-gradient(145deg,#fff,#f5faf7)!important;
}
.division-hero-meta strong{
  background:#e7f4ed!important;
  color:var(--tf-green-800)!important;
}

/* Add buttons */
.add-module-primary,
.add-link-primary-v26,
.builder-btn.primary-v23,
.announcement-action,
.module-open-modern{
  background:linear-gradient(135deg,var(--tf-green-800),var(--tf-green-700))!important;
  box-shadow:0 8px 18px rgba(7,83,61,.12)!important;
}
.add-module-primary:hover,
.add-link-primary-v26:hover,
.builder-btn.primary-v23:hover,
.announcement-action:hover,
.module-open-modern:hover{
  background:linear-gradient(135deg,var(--tf-green-900),var(--tf-green-800))!important;
}

/* Manage Links gets brand hierarchy */
.link-manager-header-v26{
  background:
    linear-gradient(180deg,#fff 0%,#fbfdfc 100%)!important;
}
.link-manager-body-v26{
  background:
    radial-gradient(circle at 98% 5%,rgba(239,104,36,.025),transparent 18%),
    #f7faf8!important;
}
.link-manager-section-v26{
  box-shadow:0 6px 18px rgba(10,63,46,.025)!important;
}
.link-status-v26.connected{
  color:var(--tf-green-700)!important;
}
.edit-built-link-v26{
  color:var(--tf-green-800)!important;
}
.custom-link-footer-v26{
  color:var(--tf-green-800)!important;
}

/* Builder modal */
.builder-header{
  background:
    linear-gradient(180deg,#ffffff,#fbfdfc)!important;
}
.builder-card{
  background:linear-gradient(180deg,#fff,#fdfefe)!important;
}
.builder-step{
  background:#e7f4ed!important;
  color:var(--tf-green-800)!important;
}
.icon-choice.selected{
  background:#eaf5ef!important;
  border-color:var(--tf-green-700)!important;
}
.quick-toggle-v26{
  background:#f3f8f5!important;
}

/* small orange brand accents */
.builder-eyebrow,
.pillar-kicker,
.division-meta-label{
  color:#6f7c75!important;
}
.builder-eyebrow:before,
.pillar-kicker:before{
  content:"";
  display:inline-block;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--tf-orange-500);
  margin-right:6px;
  vertical-align:1px;
}

/* Footer */
.footer{
  background:
    linear-gradient(90deg,#ffffff 0%,#f5faf7 50%,#fff8f3 100%)!important;
  border-top:1px solid #dfe7e2!important;
}
.footer-mark{
  color:var(--tf-green-700)!important;
}

/* keep visual restraint on smaller screens */
@media(max-width:760px){
  .hero{
    background:linear-gradient(135deg,var(--tf-green-950),var(--tf-green-700))!important;
  }
}


/* =========================================================
   V28 — TOMAFOOD LUXURY BRAND REFINEMENT
   Emerald + Ivory + Refined Copper
   ========================================================= */

:root{
  --lux-emerald-1000:#042f25;
  --lux-emerald-950:#05392c;
  --lux-emerald-900:#064836;
  --lux-emerald-800:#075943;
  --lux-emerald-700:#0a6a4e;
  --lux-emerald-100:#e8f2ed;
  --lux-emerald-050:#f4f8f6;

  --lux-copper-700:#b94c1b;
  --lux-copper-600:#d55b24;
  --lux-copper-500:#e8773c;
  --lux-copper-100:#fbe9df;

  --lux-ivory:#fbfaf7;
  --lux-ivory-2:#f7f5f0;
  --lux-ink:#17211d;
  --lux-muted:#6d7872;
  --lux-line:#dfe6e1;
}

/* Global canvas */
body{
  background:
    radial-gradient(circle at 8% 0%,rgba(232,119,60,.035),transparent 20%),
    radial-gradient(circle at 96% 6%,rgba(6,72,54,.045),transparent 24%),
    linear-gradient(180deg,#fafcfb 0%,#f6f9f7 100%)!important;
  color:var(--lux-ink)!important;
}

/* Sidebar — premium, clean, stronger contrast */
.sidebar{
  background:
    linear-gradient(180deg,#ffffff 0%,#fcfdfc 60%,#f6f9f7 100%)!important;
  border-right:1px solid #dbe4df!important;
  box-shadow:8px 0 26px rgba(4,47,37,.025)!important;
}
.brand{
  background:transparent!important;
  border-bottom:1px solid #e7ece9!important;
}
.nav-title{
  color:#78847e!important;
  letter-spacing:.12em!important;
}

/* Default nav text */
.nav-item,
.nav-item span,
.nav-label-text{
  color:#334139!important;
}

/* Active nav — FORCE white text and icon */
.nav-item.active{
  background:
    linear-gradient(135deg,var(--lux-emerald-900),var(--lux-emerald-700))!important;
  color:#ffffff!important;
  border:1px solid rgba(255,255,255,.05)!important;
  box-shadow:
    0 10px 22px rgba(4,47,37,.16),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.nav-item.active span,
.nav-item.active .nav-label-text,
.nav-item.active > span:last-child{
  color:#ffffff!important;
}
.nav-item.active .nav-icon{
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
.nav-item.active .nav-icon img{
  filter:brightness(0) invert(1)!important;
}
.nav-item:hover:not(.active){
  background:#f0f6f3!important;
}

/* Add access button */
.add-link-btn{
  background:linear-gradient(145deg,#fff,#f7faf8)!important;
  border:1px solid #c8d8cf!important;
  color:var(--lux-emerald-800)!important;
  box-shadow:0 4px 12px rgba(4,47,37,.025)!important;
}

/* Top bar */
.topbar{
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid #dfe6e2!important;
  box-shadow:0 5px 18px rgba(4,47,37,.028)!important;
}
.searchbox{
  background:linear-gradient(180deg,#fff,#fcfdfc)!important;
  border:1px solid #dfe6e2!important;
}
.searchbox:focus-within{
  border-color:#8da99c!important;
  box-shadow:0 0 0 3px rgba(7,89,67,.055)!important;
}
.action-icon,.action-button{
  background:#f5f8f6!important;
  border-color:#dce5e0!important;
}
.avatar{
  background:linear-gradient(145deg,var(--lux-emerald-900),var(--lux-emerald-700))!important;
}

/* Hero — elegant emerald with copper accent */
.hero{
  background:
    radial-gradient(circle at 78% 18%,rgba(232,119,60,.16),transparent 18%),
    radial-gradient(circle at 100% 100%,rgba(255,255,255,.05),transparent 24%),
    linear-gradient(115deg,var(--lux-emerald-1000) 0%,var(--lux-emerald-900) 50%,var(--lux-emerald-700) 100%)!important;
  box-shadow:0 16px 34px rgba(4,47,37,.14)!important;
}
.hero:after{
  background:rgba(232,119,60,.085)!important;
}
.hero-btn{
  background:var(--lux-ivory)!important;
  color:var(--lux-emerald-900)!important;
  border:1px solid rgba(255,255,255,.65)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.12)!important;
}
.hero-btn:hover{
  background:#fff!important;
  transform:translateY(-1px)!important;
}

/* Section heading accent */
.section-title{
  color:#1d2923!important;
}
.section-title:after{
  background:linear-gradient(90deg,var(--lux-emerald-700),var(--lux-copper-500))!important;
  opacity:.85!important;
}

/* Cards */
.summary-card,
.panel,
.module-card-v20,
.module-card-v25,
.division-card,
.pillar-page-head,
.division-page-head,
.link-manager-section-v26,
.builder-card{
  background:
    linear-gradient(180deg,#ffffff 0%,#fdfefd 100%)!important;
  border-color:#dfe7e2!important;
  box-shadow:0 7px 18px rgba(4,47,37,.03)!important;
}
.summary-card:hover,
.module-card-v20:hover,
.module-card-v25:hover,
.division-card:hover{
  border-color:#cfdcd5!important;
  box-shadow:0 14px 28px rgba(4,47,37,.065)!important;
}

/* KPI accents are softer, more premium */
.summary-card:nth-child(1):before{background:#5d9a76!important}
.summary-card:nth-child(2):before{background:#6a8fc9!important}
.summary-card:nth-child(3):before{background:#8e77be!important}
.summary-card:nth-child(4):before{background:#d98456!important}
.summary-card:nth-child(5):before{background:#5c9b91!important}
.summary-card:nth-child(6):before{background:#c96f75!important}

/* Pillar / division */
.pillar-page-head,
.division-page-head{
  background:
    radial-gradient(circle at 96% 0%,rgba(232,119,60,.035),transparent 23%),
    linear-gradient(135deg,#fff,#f7faf8)!important;
}
.back-chip{
  background:#eaf3ee!important;
  color:var(--lux-emerald-800)!important;
}
.back-chip:hover{
  background:#deebe4!important;
}
.division-hero-meta{
  background:
    linear-gradient(145deg,#ffffff,#f4f8f6)!important;
  border-color:#d9e3de!important;
}
.division-hero-meta:before{
  background:linear-gradient(180deg,var(--lux-emerald-800),var(--lux-copper-500))!important;
}
.division-hero-meta strong{
  background:#e5f0ea!important;
  color:var(--lux-emerald-800)!important;
}

/* Premium CTAs */
.add-module-primary,
.add-link-primary-v26,
.builder-btn.primary-v23,
.announcement-action,
.module-open-modern{
  background:
    linear-gradient(135deg,var(--lux-emerald-900),var(--lux-emerald-700))!important;
  color:#fff!important;
  box-shadow:0 9px 20px rgba(4,47,37,.14)!important;
}
.add-module-primary:hover,
.add-link-primary-v26:hover,
.builder-btn.primary-v23:hover,
.announcement-action:hover,
.module-open-modern:hover{
  background:
    linear-gradient(135deg,var(--lux-emerald-1000),var(--lux-emerald-800))!important;
}

/* Add/new cards */
.add-popular-v25,
.add-module-card-v21,
.empty-link-state-v26{
  background:
    radial-gradient(circle at 90% 8%,rgba(232,119,60,.04),transparent 28%),
    linear-gradient(145deg,#fbfcfb,#f1f6f3)!important;
  border-color:#bfd0c7!important;
}

/* Manage Links */
.link-manager-header-v26,
.builder-header{
  background:
    linear-gradient(180deg,#ffffff,#fbfdfc)!important;
}
.link-manager-body-v26,
.builder-body{
  background:
    radial-gradient(circle at 100% 0%,rgba(232,119,60,.025),transparent 20%),
    linear-gradient(180deg,#f8faf9,#f5f8f6)!important;
}
.link-status-v26.connected{
  color:var(--lux-emerald-700)!important;
}
.edit-built-link-v26,
.custom-link-footer-v26{
  color:var(--lux-emerald-800)!important;
}
.builder-step{
  background:#e5f0ea!important;
  color:var(--lux-emerald-800)!important;
}
.builder-eyebrow:before,
.pillar-kicker:before{
  background:var(--lux-copper-500)!important;
}

/* Icon selected state */
.icon-choice.selected{
  background:#e8f2ed!important;
  border-color:var(--lux-emerald-700)!important;
  color:var(--lux-emerald-800)!important;
}

/* Footer */
.footer{
  background:
    linear-gradient(90deg,#ffffff 0%,#f7faf8 55%,#fff9f5 100%)!important;
  border-top:1px solid #dce5e0!important;
}

/* Luxurious restrained text balance */
.section-title,
.panel-title,
.pillar-heading h1,
.division-heading h1,
.link-manager-header-v26 h2,
.builder-header h2{
  color:#17211d!important;
}
.summary-foot,
.pillar-heading p,
.division-heading p,
.module-desc-v20,
.module-copy-v25 small,
.link-section-head-v26 small{
  color:#748078!important;
}


/* =========================================================
   V29 — LIVE DW SUMMARY CARD
   ========================================================= */
.live-dw-card-v29{
  text-align:left;
  cursor:pointer;
  width:100%;
  color:inherit;
}
.live-dw-card-v29:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 14px 28px rgba(4,47,37,.07)!important;
}
.live-dw-detail-v29{
  margin:9px 0 0 52px;
  font-size:8.5px;
  line-height:1.45;
  color:#66736c;
  font-weight:600;
}
.live-dw-bottom-v29{
  margin:11px 0 0 52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.live-dw-bottom-v29 small{
  font-size:6.8px;
  color:#8a948f;
  white-space:nowrap;
}
.live-status-v29{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:23px;
  padding:0 7px;
  border-radius:999px;
  font-size:6.8px;
  font-weight:800;
  letter-spacing:.04em;
}
.live-status-v29>span{
  width:6px;
  height:6px;
  border-radius:50%;
}
.live-status-v29.live{
  background:#e7f4ed;
  color:#14613f;
}
.live-status-v29.live>span{
  background:#2c9c5b;
  box-shadow:0 0 0 0 rgba(44,156,91,.35);
  animation:livePulseV29 1.8s infinite;
}
.live-status-v29.loading{
  background:#f3f6f4;
  color:#78847e;
}
.live-status-v29.loading>span{
  background:#a9b3ad;
}
.live-status-v29.error{
  background:#fff0f1;
  color:#b84c54;
}
.live-status-v29.error>span{
  background:#d65b63;
}
@keyframes livePulseV29{
  0%{box-shadow:0 0 0 0 rgba(44,156,91,.35)}
  70%{box-shadow:0 0 0 6px rgba(44,156,91,0)}
  100%{box-shadow:0 0 0 0 rgba(44,156,91,0)}
}
@media(max-width:760px){
  .live-dw-detail-v29,.live-dw-bottom-v29{margin-left:0}
}