/* DH WEBSITE CHÍNH V7 — đồng bộ trực tiếp các design token DH SEO Enterprise Light.
   Không chỉnh các file css gốc; lớp này phủ lên storefront, portal, admin và auth.
   Lấy từ DH SEO/modules/theme_manager.py: DH Enterprise Light. */
:root {
  --dh-primary:#0291F9;--dh-primary-hover:#0077D6;--dh-secondary:#203D71;
  --dh-navy:#0A1529;--dh-bg:#F8FAFC;--dh-card-bg:#FFFFFF;
  --dh-sidebar-bg:#FFFFFF;--dh-border:#E2E8F0;--dh-text-main:#0A1529;
  --dh-text-muted:#64748B;--dh-card-shadow:0 4px 18px rgba(10,21,41,.04);
  --navy:#0A1529;--navy2:#203D71;--purple:#0291F9;--purple2:#38BDF8;
  --text:#0A1529;--muted:#64748B;--line:#E2E8F0;--surface:#FFFFFF;
  --canvas:#F8FAFC;--shadow:0 4px 18px rgba(10,21,41,.045);
  --dh-blue:#0291F9;--dh-deep:#203D71;
}
html{scroll-padding-top:82px}
body,button,input,select,textarea{font-family:'Inter', system-ui, sans-serif}
h1,h2,h3,h4{font-family:'Plus Jakarta Sans', 'Inter', system-ui, sans-serif}
body{color:#0A1529;background:#F8FAFC}
:focus-visible{outline:3px solid #0291F9;outline-offset:3px}
input:focus,select:focus,textarea:focus{border-color:#0291F9;box-shadow:0 0 0 3px rgba(2,145,249,.12)}
.btn,.commerce-button{border-radius:9px;font-weight:750}
.btn-primary,.commerce-button.primary{background:#0291F9!important;color:#fff!important;border:1px solid #0291F9!important;box-shadow:0 4px 12px rgba(2,145,249,.18)!important}
.btn-primary:hover,.commerce-button.primary:hover{background:#0077D6!important;box-shadow:0 6px 18px rgba(2,145,249,.22)!important}
.btn-light,.commerce-button.card-cta{background:#F0F9FF!important;color:#0369A1!important;border:1px solid #BAE6FD!important}
.btn-light:hover,.commerce-button.card-cta:hover{background:#E0F2FE!important}
.form-utilities a,.auth-bottom a,.view-all{color:#0077D6}

/* Thanh điều hướng công khai đúng phong cách ứng dụng DH SEO: sáng và thoáng. */
.site-header{background:rgba(255,255,255,.97)!important;border-bottom:1px solid #E2E8F0!important;box-shadow:0 3px 16px rgba(10,21,41,.035)!important;backdrop-filter:blur(12px)}
.site-header-inner{min-height:76px}.site-brand{color:#0A1529!important}
.site-header .brand-mark{background:#F1F8FF;border:1px solid #D8EAFB}
.site-header .brand-word{color:#203D71!important;letter-spacing:-.05em}
.site-header .brand-word span{color:#0291F9!important}
.site-header .brand-word small{color:#64748B!important;letter-spacing:.14em}
.site-header .site-links{color:#334155!important;font-weight:700}.site-header .site-links a:hover,.site-header .nav-login:hover{color:#0291F9!important}
.site-header .nav-login{color:#203D71!important}.site-header .btn-outline{color:#203D71!important;border-color:#CBD5E1!important}
.site-header .mobile-nav-toggle{color:#0A1529!important}
.site-header .mobile-nav.open{background:#fff!important;color:#203D71!important;border:1px solid #E2E8F0!important;box-shadow:0 10px 20px rgba(10,21,41,.06)}
.site-header .mobile-nav.open a{border-bottom-color:#E2E8F0!important}

/* Storefront — cùng nền giấy, card và xanh DH SEO. */
.commerce-app{background:#F8FAFC!important}
.commerce-hero{background:linear-gradient(118deg,#F8FAFC 0%,#EFF8FF 52%,#E5F3FF 100%)!important;color:#0A1529!important;padding:82px 0 82px!important;border-bottom:1px solid #D8EAFB}
.commerce-hero:after{background:radial-gradient(circle,rgba(2,145,249,.12),transparent 70%)!important;pointer-events:none}
.commerce-eyebrow,.commerce-kicker{color:#0077D6!important}
.commerce-hero h1{color:#0A1529!important;font-size:clamp(40px,4.3vw,61px)!important;line-height:1.12!important;letter-spacing:-.045em!important}
.commerce-hero h1 span{color:#0291F9!important}
.commerce-hero-copy>p{color:#475569!important;font-size:16px!important}
.commerce-hero .commerce-button.ghost{color:#203D71!important;border-color:#B7DDF6!important;background:#fff!important;box-shadow:0 3px 12px rgba(10,21,41,.04)}
.commerce-hero-foot{color:#64748B!important}.commerce-hero-foot b{color:#0A1529!important}
.commerce-preview{transform:none!important;background:#fff!important;border:1px solid #DBE8F4!important;border-radius:18px!important;box-shadow:0 20px 60px rgba(10,58,106,.10)!important}
.preview-appbar{background:#fff!important}.preview-sidebar{background:#F8FAFC!important;border-right:1px solid #E2E8F0!important}
.preview-sidebar .selected{background:#E0F2FE!important;color:#0077D6!important}
.preview-stage{background:#fff!important;color:#0A1529!important}.preview-stats>div,.preview-bars,.preview-product{box-shadow:0 3px 12px rgba(10,21,41,.035)}
.commerce-section{background:#F8FAFC!important}.commerce-section:nth-of-type(odd){background:#fff!important}
.section-intro h2,.commerce-white-card h2,.commerce-contact h2{color:#0A1529!important}
.section-intro p,.commerce-product-desc{color:#64748B!important}
.commerce-product,.catalog-sidebar,.commerce-white-card,.commerce-contact .contact-form{background:#fff!important;border:1px solid #E2E8F0!important;box-shadow:0 4px 18px rgba(10,21,41,.04)!important;border-radius:15px!important}
.commerce-product{transition:transform .18s,box-shadow .18s,border-color .18s!important}
.commerce-product:hover{transform:translateY(-3px);border-color:#BAE6FD!important;box-shadow:0 11px 28px rgba(2,145,249,.10)!important}
.commerce-product h3{color:#0A1529!important;letter-spacing:-.025em!important}
.commerce-product-category,.commerce-kicker{color:#0077D6!important}
.commerce-product-logo{background:#EFF8FF!important;border:1px solid #D4EAFB!important;color:#0369A1!important;border-radius:12px!important}
.commerce-product-tag.ready{color:#047857!important;background:#D1FAE5!important;border:1px solid #A7F3D0!important}
.commerce-product-tag.manual{color:#0369A1!important;background:#E0F2FE!important;border:1px solid #BAE6FD!important}
.commerce-product-tag.quiet{color:#64748B!important;background:#F1F5F9!important;border:1px solid #E2E8F0!important}
.catalog-sidebar-header{color:#64748B!important}.catalog-filter.active{color:#0077D6!important;background:#E0F2FE!important}
.catalog-filter:hover{background:#F0F9FF!important;color:#0369A1!important}
.catalog-help{background:linear-gradient(135deg,#203D71,#0A1529)!important;border-radius:12px!important}
.commerce-detail-hero{background:linear-gradient(110deg,#F8FAFC,#EAF6FF)!important;color:#0A1529!important;border-bottom:1px solid #E2E8F0}
.commerce-detail-hero h1{color:#0A1529!important}.commerce-detail-hero p{color:#475569!important}
.commerce-detail-hero .commerce-button.ghost{background:#fff!important;color:#203D71!important;border:1px solid #BAE6FD!important}
.commerce-steps>div,.detail-plan,.detail-placeholder{background:#fff!important;border:1px solid #E2E8F0!important;box-shadow:0 3px 14px rgba(10,21,41,.035)!important}
.site-footer{background:#0A1529!important;color:#CBD5E1!important}
.site-footer .site-brand{color:#fff!important}

/* Customer Portal và Admin: sidebar trắng như DH SEO, active xanh DH. */
.workspace-body{background:#F8FAFC!important;color:#0A1529!important}
.workspace-sidebar,.portal-sidebar{background:#fff!important;color:#334155!important;box-shadow:none!important;border-right:1px solid #E2E8F0!important}
.sidebar-head{background:#fff!important;border-bottom:1px solid #E2E8F0!important}
.sidebar-brand{color:#0A1529!important}.sidebar-brand strong{color:#0A1529!important;letter-spacing:-.03em!important}
.sidebar-brand small{color:#64748B!important}
.sidebar-logo{background:#F1F8FF!important;border:1px solid #DCEFFA!important}
.sidebar-label{color:#94A3B8!important;letter-spacing:.105em!important}
.sidebar-link{color:#334155!important;font-size:12px!important;font-weight:650!important;border:1px solid transparent!important}
.sidebar-link .ico{color:#64748B!important}
.sidebar-link:hover{color:#0077D6!important;background:#F0F9FF!important}
.sidebar-link:hover .ico{color:#0291F9!important}
.sidebar-link.active{color:#fff!important;background:linear-gradient(100deg,#0291F9,#0077D6)!important;border-color:transparent!important;box-shadow:0 4px 12px rgba(2,145,249,.16)!important}
.sidebar-link.active .ico{color:#fff!important}
.nav-count{background:#E0F2FE!important;color:#0369A1!important}
.sidebar-link.active .nav-count{background:rgba(255,255,255,.2)!important;color:#fff!important}
.sidebar-bottom,.sidebar-user{border-color:#E2E8F0!important}
.sidebar-user strong{color:#0A1529!important}.sidebar-user small{color:#64748B!important}
.user-avatar{background:linear-gradient(135deg,#0291F9,#203D71)!important}
.logout-icon,.sidebar-close{color:#64748B!important}
.workspace-topbar{background:rgba(255,255,255,.97)!important;border-bottom:1px solid #E2E8F0!important}
.breadcrumbs{color:#64748B!important}.breadcrumbs strong{color:#0A1529!important}
.workspace-search label{background:#F8FAFC!important;border:1px solid #E2E8F0!important}
.workspace-search label:focus-within{border-color:#0291F9!important}
.topbar-website{color:#203D71!important}.topbar-avatar{color:#0077D6!important;background:#E0F2FE!important}
.workspace-main{max-width:1700px!important;padding-top:31px!important}
.page-overline,.subheading{color:#0077D6!important}
.page-header h1{color:#0A1529!important;letter-spacing:-.035em!important}
.page-header p{color:#64748B!important}
.overview-welcome,.portal-welcome{background:linear-gradient(112deg,#EAF6FF 0%,#F9FCFF 65%,#E8F4FF 100%)!important;border:1px solid #CCE6FA!important;box-shadow:0 5px 20px rgba(2,145,249,.045)!important;color:#0A1529!important}
.overview-welcome h2,.portal-welcome h2{color:#0A1529!important}
.overview-welcome p,.portal-welcome p{color:#475569!important}
.welcome-badge{background:#DDF2FE!important;color:#0369A1!important;border:1px solid #BCE6FC!important}
.welcome-badge i{background:#10B981!important}
.welcome-link{color:#0077D6!important}
.welcome-decoration{opacity:.24;color:#0291F9!important}
.stat-card,.workspace-card,.license-card{background:#fff!important;border:1px solid #E2E8F0!important;box-shadow:0 4px 18px rgba(10,21,41,.04)!important;border-radius:14px!important}
.stat-card:hover,.workspace-card:hover{border-color:#CCDDEA!important}
.stat-card strong,.stat-card .stat-money,.ledger-grid strong{color:#0A1529!important}
.stat-card small,.stat-caption{color:#64748B!important}
.stat-card a,.quick-actions a:hover{color:#0077D6!important}
.stat-icon.lavender,.activity-icon.lavender{background:#E0F2FE!important;color:#0077D6!important}
.stat-icon.sky,.activity-icon.sky{background:#E0F2FE!important;color:#0284C7!important}
.stat-icon.mint,.activity-icon.mint{background:#D1FAE5!important;color:#059669!important}
.stat-icon.peach{background:#FEF3C7!important;color:#D97706!important}
.chart-fill{background:linear-gradient(0deg,#0077D6,#38BDF8)!important}
.data-table th{background:#F8FAFC!important;color:#64748B!important;border-bottom:1px solid #E2E8F0!important}
.data-table tbody tr:hover{background:#F5FBFF!important}
.data-table td{border-color:#EEF2F7!important}
.data-table code,.promo-code{background:#E0F2FE!important;color:#0369A1!important}
.card-title h2,.quick-actions strong{color:#0A1529!important}
.quick-actions>a:hover{background:#F0F9FF!important}
.create-panel{border-color:#E2E8F0!important;background:#fff!important}
.create-panel>summary{color:#0369A1!important}
.ledger-grid>div{border-color:#E2E8F0!important;box-shadow:var(--dh-card-shadow)}
.state-demo{background:#FFF7ED!important;color:#9A3412!important;border-color:#FED7AA!important}

/* Nhãn demo chạy xuyên suốt 3 không gian, không lẫn số liệu với sản xuất. */
.demo-banner{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;background:#FFF7E8;color:#92400E;border-bottom:1px solid #FDE68A;padding:9px 16px;font-size:12px;line-height:1.5;text-align:center}
.demo-banner strong{background:#F59E0B;color:#fff;letter-spacing:.09em;font-size:10px;padding:3px 8px;border-radius:6px}
.workspace-main>.demo-banner{border:1px solid #FDE68A;border-radius:10px;justify-content:flex-start;margin-bottom:18px}
.demo-watermark{color:#B45309!important;font-weight:700}
/* Responsive theo chính layout DH SEO, không có cuộn ngang khi dùng điện thoại. */
@media(max-width:900px){.commerce-hero-inner{grid-template-columns:1fr!important;gap:34px!important}.commerce-preview{max-width:620px;margin:auto}.commerce-hero{padding:58px 0!important}}
@media(max-width:760px){.site-header .mobile-nav-toggle{display:inline-flex}.workspace-sidebar{box-shadow:5px 0 25px rgba(10,21,41,.1)!important}.site-header-inner{min-height:66px}.workspace-main{padding:22px 16px!important}}
@media(max-width:580px){.commerce-hero h1{font-size:37px!important}.commerce-hero-foot{gap:14px!important}.commerce-preview{transform:none!important}.workspace-topbar{padding:0 14px!important}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header .mobile-nav.open{padding:14px 20px}}
@media(prefers-reduced-motion:reduce){.commerce-product,.btn,.commerce-button{transition:none!important}}
/* Checkout V7 */
.checkout-v7{padding:38px 0 80px;min-height:75vh}.checkout-v7-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:24px 0 28px}.checkout-v7-heading h1{font-size:clamp(28px,3vw,42px);margin:10px 0;color:#0A1529}.checkout-v7-heading p{color:#64748B}.checkout-v7-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:22px;align-items:start}
.checkout-v7-card{background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:28px;box-shadow:0 4px 18px rgba(10,21,41,.04)}.checkout-v7-card h2{font-size:19px;color:#0A1529;margin:0 0 20px}.checkout-v7-qr{text-align:center}.checkout-v7-qr img{width:min(280px,100%);border:1px solid #BAE6FD;border-radius:14px;padding:13px}.checkout-v7-qr p{color:#64748B;font-size:12px;margin:12px 0}.checkout-v7-bank{display:grid;gap:0;border:1px solid #E2E8F0;border-radius:12px;padding:0 15px;margin:20px 0}.checkout-v7-bank>span{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #E2E8F0}.checkout-v7-bank>span:last-child{border:0}.checkout-v7-bank strong{color:#0077D6;overflow-wrap:anywhere}.checkout-v7-summary>div{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid #EEF2F7;color:#64748B}.checkout-v7-summary strong{color:#0A1529;text-align:right}.checkout-v7-summary>.checkout-v7-total{margin-top:12px;border-bottom:0;border-top:2px solid #E2E8F0;font-size:18px;color:#0A1529}.checkout-v7-total strong{color:#0291F9}.checkout-v7-summary>p{font-size:12px;color:#64748B;line-height:1.7}.checkout-v7-empty{text-align:center;display:grid;justify-items:center;gap:10px;background:#F8FAFC;border:1px dashed #BAE6FD;padding:42px 20px;border-radius:12px;color:#64748B}.checkout-v7-empty>.ico{width:42px;height:42px;color:#0291F9}.checkout-v7-empty h3{color:#0A1529;margin:0}.checkout-v7-empty p{max-width:450px;margin:0 0 12px}.checkout-v7-success{display:flex;gap:12px;align-items:center;background:#ECFDF5;color:#047857;border:1px solid #A7F3D0;padding:18px;border-radius:11px;margin-bottom:20px}.checkout-demo-warning{margin-bottom:20px;background:#FFF7ED;border:1px solid #FED7AA;border-radius:11px;padding:15px;color:#9A3412}.checkout-demo-warning strong{margin-right:10px}.checkout-v7 .commerce-crumb{color:#64748B}@media(max-width:800px){.checkout-v7-grid{grid-template-columns:1fr}.checkout-v7-heading{align-items:start;flex-direction:column}.checkout-v7-card{padding:20px}}

.commerce-product.featured-product{border-color:#BAE6FD!important;box-shadow:0 7px 22px rgba(2,145,249,.075)!important}.featured-label{display:inline-block;padding:5px 9px;margin:6px 0 5px;color:#0369A1;background:#E0F2FE;border:1px solid #BAE6FD;border-radius:6px;font-size:9px;font-weight:850;letter-spacing:.09em}
.demo-banner a{color:#92400E;font-weight:850;text-decoration:underline;text-underline-offset:2px}.demo-guide{padding:48px 0 84px;min-height:75vh}.demo-guide-intro{max-width:900px}.demo-guide h1{font-size:clamp(30px,4.2vw,47px);letter-spacing:-.045em;color:#0A1529;margin:12px 0}.demo-guide p{color:#64748B;line-height:1.8}.demo-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:38px 0}.demo-guide-card{background:#fff;border:1px solid #E2E8F0;border-radius:15px;box-shadow:var(--dh-card-shadow);padding:25px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.demo-guide-card.featured{border-color:#93C5FD;background:linear-gradient(155deg,#fff,#F0F9FF)}.demo-guide-card h2{font-size:19px;margin:0;color:#0A1529}.demo-guide-card p{font-size:13px;flex:1;margin:0}.demo-guide-card strong{font-size:12px;color:#0369A1;overflow-wrap:anywhere}.demo-guide-tag{background:#E0F2FE;color:#0369A1;font-size:10px;letter-spacing:.06em;font-weight:850;padding:5px 10px;border-radius:6px}.demo-guide-credentials{background:#FFF7ED;border:1px solid #FED7AA;padding:21px 24px;border-radius:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#9A3412}.demo-guide-credentials code{font-size:17px;font-weight:850;background:#fff;padding:8px 13px;border-radius:8px;color:#9A3412}.demo-guide-credentials small{flex-basis:100%;line-height:1.7}.demo-guide-checks{margin:44px 0;max-width:980px}.demo-guide-checks h2{font-size:23px;margin-bottom:20px}.demo-guide-checks>div{display:flex;align-items:start;gap:20px;padding:15px 0;border-bottom:1px solid #E2E8F0}.demo-guide-checks>div>span{font-weight:900;color:#0291F9;font-size:19px}.demo-guide-checks p{margin:0;font-size:14px}@media(max-width:900px){.demo-guide-grid{grid-template-columns:1fr}}

/* CRM Workspace — mô hình People / Companies / Opportunities / Tasks / Activities.
   Viết native cho DH, dùng cùng token DH SEO, không nhúng mã nguồn Twenty. */
.crm-stat-grid .stat-card{min-height:164px}.crm-value-box{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.crm-value-box>div{border:1px solid #E2E8F0;border-radius:12px;padding:18px;background:#F8FAFC;display:grid;gap:6px}.crm-value-box small{font-size:9px;font-weight:850;letter-spacing:.08em;color:#64748B}.crm-value-box strong{font-size:18px;color:#0A1529;letter-spacing:-.03em}.crm-task-list{display:grid}.crm-task-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #EEF2F7}.crm-task-row:last-child{border-bottom:0}.crm-task-row>div{display:grid;flex:1}.crm-task-row strong{font-size:12px}.crm-task-row small{font-size:10px;color:#64748B}.crm-board-card{overflow:hidden}.crm-kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,1fr);gap:12px;overflow:auto;padding:3px 2px 12px;scroll-snap-type:x proximity}.crm-kanban-compact{grid-auto-columns:minmax(230px,1fr)}.crm-column{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:14px;min-height:330px;scroll-snap-align:start}.crm-column-head{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 4px;gap:8px}.crm-column-head>div{display:flex;align-items:center;gap:8px;min-width:0}.crm-column-head strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm-column-head>span{font-size:10px;font-weight:850;color:#64748B;background:#fff;border:1px solid #E2E8F0;border-radius:99px;padding:2px 7px}.crm-stage-dot{width:8px;height:8px;border-radius:50%;background:#0291F9;box-shadow:0 0 0 3px rgba(2,145,249,.10);flex:none}.crm-stage-dot.won{background:#10B981;box-shadow:0 0 0 3px rgba(16,185,129,.11)}.crm-stage-dot.lost{background:#EF4444;box-shadow:0 0 0 3px rgba(239,68,68,.10)}.crm-column-total{padding:0 14px 11px;font-size:10px;color:#64748B;border-bottom:1px solid #E2E8F0}.crm-column-body{padding:10px;display:grid;gap:9px;align-content:start}.crm-opportunity-card{display:grid;gap:7px;padding:12px;background:#fff;border:1px solid #E2E8F0;border-radius:11px;box-shadow:0 3px 10px rgba(10,21,41,.035);color:#0A1529;transition:transform .16s,border-color .16s,box-shadow .16s}.crm-opportunity-card:hover{transform:translateY(-1px);border-color:#BAE6FD;box-shadow:0 7px 20px rgba(2,145,249,.08)}.crm-opportunity-card>strong,.crm-card-title strong{font-size:11px;line-height:1.4}.crm-opportunity-card>small{font-size:9px;color:#64748B}.crm-opportunity-card>div:not(.crm-card-title):not(.crm-card-meta){display:flex;align-items:center;justify-content:space-between;gap:8px}.crm-opportunity-card span,.crm-card-meta b{font-size:10px;font-weight:850;color:#0369A1}.crm-opportunity-card em,.crm-card-meta em{font-size:9px;font-style:normal;color:#64748B}.crm-card-title{display:flex;align-items:start;justify-content:space-between;gap:8px}.crm-card-title span{font-size:9px;background:#E0F2FE;border-radius:99px;padding:2px 6px}.crm-card-meta{display:flex;justify-content:space-between;align-items:center;gap:8px}.crm-opportunity-card p{font-size:9px;color:#475569;margin:0;padding-top:5px;border-top:1px dashed #E2E8F0}.crm-card-actions>summary{font-size:9px;color:#0077D6;font-weight:800;cursor:pointer;list-style:none}.crm-card-actions[open]>summary{margin-bottom:8px}.crm-card-actions .formstack{gap:7px}.crm-card-actions label{font-size:9px;gap:4px}.crm-card-actions select,.crm-card-actions input{padding:7px 8px;font-size:10px}.crm-quote-form{border-top:1px solid #EEF2F7;padding-top:8px;margin-top:8px!important}.crm-empty-column{padding:25px 10px;text-align:center;font-size:9px;color:#94A3B8;border:1px dashed #CBD5E1;border-radius:9px;background:#fff}.crm-chip{display:inline-flex;align-items:center;padding:3px 7px;border-radius:99px;background:#E0F2FE;color:#0369A1;border:1px solid #BAE6FD;font-size:9px;font-weight:750;margin:1px 2px 1px 0}.crm-chip-customer{background:#D1FAE5;color:#047857;border-color:#A7F3D0}.crm-chip-partner{background:#F3E8FF;color:#7E22CE;border-color:#E9D5FF}.crm-chip-inactive{background:#F1F5F9;color:#64748B;border-color:#E2E8F0}.crm-timeline{display:grid;gap:0}.crm-timeline-item{display:grid;grid-template-columns:34px 1fr;gap:12px;position:relative;padding:8px 0 16px}.crm-timeline-item:before{content:"";position:absolute;left:16px;top:37px;bottom:-3px;width:1px;background:#E2E8F0}.crm-timeline-item:last-child:before{display:none}.crm-timeline-icon{width:34px;height:34px;border-radius:10px;background:#E0F2FE;color:#0369A1;display:grid;place-items:center;z-index:1}.crm-timeline-icon .ico{width:16px;height:16px}.crm-timeline-body{border:1px solid #E2E8F0;border-radius:11px;padding:12px;background:#fff}.crm-timeline-body>div:first-child{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.crm-timeline-body strong{font-size:11px}.crm-timeline-body>small{display:block;font-size:9px;color:#64748B;margin:3px 0 7px}.crm-timeline-body p{font-size:10px;color:#475569;white-space:pre-wrap;margin-bottom:7px}.crm-links{display:flex!important;justify-content:flex-start!important;gap:6px!important;flex-wrap:wrap}.crm-links span{font-size:9px!important;background:#F8FAFC;border:1px solid #E2E8F0;color:#475569!important;padding:3px 6px;border-radius:6px}.state-done{background:#D1FAE5;border-color:#A7F3D0;color:#047857}
@media(max-width:1000px){.crm-value-box{grid-template-columns:1fr}.crm-kanban{grid-auto-columns:minmax(245px,80vw)}}