*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f3f6fa;color:#1d2939}a{text-decoration:none;color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:280px;background:#0f2233;color:#dbe8f4;position:fixed;inset:0 auto 0 0;overflow:auto}.brand{display:flex;align-items:center;gap:12px;padding:22px;border-bottom:1px solid rgba(255,255,255,.08)}.brand img{width:42px;height:42px;object-fit:contain;background:#fff;border-radius:10px}.brand strong{display:block;color:#fff}.brand small{display:block;color:#9eb3c7;margin-top:3px}.sidebar nav{padding:12px}.sidebar a{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:12px;color:#dbe8f4;margin-bottom:4px;font-weight:600;font-size:14px}.sidebar a:hover,.sidebar a.active{background:var(--primary);color:#fff}.main{margin-left:280px;width:calc(100% - 280px)}.topbar{height:72px;background:#fff;border-bottom:1px solid #e6ebf1;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:5}.topbar small{display:block;color:#667085;margin-top:4px}.user-menu{display:flex;align-items:center;gap:12px}.content{padding:24px}.hamburger{display:none}.card{background:#fff;border:1px solid #e6ebf1;border-radius:18px;padding:22px;margin-bottom:20px;box-shadow:0 8px 24px rgba(16,24,40,.04)}.card h2,.card h3{margin-top:0}.grid{display:grid;gap:18px}.stats-grid{grid-template-columns:repeat(6,1fr);margin-bottom:20px}.two{grid-template-columns:1fr 1fr}.stat-card{background:#fff;border:1px solid #e6ebf1;border-radius:18px;padding:20px;box-shadow:0 8px 24px rgba(16,24,40,.04)}.stat-card span{font-size:24px}.stat-card strong{display:block;font-size:32px;margin:12px 0 4px;color:var(--primary)}.stat-card small{color:#667085}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.toolbar form{display:flex;gap:8px;align-items:center}.toolbar input,.toolbar select,input,select,textarea{border:1px solid #d0d5dd;border-radius:12px;padding:10px 12px;background:#fff;min-height:42px;width:100%}textarea{min-height:110px;resize:vertical}.btn,button{border:0;border-radius:12px;padding:10px 16px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:var(--primary);color:#fff}.btn-light{background:#eef3f7;color:#1d2939}.btn:hover,button:hover{filter:brightness(.96)}.full{width:100%;justify-content:center}.table-wrap{overflow:auto;border-radius:14px;border:1px solid #e6ebf1}table{width:100%;border-collapse:collapse;background:#fff;min-width:800px}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid #edf1f5;vertical-align:middle}th{background:#f8fafc;color:#344054;position:sticky;top:0;z-index:1;font-size:13px;text-transform:uppercase;letter-spacing:.02em}tr:hover td{background:#fcfdff}.actions{display:flex;gap:8px;align-items:center;white-space:nowrap}.actions a,.actions button{background:#eef3f7;color:#1d2939;border-radius:9px;padding:7px 10px;font-size:13px}.actions form{display:inline}.badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700;background:#eef3f7;color:#344054}.badge-new,.badge-pending,.badge-planned{background:#fff6d9;color:#8a5b00}.badge-active,.badge-completed,.badge-booked,.badge-available,.badge-yes{background:#e7f8ee;color:#137a3b}.badge-lost,.badge-cancelled,.badge-inactive,.badge-no{background:#ffecec;color:#b42318}.badge-follow-up,.badge-assigned,.badge-site-visit-planned,.badge-site-visited{background:#e8f1ff;color:#175cd3}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field{display:flex;flex-direction:column;gap:7px;font-weight:700}.field span{font-size:13px;color:#344054}.field small{font-weight:400;color:#667085}.wide{grid-column:1/-1}.form-actions{grid-column:1/-1;display:flex;gap:10px;margin-top:8px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.detail-grid small{display:block;color:#667085;margin-bottom:4px}.detail-grid strong{font-size:15px}.alert{padding:12px 14px;border-radius:12px;margin-bottom:16px;font-weight:700}.alert-success{background:#e7f8ee;color:#137a3b}.alert-danger{background:#ffecec;color:#b42318}.pagination{display:flex;gap:8px;justify-content:center;margin:18px 0}.pagination a{padding:8px 12px;background:#fff;border:1px solid #e6ebf1;border-radius:10px}.pagination a.active{background:var(--primary);color:#fff}.bar-row{display:grid;grid-template-columns:130px 1fr 40px;align-items:center;gap:10px;margin:12px 0}.bar-row div{height:10px;background:#eef3f7;border-radius:999px;overflow:hidden}.bar-row i{display:block;height:100%;background:var(--primary);border-radius:999px}.event-line{display:grid;grid-template-columns:90px 1fr 80px;gap:10px;padding:10px 0;border-bottom:1px solid #edf1f5}.timeline{display:flex;flex-direction:column;gap:12px}.timeline-item{border-left:4px solid var(--primary);padding:10px 14px;background:#f8fafc;border-radius:0 12px 12px 0}.timeline-item b,.timeline-item span,.timeline-item small{display:block}.timeline-item small{color:#667085;margin-top:4px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#e6ebf1;border:1px solid #e6ebf1;border-radius:18px;overflow:hidden}.calendar-head{background:#0f2233;color:#fff;padding:12px;font-weight:700;text-align:center}.calendar-cell{background:#fff;min-height:130px;padding:10px}.calendar-cell b{display:block;margin-bottom:8px}.calendar-cell.empty{background:#f8fafc}.cal-event{display:block;background:#e8f1ff;border-left:3px solid var(--primary);border-radius:8px;padding:6px;margin-bottom:6px;font-size:12px}.cal-event small{display:block;color:#175cd3;font-weight:700}.checks,.permission-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.checks label,.permission-grid label{background:#f8fafc;border:1px solid #e6ebf1;border-radius:12px;padding:10px;font-weight:600}.permission-grid span{display:block;font-size:12px;color:#667085;margin-top:4px}.muted{color:#667085}.login-body{display:grid;place-items:center;min-height:100vh;background:linear-gradient(135deg,#0f2233,var(--primary))}.login-card{width:min(420px,92vw);background:#fff;border-radius:22px;padding:30px;box-shadow:0 25px 70px rgba(0,0,0,.22)}.login-card h1{margin:0 0 8px;color:var(--primary)}.login-card form{display:grid;gap:10px;margin:20px 0}.login-card label{font-weight:700;font-size:13px}.login-card small{color:#667085}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(3,1fr)}.two,.form-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:repeat(2,1fr)}.checks,.permission-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar-open .sidebar{transform:translateX(0);z-index:10}.main{margin-left:0;width:100%}.hamburger{display:block;background:#eef3f7}.topbar{padding:0 14px}.user-menu span{display:none}.content{padding:14px}.stats-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.calendar-grid{grid-template-columns:1fr}.calendar-head{display:none}.calendar-cell.empty{display:none}.toolbar{align-items:stretch;flex-direction:column}.toolbar form{width:100%}.checks,.permission-grid{grid-template-columns:1fr}}

/* v1.0.2 Table UX Patch */
.list-toolbar{align-items:flex-start}.list-toolbar h2{margin:0 0 4px}.toolbar-actions{display:flex;gap:10px;flex-wrap:wrap}.list-panel{padding:18px}.filter-main{display:grid;grid-template-columns:minmax(260px,1fr) 110px auto;gap:12px;align-items:end}.search-field input{font-size:15px}.small-field select{min-width:90px}.filter-buttons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.advanced-filters{margin-top:14px;border-top:1px solid #edf1f5;padding-top:12px}.advanced-filters summary{cursor:pointer;font-weight:700;color:var(--primary);padding:6px 0}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px;margin-top:10px}.range-field{display:grid;grid-template-columns:1fr 1fr;gap:8px}.table-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:0 4px}.table-status strong{font-size:20px;color:var(--primary)}.table-loader{background:#fff6d9;color:#8a5b00;border:1px solid #f7df8a;border-radius:999px;padding:6px 12px;font-weight:700}.is-loading{opacity:.68;pointer-events:none;position:relative}.data-table th a.sort-link{display:inline-flex;align-items:center;gap:7px;color:#344054}.sort-link:after{content:'↕';font-size:12px;opacity:.45}.sort-link.sort-asc:after{content:'↑';opacity:1;color:var(--primary)}.sort-link.sort-desc:after{content:'↓';opacity:1;color:var(--primary)}.empty-state{text-align:center;padding:28px!important;color:#667085;font-weight:700}.enhanced-pagination{align-items:center;flex-wrap:wrap}.enhanced-pagination span{padding:8px 4px;color:#667085}.pagination a.disabled{opacity:.45;pointer-events:none}.table-wrap table.data-table thead th{top:0}.table-wrap{box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}.data-table tbody tr:nth-child(even) td{background:#fcfdff}.data-table tbody tr:hover td{background:#f3f8ff}.data-table td:first-child,.data-table th:first-child{position:sticky;left:0;z-index:2;background:#fff}.data-table th:first-child{background:#f8fafc;z-index:3}.data-table tbody tr:nth-child(even) td:first-child{background:#fcfdff}.data-table tbody tr:hover td:first-child{background:#f3f8ff}@media(max-width:1100px){.filter-grid{grid-template-columns:repeat(2,1fr)}.filter-main{grid-template-columns:1fr 110px}.filter-buttons{grid-column:1/-1}}@media(max-width:700px){.filter-main,.filter-grid,.range-field{grid-template-columns:1fr}.table-status{align-items:flex-start;flex-direction:column}.toolbar-actions{width:100%}.toolbar-actions .btn{flex:1;justify-content:center}}

/* v1.0.4 Master Data + Custom Fields Patch */
.multi-select{min-height:130px;padding:8px}.custom-fields-block{border-top:1px solid #edf1f5;margin-top:8px;padding-top:16px}.custom-fields-block h3{margin:0 0 4px}.check-inline{display:flex!important;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e6ebf1;border-radius:12px;padding:10px 12px;width:max-content}.check-inline input{width:auto;min-height:auto}.field select[multiple]{height:auto}.admin-note{background:#f8fafc;border:1px dashed #d0d5dd;border-radius:14px;padding:12px;color:#667085}.sidebar nav a[href*="property_types"],.sidebar nav a[href*="locations"],.sidebar nav a[href*="custom_fields"]{position:relative}.sidebar nav a[href*="property_types"]:after,.sidebar nav a[href*="locations"]:after,.sidebar nav a[href*="custom_fields"]:after{content:'New';margin-left:auto;background:rgba(255,208,68,.18);color:#ffd044;border-radius:999px;font-size:10px;padding:2px 6px;font-weight:700}

/* v1.0.5 Advanced Lead Details */
.masked-phone{display:inline-flex;align-items:center;gap:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f8fafc;border:1px solid #e6ebf1;border-radius:999px;padding:4px 5px 4px 10px;white-space:nowrap}.phone-reveal-btn{min-height:auto;padding:4px 7px;border-radius:999px;background:#e8f1ff;color:#175cd3;font-size:12px;line-height:1}.phone-visible{background:#e7f8ee;border-color:#c5ecd5}.btn-whatsapp{background:#18a957;color:#fff}.lead-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;background:linear-gradient(135deg,#ffffff,#f6faff)}.lead-hero h2{font-size:30px;margin:6px 0;color:#102a43}.eyebrow{font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--primary)}.lead-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#667085}.lead-hero-actions,.lead-action-buttons{display:flex;gap:10px;flex-wrap:wrap}.lead-action-card{display:flex;justify-content:space-between;align-items:center;gap:18px}.lead-action-card h2{margin:0 0 4px}.lead-detail-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:20px}.lead-card h2{margin-bottom:14px}.lead-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lead-info-item{background:#f8fafc;border:1px solid #edf1f5;border-radius:14px;padding:13px}.lead-info-item small{display:block;color:#667085;font-weight:700;margin-bottom:5px}.lead-info-item strong{display:block;font-size:15px;word-break:break-word}.lead-info-item.highlight{background:#fff9e8;border-color:#ffe7a0}.lead-notes-grid p{line-height:1.65;margin-bottom:0}.lead-section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:8px 0 12px}.lead-section-title h2{margin:0}.lead-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.related-card{padding:18px}.related-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.related-card-head h2{margin:0;font-size:19px}.compact-table table{min-width:650px}.compact-table th,.compact-table td{padding:10px 12px}.mini-link{display:inline-flex;background:#eef3f7;border-radius:8px;padding:6px 9px;font-weight:700;font-size:12px}.lead-card .badge{vertical-align:middle}@media(max-width:1200px){.lead-detail-layout,.lead-related-grid{grid-template-columns:1fr}.lead-info-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.lead-hero,.lead-action-card{flex-direction:column;align-items:stretch}.lead-hero-actions,.lead-action-buttons{width:100%}.lead-hero-actions .btn,.lead-action-buttons .btn{flex:1;justify-content:center}.lead-info-grid{grid-template-columns:1fr}.lead-section-title{align-items:flex-start;flex-direction:column}}

/* v1.0.6 Email Templates + SMTP UX */
.email-help-card { border-left: 4px solid var(--primary); }
.variable-grid { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.variable-grid code { background: #f3f6fb; border: 1px solid #dce5f0; border-radius: 999px; padding: 6px 10px; font-size: 12px; color: #17324d; }
.settings-section { background: #f8fafc; border: 1px solid #e5edf5; border-radius: 14px; padding: 14px 16px; margin-top: 4px; }
.settings-section h3 { margin: 0 0 4px; font-size: 18px; }
.settings-section p { margin: 0; }
.form-grid .wide { grid-column: 1 / -1; }

/* v1.0.7 Branding, footer and login UI refinements */
.sidebar{background:var(--sidebar,#0f2233)!important}.topbar{background:var(--topbar,#fff)!important}.sidebar a:hover,.sidebar a.active{background:var(--primary,#1f4e79)!important}.app-footer{padding:14px 24px;margin:0 24px 18px;color:#667085;text-align:center;border-top:1px solid #e6ebf1;font-size:13px}.app-footer a,.login-footer a{color:var(--primary,#1f4e79);font-weight:700}.code-area{font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.5;background:#0f172a;color:#e5e7eb;border-color:#1e293b!important}.modern-login-body{display:block;min-height:100vh;background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.18),transparent 28%),linear-gradient(135deg,var(--login-bg,#0f2233),var(--primary,#1f4e79));padding:28px}.login-layout{width:min(1120px,100%);min-height:calc(100vh - 92px);margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:28px}.login-brand-panel{color:#fff;padding:34px}.login-brand-top{display:flex;align-items:center;gap:14px;margin-bottom:76px}.login-brand-top img,.login-card-logo{width:58px;height:58px;object-fit:contain;background:#fff;border-radius:16px;padding:8px;box-shadow:0 16px 45px rgba(0,0,0,.18)}.login-logo-fallback{width:58px;height:58px;display:grid;place-items:center;background:#fff;color:var(--primary,#1f4e79);border-radius:16px;font-size:28px;font-weight:700}.login-brand-top strong{display:block;font-size:21px}.login-brand-top small{display:block;color:rgba(255,255,255,.78);margin-top:5px}.login-pill{display:inline-flex;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:8px 13px;font-weight:700;font-size:12px;margin-bottom:16px}.login-brand-copy h1{font-size:48px;line-height:1.08;margin:0 0 14px}.login-brand-copy p{font-size:18px;line-height:1.65;color:rgba(255,255,255,.84);max-width:620px}.login-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:34px}.login-feature-grid span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:14px 16px;font-weight:700}.login-form-panel{display:flex;justify-content:center}.modern-login-card{width:min(460px,100%);border-radius:28px;padding:34px;box-shadow:0 35px 90px rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.75)}.modern-login-card h2{margin:14px 0 6px;font-size:30px;color:#101828}.modern-login-card form{margin:24px 0 14px}.login-card-logo{display:block;margin-bottom:8px}.login-demo{display:block;background:#f8fafc;border:1px solid #e6ebf1;border-radius:12px;padding:10px 12px}.login-footer{text-align:center;color:rgba(255,255,255,.82);font-size:13px}.login-footer a{color:#fff}.settings-section{border-left:4px solid var(--primary,#1f4e79)}@media(max-width:900px){.modern-login-body{padding:16px}.login-layout{grid-template-columns:1fr;min-height:auto}.login-brand-panel{padding:12px}.login-brand-top{margin-bottom:28px}.login-brand-copy h1{font-size:36px}.login-feature-grid{grid-template-columns:1fr}.modern-login-card{width:100%}.app-footer{margin:0 14px 14px;padding:12px}}


/* v1.0.8 Dashboard, MIS, calendar links and permission matrix */
.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.card-head h2{margin:0}.card-head span{font-size:13px}.enhanced-stat{position:relative;overflow:hidden}.enhanced-stat:after{content:"";position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:50%;background:rgba(31,78,121,.08)}.enhanced-stat em{display:block;color:#667085;font-size:12px;font-style:normal;margin-top:4px}.dashboard-charts,.report-grid{margin-bottom:18px}.chart-card{min-height:280px}.linked-bar,.funnel-row{color:inherit}.linked-bar:hover span,.funnel-row:hover span{text-decoration:underline}.funnel-row{display:grid;grid-template-columns:130px 1fr 52px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #edf1f5}.funnel-row div{height:18px;background:#eef3f7;border-radius:999px;overflow:hidden}.funnel-row i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:999px}.funnel-row b{text-align:right}.event-link{color:inherit}.event-link:hover span{text-decoration:underline}.calendar-toolbar{align-items:flex-start}.calendar-toolbar>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.calendar-month-card h2{margin-bottom:16px}.enhanced-calendar .calendar-cell{min-height:148px}.today-cell{box-shadow:inset 0 0 0 2px var(--primary)}.cal-event-link{color:#1d2939;transition:.18s ease}.cal-event-link:hover{transform:translateX(2px);background:#dfeaff}.compact-filter{grid-template-columns:repeat(4,minmax(160px,1fr));align-items:end}.report-kpis{margin-bottom:20px}.permission-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.permission-module{border:1px solid #e6ebf1;border-radius:16px;background:#fff;overflow:hidden}.permission-module-head{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#f8fafc;padding:13px 14px;border-bottom:1px solid #e6ebf1}.permission-module-head label{display:flex;align-items:center;gap:8px}.permission-module-head span{font-size:12px;color:#667085;font-weight:700}.permission-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px}.permission-actions label{display:flex;flex-direction:column;gap:4px;background:#f8fafc;border:1px solid #e6ebf1;border-radius:12px;padding:10px}.permission-actions label input{width:auto;min-height:auto;margin-right:6px}.permission-actions b{font-size:13px}.permission-actions small{font-size:11px;color:#667085;word-break:break-word}.cal-event small{line-height:1.3}@media(max-width:1100px){.compact-filter{grid-template-columns:1fr 1fr}.permission-matrix{grid-template-columns:1fr}}@media(max-width:700px){.compact-filter{grid-template-columns:1fr}.card-head{flex-direction:column}.funnel-row{grid-template-columns:100px 1fr 44px}.permission-actions{grid-template-columns:1fr}}

/* v1.0.9: My Account, profile photo and user security UX */
.user-menu-modern{gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.account-chip{display:flex;align-items:center;gap:9px;text-decoration:none;color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:6px 10px;box-shadow:0 6px 18px rgba(15,34,51,.06)}
.account-chip b{display:block;font-size:13px;line-height:1.1}.account-chip small{display:block;color:#64748b;font-size:11px}.account-chip:hover{border-color:var(--primary);box-shadow:0 8px 24px rgba(31,78,121,.12)}
.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-weight:700;overflow:hidden;flex:0 0 auto}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar-sm{width:34px;height:34px;font-size:13px}.avatar-lg{width:82px;height:82px;font-size:30px}
.my-account-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;background:linear-gradient(135deg,rgba(31,78,121,.09),rgba(255,208,68,.14));border:1px solid rgba(31,78,121,.12)}
.my-account-user{display:flex;align-items:center;gap:18px}.my-account-user h2{margin:4px 0}.my-account-meta{display:flex;gap:12px;flex-wrap:wrap}.my-account-meta span{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px 14px;font-size:12px;color:#64748b;min-width:160px}.my-account-meta b{color:#111827;font-size:13px}
.my-account-grid .card{align-self:start}.profile-preview-line{display:flex;align-items:center;gap:10px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:8px;margin-bottom:8px}.profile-preview-line img{width:52px;height:52px;border-radius:12px;object-fit:cover}.profile-preview-line span{font-size:12px;color:#64748b}
.account-security-box{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;padding:14px}.account-security-box p{margin:5px 0 0}.field input[readonly]{background:#f8fafc;color:#64748b;cursor:not-allowed}.badge-success{background:#dcfce7;color:#166534}.badge-failed{background:#fee2e2;color:#991b1b}
@media (max-width: 900px){.my-account-hero{flex-direction:column;align-items:flex-start}.my-account-meta{width:100%}.my-account-meta span{flex:1}.account-chip span:last-child{display:none}.user-menu-modern .btn{padding:8px 10px}}

/* v1.1.0 Security Hardening UI */
.security-topline{display:block;color:#64748b;margin-top:2px;font-size:11px}.security-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.security-card{border:1px solid #e5e7eb;border-radius:16px;padding:14px;background:#fff}.security-card b{display:block;font-size:20px;margin-top:4px}.security-card small{color:#64748b}.security-warning{border-left:4px solid #f59e0b;background:#fffbeb;padding:12px;border-radius:12px}.permission-denied-note{padding:10px;border-radius:10px;background:#fef2f2;color:#991b1b}.login-card .alert-warning{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.security-settings-box{border:1px solid #dbeafe;background:#eff6ff;border-radius:16px;padding:16px;margin:12px 0}.security-settings-box h3{margin-top:0}.sensitive-field-note{font-size:12px;color:#64748b}.btn.danger-lite{background:#fee2e2;color:#991b1b;border-color:#fecaca}@media(max-width:900px){.security-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.security-grid{grid-template-columns:1fr}}

/* v1.1.1 Safe Mode Recovery */
.erp-safe-mode-alert a{color:#92400e;text-decoration:underline;font-weight:700}.safe-mode-help{background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:12px;padding:10px 12px;margin:12px 0;font-weight:700}

/* v1.4.0 Mobile Responsive UX Upgrade */
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body.mobile-lock{overflow:hidden;touch-action:none}.mobile-sidebar-backdrop{display:none}.sidebar-close{display:none}.topbar-title{min-width:0}.mobile-bottom-nav{display:none}.mobile-menu-toggle{touch-action:manipulation}.btn,button,a,input,select,textarea{touch-action:manipulation}.content img,.card img{max-width:100%;height:auto}.table-wrap{max-width:100%;-webkit-overflow-scrolling:touch}.mobile-scroll-note{display:none}.topbar .logout-btn{white-space:nowrap}.toolbar>div:last-child,.form-actions,.actions{flex-wrap:wrap}.card,.stat-card,.login-card,.modern-login-card{overflow-wrap:anywhere}.calendar-cell{overflow:hidden}.cal-event,.cal-event-link{word-break:break-word}.lead-hero,.my-account-hero{gap:16px}.mobile-only{display:none!important}

@media(max-width:980px){
  body{background:#f5f7fb}.app-shell{display:block;min-height:100svh}.main{margin-left:0!important;width:100%!important;min-height:100svh;padding-bottom:78px}.sidebar{position:fixed!important;inset:0 auto 0 0;width:min(86vw,340px)!important;max-width:340px;transform:translateX(-105%);transition:transform .25s ease;z-index:1001;box-shadow:20px 0 60px rgba(15,34,51,.28);will-change:transform}.sidebar-open .sidebar{transform:translateX(0)!important}.mobile-sidebar-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.48);backdrop-filter:blur(2px);z-index:1000}.sidebar-open .mobile-sidebar-backdrop{display:block}.sidebar-close{margin-left:auto;display:inline-grid;place-items:center;width:36px;height:36px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:24px;line-height:1;padding:0}.brand{position:sticky;top:0;background:var(--sidebar,#0f2233);z-index:2}.sidebar nav{padding:10px 12px 24px}.sidebar a{min-height:46px;font-size:15px}.topbar{height:auto;min-height:66px;padding:10px 12px;gap:10px;align-items:center;position:sticky;top:0;z-index:50;box-shadow:0 8px 22px rgba(15,34,51,.06)}.hamburger{display:inline-grid!important;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border-radius:14px;background:#eef3f7;color:#0f172a;font-size:21px}.topbar-title{flex:1;overflow:hidden}.topbar-title strong{font-size:16px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-title small{font-size:11px;line-height:1.25}.topbar-title small:not(.security-topline){display:none}.security-topline{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-modern{gap:8px;flex:0 0 auto}.account-chip{padding:5px;border-radius:16px}.account-chip .avatar,.avatar-sm{width:36px;height:36px}.account-chip span:last-child{display:none!important}.topbar .logout-btn{padding:9px 11px;border-radius:14px;font-size:0}.topbar .logout-btn:before{content:'⏻';font-size:18px}.content{padding:16px 12px 22px}.toolbar{flex-direction:column;align-items:stretch;gap:12px}.toolbar h2,.toolbar h1{margin-bottom:4px}.toolbar>div:last-child{display:flex;gap:8px}.toolbar .btn,.toolbar button{justify-content:center;min-height:44px}.card{border-radius:18px;padding:16px;margin-bottom:14px;box-shadow:0 10px 30px rgba(16,24,40,.05)}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}.stat-card{padding:16px;border-radius:16px}.stat-card strong{font-size:28px}.grid.two,.two,.form-grid,.detail-grid,.compact-filter,.filter-main,.filter-grid,.range-field,.permission-matrix,.permission-actions,.checks,.permission-grid,.security-grid,.my-account-grid,.dashboard-charts,.report-grid{grid-template-columns:1fr!important}.form-grid{gap:12px}.field{gap:6px}.field span,label{font-size:13px}input,select,textarea,.toolbar input,.toolbar select{min-height:46px;font-size:16px;border-radius:13px}.form-actions{position:sticky;bottom:76px;background:rgba(245,247,251,.96);backdrop-filter:blur(8px);padding:10px;border:1px solid #e6ebf1;border-radius:16px;z-index:20;margin-left:-4px;margin-right:-4px}.form-actions .btn,.form-actions button{flex:1;justify-content:center}.detail-grid{gap:10px}.detail-grid>div{background:#f8fafc;border:1px solid #edf1f5;border-radius:14px;padding:12px}.actions{gap:6px}.actions a,.actions button{min-height:38px}.app-footer{margin:0 12px 86px;padding:13px 6px;font-size:12px}.mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;z-index:80;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-top:1px solid #e6ebf1;padding:7px 8px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -10px 28px rgba(15,34,51,.08)}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:14px;min-height:52px;color:#667085;font-size:11px;font-weight:700}.mobile-bottom-nav a span{font-size:19px;line-height:1}.mobile-bottom-nav a b{font-size:10px;line-height:1}.mobile-bottom-nav a.active{background:rgba(31,78,121,.10);color:var(--primary,#1f4e79)}.mobile-only{display:initial!important}.desktop-only{display:none!important}
}

@media(max-width:780px){
  .table-wrap{border:0;border-radius:0;background:transparent;overflow:visible}.mobile-card-table{min-width:0!important;background:transparent;border-collapse:separate;border-spacing:0 12px}.mobile-card-table thead{display:none}.mobile-card-table tbody,.mobile-card-table tr,.mobile-card-table td{display:block;width:100%}.mobile-card-table tr{background:#fff;border:1px solid #e6ebf1;border-radius:16px;padding:10px 12px;box-shadow:0 8px 24px rgba(16,24,40,.04)}.mobile-card-table td{border:0!important;padding:8px 0!important;background:transparent!important;position:relative!important;left:auto!important;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;text-align:right}.mobile-card-table td:before{content:attr(data-label);flex:0 0 42%;max-width:42%;font-weight:700;color:#667085;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.02em}.mobile-card-table td:first-child{background:transparent!important}.mobile-card-table td .actions{justify-content:flex-end;width:100%}.mobile-card-table td:has(.actions):before{display:none}.mobile-card-table .actions a,.mobile-card-table .actions button{flex:1;justify-content:center}.table-status{align-items:flex-start;flex-direction:column}.enhanced-pagination,.pagination{justify-content:flex-start;overflow:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.enhanced-pagination a,.pagination a{white-space:nowrap;flex:0 0 auto}.list-panel{padding:14px}.filter-buttons{width:100%}.filter-buttons .btn,.filter-buttons button{flex:1;justify-content:center}.advanced-filters summary{background:#f8fafc;border:1px solid #e6ebf1;border-radius:12px;padding:12px}.lead-hero,.my-account-hero{flex-direction:column;align-items:flex-start}.lead-hero-actions,.lead-hero-main{width:100%}.lead-hero-actions,.quick-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;width:100%}.lead-hero-actions .btn,.quick-actions .btn{justify-content:center}.related-card-head,.card-head{flex-direction:column;align-items:flex-start}.calendar-grid,.enhanced-calendar{display:block!important;background:transparent;border:0}.calendar-head{display:none!important}.calendar-cell{min-height:auto;border:1px solid #e6ebf1;border-radius:16px;margin-bottom:12px;padding:14px;background:#fff!important}.calendar-cell.empty{display:none}.event-line{grid-template-columns:72px 1fr;align-items:start}.event-line>*:last-child{grid-column:2}.chart-card{min-height:auto}.report-kpis{grid-template-columns:1fr 1fr!important}.funnel-row{grid-template-columns:92px 1fr 42px}.bar-row{grid-template-columns:88px 1fr 34px}.login-layout{grid-template-columns:1fr!important}.modern-login-body{padding:14px}.login-brand-panel{display:none}.modern-login-card{border-radius:22px;padding:24px}.login-footer{padding-bottom:10px}
}

@media(max-width:520px){
  .content{padding:14px 10px 20px}.stats-grid,.report-kpis{grid-template-columns:1fr!important}.card{padding:14px;border-radius:16px}.toolbar>div:last-child{display:grid;grid-template-columns:1fr 1fr}.toolbar>div:last-child .btn:only-child{grid-column:1/-1}.lead-hero-actions,.quick-actions{grid-template-columns:1fr}.mobile-card-table td{flex-direction:column;text-align:left;gap:4px}.mobile-card-table td:before{flex:auto;max-width:100%}.mobile-card-table .actions{display:grid;grid-template-columns:1fr 1fr}.mobile-bottom-nav{padding-left:5px;padding-right:5px}.mobile-bottom-nav a{min-height:50px}.mobile-bottom-nav a b{font-size:9px}.topbar{gap:8px}.topbar-title strong{font-size:15px}.hamburger{flex-basis:42px;width:42px;height:42px}.account-chip .avatar,.avatar-sm{width:34px;height:34px}.topbar .logout-btn{padding:8px 10px}.form-actions{display:grid;grid-template-columns:1fr;bottom:74px}.funnel-row,.bar-row{grid-template-columns:1fr}.funnel-row b,.bar-row span{text-align:left}.event-line{grid-template-columns:1fr}.app-footer{margin-bottom:84px}
}

@media(pointer:coarse){.btn,button,.actions a,.actions button,.pagination a,.sidebar a{min-height:44px}}


/* v1.4.1 Desktop UX/UI Enhancement Patch
   Scope: desktop visual polish and interaction helpers only. Mobile v1.4.0 rules remain intact. */
@media (min-width:981px){
  :root{
    --erp-card-radius:18px;
    --erp-soft-shadow:0 12px 34px rgba(16,24,40,.07);
    --erp-hover-shadow:0 16px 42px rgba(16,24,40,.10);
    --erp-border:#e5eaf1;
    --erp-muted:#667085;
    --erp-page-bg:#f5f7fb;
  }
  body{background:linear-gradient(180deg,#f7f9fc 0,#f3f6fa 100%);}
  .main{transition:margin-left .22s ease,width .22s ease;}
  .sidebar{box-shadow:8px 0 28px rgba(15,34,51,.14);transition:width .22s ease;}
  .sidebar nav{padding:14px 12px 20px;}
  .sidebar a{position:relative;margin-bottom:6px;border:1px solid transparent;transition:background .18s ease,color .18s ease,transform .18s ease,border-color .18s ease;}
  .sidebar a:hover{transform:translateX(2px);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.09);}
  .sidebar a.active{box-shadow:inset 3px 0 0 var(--accent),0 10px 22px rgba(0,0,0,.12);}
  .brand{position:sticky;top:0;z-index:4;background:var(--sidebar);}
  .desktop-only{display:inline-flex!important;}
  .sidebar-compact-toggle{margin-left:auto;width:34px;height:34px;align-items:center;justify-content:center;padding:0;border-radius:10px;background:rgba(255,255,255,.10);color:#fff;border:1px solid rgba(255,255,255,.12);}
  .sidebar-close{display:none!important;}
  body.sidebar-compact .sidebar{width:88px;overflow-x:hidden;}
  body.sidebar-compact .main{margin-left:88px;width:calc(100% - 88px);}
  body.sidebar-compact .brand{justify-content:center;padding:18px 12px;}
  body.sidebar-compact .brand img{width:38px;height:38px;}
  body.sidebar-compact .brand div,body.sidebar-compact .sidebar a:not(.active){font-size:0;}
  body.sidebar-compact .brand div{display:none;}
  body.sidebar-compact .sidebar a{justify-content:center;padding:13px 10px;gap:0;}
  body.sidebar-compact .sidebar a span{font-size:18px;}
  body.sidebar-compact .sidebar-compact-toggle{position:absolute;right:7px;top:8px;width:24px;height:24px;font-size:11px;}
  .topbar{height:78px;padding:0 28px;gap:18px;box-shadow:0 6px 20px rgba(16,24,40,.03);}
  .topbar-title{min-width:240px;}
  .topbar-title strong{font-size:18px;color:#101828;}
  .security-topline{font-size:11px;color:#98a2b3!important;}
  .desktop-page-search{display:flex;align-items:center;gap:8px;min-width:280px;max-width:430px;flex:1;background:#f8fafc;border:1px solid #e4e7ec;border-radius:999px;padding:8px 14px;color:#98a2b3;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;}
  .desktop-page-search:focus-within{background:#fff;border-color:rgba(31,78,121,.45);box-shadow:0 0 0 4px rgba(31,78,121,.08);}
  .desktop-page-search input{min-height:28px;border:0;background:transparent;padding:0;border-radius:0;outline:none;font-size:13px;}
  .desktop-breadcrumb{display:flex;align-items:center;gap:8px;padding:14px 28px 0;color:#667085;font-size:13px;}
  .desktop-breadcrumb a{color:var(--primary);font-weight:700;}
  .desktop-breadcrumb strong{color:#344054;font-weight:700;}
  .content{padding:22px 28px 28px;}
  .card,.stat-card{border-color:var(--erp-border);box-shadow:var(--erp-soft-shadow);transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease;}
  .card:hover,.stat-card:hover{box-shadow:var(--erp-hover-shadow);border-color:#d9e2ec;}
  .stat-card{position:relative;overflow:hidden;}
  .stat-card:after{content:"";position:absolute;right:-38px;top:-38px;width:92px;height:92px;background:rgba(31,78,121,.07);border-radius:999px;}
  .stat-card strong{font-size:30px;line-height:1.05;}
  .stats-grid{gap:16px;}
  .toolbar{background:#fff;border:1px solid var(--erp-border);border-radius:18px;padding:14px 16px;box-shadow:0 10px 26px rgba(16,24,40,.045);align-items:center;}
  .toolbar h1,.toolbar h2,.toolbar h3{margin:0;}
  .toolbar form{flex-wrap:wrap;}
  .toolbar input,.toolbar select{height:42px;}
  .btn,button{transition:transform .14s ease,box-shadow .14s ease,filter .14s ease;}
  .btn:hover,button:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(16,24,40,.08);}
  .btn-primary{box-shadow:0 8px 18px rgba(31,78,121,.20);}
  .btn-light{border:1px solid #e4e7ec;background:#f8fafc;}
  .table-wrap{border-radius:18px;border-color:var(--erp-border);box-shadow:0 10px 28px rgba(16,24,40,.045);background:#fff;}
  table{min-width:960px;}
  th{top:0;background:#f8fafc;box-shadow:inset 0 -1px 0 #e8edf3;white-space:nowrap;}
  td{color:#344054;}
  tbody tr{transition:background .15s ease;}
  tbody tr:hover td{background:#f8fbff;}
  body.table-compact th,body.table-compact td{padding:9px 10px;font-size:13px;}
  .density-toggle{white-space:nowrap;}
  .table-tools-inline{display:flex;align-items:center;gap:8px;margin-left:auto;}
  .actions{gap:6px;flex-wrap:nowrap;}
  .actions a,.actions button{border-radius:10px;padding:8px 10px;}
  .badge,.status,.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 10px;font-weight:700;font-size:12px;line-height:1;background:#eef3f7;color:#344054;}
  .badge-success,.status-success,.pill-success{background:#ecfdf3;color:#027a48;}
  .badge-warning,.status-warning,.pill-warning{background:#fffaeb;color:#b54708;}
  .badge-danger,.status-danger,.pill-danger{background:#fef3f2;color:#b42318;}
  .badge-info,.status-info,.pill-info{background:#eff8ff;color:#175cd3;}
  form .grid.two,.form-grid.two{gap:18px 22px;}
  label{font-weight:700;color:#344054;font-size:13px;}
  input:focus,select:focus,textarea:focus{outline:none;border-color:rgba(31,78,121,.55);box-shadow:0 0 0 4px rgba(31,78,121,.08);}
  .form-actions{position:sticky;bottom:0;z-index:4;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);border:1px solid #e4e7ec;border-radius:16px;padding:12px;margin-top:18px;box-shadow:0 -8px 24px rgba(16,24,40,.06);}
  .alert{border-radius:14px;border:1px solid rgba(0,0,0,.04);box-shadow:0 8px 24px rgba(16,24,40,.05);}
  .erp-toast-stack{position:fixed;right:24px;top:92px;z-index:1000;display:grid;gap:10px;max-width:380px;}
  .erp-toast{background:#fff;border:1px solid #e4e7ec;border-left:4px solid var(--primary);border-radius:14px;box-shadow:0 16px 42px rgba(16,24,40,.16);padding:12px 14px;color:#344054;font-weight:700;animation:erpToastIn .2s ease both;}
  .erp-toast.alert-success{border-left-color:#12b76a}.erp-toast.alert-danger{border-left-color:#f04438}.erp-toast.alert-warning{border-left-color:#f79009}
  @keyframes erpToastIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
  .erp-confirm-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.42);z-index:1100;display:flex;align-items:center;justify-content:center;padding:24px;}
  .erp-confirm-box{width:min(430px,100%);background:#fff;border-radius:20px;box-shadow:0 28px 80px rgba(15,23,42,.25);padding:22px;border:1px solid #eef2f6;}
  .erp-confirm-box h3{margin:0 0 8px;color:#101828}.erp-confirm-box p{margin:0 0 18px;color:#667085;line-height:1.5}.erp-confirm-actions{display:flex;justify-content:flex-end;gap:10px;}
  .page-search-dim{opacity:.28;filter:grayscale(.15);}
  .page-search-hit{outline:2px solid rgba(31,78,121,.20);outline-offset:2px;}
  .app-footer{margin-top:6px;padding:4px 28px 22px;color:#98a2b3;}
}
@media (max-width:980px){.desktop-page-search,.desktop-breadcrumb,.desktop-only{display:none!important;}}

/* v1.4.2 Table Column Visibility Settings */
.table-column-settings-card { overflow: hidden; }
.table-column-settings-card .badge { background: rgba(31,78,121,.1); color: var(--primary, #1f4e79); padding: 6px 10px; border-radius: 999px; font-weight: 700; font-size: 12px; }
.column-module-tabs { display: flex; gap: 8px; overflow-x: auto; padding: 8px 0 16px; margin-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,.08); }
.column-module-tab { border: 1px solid rgba(0,0,0,.10); background: #fff; border-radius: 999px; padding: 8px 14px; cursor: pointer; white-space: nowrap; font-weight: 600; color: #334155; }
.column-module-tab.active { background: var(--primary, #1f4e79); color: #fff; border-color: var(--primary, #1f4e79); box-shadow: 0 8px 20px rgba(31,78,121,.18); }
.column-module-panel { display: none; }
.column-module-panel.active { display: block; }
.column-module-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 10px 0 18px; }
.column-module-head h3 { margin: 0 0 4px; }
.column-module-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.btn-sm { padding: 7px 10px; font-size: 12px; }
.column-section-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.column-section { border: 1px solid rgba(15,34,51,.10); border-radius: 16px; background: #fbfdff; overflow: hidden; }
.column-section-head { display: flex; align-items: center; justify-content: space-between; padding: 11px 13px; background: rgba(15,34,51,.035); border-bottom: 1px solid rgba(15,34,51,.08); }
.column-section-head label { display: flex; align-items: center; gap: 8px; cursor: pointer; }
.column-section-head span { font-size: 12px; color: #64748b; font-weight: 700; }
.column-field-list { display: grid; gap: 1px; padding: 8px; }
.column-field-item { display: grid; grid-template-columns: 22px 1fr 70px; align-items: center; gap: 8px; padding: 8px; border-radius: 10px; cursor: pointer; }
.column-field-item:hover { background: #fff; box-shadow: inset 0 0 0 1px rgba(15,34,51,.06); }
.column-field-item span { font-size: 13px; font-weight: 600; color: #334155; }
.column-sort-input { width: 68px; padding: 6px 7px; border: 1px solid rgba(0,0,0,.10); border-radius: 8px; font-size: 12px; }
.data-table th[data-column] { white-space: nowrap; }
@media (max-width: 900px) {
  .column-section-grid { grid-template-columns: 1fr; }
  .column-module-head { align-items: flex-start; flex-direction: column; }
}

/* v1.4.3 Settings sub-pages + simple login */
.settings-shell{display:flex;flex-direction:column;gap:18px;}
.settings-header-card{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border:1px solid rgba(15,34,51,.08);border-radius:22px;padding:22px 24px;box-shadow:0 14px 36px rgba(15,34,51,.07);}
.settings-header-card h1{margin:0;font-size:28px;letter-spacing:-.03em;color:#0f2233;}
.settings-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start;}
.settings-sidebar-tabs{position:sticky;top:92px;background:#fff;border:1px solid rgba(15,34,51,.08);border-radius:22px;padding:10px;box-shadow:0 14px 36px rgba(15,34,51,.06);display:flex;flex-direction:column;gap:8px;}
.settings-tab-link{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:16px;color:#263447;text-decoration:none;border:1px solid transparent;transition:.18s ease;background:transparent;}
.settings-tab-link strong{font-size:14px;line-height:1.2;}
.settings-tab-link small{font-size:12px;color:#718096;line-height:1.35;}
.settings-tab-link:hover{background:#f6f8fb;border-color:rgba(31,78,121,.12);}
.settings-tab-link.active{background:linear-gradient(135deg,var(--primary),#163a5c);color:#fff;box-shadow:0 12px 22px rgba(31,78,121,.18);}
.settings-tab-link.active small{color:rgba(255,255,255,.78);}
.settings-content-panel{min-width:0;display:flex;flex-direction:column;gap:18px;}
.settings-subpage-card{overflow:visible;}
.settings-tab-form{align-items:start;}
.settings-sticky-actions{position:sticky;bottom:0;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-top:1px solid rgba(15,34,51,.08);padding-top:14px;margin-top:8px;z-index:4;}
.settings-preview-img{display:block;margin-top:10px;max-width:160px;max-height:74px;object-fit:contain;border:1px solid rgba(15,34,51,.10);border-radius:12px;background:#f8fafc;padding:6px;}
.settings-preview-img.small{width:44px;height:44px;}
.settings-preview-img.wide-preview{max-width:260px;max-height:120px;object-fit:cover;}
.color-field input[type="color"]{height:44px;padding:4px;cursor:pointer;}

.simple-login-body{min-height:100vh;background:radial-gradient(circle at top left,rgba(255,208,68,.18),transparent 32%),linear-gradient(135deg,var(--login-bg),#132f4b);display:flex;align-items:center;justify-content:center;padding:24px;}
.simple-login-wrap{width:100%;max-width:470px;margin:auto;}
.simple-login-card{background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.35);border-radius:28px;padding:32px;box-shadow:0 30px 80px rgba(0,0,0,.28);}
.simple-login-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px;}
.simple-login-brand img{width:52px;height:52px;object-fit:contain;border-radius:14px;background:#f8fafc;border:1px solid rgba(15,34,51,.08);padding:6px;}
.simple-login-brand strong{display:block;font-size:16px;color:#0f2233;}
.simple-login-brand small{display:block;color:#6b7280;font-size:12px;margin-top:2px;}
.simple-login-card h1{font-size:28px;line-height:1.1;margin:0 0 8px;color:#0f2233;letter-spacing:-.04em;}
.simple-login-form{display:flex;flex-direction:column;gap:10px;margin-top:18px;}
.simple-login-form label{font-weight:700;color:#263447;font-size:13px;margin-top:6px;}
.simple-login-form input{height:46px;border:1px solid rgba(15,34,51,.16);border-radius:14px;padding:0 14px;background:#fff;outline:none;transition:.18s ease;}
.simple-login-form input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(31,78,121,.10);}
.simple-login-form .btn{height:48px;margin-top:10px;border-radius:14px;font-weight:700;}
.forgot-link{display:inline-flex;margin-top:16px;color:var(--primary);font-weight:700;text-decoration:none;}
.forgot-link:hover{text-decoration:underline;}
.simple-login-card .login-demo{display:block;margin-top:18px;color:#6b7280;line-height:1.4;}
.login-footer{position:fixed;left:0;right:0;bottom:12px;text-align:center;color:rgba(255,255,255,.86);font-size:12px;}
.login-footer a{color:#fff;font-weight:700;text-decoration:none;}

@media (max-width: 980px){
  .settings-layout{grid-template-columns:1fr;}
  .settings-sidebar-tabs{position:relative;top:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 640px){
  .settings-sidebar-tabs{grid-template-columns:1fr;}
  .settings-header-card{align-items:flex-start;flex-direction:column;}
  .simple-login-body{padding:16px;align-items:flex-start;}
  .simple-login-card{padding:24px;border-radius:22px;margin-top:20px;}
  .login-footer{position:static;margin-top:18px;}
}

/* v1.4.4 Role Permission Matrix UI */
.permission-page-head{align-items:flex-start}.permission-role-card{padding:18px 20px}.permission-role-form{display:grid;grid-template-columns:minmax(240px,380px) 1fr;gap:18px;align-items:end}.permission-summary{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.permission-summary span{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border:1px solid #e6ebf1;border-radius:14px;background:#f8fafc;color:#667085;font-weight:700}.permission-summary b{font-size:18px;color:var(--primary,#1f4e79)}.permission-matrix-card{padding:0;overflow:hidden}.permission-matrix-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px;border-bottom:1px solid #e6ebf1;background:linear-gradient(180deg,#fff,#fbfdff)}.permission-matrix-toolbar h3{margin:0 0 4px}.permission-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.permission-tools input[type=search]{min-width:260px;width:260px}.permission-switch{display:inline-flex;align-items:center;gap:8px;border:1px solid #e6ebf1;background:#fff;border-radius:12px;padding:9px 12px;font-weight:700;color:#344054;white-space:nowrap}.permission-switch input{width:auto;min-height:auto}.permission-table-section{padding:18px 20px;border-bottom:1px solid #e6ebf1}.permission-table-section:last-child{border-bottom:0}.permission-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.permission-section-head h3{margin:0 0 3px;font-size:18px}.permission-section-head p{margin:0}.permission-table-wrap{border-radius:16px;max-height:560px;overflow:auto}.permission-admin-table{min-width:1180px}.permission-admin-table th,.permission-admin-table td{padding:11px 12px;text-align:center;white-space:nowrap}.permission-admin-table th{font-size:12px;vertical-align:middle}.permission-admin-table th label{display:inline-flex;align-items:center;gap:6px;justify-content:center}.permission-admin-table th input{width:auto;min-height:auto}.permission-admin-table .permission-module-col{position:sticky;left:0;z-index:2;text-align:left;min-width:230px;background:#fff}.permission-admin-table thead .permission-module-col{z-index:4;background:#f8fafc}.permission-admin-table .permission-row-col{min-width:110px}.permission-admin-table tbody tr:hover .permission-module-col{background:#fcfdff}.permission-admin-table td.permission-module-col strong{display:block;font-size:14px;color:#1d2939}.permission-admin-table td.permission-module-col small{display:block;color:#667085;margin-top:3px;font-size:12px}.permission-full-access{display:inline-flex;align-items:center;gap:7px;font-weight:700;color:#1d2939}.permission-full-access input{width:auto;min-height:auto}.permission-check{display:inline-grid;place-items:center;gap:4px;min-width:38px}.permission-check input{width:20px;height:20px;min-height:auto;accent-color:var(--primary,#1f4e79);cursor:pointer}.permission-check span{font-size:11px;color:#667085;display:none}.permission-na{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#f2f4f7;color:#98a2b3;font-weight:700}.permission-row-status{display:inline-flex;align-items:center;gap:2px;padding:6px 10px;border-radius:999px;background:#eef3f7;color:#667085;font-weight:700;min-width:52px;justify-content:center}.permission-row-status b{color:var(--primary,#1f4e79)}.permission-admin-table tr.is-permission-empty td{background:#fffdfd}.permission-admin-table tr.is-permission-empty .permission-row-status{background:#fff1f3;color:#b42318}.permission-sticky-save{position:sticky;bottom:0;margin:0;padding:16px 20px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-top:1px solid #e6ebf1;z-index:8}.permission-sticky-save .btn{min-width:150px;justify-content:center}@media(max-width:1200px){.permission-role-form{grid-template-columns:1fr}.permission-summary{justify-content:flex-start}.permission-matrix-toolbar{flex-direction:column}.permission-tools{justify-content:flex-start}.permission-tools input[type=search]{width:100%;min-width:0}.permission-admin-table{min-width:1080px}}@media(max-width:800px){.permission-table-section{padding:14px}.permission-section-head{align-items:flex-start;flex-direction:column}.permission-tools{width:100%;flex-direction:column;align-items:stretch}.permission-switch,.permission-tools .btn{justify-content:center}.permission-table-wrap{max-height:70vh}.permission-sticky-save{bottom:78px;border-radius:16px;margin:0 12px 12px}}

/* v1.4.5 Login Mobile + Pure Background Image Upgrade */
.simple-login-body{
  min-height:100svh;
  background:radial-gradient(circle at top left,rgba(255,208,68,.13),transparent 34%),linear-gradient(135deg,var(--login-bg,#0f2233),#132f4b);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px;
  position:relative;
  overflow-x:hidden;
}
.simple-login-body.login-has-bg-image{
  background-color:var(--login-bg,#0f2233);
}
.simple-login-body.login-overlay-enabled::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(135deg,#0f2233,#1f4e79);
}
.simple-login-wrap,
.login-footer{
  position:relative;
  z-index:1;
}
.simple-login-body.login-align-left{justify-content:flex-start;}
.simple-login-body.login-align-right{justify-content:flex-end;}
.simple-login-body.login-align-left .simple-login-wrap{margin-left:clamp(20px,7vw,110px);margin-right:auto;}
.simple-login-body.login-align-right .simple-login-wrap{margin-right:clamp(20px,7vw,110px);margin-left:auto;}
.simple-login-wrap{max-width:430px;}
.simple-login-card{
  border-radius:26px;
  padding:30px;
  box-shadow:0 28px 80px rgba(0,0,0,.20);
  backdrop-filter:blur(16px);
}
.simple-login-brand{margin-bottom:20px;}
.simple-login-brand img,
.login-logo-fallback{
  width:54px;
  height:54px;
  flex:0 0 54px;
}
.login-logo-fallback{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:var(--primary,#1f4e79);
  color:#fff;
  font-weight:700;
  font-size:22px;
}
.simple-login-card h1{font-size:30px;margin-bottom:8px;}
.simple-login-card .muted{font-size:14px;line-height:1.55;}
.simple-login-form input{font-size:15px;min-height:48px;}
.simple-login-form .btn{min-height:50px;}
.login-footer{
  bottom:16px;
  text-shadow:0 1px 5px rgba(0,0,0,.32);
}
.login-footer a{text-shadow:inherit;}
@media (max-width: 768px){
  html,body{overflow-x:hidden;}
  .simple-login-body,
  .simple-login-body.login-align-left,
  .simple-login-body.login-align-right{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:100svh;
    padding:16px;
  }
  .simple-login-body.login-has-bg-image{
    background-size:cover!important;
    background-position:center center!important;
  }
  .simple-login-wrap,
  .simple-login-body.login-align-left .simple-login-wrap,
  .simple-login-body.login-align-right .simple-login-wrap{
    width:100%;
    max-width:420px;
    margin:0 auto;
  }
  .simple-login-card{
    width:100%;
    padding:22px;
    border-radius:22px;
    box-shadow:0 18px 52px rgba(0,0,0,.22);
  }
  .simple-login-brand{
    align-items:center;
    margin-bottom:16px;
  }
  .simple-login-brand img,
  .login-logo-fallback{
    width:48px;
    height:48px;
    flex-basis:48px;
  }
  .simple-login-brand strong{font-size:15px;line-height:1.2;}
  .simple-login-brand small{font-size:11.5px;line-height:1.3;}
  .login-hide-tagline-mobile .login-brand-tagline{display:none!important;}
  .simple-login-card h1{font-size:25px;line-height:1.12;}
  .simple-login-card .muted{font-size:13px;margin-bottom:6px;}
  .simple-login-form{gap:8px;margin-top:14px;}
  .simple-login-form label{font-size:12px;margin-top:4px;}
  .simple-login-form input{height:46px;min-height:46px;border-radius:13px;font-size:16px;}
  .simple-login-form .btn{height:48px;min-height:48px;border-radius:13px;}
  .forgot-link{margin-top:12px;font-size:13px;}
  .login-footer{
    position:static;
    margin-top:14px;
    padding:0 8px;
    color:rgba(255,255,255,.92);
  }
  .login-mobile-compact .simple-login-card{padding:20px;}
  .login-mobile-compact .simple-login-brand{margin-bottom:12px;}
  .login-mobile-compact .simple-login-card h1{font-size:23px;}
  .login-mobile-compact .simple-login-card .muted{font-size:12.5px;}
}
@media (max-width: 380px){
  .simple-login-body{padding:12px;}
  .simple-login-card{padding:18px;border-radius:20px;}
  .simple-login-card h1{font-size:22px;}
  .simple-login-form input{height:44px;min-height:44px;}
}

/* v1.4.6 Contact & Lead Relationship UX */
.contact-hero h2 { margin-bottom: 8px; }
.contact-stat-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(160px, 1fr));
  gap: 14px;
  margin: 16px 0;
}
.contact-stat-row .stat-card {
  background: #fff;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 18px;
  padding: 16px 18px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .05);
}
.contact-stat-row .stat-card span {
  display: block;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-bottom: 6px;
}
.contact-stat-row .stat-card strong {
  color: #0f172a;
  font-size: 22px;
  line-height: 1.1;
}
.contact-related-grid .related-card { min-width: 0; }
.lead-detail-linked-action {
  grid-column: 1 / -1;
  padding-top: 4px;
}
.lead-detail-linked-action .mini-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  padding: 7px 12px;
  background: #eef6ff;
  color: #075985;
  font-weight: 700;
}
@media (max-width: 1100px) {
  .contact-stat-row { grid-template-columns: repeat(2, minmax(160px, 1fr)); }
}
@media (max-width: 640px) {
  .contact-stat-row { grid-template-columns: 1fr; }
}


/* v1.4.9 Data Ownership Visibility */
.data-scope-chip{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid rgba(15,23,42,.08)}
.data-scope-chip.all{background:#ecfdf5;color:#047857}.data-scope-chip.team{background:#eff6ff;color:#1d4ed8}.data-scope-chip.own{background:#fff7ed;color:#c2410c}
.visibility-note-card{border-left:4px solid var(--primary,#2563eb)}

/* v1.4.7 Unified Status Badge Colors - kept in this hotfix to avoid losing badge styles */
.erp-status-badge,
.badge[class*="badge-"] {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:24px;
  padding:5px 11px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  line-height:1;
  letter-spacing:.01em;
  white-space:nowrap;
  border:1px solid transparent;
  box-shadow:0 1px 2px rgba(16,24,40,.04);
}
.erp-status-badge::before{content:"";width:6px;height:6px;border-radius:999px;background:currentColor;opacity:.85;}
.erp-badge-default,.badge-default{background:#f2f4f7!important;color:#344054!important;border-color:#e4e7ec!important;}
.erp-badge-new,.badge-new,.badge-fresh,.badge-open{background:#eff8ff!important;color:#175cd3!important;border-color:#b2ddff!important;}
.erp-badge-assigned,.badge-assigned,.badge-reassigned,.badge-re-assigned{background:#eef4ff!important;color:#3538cd!important;border-color:#c7d7fe!important;}
.erp-badge-contacted,.badge-contacted,.badge-interested,.badge-qualified{background:#ecfdf3!important;color:#027a48!important;border-color:#abefc6!important;}
.erp-badge-followup,.badge-follow-up,.badge-followup,.badge-follow-up-due,.badge-callback{background:#eef4ff!important;color:#444ce7!important;border-color:#c7d7fe!important;}
.erp-badge-progress,.badge-in-progress,.badge-processing,.badge-working{background:#f4f3ff!important;color:#5925dc!important;border-color:#d9d6fe!important;}
.erp-badge-sitevisit,.badge-sitevisit,.badge-site-visit,.badge-site-visit-planned,.badge-site-visit-scheduled{background:#f5f3ff!important;color:#6d28d9!important;border-color:#ddd6fe!important;}
.erp-badge-visited,.badge-visited,.badge-site-visited,.badge-visit-done{background:#eefbf6!important;color:#047857!important;border-color:#99f6e4!important;}
.erp-badge-scheduled,.badge-scheduled,.badge-planned,.badge-rescheduled{background:#fff7ed!important;color:#c2410c!important;border-color:#fed7aa!important;}
.erp-badge-pending,.badge-pending,.badge-waiting{background:#fffaeb!important;color:#b54708!important;border-color:#fedf89!important;}
.erp-badge-hold,.badge-hold,.badge-on-hold{background:#fef3c7!important;color:#92400e!important;border-color:#fde68a!important;}
.erp-badge-approved,.badge-approved,.badge-verified{background:#ecfdf3!important;color:#027a48!important;border-color:#abefc6!important;}
.erp-badge-completed,.badge-completed,.badge-done,.badge-success{background:#dcfce7!important;color:#166534!important;border-color:#bbf7d0!important;}
.erp-badge-booked,.badge-booked,.badge-booking,.badge-converted{background:#e7f8ee!important;color:#137a3b!important;border-color:#c5ecd5!important;}
.erp-badge-available,.badge-available{background:#ecfdf3!important;color:#027a48!important;border-color:#abefc6!important;}
.erp-badge-sold,.badge-sold{background:#f0fdf4!important;color:#15803d!important;border-color:#bbf7d0!important;}
.erp-badge-reserved,.badge-reserved{background:#eff6ff!important;color:#1d4ed8!important;border-color:#bfdbfe!important;}
.erp-badge-blocked,.badge-blocked{background:#f8fafc!important;color:#475467!important;border-color:#cbd5e1!important;}
.erp-badge-cancelled,.badge-cancelled,.badge-canceled,.badge-rejected{background:#fef3f2!important;color:#b42318!important;border-color:#fecdca!important;}
.erp-badge-lost,.badge-lost,.badge-not-interested,.badge-no-show{background:#fff1f3!important;color:#c01048!important;border-color:#fecdd6!important;}
.erp-badge-danger,.badge-danger,.badge-failed,.badge-overdue{background:#fee2e2!important;color:#991b1b!important;border-color:#fecaca!important;}
.erp-badge-inactive,.badge-inactive{background:#f2f4f7!important;color:#667085!important;border-color:#e4e7ec!important;}
.erp-badge-closed,.badge-closed{background:#f8fafc!important;color:#475467!important;border-color:#cbd5e1!important;}
.erp-badge-draft,.badge-draft{background:#f9fafb!important;color:#667085!important;border-color:#eaecf0!important;}
.erp-badge-active,.badge-active{background:#ecfdf3!important;color:#027a48!important;border-color:#abefc6!important;}
.erp-badge-yes,.badge-yes{background:#ecfdf3!important;color:#027a48!important;border-color:#abefc6!important;}
.erp-badge-no,.badge-no{background:#f2f4f7!important;color:#475467!important;border-color:#e4e7ec!important;}
.erp-badge-read,.badge-read{background:#ecfdf3!important;color:#027a48!important;border-color:#abefc6!important;}
.erp-badge-unread,.badge-unread{background:#eff8ff!important;color:#175cd3!important;border-color:#b2ddff!important;}
.erp-badge-sent,.badge-sent{background:#eef4ff!important;color:#3538cd!important;border-color:#c7d7fe!important;}
.erp-badge-hot,.badge-hot,.badge-high{background:#fff1f3!important;color:#c01048!important;border-color:#fecdd6!important;}
.erp-badge-warm,.badge-warm,.badge-medium{background:#fffaeb!important;color:#b54708!important;border-color:#fedf89!important;}
.erp-badge-cold,.badge-cold,.badge-low{background:#eff8ff!important;color:#175cd3!important;border-color:#b2ddff!important;}
.table-wrap td .erp-status-badge,.detail-grid .erp-status-badge,.lead-meta .erp-status-badge{vertical-align:middle;}

/* v1.4.12 Mobile Sidebar Hotfix
   Fixes iOS/mobile issue where the drawer appears blurred and menu links are not selectable. */
@media (max-width: 980px) {
  html.sidebar-is-open,
  body.sidebar-open,
  body.mobile-lock {
    overflow: hidden !important;
    height: 100% !important;
    touch-action: none !important;
  }

  body.sidebar-open .main,
  body.sidebar-open .topbar,
  body.sidebar-open .content,
  body.sidebar-open .mobile-bottom-nav {
    filter: none !important;
    -webkit-filter: none !important;
  }

  .mobile-sidebar-backdrop {
    position: fixed !important;
    inset: 0 !important;
    display: none !important;
    background: rgba(15, 23, 42, .42) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    z-index: 2147482990 !important;
    pointer-events: auto !important;
  }

  body.sidebar-open .mobile-sidebar-backdrop,
  .sidebar-open .mobile-sidebar-backdrop {
    display: block !important;
  }

  .sidebar,
  #erpSidebar {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: min(86vw, 340px) !important;
    max-width: 340px !important;
    transform: translate3d(-105%, 0, 0) !important;
    transition: transform .24s ease !important;
    z-index: 2147483000 !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    box-shadow: 24px 0 70px rgba(15, 34, 51, .35) !important;
    visibility: visible !important;
  }

  body.sidebar-open .sidebar,
  body.sidebar-open #erpSidebar,
  .sidebar-open .sidebar,
  .sidebar-open #erpSidebar {
    transform: translate3d(0, 0, 0) !important;
  }

  .sidebar *,
  #erpSidebar * {
    pointer-events: auto !important;
    filter: none !important;
    -webkit-filter: none !important;
  }

  .sidebar a,
  #erpSidebar a,
  .sidebar button,
  #erpSidebar button {
    position: relative !important;
    z-index: 2147483001 !important;
    pointer-events: auto !important;
    -webkit-tap-highlight-color: rgba(255,255,255,.16);
  }

  .sidebar nav a,
  #erpSidebar nav a {
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
  }

  .sidebar-close {
    display: inline-grid !important;
    pointer-events: auto !important;
    z-index: 2147483002 !important;
  }
}

/* v1.4.17.1 Lead/table UX fixes */
.data-table th .sort-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  color: inherit;
  text-decoration: none;
}
.data-table th .sort-link::after {
  content: '↕';
  font-size: 14px;
  opacity: .45;
  margin-left: auto;
}
.data-table th .sort-link.sort-active.sort-asc::after { content: '↑'; opacity: .9; }
.data-table th .sort-link.sort-active.sort-desc::after { content: '↓'; opacity: .9; }
.data-table th .sort-link:hover { color: var(--primary, #2563eb); }
.data-table td { vertical-align: middle; }
.data-table td[data-label="Interested Project"],
.data-table td[data-label="Property Type"],
.data-table td[data-label="Assigned User"] {
  max-width: 260px;
}
.relation-primary {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.35;
  border-bottom: 1px dotted rgba(37, 99, 235, .45);
  cursor: help;
}
.table-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 10px 0 12px;
}
.enhanced-pagination a.disabled {
  pointer-events: none;
  opacity: .45;
}
.enhanced-pagination a.active {
  font-weight: 700;
}
@media (min-width: 981px) {
  .data-table td[data-label="Interested Project"],
  .data-table td[data-label="Property Type"],
  .data-table td[data-label="Assigned User"] {
    white-space: nowrap;
  }
}

/* v1.4.19-local Final UI Consistency Check
   Scope: visual consistency only. No module logic, routes or database changes. */
:root{
  --erp-primary:var(--primary,#1f4e79);
  --erp-accent:var(--accent,#3b82f6);
  --erp-bg:#f5f7fb;
  --erp-card:#ffffff;
  --erp-text:#101828;
  --erp-muted:#667085;
  --erp-border:#e6ebf1;
  --erp-soft:#f8fafc;
  --erp-radius-sm:10px;
  --erp-radius:14px;
  --erp-radius-lg:20px;
  --erp-shadow:0 8px 24px rgba(16,24,40,.05);
  --erp-shadow-hover:0 14px 40px rgba(16,24,40,.09);
}
body{background:var(--erp-bg);color:var(--erp-text);font-feature-settings:"kern" 1;text-rendering:optimizeLegibility;}
a{color:inherit}.content{max-width:100%;}
.content>h1,.content>h2,.page-title{letter-spacing:-.02em}.muted,.text-muted{color:var(--erp-muted)!important;}
.card,.stat-card,.settings-card,.related-card,.chart-card,.lead-hero,.my-account-hero{border-color:var(--erp-border);box-shadow:var(--erp-shadow);transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease;}
.card:hover,.stat-card:hover,.settings-card:hover,.related-card:hover,.chart-card:hover{box-shadow:var(--erp-shadow-hover);border-color:#dce4ee;}
.card h2,.card h3,.card h4{letter-spacing:-.02em;color:#0f172a;}
.card-head,.related-card-head,.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;}
.section-subtitle{color:var(--erp-muted);font-size:13px;line-height:1.45;margin-top:4px;}
.btn,button,.actions a,.actions button{border-radius:12px;font-weight:700;line-height:1;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease,background .16s ease,color .16s ease;}
.btn:hover,button:hover,.actions a:hover,.actions button:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(16,24,40,.08);}
.btn:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(59,130,246,.25);outline-offset:2px;}
.btn-primary{background:var(--erp-primary);color:#fff}.btn-light{background:#eef3f7;color:#111827}.btn-danger{background:#fee4e2;color:#b42318}.btn-success{background:#dcfae6;color:#067647}.btn-warning{background:#fef0c7;color:#93370d}
.toolbar{background:#fff;border:1px solid var(--erp-border);border-radius:18px;padding:14px 16px;box-shadow:var(--erp-shadow);}
.toolbar h1,.toolbar h2{margin:0}.toolbar-actions,.toolbar>div:last-child{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.breadcrumb,.breadcrumbs{display:flex;align-items:center;gap:8px;color:var(--erp-muted);font-size:13px;font-weight:700;margin:0 0 14px;}
.breadcrumb a,.breadcrumbs a{color:var(--erp-primary)}.breadcrumb span,.breadcrumbs span{color:#98a2b3}
.table-wrap{border-radius:16px;border-color:var(--erp-border);box-shadow:var(--erp-shadow);background:#fff;}
table{font-size:14px}th{font-size:12px;color:#344054;background:#f8fafc;letter-spacing:.04em;white-space:nowrap;}td{color:#344054;line-height:1.35;}
.data-table tbody tr{transition:background .15s ease}.data-table tbody tr:hover td,tbody tr:hover td{background:#f7fbff!important;}
.table-status{background:#fff;border:1px solid var(--erp-border);border-radius:14px;padding:10px 12px;}
.empty-state{border:1px dashed #d0d5dd;border-radius:14px;background:#fbfcfe;color:var(--erp-muted)!important;}
.actions{gap:6px}.actions a,.actions button{border:1px solid #e5eaf1;background:#f8fafc;color:#1d2939}.actions a:first-child{background:#edf6ff;color:#175cd3;border-color:#d6e9ff;}
.pagination a{border-color:var(--erp-border);box-shadow:0 4px 12px rgba(16,24,40,.04);font-weight:700}.pagination a.active{box-shadow:0 8px 18px rgba(31,78,121,.20)}
.badge{border:1px solid transparent;text-transform:capitalize;letter-spacing:.01em;white-space:nowrap}.badge-new{background:#e8f1ff;color:#175cd3;border-color:#c7dcff}.badge-assigned{background:#eef4ff;color:#3538cd;border-color:#d8e2ff}.badge-pending,.badge-follow-up,.badge-planned{background:#fff6d9;color:#93370d;border-color:#f7df8a}.badge-approved,.badge-completed,.badge-active,.badge-available,.badge-booked,.badge-yes{background:#dcfae6;color:#067647;border-color:#abefc6}.badge-site-visit,.badge-site-visit-planned,.badge-site-visited{background:#e0f2fe;color:#026aa2;border-color:#b9e6fe}.badge-lost,.badge-rejected,.badge-cancelled,.badge-inactive,.badge-no,.badge-overdue{background:#fee4e2;color:#b42318;border-color:#fecdca}.badge-draft,.badge-closed,.badge-unknown{background:#f2f4f7;color:#344054;border-color:#e4e7ec}.badge-hot{background:#ffe4e8;color:#c01048;border-color:#fecdd6}.badge-warm{background:#fffaeb;color:#b54708;border-color:#fedf89}.badge-cold{background:#eff8ff;color:#175cd3;border-color:#b2ddff}
.form-grid{align-items:start}.field{position:relative}.field span,.field label{font-weight:700;color:#344054}.field.required span:after,.field.required label:after,label.required:after{content:' *';color:#f04438;font-weight:700}.field small{line-height:1.45}.form-actions{border-top:1px solid #edf1f5;padding-top:14px;}
input,select,textarea,.toolbar input,.toolbar select{border-color:#d0d5dd;box-shadow:0 1px 2px rgba(16,24,40,.04);transition:border-color .16s ease,box-shadow .16s ease;background:#fff;}input:hover,select:hover,textarea:hover{border-color:#98a2b3}input:focus,select:focus,textarea:focus{border-color:#84caff;box-shadow:0 0 0 4px rgba(46,144,250,.12)}
.detail-grid>div,.info-card,.summary-card{background:#fff;border:1px solid var(--erp-border);border-radius:16px;padding:14px;box-shadow:0 4px 14px rgba(16,24,40,.03)}.detail-grid small{font-size:12px;text-transform:uppercase;letter-spacing:.03em}.detail-grid strong{color:#111827;word-break:break-word}.lead-hero{background:linear-gradient(135deg,#ffffff 0,#f7fbff 100%)}
.timeline-item{border-left-color:var(--erp-primary);box-shadow:0 4px 14px rgba(16,24,40,.04)}.cal-event,.cal-event-link{transition:transform .16s ease,box-shadow .16s ease}.cal-event:hover,.cal-event-link:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(16,24,40,.08)}
.alert{border:1px solid transparent}.alert-success{border-color:#abefc6}.alert-danger{border-color:#fecdca}.alert-warning{background:#fffaeb;color:#93370d;border-color:#fedf89}.alert-info{background:#eff8ff;color:#175cd3;border-color:#b2ddff}
.settings-tabs,.tab-nav{display:flex;gap:8px;flex-wrap:wrap;background:#fff;border:1px solid var(--erp-border);border-radius:16px;padding:8px;box-shadow:var(--erp-shadow);margin-bottom:16px}.settings-tabs a,.tab-nav a,.tab-nav button{padding:10px 14px;border-radius:12px;font-weight:700;color:#475467;background:transparent}.settings-tabs a.active,.tab-nav a.active,.tab-nav button.active{background:var(--erp-primary);color:#fff}
.permission-matrix-wrap{overflow:auto;border:1px solid var(--erp-border);border-radius:18px;background:#fff;box-shadow:var(--erp-shadow)}.permission-matrix-table{min-width:980px;width:100%;border-collapse:separate;border-spacing:0}.permission-matrix-table th,.permission-matrix-table td{text-align:center}.permission-matrix-table th:first-child,.permission-matrix-table td:first-child{text-align:left;position:sticky;left:0;background:#fff;z-index:2}.permission-matrix-table th:first-child{background:#f8fafc;z-index:3}.permission-matrix-table input[type="checkbox"]{width:18px;height:18px;min-height:18px;accent-color:var(--erp-primary)}
.toast,.toast-message{border-radius:14px;box-shadow:0 18px 42px rgba(16,24,40,.16);font-weight:700}.app-footer{color:var(--erp-muted)}
@media(min-width:981px){.content{padding:26px}.sidebar a{min-height:42px}.topbar{box-shadow:0 1px 0 rgba(16,24,40,.04)}.stat-card{min-height:134px}.stat-card span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#f0f6ff}.grid.two{align-items:start}.form-actions.sticky-actions,.sticky-form-actions{position:sticky;bottom:0;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border:1px solid var(--erp-border);border-radius:16px;padding:12px;z-index:10;box-shadow:0 -10px 30px rgba(16,24,40,.05)}}
@media(max-width:980px){.toolbar{padding:12px;border-radius:16px}.card:hover,.stat-card:hover{transform:none}.settings-tabs,.tab-nav{overflow:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.settings-tabs a,.tab-nav a,.tab-nav button{white-space:nowrap}.btn:hover,button:hover,.actions a:hover,.actions button:hover{transform:none;box-shadow:none}.card-head,.related-card-head,.section-head{align-items:flex-start;flex-direction:column}}
@media print{.sidebar,.topbar,.mobile-bottom-nav,.toolbar,.actions,.form-actions,.app-footer{display:none!important}.main{margin:0!important;width:100%!important}.content{padding:0}.card,.table-wrap{box-shadow:none;border-color:#ccc}body{background:#fff;color:#000}}

/* v1.5.0 Lead Management Pro */
.lead-pro-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px 0;align-items:center}.lead-pro-actions .inline-form{display:inline-flex;margin:0}.mini-record-stack{display:grid;gap:8px}.mini-record-stack>div{padding:8px 10px;border:1px solid var(--border,#e5e7eb);border-radius:10px;background:#fff}.lead-intelligence-card{display:flex;align-items:center;justify-content:space-between;gap:18px}.lead-intel-metrics{display:flex;gap:12px;flex-wrap:wrap}.lead-intel-metrics span{min-width:120px;padding:12px 14px;border-radius:14px;background:#f8fafc;border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:5px;align-items:flex-start}.lead-intel-metrics b{font-size:24px;color:#0ea5e9}.lead-intel-metrics small{color:#64748b}.inline-form{display:inline-flex;gap:8px;align-items:center;margin:0 6px 6px 0}.data-table .badge,.lead-intel-metrics .badge{white-space:nowrap}@media(max-width:768px){.lead-pro-actions{overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}.lead-pro-actions .btn{white-space:nowrap}.lead-intelligence-card{align-items:flex-start;flex-direction:column}.lead-intel-metrics{width:100%}.lead-intel-metrics span{flex:1;min-width:130px}}

/* v1.5.1 Follow-up Reminder Upgrade */
.followup-pro-toolbar{margin:12px 0 18px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.followup-summary-grid{margin:16px 0 20px}
.followup-kpi{border-left:4px solid var(--primary,#2563eb);text-decoration:none;color:inherit}
.followup-kpi h2{margin:6px 0 2px;font-size:30px;color:var(--primary,#2563eb)}
.followup-report-table td{vertical-align:middle}
.followup-report-table small{color:#667085;font-size:12px;display:block;margin-top:2px}
.row-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.btn-sm{padding:7px 10px;font-size:13px;border-radius:10px}
@media (max-width: 768px){.followup-pro-toolbar{display:grid;grid-template-columns:1fr}.followup-report-table .row-actions{display:grid}.followup-report-table .btn-sm{width:100%}}

/* v1.5.2 UI Theme Studio - lightweight cosmetic-only theme engine */
body.erp-theme-classic_blue{
  --theme-bg:#f3f7fb;--theme-surface:#ffffff;--theme-surface-2:#f7fbff;--theme-text:#0b2545;--theme-muted:#5d6f89;--theme-line:#dbe7f3;--theme-primary:#2563eb;--theme-primary-2:#0ea5e9;--theme-accent:#fbbf24;--theme-good:#16a34a;--theme-warn:#f59e0b;--theme-danger:#dc2626;--theme-shadow:0 18px 50px rgba(37,99,235,.10);
}
body.erp-theme-midnight_luxury{
  --theme-bg:#0f172a;--theme-surface:#111c31;--theme-surface-2:#17233a;--theme-text:#e6eefc;--theme-muted:#a7b4cc;--theme-line:#26344d;--theme-primary:#8b5cf6;--theme-primary-2:#38bdf8;--theme-accent:#facc15;--theme-good:#22c55e;--theme-warn:#fb923c;--theme-danger:#f43f5e;--theme-shadow:0 24px 70px rgba(2,8,23,.38);
}
body.erp-theme-emerald_growth{
  --theme-bg:#eefdf7;--theme-surface:#ffffff;--theme-surface-2:#f0fdf4;--theme-text:#073b2e;--theme-muted:#51756b;--theme-line:#c7eadf;--theme-primary:#059669;--theme-primary-2:#10b981;--theme-accent:#84cc16;--theme-good:#16a34a;--theme-warn:#ca8a04;--theme-danger:#dc2626;--theme-shadow:0 18px 50px rgba(5,150,105,.12);
}
body.erp-theme-sunset_gold{
  --theme-bg:#fff7ed;--theme-surface:#ffffff;--theme-surface-2:#fffbeb;--theme-text:#3a2507;--theme-muted:#826742;--theme-line:#fde5bf;--theme-primary:#ea580c;--theme-primary-2:#f59e0b;--theme-accent:#facc15;--theme-good:#16a34a;--theme-warn:#d97706;--theme-danger:#dc2626;--theme-shadow:0 18px 50px rgba(234,88,12,.13);
}
body.erp-theme-slate_minimal{
  --theme-bg:#f8fafc;--theme-surface:#ffffff;--theme-surface-2:#f1f5f9;--theme-text:#0f172a;--theme-muted:#64748b;--theme-line:#e2e8f0;--theme-primary:#334155;--theme-primary-2:#64748b;--theme-accent:#0ea5e9;--theme-good:#15803d;--theme-warn:#b45309;--theme-danger:#b91c1c;--theme-shadow:0 16px 45px rgba(15,23,42,.08);
}
body[class*="erp-theme-"]{
  background:var(--theme-bg);
  color:var(--theme-text);
}
body[class*="erp-theme-"] .main,
body[class*="erp-theme-"] .content{background:linear-gradient(135deg,var(--theme-bg),var(--theme-surface-2));}
body[class*="erp-theme-"] .topbar,
body[class*="erp-theme-"] .card,
body[class*="erp-theme-"] .settings-header-card,
body[class*="erp-theme-"] .settings-subpage-card,
body[class*="erp-theme-"] .stat-card{
  background:var(--theme-surface);
  border-color:var(--theme-line);
  box-shadow:var(--theme-shadow);
  color:var(--theme-text);
}
body[class*="erp-theme-"] .muted,
body[class*="erp-theme-"] small,
body[class*="erp-theme-"] .topbar-title small{color:var(--theme-muted);}
body[class*="erp-theme-"] .sidebar{background:linear-gradient(180deg,var(--theme-primary),var(--theme-primary-2));}
body[class*="erp-theme-"] .sidebar .brand,
body[class*="erp-theme-"] .sidebar nav a{color:#fff;}
body[class*="erp-theme-"] .sidebar nav a.active,
body[class*="erp-theme-"] .sidebar nav a:hover{background:rgba(255,255,255,.16);}
body[class*="erp-theme-"] .btn-primary,
body[class*="erp-theme-"] .enhanced-stat strong{color:#fff;}
body[class*="erp-theme-"] .btn-primary{background:linear-gradient(135deg,var(--theme-primary),var(--theme-primary-2));border-color:transparent;}
body[class*="erp-theme-"] a{color:var(--theme-primary);}
body[class*="erp-theme-"] .badge{background:color-mix(in srgb, var(--theme-primary) 12%, #fff);color:var(--theme-primary);}
body[class*="erp-theme-"] .enhanced-stat{position:relative;overflow:hidden;border-radius:22px;}
body[class*="erp-theme-"] .enhanced-stat::after{content:"";position:absolute;right:-35px;top:-35px;width:110px;height:110px;border-radius:999px;background:color-mix(in srgb, var(--theme-primary) 10%, transparent);}
body[class*="erp-theme-"] .enhanced-stat span{background:color-mix(in srgb, var(--theme-primary) 12%, #fff);color:var(--theme-primary);}
body[class*="erp-theme-"] .enhanced-stat strong{color:var(--theme-primary);}
body[class*="erp-theme-"] .funnel-row div,
body[class*="erp-theme-"] .bar-row div{background:color-mix(in srgb, var(--theme-line) 70%, #fff);}
body[class*="erp-theme-"] .funnel-row i,
body[class*="erp-theme-"] .bar-row i{background:linear-gradient(90deg,var(--theme-primary),var(--theme-accent));}
body.erp-theme-midnight_luxury .main,
body.erp-theme-midnight_luxury .content{background:linear-gradient(135deg,#0b1220,#111827);}
body.erp-theme-midnight_luxury .desktop-breadcrumb,
body.erp-theme-midnight_luxury table,
body.erp-theme-midnight_luxury .field input,
body.erp-theme-midnight_luxury .field select,
body.erp-theme-midnight_luxury .field textarea{background:var(--theme-surface);color:var(--theme-text);border-color:var(--theme-line);}
body.erp-theme-midnight_luxury th{background:#1f2a44;color:#eaf2ff;}
body.erp-theme-midnight_luxury td{border-color:var(--theme-line);}
body.erp-theme-midnight_luxury .btn-light{background:#1f2a44;color:#eaf2ff;border-color:var(--theme-line);}
body.erp-theme-slate_minimal .card,
body.erp-theme-slate_minimal .stat-card{box-shadow:none;border:1px solid var(--theme-line);}
body.erp-theme-slate_minimal .sidebar{background:#ffffff;border-right:1px solid var(--theme-line);}
body.erp-theme-slate_minimal .sidebar .brand,
body.erp-theme-slate_minimal .sidebar nav a{color:var(--theme-text);}
body.erp-theme-slate_minimal .sidebar nav a.active,
body.erp-theme-slate_minimal .sidebar nav a:hover{background:#f1f5f9;color:#0f172a;}

.dashboard-infographic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0;}
.infographic-card{display:flex;align-items:center;gap:16px;min-height:126px;}
.infographic-card h3{margin:0 0 5px;font-size:18px;}
.infographic-card p{margin:0;}
.mini-ring{--value:0;width:78px;height:78px;border-radius:999px;display:grid;place-items:center;flex:0 0 auto;background:conic-gradient(var(--theme-primary) calc(var(--value) * 1%), color-mix(in srgb, var(--theme-line) 75%, #fff) 0);position:relative;}
.mini-ring::after{content:"";position:absolute;inset:9px;border-radius:inherit;background:var(--theme-surface);}
.mini-ring span{position:relative;z-index:1;font-weight:700;color:var(--theme-primary);}
.mini-ring.warning{background:conic-gradient(var(--theme-warn) calc(var(--value) * 1%), color-mix(in srgb, var(--theme-line) 75%, #fff) 0);}
.mini-ring.warning span{color:var(--theme-warn);}
.dashboard-density-compact .dashboard-stats{gap:12px;}
.dashboard-density-compact .enhanced-stat{padding:16px;min-height:auto;}
.dashboard-density-compact .card{padding:18px;}
.dashboard-density-executive .enhanced-stat{min-height:165px;border-radius:28px;}
.dashboard-density-executive .enhanced-stat strong{font-size:34px;}
.infographic-style-minimal .mini-ring{background:transparent;border:6px solid var(--theme-line);}
.infographic-style-minimal .mini-ring::after{display:none;}
.infographic-style-rings .bar-row div i,
.infographic-style-rings .funnel-row div i{border-radius:999px;}

.theme-choice-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:14px;}
.theme-choice-card{border:1px solid var(--border,#dfe7ef);border-radius:20px;padding:14px;cursor:pointer;background:#fff;display:flex;flex-direction:column;gap:10px;transition:.18s ease;min-height:190px;}
.theme-choice-card:hover,.theme-choice-card.selected{transform:translateY(-2px);box-shadow:0 18px 45px rgba(15,23,42,.10);border-color:var(--primary,#2563eb);}
.theme-choice-card input{width:auto;margin:0;}
.theme-preview-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;}
.theme-preview-top b{font-size:15px;}
.theme-preview-top em{font-style:normal;font-size:11px;border-radius:999px;padding:4px 8px;background:#f1f5f9;color:#334155;white-space:nowrap;}
.theme-preview-art{height:72px;border-radius:16px;padding:12px;display:flex;align-items:end;gap:8px;background:linear-gradient(135deg,#f8fafc,#eef2ff);}
.theme-preview-art i{display:block;width:30%;border-radius:10px 10px 4px 4px;background:#2563eb;}
.theme-preview-art i:nth-child(1){height:35%;}.theme-preview-art i:nth-child(2){height:75%;}.theme-preview-art i:nth-child(3){height:55%;}
.theme-preview-classic_blue .theme-preview-art{background:linear-gradient(135deg,#dbeafe,#f8fafc);} .theme-preview-classic_blue .theme-preview-art i{background:#2563eb;}
.theme-preview-midnight_luxury{background:#111827;color:#e5e7eb;border-color:#26344d;} .theme-preview-midnight_luxury small{color:#cbd5e1;} .theme-preview-midnight_luxury .theme-preview-art{background:linear-gradient(135deg,#111827,#312e81);} .theme-preview-midnight_luxury .theme-preview-art i{background:#8b5cf6;}
.theme-preview-emerald_growth .theme-preview-art{background:linear-gradient(135deg,#dcfce7,#ecfdf5);} .theme-preview-emerald_growth .theme-preview-art i{background:#059669;}
.theme-preview-sunset_gold .theme-preview-art{background:linear-gradient(135deg,#ffedd5,#fef3c7);} .theme-preview-sunset_gold .theme-preview-art i{background:#ea580c;}
.theme-preview-slate_minimal .theme-preview-art{background:linear-gradient(135deg,#f8fafc,#e2e8f0);} .theme-preview-slate_minimal .theme-preview-art i{background:#475569;}
.theme-note-card{border:1px dashed #bdd2ea;background:#f8fbff;border-radius:16px;padding:14px;color:#4b5f7b;}
@media(max-width:1100px){.theme-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.dashboard-infographic-grid{grid-template-columns:1fr;}}
@media(max-width:640px){.theme-choice-grid{grid-template-columns:1fr;}}

/* v1.5.2.1 Contact View KPI Card UI Fix */
.contact-stat-row{
  display:grid;
  grid-template-columns:repeat(4,minmax(180px,1fr));
  gap:16px;
  margin:18px 0 22px;
}
.contact-stat-row .contact-kpi-card.stat-card{
  position:relative;
  min-height:138px;
  padding:22px 24px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:7px;
  overflow:hidden;
}
.contact-stat-row .contact-kpi-card.stat-card:after{
  content:"";
  position:absolute;
  right:-36px;
  top:-36px;
  width:102px;
  height:102px;
  border-radius:999px;
  background:rgba(31,78,121,.07);
  pointer-events:none;
}
.contact-stat-row .contact-kpi-icon{
  display:inline-grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:15px!important;
  background:#eef6ff!important;
  color:var(--erp-primary,var(--primary,#1f4e79))!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:700!important;
  text-transform:none!important;
  letter-spacing:0!important;
  margin:0 0 4px!important;
  padding:0!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  white-space:nowrap!important;
}
.contact-stat-row .contact-kpi-value{
  display:block;
  max-width:100%;
  color:#0f172a;
  font-size:28px;
  line-height:1.08;
  font-weight:700;
  letter-spacing:-.03em;
  word-break:normal;
  overflow-wrap:anywhere;
}
.contact-stat-row .contact-kpi-label{
  display:block;
  color:#667085;
  font-size:13px;
  line-height:1.25;
  font-weight:700;
  text-transform:none;
  letter-spacing:0;
}
body[class*="erp-theme-"] .contact-stat-row .contact-kpi-card.stat-card{
  background:var(--theme-surface);
  border-color:var(--theme-line);
  box-shadow:var(--theme-shadow);
}
body[class*="erp-theme-"] .contact-stat-row .contact-kpi-card.stat-card:after{
  background:color-mix(in srgb, var(--theme-primary) 10%, transparent);
}
body[class*="erp-theme-"] .contact-stat-row .contact-kpi-icon{
  background:color-mix(in srgb, var(--theme-primary) 12%, #fff)!important;
  color:var(--theme-primary)!important;
}
body[class*="erp-theme-"] .contact-stat-row .contact-kpi-value{
  color:var(--theme-text);
}
body[class*="erp-theme-"] .contact-stat-row .contact-kpi-label{
  color:var(--theme-muted);
}
@media(max-width:1100px){
  .contact-stat-row{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:640px){
  .contact-stat-row{grid-template-columns:1fr;gap:12px;}
  .contact-stat-row .contact-kpi-card.stat-card{min-height:118px;padding:18px;}
}


/* v1.5.2.2 Required Field Asterisk Cleanup
   Keeps required star with the label only and removes duplicate lower pseudo stars. */
label.field::after,
.field::after,
label.field.required::after,
.field.required::after,
label.required::after{
  content:none!important;
  display:none!important;
}
.field > span{
  display:inline-flex;
  align-items:center;
  gap:4px;
  flex-wrap:wrap;
}
.field > span .req-star,
.req-star,
.required-star{
  color:#f04438!important;
  font-weight:700!important;
}

/* v1.5.3 Site Visit Pro */
.site-visit-pro-toolbar,
.followup-pro-toolbar,
.lead-pro-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 14px 0 18px;
}
.site-visit-summary-grid {
  grid-template-columns: repeat(4, minmax(160px, 1fr));
  margin-bottom: 18px;
}
.sitevisit-kpi {
  min-height: 118px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}
.sitevisit-kpi::after {
  content: "";
  position: absolute;
  right: -28px;
  bottom: -28px;
  width: 88px;
  height: 88px;
  border-radius: 999px;
  background: rgba(45, 108, 223, .08);
}
.sitevisit-kpi > span {
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: var(--primary-soft, #eef5ff);
  font-size: 20px;
}
.sitevisit-kpi h2 { margin: 10px 0 2px; font-size: 26px; }
.sitevisit-kpi p { margin: 0; font-weight: 700; color: var(--text, #1f2937); }
.sitevisit-kpi small { color: var(--muted, #6b7280); }
.site-visit-report-table td { vertical-align: middle; }
.site-visit-report-table .row-actions { gap: 6px; flex-wrap: wrap; }
.site-visit-report-table small { color: var(--muted, #6b7280); }
.report-grid {
  display: grid;
  grid-template-columns: minmax(280px, .9fr) minmax(360px, 1.4fr);
  gap: 18px;
}
.chart-list .bar-row,
.bar-row {
  display: grid;
  grid-template-columns: 140px 1fr 45px;
  gap: 10px;
  align-items: center;
  margin: 10px 0;
}
.chart-list .bar-row > div,
.bar-row > div {
  height: 10px;
  border-radius: 999px;
  background: #eef2f7;
  overflow: hidden;
}
.chart-list .bar-row i,
.bar-row i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--primary, #2563eb), #22c55e);
}
.badge-green { background: #dcfce7 !important; color: #166534 !important; }
@media (max-width: 900px) {
  .site-visit-summary-grid { grid-template-columns: repeat(2, minmax(140px, 1fr)); }
  .report-grid { grid-template-columns: 1fr; }
  .chart-list .bar-row, .bar-row { grid-template-columns: 110px 1fr 36px; }
}

/* v1.5.3.1 Sidebar Menu Organization */
.sidebar-nav.organized-sidebar-nav{padding:12px 12px 28px;display:flex;flex-direction:column;gap:8px;}
.sidebar-nav .nav-section-single{display:flex;flex-direction:column;gap:6px;}
.sidebar-nav .nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;margin:0;color:inherit;min-height:40px;}
.sidebar-nav .nav-link .nav-icon{width:22px;min-width:22px;text-align:center;font-size:16px;line-height:1;}
.sidebar-nav .nav-link .nav-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.nav-group{border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.035);overflow:hidden;}
.nav-group[open],.nav-group.is-active{background:rgba(255,255,255,.055);}
.nav-group summary{display:flex;align-items:center;gap:10px;padding:11px 12px;min-height:42px;cursor:pointer;list-style:none;color:rgba(255,255,255,.88);font-weight:700;font-size:13px;letter-spacing:.01em;}
.nav-group summary::-webkit-details-marker{display:none;}
.nav-group-icon{width:22px;min-width:22px;text-align:center;font-size:16px;line-height:1;}
.nav-group-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.nav-group-caret{font-size:13px;opacity:.72;transition:transform .18s ease;}
.nav-group[open] .nav-group-caret{transform:rotate(180deg);}
.nav-submenu{display:flex;flex-direction:column;gap:4px;padding:0 7px 8px 7px;}
.nav-submenu .nav-link{padding:9px 10px 9px 12px;border-radius:11px;font-size:13px;min-height:38px;background:transparent;}
.nav-submenu .nav-link .nav-icon{font-size:14px;width:20px;min-width:20px;}
.nav-submenu .nav-link.active{background:rgba(255,255,255,.18)!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--accent,#ffd044);}
.nav-submenu .nav-link:hover{background:rgba(255,255,255,.12)!important;}
.sidebar .nav-group summary:hover{background:rgba(255,255,255,.08);}
body.erp-theme-slate_minimal .nav-group{border-color:rgba(15,23,42,.08);background:#f8fafc;}
body.erp-theme-slate_minimal .nav-group[open],body.erp-theme-slate_minimal .nav-group.is-active{background:#f1f5f9;}
body.erp-theme-slate_minimal .nav-group summary{color:#0f172a;}
body.erp-theme-slate_minimal .sidebar .nav-group summary:hover{background:#e2e8f0;}
body.erp-theme-slate_minimal .nav-submenu .nav-link.active{background:#eaf2ff!important;color:#0f172a!important;}
body.erp-theme-slate_minimal .nav-submenu .nav-link:hover{background:#eef2f7!important;}
/* Hide old New ribbons on master items because they now live inside the Masters menu */
.sidebar-nav.organized-sidebar-nav a[href*="property_types"]:after,
.sidebar-nav.organized-sidebar-nav a[href*="locations"]:after,
.sidebar-nav.organized-sidebar-nav a[href*="custom_fields"]:after{display:none!important;content:none!important;}
body.sidebar-compact .nav-group{border-color:transparent;background:transparent;}
body.sidebar-compact .nav-group summary{justify-content:center;padding:11px 8px;}
body.sidebar-compact .nav-group-title,body.sidebar-compact .nav-group-caret,body.sidebar-compact .nav-submenu .nav-text{display:none;}
body.sidebar-compact .nav-submenu{padding:4px 4px 8px;}
body.sidebar-compact .nav-submenu .nav-link{justify-content:center;padding:10px 8px;}
body.sidebar-compact .sidebar-nav .nav-link .nav-icon,body.sidebar-compact .nav-group-icon{width:auto;min-width:0;}
@media(max-width:980px){
  .sidebar-nav.organized-sidebar-nav{gap:9px;padding:12px 12px 24px;}
  .nav-group summary{min-height:46px;font-size:14px;}
  .nav-submenu .nav-link{min-height:44px;font-size:14px;}
}
/* v1.5.3.2 Sidebar Parent Text Sharpness Fix
   Append this block to the bottom of public/assets/app.css.
   It removes blur-like effects from parent sidebar menu labels only.
*/

.sidebar .menu-group-toggle,
.sidebar .nav-group-toggle,
.sidebar .sidebar-group-toggle,
.sidebar .menu-parent,
.sidebar .nav-parent,
.sidebar .sidebar-parent,
.sidebar .menu-section-toggle,
.sidebar .nav-section-toggle,
.sidebar .menu-group-title,
.sidebar .nav-group-title,
.sidebar .sidebar-group-title,
.sidebar .menu-group-toggle span,
.sidebar .nav-group-toggle span,
.sidebar .sidebar-group-toggle span,
.sidebar .menu-parent span,
.sidebar .nav-parent span,
.sidebar .sidebar-parent span,
.sidebar .menu-section-toggle span,
.sidebar .nav-section-toggle span {
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    text-shadow: none !important;
    opacity: 1 !important;
    transform: none !important;
    letter-spacing: 0 !important;
    font-synthesis: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
    color: var(--sidebar-text, #00bfff) !important;
    font-weight: 500 !important;
}

/* Keep glass/card effect on the parent button background, but do not blur the text layer. */
.sidebar .menu-group-toggle::before,
.sidebar .nav-group-toggle::before,
.sidebar .sidebar-group-toggle::before,
.sidebar .menu-parent::before,
.sidebar .nav-parent::before,
.sidebar .sidebar-parent::before {
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Parent menu icon and caret alignment */
.sidebar .menu-group-toggle .menu-icon,
.sidebar .nav-group-toggle .menu-icon,
.sidebar .sidebar-group-toggle .menu-icon,
.sidebar .menu-parent .menu-icon,
.sidebar .nav-parent .menu-icon,
.sidebar .sidebar-parent .menu-icon {
    filter: none !important;
    opacity: 1 !important;
    transform: none !important;
    flex: 0 0 auto;
}

.sidebar .menu-group-toggle .caret,
.sidebar .nav-group-toggle .caret,
.sidebar .sidebar-group-toggle .caret,
.sidebar .menu-parent .caret,
.sidebar .nav-parent .caret,
.sidebar .sidebar-parent .caret {
    filter: none !important;
    opacity: 1 !important;
    transform: none !important;
}
/* v1.5.3.4 User hierarchy UI helpers */
.hierarchy-card .grid.two { gap: 18px; }
.hierarchy-list { display: grid; gap: 8px; }
.hierarchy-user { padding: 10px 12px; border: 1px solid rgba(148,163,184,.28); border-radius: 12px; background: rgba(248,250,252,.82); }
.hierarchy-user strong { display: block; color: var(--text, #0f172a); }
.hierarchy-user span { display: block; margin-top: 3px; font-size: 12px; color: var(--muted, #64748b); word-break: break-word; }
.data-scope-chip.team { background: #eef6ff; color: #1d4ed8; border-color: #bfdbfe; }

/* v1.5.3.9 Menu Organization / Master Menu Cleanup
   Purpose: clean grouped sidebar, sharper parent text, better submenu spacing.
   Safe UI-only CSS. No business logic changed. */
.sidebar-nav.organized-sidebar-nav{
    padding:12px 12px 30px;
    display:flex;
    flex-direction:column;
    gap:9px;
}
.sidebar-nav .nav-section-single{
    display:flex;
    flex-direction:column;
    gap:6px;
}
.sidebar-nav .nav-link{
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    border-radius:12px;
    margin:0;
    min-height:40px;
    text-decoration:none;
    filter:none!important;
    -webkit-filter:none!important;
    text-shadow:none!important;
}
.sidebar-nav .nav-link .nav-icon{
    width:22px;
    min-width:22px;
    text-align:center;
    font-size:16px;
    line-height:1;
    filter:none!important;
    opacity:1!important;
}
.sidebar-nav .nav-link .nav-text{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    filter:none!important;
    opacity:1!important;
    text-shadow:none!important;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.nav-group{
    border:1px solid rgba(255,255,255,.09);
    border-radius:16px;
    background:rgba(255,255,255,.035);
    overflow:hidden;
    filter:none!important;
    -webkit-filter:none!important;
}
.nav-group[open],.nav-group.is-active{
    background:rgba(255,255,255,.065);
    border-color:rgba(255,255,255,.14);
}
.nav-group summary{
    display:flex;
    align-items:center;
    gap:10px;
    padding:11px 12px;
    min-height:44px;
    cursor:pointer;
    list-style:none;
    color:rgba(255,255,255,.96)!important;
    font-weight:700!important;
    font-size:13px;
    letter-spacing:0!important;
    line-height:1.2;
    filter:none!important;
    -webkit-filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    opacity:1!important;
    transform:none!important;
    text-shadow:none!important;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-rendering:geometricPrecision;
}
.nav-group summary::-webkit-details-marker{display:none;}
.nav-group-icon{
    width:22px;
    min-width:22px;
    text-align:center;
    font-size:16px;
    line-height:1;
    filter:none!important;
    opacity:1!important;
}
.nav-group-title{
    flex:1;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:rgba(255,255,255,.96)!important;
    filter:none!important;
    opacity:1!important;
    text-shadow:none!important;
    transform:none!important;
    font-weight:700!important;
}
.nav-group-caret{
    font-size:13px;
    opacity:.86;
    transition:transform .18s ease;
    filter:none!important;
}
.nav-group[open] .nav-group-caret{transform:rotate(180deg)!important;}
.nav-submenu{
    display:flex;
    flex-direction:column;
    gap:4px;
    padding:0 7px 9px 7px;
}
.nav-submenu .nav-link{
    padding:9px 10px 9px 12px;
    border-radius:11px;
    font-size:13px;
    min-height:38px;
    background:transparent;
}
.nav-submenu .nav-link .nav-icon{font-size:14px;width:20px;min-width:20px;}
.nav-submenu .nav-link.active{
    background:rgba(255,255,255,.18)!important;
    color:#fff!important;
    box-shadow:inset 3px 0 0 var(--accent,#ffd044);
}
.nav-submenu .nav-link:hover{background:rgba(255,255,255,.12)!important;}
.sidebar .nav-group summary:hover{background:rgba(255,255,255,.08);}
.sidebar-nav.organized-sidebar-nav a[href*="property_types"]:after,
.sidebar-nav.organized-sidebar-nav a[href*="locations"]:after,
.sidebar-nav.organized-sidebar-nav a[href*="custom_fields"]:after{display:none!important;content:none!important;}
body.erp-theme-slate_minimal .nav-group{border-color:rgba(15,23,42,.08);background:#f8fafc;}
body.erp-theme-slate_minimal .nav-group[open],body.erp-theme-slate_minimal .nav-group.is-active{background:#f1f5f9;border-color:rgba(15,23,42,.12);}
body.erp-theme-slate_minimal .nav-group summary,
body.erp-theme-slate_minimal .nav-group-title{color:#0f172a!important;}
body.erp-theme-slate_minimal .sidebar .nav-group summary:hover{background:#e2e8f0;}
body.erp-theme-slate_minimal .nav-submenu .nav-link.active{background:#eaf2ff!important;color:#0f172a!important;}
body.erp-theme-slate_minimal .nav-submenu .nav-link:hover{background:#eef2f7!important;}
body.sidebar-compact .nav-group{border-color:transparent;background:transparent;}
body.sidebar-compact .nav-group summary{justify-content:center;padding:11px 8px;}
body.sidebar-compact .nav-group-title,body.sidebar-compact .nav-group-caret,body.sidebar-compact .nav-submenu .nav-text{display:none!important;}
body.sidebar-compact .nav-submenu{padding:4px 4px 8px;}
body.sidebar-compact .nav-submenu .nav-link{justify-content:center;padding:10px 8px;}
body.sidebar-compact .sidebar-nav .nav-link .nav-icon,body.sidebar-compact .nav-group-icon{width:auto;min-width:0;}
@media(max-width:980px){
    .sidebar-nav.organized-sidebar-nav{gap:9px;padding:12px 12px 24px;}
    .nav-group summary{min-height:46px;font-size:14px;}
    .nav-submenu .nav-link{min-height:44px;font-size:14px;}
}


/* v1.5.4.2 dashboard role-wise widget safety */
.dashboard-role-scope{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;border-left:4px solid var(--primary)}
.dashboard-role-scope .scope-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:#475467}
.dashboard-role-scope .scope-meta span{background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;padding:6px 10px}
.role-aware-stats .restricted-widget{grid-column:1/-1}
.restricted-widget{background:#fbfcfe;border:1px dashed #d0d5dd;color:#475467}
.restricted-widget .data-scope-chip{margin-left:auto}
@media(max-width:760px){.dashboard-role-scope{display:block}.dashboard-role-scope .scope-meta{margin-top:10px}.dashboard-role-scope .scope-meta span{width:100%}}

/* v1.5.4.5 - Lead lifecycle and action button polish */
.action-cell { min-width: 220px; }
.enhanced-row-actions { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.enhanced-row-actions .btn-sm, .enhanced-row-actions button.btn-sm { padding: 5px 8px; font-size: 12px; line-height: 1.2; border-radius: 8px; }
.inline-form.lifecycle-inline-form { display: inline-flex; gap: 5px; align-items: center; margin: 0; }
.lifecycle-inline-form select { min-width: 120px; max-width: 165px; padding: 5px 8px; border: 1px solid #d8dce5; border-radius: 8px; background: #fff; font-size: 12px; }
.lifecycle-inline-form.detail select { min-width: 190px; }
.lead-lifecycle-card { border: 1px solid #e2e8f0; background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%); }
.lead-lifecycle-head { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; margin-bottom: 14px; }
.lead-lifecycle-current { max-width: 360px; padding: 10px 12px; border-radius: 12px; background: #f1f5f9; color: #334155; font-size: 13px; line-height: 1.45; }
.lead-lifecycle-steps { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
.lead-step { display: inline-flex; gap: 6px; align-items: center; padding: 8px 10px; border-radius: 999px; background: #f8fafc; border: 1px solid #e2e8f0; color: #475569; font-size: 12px; font-weight: 700; }
.lead-step b { display: inline-flex; width: 18px; height: 18px; align-items: center; justify-content: center; border-radius: 999px; background: #e2e8f0; color: #334155; font-size: 11px; }
.lead-step.done { background: #ecfdf5; border-color: #bbf7d0; color: #166534; }
.lead-step.done b { background: #22c55e; color: #fff; }
.lead-step.active { background: #eff6ff; border-color: #93c5fd; color: #1d4ed8; box-shadow: 0 0 0 3px rgba(59, 130, 246, .12); }
.lead-step.active b { background: #2563eb; color: #fff; }
.lead-step.lost.active, .lead-step.cold.active { background: #fff7ed; border-color: #fdba74; color: #9a3412; }
.lead-step.lost.active b, .lead-step.cold.active b { background: #f97316; color: #fff; }
.lead-lifecycle-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 12px; padding-top: 12px; border-top: 1px dashed #cbd5e1; }
.lead-action-buttons { display: flex; flex-wrap: wrap; gap: 8px; }
.btn-danger { background: #dc2626; color: #fff; border-color: #dc2626; }
.btn-danger:hover { background: #b91c1c; color: #fff; }
@media (max-width: 768px) {
  .lead-lifecycle-head { flex-direction: column; }
  .lead-lifecycle-current { max-width: none; width: 100%; }
  .inline-form.lifecycle-inline-form { width: 100%; }
  .lifecycle-inline-form select { flex: 1; max-width: none; }
}

/* v1.5.4.6 Pro Notification System Core */
.notification-bell-wrap{position:relative;display:inline-block;margin-right:.45rem}
.notification-bell-wrap summary{list-style:none}.notification-bell-wrap summary::-webkit-details-marker{display:none}
.notification-bell{display:inline-flex;align-items:center;justify-content:center;position:relative;width:42px;height:42px;border-radius:999px;border:1px solid rgba(15,34,51,.12);background:#fff;box-shadow:0 6px 16px rgba(15,34,51,.08);cursor:pointer;color:var(--secondary)}
.notification-bell:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(15,34,51,.12)}
.notification-bell-icon{font-size:18px;line-height:1}.notification-count{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;border-radius:999px;background:#e11d48;color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid #fff}
.notification-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:min(390px,calc(100vw - 24px));background:#fff;border:1px solid rgba(15,34,51,.12);border-radius:18px;box-shadow:0 24px 70px rgba(15,34,51,.22);z-index:80;overflow:hidden}.notification-dropdown:before{content:"";position:absolute;right:16px;top:-8px;width:16px;height:16px;background:#fff;border-left:1px solid rgba(15,34,51,.12);border-top:1px solid rgba(15,34,51,.12);transform:rotate(45deg)}
.notification-drop-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(15,34,51,.08);background:#f8fafc}.notification-drop-head span{font-size:12px;color:#64748b}.notification-drop-list{max-height:420px;overflow:auto}.notification-mini{display:grid;grid-template-columns:1fr auto;gap:12px;padding:13px 16px;border-bottom:1px solid rgba(15,34,51,.07);border-left:4px solid transparent}.notification-mini.is-unread{background:#f8fbff}.notification-mini.priority-high,.notification-mini.priority-urgent{border-left-color:#e11d48}.notification-mini.priority-normal{border-left-color:var(--primary)}.notification-mini.priority-low{border-left-color:#94a3b8}.notification-mini b{display:block;color:#0f172a;font-size:14px}.notification-mini p{margin:4px 0;color:#475569;font-size:13px;line-height:1.35}.notification-mini small{color:#64748b}.notification-mini-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.notification-mini-actions form{margin:0}.notification-open{font-size:12px;font-weight:700;color:var(--primary);text-decoration:none}.notification-empty{padding:24px 16px;color:#64748b;text-align:center}.notification-drop-actions{display:flex;justify-content:space-between;gap:10px;padding:12px 16px;border-top:1px solid rgba(15,34,51,.08);background:#f8fafc}.notification-drop-actions form{margin:0}
.notification-center-toolbar .toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.notification-filter-card{padding:10px}.notification-tabs{display:flex;flex-wrap:wrap;gap:8px}.notification-tabs a{padding:8px 12px;border:1px solid rgba(15,34,51,.12);border-radius:999px;text-decoration:none;color:#334155;background:#fff;font-weight:700;font-size:13px}.notification-tabs a.active{background:var(--primary);color:#fff;border-color:var(--primary)}.notification-center-list{display:flex;flex-direction:column;gap:10px}.notification-row{display:grid;grid-template-columns:34px 1fr auto;gap:12px;padding:16px;border:1px solid rgba(15,34,51,.08);border-radius:16px;background:#fff;border-left:5px solid var(--primary)}.notification-row.is-read{opacity:.78}.notification-row.priority-high,.notification-row.priority-urgent{border-left-color:#e11d48}.notification-row.priority-low{border-left-color:#94a3b8}.notification-row-icon{width:30px;height:30px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#eef6ff;color:var(--primary);font-weight:700}.notification-row-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.notification-row-body p{margin:6px 0;color:#475569}.notification-row-body small{color:#64748b}.notification-row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.notification-row-actions form{margin:0}
@media (max-width: 760px){.notification-dropdown{right:-90px}.notification-row{grid-template-columns:28px 1fr}.notification-row-actions{grid-column:2}.notification-drop-actions{flex-direction:column}.notification-bell{width:38px;height:38px}.user-menu-modern{gap:6px}}

/* v1.5.4.8.1 Follow-up summary widget layout fix
   Scope: follow-up report pages only. Keeps dashboard widgets, CRM logic,
   hierarchy, permissions and notification styles untouched. */
.grid.cards-grid.followup-summary-grid,
.followup-summary-grid.grid,
.followup-summary-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(180px, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
  margin: 16px 0 20px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  clear: both !important;
}
.followup-summary-grid .followup-kpi,
.followup-summary-grid a.followup-kpi,
.followup-summary-grid .kpi-card.followup-kpi {
  display: grid !important;
  grid-template-columns: 42px 1fr !important;
  grid-template-areas:
    "icon value"
    "icon title"
    "icon note" !important;
  align-items: center !important;
  column-gap: 14px !important;
  row-gap: 2px !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 126px !important;
  padding: 18px 20px !important;
  border-radius: 18px !important;
  border: 1px solid var(--erp-border, #e6ebf1) !important;
  border-left: 5px solid var(--erp-primary, var(--primary, #2563eb)) !important;
  background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%) !important;
  box-shadow: 0 8px 24px rgba(16, 24, 40, .05) !important;
  color: inherit !important;
  text-decoration: none !important;
  overflow: hidden !important;
}
.followup-summary-grid .followup-kpi:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 32px rgba(16, 24, 40, .08) !important;
}
.followup-summary-grid .followup-kpi > span {
  grid-area: icon !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
  background: #eef6ff !important;
  color: var(--erp-primary, var(--primary, #2563eb)) !important;
  font-size: 20px !important;
  line-height: 1 !important;
  align-self: start !important;
}
.followup-summary-grid .followup-kpi h2 {
  grid-area: value !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: clamp(24px, 2.2vw, 34px) !important;
  line-height: 1.05 !important;
  color: var(--erp-primary, var(--primary, #2563eb)) !important;
  letter-spacing: -.03em !important;
}
.followup-summary-grid .followup-kpi p {
  grid-area: title !important;
  margin: 3px 0 0 !important;
  padding: 0 !important;
  color: #175cd3 !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}
.followup-summary-grid .followup-kpi small {
  grid-area: note !important;
  display: block !important;
  margin-top: 2px !important;
  padding: 0 !important;
  color: #667085 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
}
.followup-report-table {
  margin-top: 0 !important;
}
@media (max-width: 1280px) {
  .grid.cards-grid.followup-summary-grid,
  .followup-summary-grid.grid,
  .followup-summary-grid {
    grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
  }
}
@media (max-width: 680px) {
  .grid.cards-grid.followup-summary-grid,
  .followup-summary-grid.grid,
  .followup-summary-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .followup-summary-grid .followup-kpi,
  .followup-summary-grid a.followup-kpi,
  .followup-summary-grid .kpi-card.followup-kpi {
    min-height: 106px !important;
    padding: 16px !important;
  }
}

/* v1.5.4.8.2 Global KPI/Card Grid Layout Fix
   Root cause: several ERP check/report pages used .grid.cards-grid with .kpi-card,
   but .cards-grid and .kpi-card had no global desktop layout/card contract. This
   caused KPI blocks to stack vertically and stretch the page height. The fix is
   scoped to generic KPI/check grids and does not change business logic. */
.grid.cards-grid:not(.followup-summary-grid):not(.site-visit-summary-grid),
.cards-grid:not(.followup-summary-grid):not(.site-visit-summary-grid) {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  margin: 16px 0 20px !important;
  clear: both !important;
}
.grid.cards-grid:not(.followup-summary-grid):not(.site-visit-summary-grid) > .kpi-card,
.cards-grid:not(.followup-summary-grid):not(.site-visit-summary-grid) > .kpi-card {
  display: grid !important;
  grid-template-columns: 42px 1fr !important;
  grid-template-areas:
    "icon value"
    "icon title"
    "icon note" !important;
  column-gap: 14px !important;
  row-gap: 3px !important;
  align-items: center !important;
  min-width: 0 !important;
  min-height: 126px !important;
  padding: 18px 20px !important;
  border: 1px solid var(--erp-border, #e6ebf1) !important;
  border-left: 5px solid var(--erp-primary, var(--primary, #2563eb)) !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%) !important;
  box-shadow: 0 8px 24px rgba(16,24,40,.05) !important;
  overflow: hidden !important;
  color: inherit !important;
  text-decoration: none !important;
}
.grid.cards-grid:not(.followup-summary-grid):not(.site-visit-summary-grid) > .kpi-card:hover,
.cards-grid:not(.followup-summary-grid):not(.site-visit-summary-grid) > .kpi-card:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 32px rgba(16,24,40,.08) !important;
}
.grid.cards-grid:not(.followup-summary-grid):not(.site-visit-summary-grid) > .kpi-card > span,
.cards-grid:not(.followup-summary-grid):not(.site-visit-summary-grid) > .kpi-card > span {
  grid-area: icon !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
  background: #eef6ff !important;
  color: var(--erp-primary, var(--primary, #2563eb)) !important;
  font-size: 20px !important;
  line-height: 1 !important;
  align-self: start !important;
}
.grid.cards-grid:not(.followup-summary-grid):not(.site-visit-summary-grid) > .kpi-card h2,
.cards-grid:not(.followup-summary-grid):not(.site-visit-summary-grid) > .kpi-card h2 {
  grid-area: value !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: clamp(24px, 2.2vw, 34px) !important;
  line-height: 1.05 !important;
  color: var(--erp-primary, var(--primary, #2563eb)) !important;
  letter-spacing: -.03em !important;
}
.grid.cards-grid:not(.followup-summary-grid):not(.site-visit-summary-grid) > .kpi-card p,
.cards-grid:not(.followup-summary-grid):not(.site-visit-summary-grid) > .kpi-card p {
  grid-area: title !important;
  margin: 3px 0 0 !important;
  padding: 0 !important;
  color: #0f172a !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}
.grid.cards-grid:not(.followup-summary-grid):not(.site-visit-summary-grid) > .kpi-card small,
.cards-grid:not(.followup-summary-grid):not(.site-visit-summary-grid) > .kpi-card small {
  grid-area: note !important;
  display: block !important;
  margin-top: 2px !important;
  color: #667085 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
}
.notification-check-kpi-grid {
  grid-template-columns: repeat(3, minmax(220px, 1fr)) !important;
}
.notification-reminder-kpi-grid,
.audit-kpi-grid,
.check-kpi-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
}
@media (max-width: 900px) {
  .notification-check-kpi-grid { grid-template-columns: repeat(2, minmax(180px, 1fr)) !important; }
}
@media (max-width: 640px) {
  .grid.cards-grid:not(.followup-summary-grid):not(.site-visit-summary-grid),
  .cards-grid:not(.followup-summary-grid):not(.site-visit-summary-grid),
  .notification-check-kpi-grid,
  .notification-reminder-kpi-grid,
  .audit-kpi-grid,
  .check-kpi-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .grid.cards-grid:not(.followup-summary-grid):not(.site-visit-summary-grid) > .kpi-card,
  .cards-grid:not(.followup-summary-grid):not(.site-visit-summary-grid) > .kpi-card {
    min-height: 106px !important;
    padding: 16px !important;
  }
}


/* v1.5.4.8.3 Backend Theme Settings Effectiveness Fix
   Purpose: make Settings → Theme Studio colors control the actual UI, not only a few areas.
   Scope: CSS variables and safe overrides only. No business logic changes. */
:root{
  --erp-primary:var(--primary,#1f4e79);
  --erp-secondary:var(--secondary,#0f2233);
  --erp-accent:var(--accent,#ffd044);
  --erp-page-bg:var(--page-bg,#f3f6fa);
  --erp-surface:var(--surface,#ffffff);
  --erp-card-bg:var(--card-bg,#ffffff);
  --erp-border:var(--border,#e6ebf1);
  --erp-text:var(--text,#1d2939);
  --erp-muted:var(--muted,#667085);
  --erp-input-bg:var(--input-bg,#ffffff);
  --erp-table-head-bg:var(--table-head-bg,#f8fafc);
  --erp-hover-bg:var(--hover-bg,#f8fbff);
  --erp-button-text:var(--button-text,#ffffff);
  --erp-success:var(--success,#137a3b);
  --erp-warning:var(--warning,#b54708);
  --erp-danger:var(--danger,#b42318);
  --erp-info:var(--info,#175cd3);
}
body.theme-control-enabled{background:var(--erp-page-bg)!important;color:var(--erp-text)!important;}
body.theme-control-enabled .main{background:var(--erp-page-bg)!important;}
body.theme-control-enabled .sidebar{background:var(--sidebar,var(--erp-secondary))!important;color:var(--sidebar-text,#dbe8f4)!important;}
body.theme-control-enabled .brand{background:var(--sidebar,var(--erp-secondary))!important;border-color:rgba(255,255,255,.12)!important;}
body.theme-control-enabled .brand strong{color:#fff!important;}
body.theme-control-enabled .brand small,
body.theme-control-enabled .sidebar a,
body.theme-control-enabled .nav-group summary{color:var(--sidebar-text,#dbe8f4)!important;}
body.theme-control-enabled .sidebar a:hover,
body.theme-control-enabled .sidebar a.active,
body.theme-control-enabled .nav-submenu .nav-link.active{background:var(--sidebar-active,var(--erp-primary))!important;color:#fff!important;}
body.theme-control-enabled .nav-group.is-active>summary{background:rgba(var(--primary-rgb,31,78,121),.18)!important;border-color:rgba(var(--primary-rgb,31,78,121),.28)!important;}
body.theme-control-enabled .topbar{background:var(--topbar,#ffffff)!important;color:var(--topbar-text,var(--erp-text))!important;border-color:var(--erp-border)!important;}
body.theme-control-enabled .topbar-title strong,
body.theme-control-enabled .account-chip b{color:var(--topbar-text,var(--erp-text))!important;}
body.theme-control-enabled .card,
body.theme-control-enabled .settings-subpage-card,
body.theme-control-enabled .stat-card,
body.theme-control-enabled .toolbar,
body.theme-control-enabled .table-wrap,
body.theme-control-enabled .notification-row,
body.theme-control-enabled .notification-dropdown,
body.theme-control-enabled .settings-sidebar-tabs,
body.theme-control-enabled .settings-header-card{background:var(--erp-card-bg)!important;border-color:var(--erp-border)!important;color:var(--erp-text)!important;}
body.theme-control-enabled .muted,
body.theme-control-enabled small,
body.theme-control-enabled .field small,
body.theme-control-enabled .topbar small{color:var(--erp-muted)!important;}
body.theme-control-enabled h1,
body.theme-control-enabled h2,
body.theme-control-enabled h3,
body.theme-control-enabled .field span,
body.theme-control-enabled label{color:var(--erp-text)!important;}
body.theme-control-enabled input,
body.theme-control-enabled select,
body.theme-control-enabled textarea{background:var(--erp-input-bg)!important;border-color:var(--erp-border)!important;color:var(--erp-text)!important;}
body.theme-control-enabled input:focus,
body.theme-control-enabled select:focus,
body.theme-control-enabled textarea:focus{border-color:var(--erp-primary)!important;box-shadow:0 0 0 4px rgba(var(--primary-rgb,31,78,121),.12)!important;}
body.theme-control-enabled .btn-primary,
body.theme-control-enabled button.btn-primary,
body.theme-control-enabled .pagination a.active,
body.theme-control-enabled .notification-tabs a.active,
body.theme-control-enabled .column-module-tab.active{background:var(--erp-primary)!important;border-color:var(--erp-primary)!important;color:var(--erp-button-text)!important;}
body.theme-control-enabled .btn-light,
body.theme-control-enabled .actions a,
body.theme-control-enabled .actions button{background:rgba(var(--primary-rgb,31,78,121),.08)!important;color:var(--erp-text)!important;border-color:var(--erp-border)!important;}
body.theme-control-enabled a,
body.theme-control-enabled .desktop-breadcrumb a,
body.theme-control-enabled .advanced-filters summary,
body.theme-control-enabled .notification-open{color:var(--erp-primary);}
body.theme-control-enabled table{background:var(--erp-card-bg)!important;color:var(--erp-text)!important;}
body.theme-control-enabled th,
body.theme-control-enabled .data-table th:first-child,
body.theme-control-enabled .permission-admin-table thead .permission-module-col{background:var(--erp-table-head-bg)!important;color:var(--erp-text)!important;border-color:var(--erp-border)!important;}
body.theme-control-enabled td{border-color:var(--erp-border)!important;color:var(--erp-text)!important;}
body.theme-control-enabled tbody tr:hover td,
body.theme-control-enabled tr:hover td,
body.theme-control-enabled .data-table tbody tr:hover td,
body.theme-control-enabled .data-table tbody tr:hover td:first-child{background:var(--erp-hover-bg)!important;}
body.theme-control-enabled .badge-active,
body.theme-control-enabled .badge-completed,
body.theme-control-enabled .badge-booked,
body.theme-control-enabled .badge-available,
body.theme-control-enabled .badge-yes,
body.theme-control-enabled .alert-success{background:rgba(var(--success-rgb,19,122,59),.12)!important;color:var(--erp-success)!important;}
body.theme-control-enabled .badge-new,
body.theme-control-enabled .badge-pending,
body.theme-control-enabled .badge-planned,
body.theme-control-enabled .alert-warning{background:rgba(var(--warning-rgb,181,71,8),.12)!important;color:var(--erp-warning)!important;}
body.theme-control-enabled .badge-lost,
body.theme-control-enabled .badge-cancelled,
body.theme-control-enabled .badge-inactive,
body.theme-control-enabled .badge-no,
body.theme-control-enabled .alert-danger{background:rgba(var(--danger-rgb,180,35,24),.12)!important;color:var(--erp-danger)!important;}
body.theme-control-enabled .badge-follow-up,
body.theme-control-enabled .badge-assigned,
body.theme-control-enabled .badge-site-visit-planned,
body.theme-control-enabled .badge-site-visited,
body.theme-control-enabled .cal-event{background:rgba(var(--info-rgb,23,92,211),.12)!important;color:var(--erp-info)!important;}
body.theme-control-enabled .stat-card strong,
body.theme-control-enabled .table-status strong,
body.theme-control-enabled .followup-kpi h2{color:var(--erp-primary)!important;}
body.theme-control-enabled .timeline-item,
body.theme-control-enabled .notification-row,
body.theme-control-enabled .followup-kpi,
body.theme-control-enabled .dashboard-role-scope{border-left-color:var(--erp-primary)!important;}
body.theme-control-enabled .bar-row i,
body.theme-control-enabled .funnel-fill{background:var(--erp-primary)!important;}
body.theme-control-enabled .calendar-head{background:var(--erp-secondary)!important;color:#fff!important;}
body.theme-control-enabled .settings-tab-link.active{background:linear-gradient(135deg,var(--erp-primary),var(--erp-secondary))!important;color:#fff!important;}
body.theme-control-enabled .desktop-page-search{background:var(--erp-input-bg)!important;border-color:var(--erp-border)!important;}
.theme-color-control-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;align-items:stretch;}
.theme-control-color-field{background:var(--erp-card-bg,#fff);border:1px solid var(--erp-border,#e6ebf1);border-radius:16px;padding:12px;}
.theme-control-color-field input[type=color]{height:44px;padding:4px;border-radius:12px;cursor:pointer;}
.theme-control-section{border-left:4px solid var(--erp-primary,var(--primary,#1f4e79));}
.theme-live-preview{display:grid;grid-template-columns:220px 1fr;border:1px solid var(--erp-border,#e6ebf1);border-radius:20px;overflow:hidden;background:var(--erp-page-bg,#f3f6fa);min-height:190px;box-shadow:0 16px 38px rgba(16,24,40,.06);}
.theme-preview-sidebar{display:flex;flex-direction:column;gap:10px;background:var(--sidebar,#0f2233);color:var(--sidebar-text,#dbe8f4);padding:18px;}
.theme-preview-sidebar b{color:#fff;font-size:18px;margin-bottom:4px;}
.theme-preview-sidebar span{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.06);}
.theme-preview-sidebar span.active{background:var(--sidebar-active,var(--primary,#1f4e79));color:#fff;}
.theme-preview-main{padding:18px;display:grid;gap:14px;align-content:start;}
.theme-preview-topbar{display:flex;justify-content:space-between;align-items:center;background:var(--topbar,#fff);color:var(--topbar-text,#101828);border:1px solid var(--erp-border,#e6ebf1);border-radius:16px;padding:12px 14px;font-weight:700;}
.theme-preview-card{background:var(--erp-card-bg,#fff);border:1px solid var(--erp-border,#e6ebf1);border-radius:18px;padding:18px;}
.theme-preview-card h3{margin:0 0 6px;color:var(--erp-text,#1d2939);}.theme-preview-card p{margin:0 0 12px;color:var(--erp-muted,#667085);}
.theme-check-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;margin-bottom:18px;}
.theme-swatch-grid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:12px;}
.theme-swatch{border:1px solid var(--erp-border,#e6ebf1);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(16,24,40,.04);}
.theme-swatch i{display:block;height:46px;}.theme-swatch b{display:block;padding:10px 10px 2px;color:#1d2939;font-size:12px;}.theme-swatch small{display:block;padding:0 10px 10px;color:#667085;font-size:11px;}
@media(max-width:1100px){.theme-color-control-grid,.theme-check-kpi-grid{grid-template-columns:repeat(2,1fr)}.theme-swatch-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.theme-color-control-grid,.theme-check-kpi-grid,.theme-swatch-grid,.theme-live-preview{grid-template-columns:1fr}.theme-preview-sidebar{min-height:auto}}


/* v1.5.4.8.4 Advanced Theme Studio: Presets, Hover Text and Button Controls */
body.theme-control-enabled{
  background:var(--erp-page-bg,var(--page-bg,#f8fafc))!important;
  color:var(--erp-text,var(--text,#0f172a))!important;
}
body.theme-control-enabled .main,
body.theme-control-enabled .content{background:var(--erp-page-bg,var(--page-bg,#f8fafc))!important;color:var(--erp-text,var(--text,#0f172a))!important;}
body.theme-control-enabled .sidebar{background:var(--erp-sidebar,var(--sidebar,#ffffff))!important;border-right:1px solid var(--erp-border,var(--border,#e2e8f0))!important;color:var(--erp-sidebar-text,var(--sidebar-text,#334155))!important;}
body.theme-control-enabled .sidebar .brand,
body.theme-control-enabled .sidebar .brand strong,
body.theme-control-enabled .sidebar nav a{color:var(--erp-sidebar-text,var(--sidebar-text,#334155))!important;}
body.theme-control-enabled .sidebar nav a:hover{background:var(--erp-sidebar-hover-bg,var(--sidebar-hover-bg,#eff6ff))!important;color:var(--erp-sidebar-hover-text,var(--sidebar-hover-text,#1d4ed8))!important;}
body.theme-control-enabled .sidebar nav a.active{background:var(--erp-sidebar-active,var(--sidebar-active,#dbeafe))!important;color:var(--erp-sidebar-active-text,var(--sidebar-active-text,#1d4ed8))!important;}
body.theme-control-enabled .sidebar nav a:hover .nav-icon,
body.theme-control-enabled .sidebar nav a:hover .nav-text,
body.theme-control-enabled .sidebar nav a.active .nav-icon,
body.theme-control-enabled .sidebar nav a.active .nav-text{color:inherit!important;}
body.theme-control-enabled .topbar{background:var(--erp-topbar,var(--topbar,#fff))!important;color:var(--erp-topbar-text,var(--topbar-text,#0f172a))!important;border-bottom-color:var(--erp-border,var(--border,#e2e8f0))!important;}
body.theme-control-enabled .topbar a,
body.theme-control-enabled .topbar button:not(.btn){color:var(--erp-topbar-link,var(--topbar-link,var(--erp-link-color,#2563eb)))!important;}
body.theme-control-enabled a,
body.theme-control-enabled .desktop-breadcrumb a,
body.theme-control-enabled .notification-open,
body.theme-control-enabled .advanced-filters summary{color:var(--erp-link-color,var(--link-color,#2563eb))!important;}
body.theme-control-enabled a:hover,
body.theme-control-enabled .desktop-breadcrumb a:hover,
body.theme-control-enabled .notification-open:hover{color:var(--erp-link-hover-color,var(--link-hover-color,#1d4ed8))!important;}
body.theme-control-enabled .card:hover,
body.theme-control-enabled .stat-card:hover,
body.theme-control-enabled .kpi-card:hover,
body.theme-control-enabled .theme-choice-card:hover{background:var(--erp-card-hover-bg,var(--card-hover-bg,var(--erp-card-bg,#fff)))!important;border-color:var(--erp-card-hover-border,var(--card-hover-border,var(--erp-primary,#2563eb)))!important;}
body.theme-control-enabled tbody tr:hover td,
body.theme-control-enabled tr:hover td,
body.theme-control-enabled .data-table tbody tr:hover td,
body.theme-control-enabled .data-table tbody tr:hover td:first-child{background:var(--erp-hover-bg,var(--hover-bg,#eff6ff))!important;color:var(--erp-table-hover-text,var(--table-hover-text,var(--erp-hover-text,#0f172a)))!important;}
body.theme-control-enabled .actions a:hover,
body.theme-control-enabled .actions button:hover,
body.theme-control-enabled .btn-light:hover{background:var(--erp-btn-light-hover-bg,var(--btn-light-hover-bg,#e2e8f0))!important;color:var(--erp-btn-light-hover-text,var(--btn-light-hover-text,#0f172a))!important;}
body.theme-control-enabled .btn,
body.theme-control-enabled button,
body.theme-control-enabled .actions a,
body.theme-control-enabled .actions button{border-radius:var(--erp-btn-radius,var(--btn-radius,12px))!important;font-weight:var(--erp-btn-font-weight,var(--btn-font-weight,800))!important;box-shadow:var(--btn-shadow,0 8px 18px rgba(16,24,40,.10));}
body.theme-control-enabled .btn:hover,
body.theme-control-enabled button:hover,
body.theme-control-enabled .actions a:hover,
body.theme-control-enabled .actions button:hover{transform:var(--btn-hover-transform,translateY(-1px));}
body.theme-control-enabled .btn-primary,
body.theme-control-enabled button.btn-primary,
body.theme-control-enabled .pagination a.active,
body.theme-control-enabled .notification-tabs a.active,
body.theme-control-enabled .column-module-tab.active{background:var(--erp-btn-primary-bg,var(--btn-primary-bg,var(--erp-primary,#2563eb)))!important;color:var(--erp-btn-primary-text,var(--btn-primary-text,#fff))!important;border-color:var(--erp-btn-primary-bg,var(--btn-primary-bg,var(--erp-primary,#2563eb)))!important;}
body.theme-control-enabled .btn-primary:hover,
body.theme-control-enabled button.btn-primary:hover{background:var(--erp-btn-primary-hover-bg,var(--btn-primary-hover-bg,#1d4ed8))!important;color:var(--erp-btn-primary-hover-text,var(--btn-primary-hover-text,#fff))!important;border-color:var(--erp-btn-primary-hover-bg,var(--btn-primary-hover-bg,#1d4ed8))!important;}
body.theme-control-enabled .btn-secondary{background:var(--erp-btn-secondary-bg,var(--btn-secondary-bg,var(--erp-secondary,#0f172a)))!important;color:var(--erp-btn-secondary-text,var(--btn-secondary-text,#fff))!important;border-color:var(--erp-btn-secondary-bg,var(--btn-secondary-bg,var(--erp-secondary,#0f172a)))!important;}
body.theme-control-enabled .btn-secondary:hover{background:var(--erp-btn-secondary-hover-bg,var(--btn-secondary-hover-bg,#334155))!important;color:var(--erp-btn-secondary-hover-text,var(--btn-secondary-hover-text,#fff))!important;}
body.theme-control-enabled .btn-light,
body.theme-control-enabled .actions a,
body.theme-control-enabled .actions button{background:var(--erp-btn-light-bg,var(--btn-light-bg,#f1f5f9))!important;color:var(--erp-btn-light-text,var(--btn-light-text,var(--erp-text,#0f172a)))!important;border:1px solid var(--erp-border,var(--border,#e2e8f0))!important;}
body.theme-control-enabled .btn-danger,
body.theme-control-enabled button.btn-danger{background:var(--erp-btn-danger-bg,var(--btn-danger-bg,#dc2626))!important;color:var(--erp-btn-danger-text,var(--btn-danger-text,#fff))!important;border-color:var(--erp-btn-danger-bg,var(--btn-danger-bg,#dc2626))!important;}
body.theme-control-enabled .btn-danger:hover,
body.theme-control-enabled button.btn-danger:hover{background:var(--erp-btn-danger-hover-bg,var(--btn-danger-hover-bg,#b91c1c))!important;color:var(--erp-btn-danger-hover-text,var(--btn-danger-hover-text,#fff))!important;}
body.theme-control-enabled th,
body.theme-control-enabled .data-table th:first-child,
body.theme-control-enabled .permission-admin-table thead .permission-module-col{background:var(--erp-table-head-bg,var(--table-head-bg,#f1f5f9))!important;color:var(--erp-text,var(--text,#0f172a))!important;}
.theme-preset-apply-box{background:var(--erp-card-bg,#fff);border:1px solid var(--erp-border,#e2e8f0);border-left:4px solid var(--erp-primary,#2563eb);border-radius:16px;padding:14px;}
.advanced-theme-choice-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));}
.advanced-theme-color-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));}
.theme-preview-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0;}
.advanced-theme-live-preview .theme-preview-topbar a{color:var(--erp-link-color,var(--link-color,#2563eb));}
.advanced-theme-live-preview .theme-preview-topbar a:hover{color:var(--erp-link-hover-color,var(--link-hover-color,#1d4ed8));}
.theme-preview-rebx_minimal .theme-preview-art{background:linear-gradient(135deg,#ffffff,#eff6ff);}
.theme-preview-rebx_blue .theme-preview-art{background:linear-gradient(135deg,#dbeafe,#e0f2fe);}
.theme-preview-navy_gold{background:#111827;color:#f8fafc;border-color:#c89b3c;}
.theme-preview-navy_gold small{color:#e5e7eb;}.theme-preview-navy_gold .theme-preview-art{background:linear-gradient(135deg,#0b1220,#c89b3c);}
.theme-preview-emerald_sales .theme-preview-art{background:linear-gradient(135deg,#dcfce7,#bbf7d0);}
.theme-preview-graphite_pro .theme-preview-art{background:linear-gradient(135deg,#f1f5f9,#cbd5e1);}
.theme-preview-sandstone_realty .theme-preview-art{background:linear-gradient(135deg,#ffedd5,#fed7aa);}
.theme-preview-midnight_slate{background:#0f172a;color:#e5e7eb;border-color:#334155;}
.theme-preview-midnight_slate small{color:#cbd5e1;}.theme-preview-midnight_slate .theme-preview-art{background:linear-gradient(135deg,#0f172a,#8b5cf6);}
body.erp-theme-rebx_minimal{--theme-bg:#f8fafc;--theme-surface:#fff;--theme-surface-2:#f1f5f9;--theme-text:#0f172a;--theme-muted:#64748b;--theme-line:#e2e8f0;--theme-primary:#2563eb;--theme-primary-2:#60a5fa;--theme-accent:#f59e0b;--theme-shadow:0 8px 24px rgba(16,24,40,.04);}
body.erp-theme-rebx_blue{--theme-bg:#eef6ff;--theme-surface:#fff;--theme-surface-2:#e0f2fe;--theme-text:#102033;--theme-muted:#5b7088;--theme-line:#d7e7f7;--theme-primary:#0ea5e9;--theme-primary-2:#0284c7;--theme-accent:#fbbf24;--theme-shadow:0 12px 32px rgba(14,165,233,.10);}
body.erp-theme-navy_gold{--theme-bg:#f6f1e8;--theme-surface:#fff;--theme-surface-2:#fff7e6;--theme-text:#1f2937;--theme-muted:#6b7280;--theme-line:#eadfcb;--theme-primary:#c89b3c;--theme-primary-2:#111827;--theme-accent:#f5d06f;--theme-shadow:0 14px 36px rgba(200,155,60,.13);}
body.erp-theme-emerald_sales{--theme-bg:#ecfdf5;--theme-surface:#fff;--theme-surface-2:#dcfce7;--theme-text:#073b2e;--theme-muted:#4b685f;--theme-line:#bbf7d0;--theme-primary:#059669;--theme-primary-2:#10b981;--theme-accent:#84cc16;--theme-shadow:0 14px 36px rgba(5,150,105,.13);}
body.erp-theme-graphite_pro{--theme-bg:#f3f4f6;--theme-surface:#fff;--theme-surface-2:#f1f5f9;--theme-text:#111827;--theme-muted:#6b7280;--theme-line:#e5e7eb;--theme-primary:#475569;--theme-primary-2:#334155;--theme-accent:#38bdf8;--theme-shadow:none;}
body.erp-theme-sandstone_realty{--theme-bg:#fff7ed;--theme-surface:#fff;--theme-surface-2:#ffedd5;--theme-text:#3a2507;--theme-muted:#826742;--theme-line:#fed7aa;--theme-primary:#b45309;--theme-primary-2:#d97706;--theme-accent:#f59e0b;--theme-shadow:0 14px 36px rgba(180,83,9,.13);}
body.erp-theme-midnight_slate{--theme-bg:#0f172a;--theme-surface:#111827;--theme-surface-2:#1e293b;--theme-text:#e5e7eb;--theme-muted:#94a3b8;--theme-line:#334155;--theme-primary:#8b5cf6;--theme-primary-2:#38bdf8;--theme-accent:#f59e0b;--theme-shadow:none;}


/* v1.5.4.8.6 - Minimal Theme Studio + effective button controls */
.theme-studio-minimal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);border-left:4px solid var(--primary,#2563eb);border-radius:18px;margin-bottom:14px}
.theme-studio-minimal-head h3,.compact-theme-section h3{margin:0 0 4px;color:var(--text,#0f172a)}
.theme-studio-quick-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.theme-studio-quick-shell{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:end}.theme-studio-quick-shell .theme-studio-minimal-head,.theme-studio-quick-shell .theme-preset-mini-grid{grid-column:1/-1}.theme-preset-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.theme-preset-mini{border:1px solid var(--border,#e2e8f0);background:var(--card-bg,#fff);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px;text-align:left;cursor:pointer;color:var(--text,#0f172a);transition:.18s ease}.theme-preset-mini:hover,.theme-preset-mini.active{border-color:var(--primary,#2563eb);background:var(--hover-bg,#eff6ff);color:var(--hover-text,#0f172a);transform:translateY(-1px)}.theme-preset-mini small{color:var(--muted,#64748b)}.theme-preset-mini span{display:flex;gap:5px}.theme-preset-mini i{width:22px;height:14px;border-radius:99px;border:1px solid rgba(15,23,42,.08)}
.compact-theme-section{padding:14px 16px!important;margin-top:12px!important;background:var(--surface,#fff)!important;border-left:4px solid var(--primary,#2563eb)!important}.compact-theme-color-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:12px!important}.compact-color-field{padding:12px!important;border-radius:14px!important}.compact-color-field input[type=color]{height:42px!important}.compact-color-field small{font-size:11px;line-height:1.25;word-break:break-word;color:var(--muted,#64748b)}
.theme-advanced-details{border:1px solid var(--border,#e2e8f0);background:var(--surface,#fff);border-radius:18px;padding:0;margin:14px 0}.theme-advanced-details summary{cursor:pointer;padding:16px 18px;font-weight:700;color:var(--primary,#2563eb)}.theme-advanced-details[open] summary{border-bottom:1px solid var(--border,#e2e8f0)}.theme-advanced-details .compact-theme-color-grid{padding:16px}
.theme-button-control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.theme-button-control-grid .field{padding:0}.theme-button-control-grid select{min-height:44px;background:var(--input-bg,#fff);color:var(--text,#0f172a);border:1px solid var(--border,#e2e8f0);border-radius:14px;padding:0 14px;font-weight:700}.compact-theme-preview{min-height:auto!important;margin-top:16px!important}
.btn,button.btn,a.btn,.form-actions .btn{border-radius:var(--btn-radius,10px)!important;font-weight:var(--btn-font-weight,700)!important;font-size:var(--btn-font-size,14px)!important;padding:var(--btn-padding-y,10px) var(--btn-padding-x,16px)!important;min-height:var(--btn-min-height,40px)!important;border-width:var(--btn-border-width,1px)!important;letter-spacing:var(--btn-letter-spacing,0px)!important;text-transform:var(--btn-text-transform,none)!important;box-shadow:var(--btn-shadow,none)!important;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover,button.btn:hover,a.btn:hover{transform:var(--btn-hover-transform,none)!important}.btn-primary{background:var(--btn-primary-bg,var(--primary,#2563eb))!important;color:var(--btn-primary-text,#fff)!important;border-color:var(--btn-primary-bg,var(--primary,#2563eb))!important}.btn-primary:hover{background:var(--btn-primary-hover-bg,#1d4ed8)!important;color:var(--btn-primary-hover-text,#fff)!important;border-color:var(--btn-primary-hover-bg,#1d4ed8)!important}.btn-light{background:var(--btn-light-bg,#f1f5f9)!important;color:var(--btn-light-text,#0f172a)!important;border-color:var(--border,#e2e8f0)!important}.btn-light:hover{background:var(--btn-light-hover-bg,#e2e8f0)!important;color:var(--btn-light-hover-text,#0f172a)!important}.btn-danger{background:var(--btn-danger-bg,#dc2626)!important;color:var(--btn-danger-text,#fff)!important;border-color:var(--btn-danger-bg,#dc2626)!important}.btn-danger:hover{background:var(--btn-danger-hover-bg,#b91c1c)!important;color:var(--btn-danger-hover-text,#fff)!important;border-color:var(--btn-danger-hover-bg,#b91c1c)!important}
@media(max-width:900px){.theme-studio-quick-shell{grid-template-columns:1fr}.theme-studio-minimal-head{align-items:flex-start;flex-direction:column}.theme-studio-quick-actions{justify-content:flex-start}.compact-theme-color-grid,.theme-button-control-grid{grid-template-columns:1fr!important}}

/* v1.5.4.8.6.3 Settings Tabs Fields & Save Complete Fix
   Restores visible fields inside all settings subpages even when theme styles are active. */
.settings-content-panel .settings-tab-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;align-items:start!important;visibility:visible!important;opacity:1!important;min-height:120px;}
.settings-content-panel .settings-tab-form .field,
.settings-content-panel .settings-tab-form label.field{display:flex!important;flex-direction:column!important;gap:7px!important;visibility:visible!important;opacity:1!important;min-height:auto!important;height:auto!important;overflow:visible!important;}
.settings-content-panel .settings-tab-form .settings-section,
.settings-content-panel .settings-tab-form .form-actions,
.settings-content-panel .settings-tab-form .settings-sticky-actions{display:flex!important;visibility:visible!important;opacity:1!important;}
.settings-content-panel .settings-tab-form .settings-section{flex-direction:column!important;grid-column:1/-1!important;}
.settings-content-panel .settings-tab-form .wide{grid-column:1/-1!important;}
.settings-content-panel .settings-tab-form input,
.settings-content-panel .settings-tab-form select,
.settings-content-panel .settings-tab-form textarea{display:block!important;visibility:visible!important;opacity:1!important;}
.settings-content-panel .settings-tab-form input[type="hidden"]{display:none!important;}
.settings-content-panel .settings-sticky-actions{grid-column:1/-1!important;position:sticky;bottom:12px;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border:1px solid var(--theme-border,#e6ebf1);border-radius:18px;padding:12px;margin-top:14px;box-shadow:0 14px 34px rgba(15,34,51,.08);gap:10px;align-items:center;flex-wrap:wrap;}
@media(max-width:900px){.settings-content-panel .settings-tab-form{grid-template-columns:1fr!important;}}


/* v1.5.4.8.6.7 Balanced Theme Studio - final effective overrides */
body.theme-control-enabled,
body.theme-control-enabled *:not(.fa):not(.dashicons){font-family:var(--erp-font-family, system-ui, -apple-system, "Segoe UI", sans-serif)!important;}
body.theme-control-enabled{font-size:var(--erp-base-font-size,14px)!important;font-weight:var(--erp-body-font-weight,500)!important;line-height:var(--erp-line-height,1.45)!important;letter-spacing:var(--erp-letter-spacing,0px)!important;background:var(--erp-page-bg,#f8fafc)!important;color:var(--erp-text,#0f172a)!important;}
body.theme-control-enabled h1,body.theme-control-enabled h2,body.theme-control-enabled h3,body.theme-control-enabled h4,body.theme-control-enabled .page-title{font-weight:var(--erp-heading-font-weight,800)!important;color:var(--erp-text,#0f172a)!important;}
body.theme-control-enabled .sidebar,body.theme-control-enabled .sidebar .brand{background:var(--erp-sidebar,#fff)!important;color:var(--erp-sidebar-text,#334155)!important;border-color:var(--erp-border,#e2e8f0)!important;}
body.theme-control-enabled .sidebar a,body.theme-control-enabled .nav-group summary{color:var(--erp-sidebar-text,#334155)!important;font-weight:var(--erp-menu-font-weight,700)!important;}
body.theme-control-enabled .sidebar a:hover,body.theme-control-enabled .nav-submenu .nav-link:hover,body.theme-control-enabled .sidebar .nav-group summary:hover{background:var(--erp-sidebar-hover-bg,#eff6ff)!important;color:var(--erp-sidebar-hover-text,#1d4ed8)!important;}
body.theme-control-enabled .sidebar a.active,body.theme-control-enabled .nav-submenu .nav-link.active,body.theme-control-enabled .nav-group.is-active>summary{background:var(--erp-sidebar-active,#dbeafe)!important;color:var(--erp-sidebar-active-text,#1d4ed8)!important;}
body.theme-control-enabled .topbar{background:var(--erp-topbar,#fff)!important;color:var(--erp-topbar-text,#0f172a)!important;border-color:var(--erp-border,#e2e8f0)!important;}
body.theme-control-enabled .main,body.theme-control-enabled .content{background:var(--erp-page-bg,#f8fafc)!important;color:var(--erp-text,#0f172a)!important;}
body.theme-control-enabled .card,body.theme-control-enabled .stat-card,body.theme-control-enabled .kpi-card,body.theme-control-enabled .settings-content-panel,body.theme-control-enabled .settings-sidebar-tabs,body.theme-control-enabled .settings-header-card,body.theme-control-enabled .table-wrap,body.theme-control-enabled .toolbar{background:var(--erp-card-bg,#fff)!important;color:var(--erp-text,#0f172a)!important;border-color:var(--erp-border,#e2e8f0)!important;border-radius:var(--erp-card-radius,18px)!important;}
body.theme-control-enabled .card:hover,body.theme-control-enabled .stat-card:hover,body.theme-control-enabled .kpi-card:hover{background:var(--erp-card-hover-bg,var(--erp-card-bg,#fff))!important;border-color:var(--erp-card-hover-border,var(--erp-primary,#2563eb))!important;}
body.theme-control-enabled input,body.theme-control-enabled select,body.theme-control-enabled textarea{background:var(--erp-input-bg,#fff)!important;color:var(--erp-text,#0f172a)!important;border-color:var(--erp-border,#e2e8f0)!important;border-radius:var(--erp-input-radius,12px)!important;font-family:var(--erp-font-family, system-ui)!important;font-size:var(--erp-base-font-size,14px)!important;}
body.theme-control-enabled input:focus,body.theme-control-enabled select:focus,body.theme-control-enabled textarea:focus{border-color:var(--erp-primary,#2563eb)!important;box-shadow:0 0 0 4px rgba(var(--primary-rgb,37,99,235),.14)!important;}
body.theme-control-enabled a{color:var(--erp-link-color,#2563eb)!important;}body.theme-control-enabled a:hover{color:var(--erp-link-hover-color,#1d4ed8)!important;}
body.theme-control-enabled th,body.theme-control-enabled .data-table th{background:var(--erp-table-head-bg,#f1f5f9)!important;color:var(--erp-text,#0f172a)!important;border-color:var(--erp-border,#e2e8f0)!important;}
body.theme-control-enabled td{color:var(--erp-text,#0f172a)!important;border-color:var(--erp-border,#e2e8f0)!important;}body.theme-control-enabled tbody tr:hover td{background:var(--erp-hover-bg,#eff6ff)!important;color:var(--erp-table-hover-text,#0f172a)!important;}
body.theme-control-enabled .muted,body.theme-control-enabled small,body.theme-control-enabled .field small,body.theme-control-enabled .topbar small{color:var(--erp-muted,#64748b)!important;}
body.theme-control-enabled .btn,body.theme-control-enabled button.btn,body.theme-control-enabled a.btn,body.theme-control-enabled .actions a,body.theme-control-enabled .actions button{border-radius:var(--btn-radius,12px)!important;font-weight:var(--btn-font-weight,700)!important;font-size:var(--btn-font-size,14px)!important;padding:var(--btn-padding-y,10px) var(--btn-padding-x,16px)!important;min-height:var(--btn-min-height,40px)!important;border-width:var(--btn-border-width,1px)!important;letter-spacing:var(--btn-letter-spacing,0px)!important;text-transform:var(--btn-text-transform,none)!important;box-shadow:var(--btn-shadow,none)!important;transform:none;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease!important;}
body.theme-control-enabled .btn:hover,body.theme-control-enabled button.btn:hover,body.theme-control-enabled a.btn:hover,body.theme-control-enabled .actions a:hover,body.theme-control-enabled .actions button:hover{transform:var(--btn-hover-transform,none)!important;}
body.theme-control-enabled .btn-primary,body.theme-control-enabled button.btn-primary,body.theme-control-enabled .pagination a.active{background:var(--erp-btn-primary-bg,#2563eb)!important;color:var(--erp-btn-primary-text,#fff)!important;border:var(--btn-border-width,1px) solid var(--erp-btn-primary-bg,#2563eb)!important;}
body.theme-control-enabled .btn-primary:hover,body.theme-control-enabled button.btn-primary:hover{background:var(--erp-btn-primary-hover-bg,#1d4ed8)!important;color:var(--erp-btn-primary-hover-text,#fff)!important;border-color:var(--erp-btn-primary-hover-bg,#1d4ed8)!important;}
body.theme-control-enabled .btn-light,body.theme-control-enabled .actions a,body.theme-control-enabled .actions button{background:var(--erp-btn-light-bg,#f1f5f9)!important;color:var(--erp-btn-light-text,#0f172a)!important;border:var(--btn-border-width,1px) solid var(--erp-border,#e2e8f0)!important;}
body.theme-control-enabled .btn-light:hover,body.theme-control-enabled .actions a:hover,body.theme-control-enabled .actions button:hover{background:var(--erp-btn-light-hover-bg,#e2e8f0)!important;color:var(--erp-btn-light-hover-text,#0f172a)!important;}
body.theme-control-enabled .btn-danger,body.theme-control-enabled button.btn-danger{background:var(--erp-btn-danger-bg,#dc2626)!important;color:var(--erp-btn-danger-text,#fff)!important;border:var(--btn-border-width,1px) solid var(--erp-btn-danger-bg,#dc2626)!important;}
body.theme-control-enabled .btn-danger:hover,body.theme-control-enabled button.btn-danger:hover{background:var(--erp-btn-danger-hover-bg,#b91c1c)!important;color:var(--erp-btn-danger-hover-text,#fff)!important;border-color:var(--erp-btn-danger-hover-bg,#b91c1c)!important;}
.theme-studio-stable-v154868 .theme-pro-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;border:1px solid var(--erp-border,#e2e8f0);border-left:5px solid var(--erp-primary,#2563eb);border-radius:22px;background:var(--erp-card-bg,#fff);margin-bottom:18px}.theme-studio-stable-v154868 .theme-pro-hero h3{margin:0 0 6px}.theme-studio-stable-v154868 .theme-pro-actions{display:flex;gap:10px;flex-wrap:wrap}.theme-pro-panel{background:var(--erp-card-bg,#fff);border:1px solid var(--erp-border,#e2e8f0);border-radius:20px;padding:18px;margin:16px 0;grid-column:1/-1}.theme-pro-panel h3{margin:0 0 5px}.theme-pro-grid{display:grid;gap:14px;margin-top:14px}.theme-pro-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-pro-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.theme-pro-colors{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:12px!important;margin-top:14px}.theme-pro-colors .field{border:1px solid var(--erp-border,#e2e8f0);border-radius:14px;padding:12px;background:var(--erp-page-bg,#f8fafc)}.theme-pro-colors input[type=color]{height:40px;padding:3px;border-radius:12px}.theme-pro-colors small{display:none}.theme-advanced-details{grid-column:1/-1;border:1px solid var(--erp-border,#e2e8f0);border-radius:18px;background:var(--erp-card-bg,#fff);padding:0;margin:16px 0}.theme-advanced-details summary{cursor:pointer;padding:16px 18px;font-weight:700;color:var(--erp-primary,#2563eb)}.theme-advanced-details[open] summary{border-bottom:1px solid var(--erp-border,#e2e8f0)}.theme-advanced-details .theme-pro-colors{padding:16px;margin-top:0}.theme-live-preview{border-radius:20px!important}
@media(max-width:1100px){.theme-pro-grid.three,.theme-pro-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-studio-stable-v154868 .theme-pro-hero{align-items:flex-start;flex-direction:column}.theme-studio-stable-v154868 .theme-pro-actions{justify-content:flex-start}}@media(max-width:720px){.theme-pro-grid.three,.theme-pro-grid.four,.theme-pro-colors{grid-template-columns:1fr!important}}


/* v1.5.4.8.6.8 Stable Theme Studio effectiveness layer */
body.theme-control-enabled{
  font-family:var(--erp-font-family,system-ui,-apple-system,"Segoe UI",sans-serif)!important;
  font-size:var(--erp-base-font-size,14px)!important;
  font-weight:var(--erp-body-font-weight,500)!important;
  line-height:var(--erp-line-height,1.45)!important;
  letter-spacing:var(--erp-letter-spacing,0px)!important;
  background:var(--erp-page-bg,#f8fafc)!important;
  color:var(--erp-text,#0f172a)!important;
}
body.theme-control-enabled *:not(.fa):not(.dashicons):not([class^="icon-"]){font-family:var(--erp-font-family,system-ui,-apple-system,"Segoe UI",sans-serif)!important;}
body.theme-control-enabled h1,body.theme-control-enabled h2,body.theme-control-enabled h3,body.theme-control-enabled h4,.theme-control-enabled .card-head h2{font-weight:var(--erp-heading-font-weight,800)!important;}
body.theme-control-enabled .sidebar,body.theme-control-enabled .sidebar .brand{background:var(--erp-sidebar,#fff)!important;color:var(--erp-sidebar-text,#334155)!important;}
body.theme-control-enabled .sidebar a,body.theme-control-enabled .nav-group summary{font-weight:var(--erp-menu-font-weight,700)!important;color:var(--erp-sidebar-text,#334155)!important;}
body.theme-control-enabled .sidebar a:hover,body.theme-control-enabled .nav-submenu .nav-link:hover,body.theme-control-enabled .sidebar .nav-group summary:hover{background:var(--erp-sidebar-hover-bg,#eff6ff)!important;color:var(--erp-sidebar-hover-text,#1d4ed8)!important;}
body.theme-control-enabled .sidebar a.active,body.theme-control-enabled .nav-submenu .nav-link.active,body.theme-control-enabled .nav-group.is-active>summary{background:var(--erp-sidebar-active,#dbeafe)!important;color:var(--erp-sidebar-active-text,#1d4ed8)!important;}
body.theme-control-enabled .topbar{background:var(--erp-topbar,#fff)!important;color:var(--erp-topbar-text,#0f172a)!important;border-color:var(--erp-border,#e2e8f0)!important;}
body.theme-control-enabled .main,body.theme-control-enabled .content{background:var(--erp-page-bg,#f8fafc)!important;color:var(--erp-text,#0f172a)!important;}
body.theme-control-enabled .card,body.theme-control-enabled .settings-header-card,body.theme-control-enabled .settings-content-panel,body.theme-control-enabled .settings-sidebar-tabs,body.theme-control-enabled .kpi-card,body.theme-control-enabled .stat-card{background:var(--erp-card-bg,#fff)!important;color:var(--erp-text,#0f172a)!important;border-color:var(--erp-border,#e2e8f0)!important;border-radius:var(--erp-card-radius,18px)!important;}
body.theme-control-enabled input,body.theme-control-enabled select,body.theme-control-enabled textarea{background:var(--erp-input-bg,#fff)!important;color:var(--erp-text,#0f172a)!important;border-color:var(--erp-border,#e2e8f0)!important;border-radius:var(--erp-input-radius,12px)!important;font-size:var(--erp-base-font-size,14px)!important;}
body.theme-control-enabled .btn,body.theme-control-enabled button.btn,body.theme-control-enabled a.btn,body.theme-control-enabled .actions a,body.theme-control-enabled .actions button{
  border-radius:var(--btn-radius,12px)!important;
  font-weight:var(--btn-font-weight,700)!important;
  font-size:var(--btn-font-size,14px)!important;
  padding:var(--btn-padding-y,10px) var(--btn-padding-x,16px)!important;
  min-height:var(--btn-min-height,40px)!important;
  border-width:var(--btn-border-width,1px)!important;
  letter-spacing:var(--btn-letter-spacing,0px)!important;
  text-transform:var(--btn-text-transform,none)!important;
  box-shadow:var(--btn-shadow,none)!important;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease!important;
}
body.theme-control-enabled .btn:hover,body.theme-control-enabled button.btn:hover,body.theme-control-enabled a.btn:hover,body.theme-control-enabled .actions a:hover,body.theme-control-enabled .actions button:hover{transform:var(--btn-hover-transform,none)!important;}
body.theme-control-enabled .btn-primary,body.theme-control-enabled button.btn-primary{background:var(--erp-btn-primary-bg,#2563eb)!important;color:var(--erp-btn-primary-text,#fff)!important;border-color:var(--erp-btn-primary-bg,#2563eb)!important;}
body.theme-control-enabled .btn-primary:hover,body.theme-control-enabled button.btn-primary:hover{background:var(--erp-btn-primary-hover-bg,#1d4ed8)!important;color:var(--erp-btn-primary-hover-text,#fff)!important;border-color:var(--erp-btn-primary-hover-bg,#1d4ed8)!important;}
body.theme-control-enabled .btn-light,body.theme-control-enabled .actions a,body.theme-control-enabled .actions button{background:var(--erp-btn-light-bg,#f1f5f9)!important;color:var(--erp-btn-light-text,#0f172a)!important;border-color:var(--erp-border,#e2e8f0)!important;}
body.theme-control-enabled .btn-light:hover,body.theme-control-enabled .actions a:hover,body.theme-control-enabled .actions button:hover{background:var(--erp-btn-light-hover-bg,#e2e8f0)!important;color:var(--erp-btn-light-hover-text,#0f172a)!important;}
body.theme-control-enabled .btn-danger,body.theme-control-enabled button.btn-danger{background:var(--erp-btn-danger-bg,#dc2626)!important;color:var(--erp-btn-danger-text,#fff)!important;border-color:var(--erp-btn-danger-bg,#dc2626)!important;}
body.theme-control-enabled .btn-danger:hover,body.theme-control-enabled button.btn-danger:hover{background:var(--erp-btn-danger-hover-bg,#b91c1c)!important;color:var(--erp-btn-danger-hover-text,#fff)!important;border-color:var(--erp-btn-danger-hover-bg,#b91c1c)!important;}
.theme-studio-stable-v154868 .theme-pro-hero,.theme-studio-stable-v154868 .theme-pro-panel{max-width:100%;}
.theme-studio-stable-v154868 [data-theme-preset-select]{border-color:var(--erp-border,#e2e8f0)!important;}
.theme-studio-stable-v154868 .theme-pro-panel{padding:16px 18px!important;margin:14px 0!important;}
.theme-studio-stable-v154868 .theme-pro-grid.four{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;}
.theme-studio-stable-v154868 .theme-pro-grid.three{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;}
.theme-studio-stable-v154868 .theme-pro-colors{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;}


/* v1.5.4.8.6.9 - Theme Studio clean header, parent menu active behavior, compact icon table actions */
.theme-pro-hero-clean{display:block!important;}
.theme-pro-hero-clean .theme-pro-actions{display:none!important;}
.theme-studio-bottom-actions{position:sticky;bottom:0;z-index:8;background:rgba(248,250,252,.92);backdrop-filter:blur(12px);border:1px solid rgba(15,34,51,.08);box-shadow:0 -12px 30px rgba(15,23,42,.08);}
.theme-studio-bottom-actions .btn{min-width:150px;}

/* Parent menu should only become bolder when a child is active. No active background/text swap on parent. */
.sidebar .nav-group.is-active,
.sidebar .nav-group[open].is-active,
body.theme-control-enabled .sidebar .nav-group.is-active,
body.theme-control-enabled .sidebar .nav-group[open].is-active{
    background:transparent!important;
    border-color:rgba(255,255,255,.08)!important;
}
.sidebar .nav-group.is-active>summary,
body.theme-control-enabled .sidebar .nav-group.is-active>summary{
    background:transparent!important;
    color:var(--erp-sidebar-text,var(--sidebar-text,#dbe8f4))!important;
    font-weight:700!important;
    box-shadow:none!important;
}
.sidebar .nav-group.is-active>summary .nav-group-title,
body.theme-control-enabled .sidebar .nav-group.is-active>summary .nav-group-title{
    font-weight:700!important;
    color:inherit!important;
}
body.theme-control-enabled .sidebar .nav-group.is-active>summary:hover,
.sidebar .nav-group.is-active>summary:hover{
    background:var(--erp-sidebar-hover-bg,rgba(255,255,255,.06))!important;
    color:var(--erp-sidebar-text,var(--sidebar-text,#dbe8f4))!important;
}
body.theme-control-enabled .sidebar .nav-submenu .nav-link.active,
body.theme-control-enabled .sidebar .nav-link.active:not(.nav-group>summary){
    background:var(--erp-sidebar-active,#dbeafe)!important;
    color:var(--erp-sidebar-active-text,#1d4ed8)!important;
    font-weight:700!important;
}
body.erp-theme-slate_minimal .sidebar .nav-group.is-active,
body.erp-theme-slate_minimal .sidebar .nav-group[open].is-active{background:transparent!important;border-color:rgba(15,23,42,.08)!important;}
body.erp-theme-slate_minimal .sidebar .nav-group.is-active>summary{background:transparent!important;color:#0f172a!important;}

/* Compact listing table action icons */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
.action-cell.compact-action-cell{min-width:138px!important;width:1%;white-space:nowrap;}
.table-row-icon-actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;flex-wrap:nowrap!important;}
.table-row-icon-actions form{display:inline-flex!important;margin:0!important;}
.table-row-icon-actions .icon-action,
.table-row-icon-actions a.icon-action,
.table-row-icon-actions button.icon-action{
    width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;
    padding:0!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
    font-size:15px!important;line-height:1!important;font-weight:700!important;box-shadow:none!important;
}
.table-row-icon-actions .icon-action:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(15,23,42,.10)!important;}
.table-row-icon-actions .lifecycle-inline-form.row,
.table-row-icon-actions .lifecycle-inline-form.compact-status-form{display:inline-flex!important;align-items:center!important;gap:5px!important;margin:0!important;}
.table-row-icon-actions .lifecycle-inline-form select{height:34px!important;min-height:34px!important;width:142px!important;min-width:142px!important;max-width:142px!important;padding:0 28px 0 10px!important;border-radius:10px!important;font-size:12px!important;color:var(--erp-text-color,#0f172a)!important;background-color:#fff!important;}
.table-row-icon-actions .lifecycle-inline-form select:hover,
.table-row-icon-actions .lifecycle-inline-form select:focus{width:142px!important;min-width:142px!important;max-width:142px!important;font-size:12px!important;color:var(--erp-text-color,#0f172a)!important;}
.table-row-icon-actions .status-icon-action{width:34px!important;height:34px!important;}
@media (max-width:768px){
  .table-row-icon-actions{flex-wrap:wrap!important;}
  .action-cell.compact-action-cell{min-width:100%!important;width:100%;}
  .table-row-icon-actions .lifecycle-inline-form select{width:150px!important;max-width:150px!important;font-size:12px!important;color:var(--erp-text-color,#0f172a)!important;}
}


/* v1.5.4.8.6.10 - Company Branding notice cleanup + stable lead lifecycle move select */
.settings-branding-no-colors{display:none!important;}
.table-row-icon-actions .lifecycle-inline-form.row,
.table-row-icon-actions .lifecycle-inline-form.compact-status-form{display:inline-flex!important;align-items:center!important;gap:6px!important;margin:0!important;white-space:nowrap!important;}
.table-row-icon-actions .lifecycle-inline-form .lead-status-move-select,
.table-row-icon-actions .lifecycle-inline-form .lead-status-move-select:hover,
.table-row-icon-actions .lifecycle-inline-form .lead-status-move-select:focus{width:142px!important;min-width:142px!important;max-width:142px!important;height:34px!important;min-height:34px!important;font-size:12px!important;color:var(--erp-text-color,#0f172a)!important;background:#fff!important;border:1px solid var(--erp-border,#d8dce5)!important;border-radius:10px!important;box-shadow:none!important;transform:none!important;}
.table-row-icon-actions .lifecycle-inline-form .lead-status-move-select:required:invalid{color:var(--erp-muted-color,#667085)!important;}
.table-row-icon-actions .lifecycle-inline-form .lead-status-move-select option{color:var(--erp-text-color,#0f172a)!important;font-size:13px!important;}
.compact-action-cell .enhanced-row-actions{gap:6px!important;align-items:center!important;}
@media(max-width:900px){.table-row-icon-actions .lifecycle-inline-form .lead-status-move-select{width:100%!important;min-width:150px!important;max-width:100%!important;}}

/* v1.5.4.8.6.12 - Dual Branding: Client + REBX login and sidebar */
.dual-sidebar-brand{display:flex!important;align-items:center!important;gap:10px!important;min-height:62px!important;position:relative!important;}
.dual-sidebar-logo-wrap{width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 10px 24px rgba(15,23,42,.18);overflow:hidden;}
.dual-sidebar-logo{width:100%;height:100%;object-fit:contain;border-radius:12px;padding:4px;background:#fff;color:#0f172a;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;}
.dual-sidebar-brand-text{min-width:0;display:flex;flex-direction:column;gap:2px;}
.dual-sidebar-brand-text strong{font-size:15px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px;}
.dual-sidebar-brand-text small{font-size:10px;line-height:1.2;opacity:.78;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px;}
.dual-sidebar-powered{color:inherit!important;font-weight:500!important;letter-spacing:.01em;}
.branding-fallback-logo{background:linear-gradient(135deg,var(--erp-primary,#2563eb),var(--erp-accent,#22c55e));color:#fff!important;}
.sidebar.is-compact .dual-sidebar-brand-text{display:none!important;}
.sidebar.is-compact .dual-sidebar-brand{justify-content:center!important;}

.dual-login-body{min-height:100vh;background:radial-gradient(circle at top left,rgba(37,99,235,.10),transparent 30%),linear-gradient(135deg,#f8fafc,#eef4fb);color:var(--erp-text-color,#0f172a);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;position:relative;overflow-x:hidden;}
.dual-login-body.login-overlay-enabled::before{content:"";position:fixed;inset:0;background:#000;z-index:0;pointer-events:none;}
.dual-login-shell{position:relative;z-index:1;width:min(460px,100%);display:flex;justify-content:center;}
.login-align-left .dual-login-shell{margin-right:auto;margin-left:clamp(0px,6vw,80px);}
.login-align-right .dual-login-shell{margin-left:auto;margin-right:clamp(0px,6vw,80px);}
.dual-login-card{width:100%;background:rgba(255,255,255,.94);border:1px solid rgba(15,23,42,.08);box-shadow:0 28px 80px rgba(15,23,42,.14);border-radius:28px;padding:30px;backdrop-filter:blur(14px);}
.dual-login-client-brand{display:flex;align-items:center;gap:14px;margin-bottom:16px;}
.dual-login-logo-wrap{width:62px;height:62px;flex:0 0 62px;border-radius:20px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 35px rgba(15,23,42,.12);overflow:hidden;border:1px solid rgba(15,23,42,.08);}
.dual-login-logo{width:100%;height:100%;object-fit:contain;padding:7px;background:#fff;border-radius:18px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;}
.dual-login-client-brand strong{display:block;font-size:20px;line-height:1.15;color:#0f172a;}
.dual-login-client-brand small{display:block;margin-top:4px;color:#64748b;font-size:12px;line-height:1.35;}
.dual-login-powered{display:flex;align-items:center;gap:10px;background:#f8fafc;border:1px solid rgba(15,23,42,.08);border-radius:16px;padding:10px 12px;margin-bottom:22px;}
.dual-login-powered img{width:34px;height:34px;object-fit:contain;background:#fff;border-radius:10px;border:1px solid rgba(15,23,42,.08);padding:4px;}
.rebx-wordmark{display:inline-flex;width:42px;height:34px;align-items:center;justify-content:center;background:#0f172a;color:#fff;border-radius:10px;font-weight:700;font-size:12px;letter-spacing:.04em;}
.dual-login-powered span{display:block;font-weight:700;color:#0f172a;font-size:13px;line-height:1.2;}
.dual-login-powered small{display:block;color:#64748b;font-size:11px;line-height:1.2;margin-top:2px;}
.dual-login-heading{margin-bottom:20px;}
.dual-login-heading h1{margin:0 0 6px;font-size:30px;line-height:1.1;color:#0f172a;font-weight:700;}
.dual-login-heading p{margin:0;color:#64748b;font-size:14px;line-height:1.6;}
.dual-login-form{display:flex;flex-direction:column;gap:9px;}
.dual-login-form label{font-weight:600;color:#334155;margin-top:8px;font-size:13px;}
.dual-login-form input{height:48px;border:1px solid rgba(15,23,42,.12);border-radius:14px;padding:0 14px;font-size:14px;background:#fff;color:#0f172a;outline:none;}
.dual-login-form input:focus{border-color:var(--erp-primary,#2563eb);box-shadow:0 0 0 4px rgba(37,99,235,.12);}
.dual-login-form .btn.full{width:100%;height:48px;margin-top:12px;border-radius:14px;font-weight:700;}
.dual-login-card .forgot-link{display:inline-block;margin-top:14px;font-size:13px;font-weight:600;color:var(--erp-primary,#2563eb);text-decoration:none;}
.dual-login-footer{position:relative;z-index:1;margin-top:16px;color:#64748b;font-size:12px;text-align:center;display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;}
.login-brand-mode-client_only .dual-login-powered{display:none!important;}
.login-brand-mode-rebx_only .dual-login-client-brand small{color:#64748b;}
.login-has-bg-image .dual-login-card{background:rgba(255,255,255,.92);}
@media(max-width:640px){.dual-login-body{padding:18px;justify-content:center}.dual-login-card{padding:22px;border-radius:22px}.dual-login-heading h1{font-size:25px}.dual-login-client-brand strong{font-size:18px}.login-align-left .dual-login-shell,.login-align-right .dual-login-shell{margin-left:0;margin-right:0}.dual-login-footer{font-size:11px}.login-hide-tagline-mobile .dual-login-client-brand small{display:none}}

/* Dual branding settings helper */
.settings-dual-brand-preview{display:flex;gap:14px;align-items:center;padding:14px;border:1px dashed var(--erp-border,#d8dce5);border-radius:16px;background:#f8fafc;}

/* v1.5.4.8.6.16 - Dashboard equal 50/50 widgets + report brand footer polish */
.dashboard-events-team-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  align-items:start!important;
}
.dashboard-events-team-grid>.card{min-width:0!important;width:100%!important;overflow:hidden!important;}
.dashboard-events-team-grid .table-wrap{max-width:100%!important;overflow:auto!important;}
.dashboard-events-team-grid .table-wrap table{min-width:560px!important;}
.dashboard-events-team-grid .event-line{grid-template-columns:88px minmax(0,1fr) 72px!important;}
.dashboard-events-team-grid .event-line span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
@media(max-width:1100px){.dashboard-events-team-grid{grid-template-columns:1fr!important;}}


/* v1.5.4.8.6.17 Theme Studio minimum line-height control
   Prevents invalid/too-tight values like 12px from affecting system readability. */
body.theme-control-enabled,
body.theme-control-enabled .app,
body.theme-control-enabled .main,
body.theme-control-enabled .content,
body.theme-control-enabled .card,
body.theme-control-enabled .module-card,
body.theme-control-enabled .settings-panel,
body.theme-control-enabled .table,
body.theme-control-enabled table,
body.theme-control-enabled td,
body.theme-control-enabled th,
body.theme-control-enabled p,
body.theme-control-enabled li,
body.theme-control-enabled label,
body.theme-control-enabled input,
body.theme-control-enabled select,
body.theme-control-enabled textarea{
  line-height:var(--erp-line-height,1.45)!important;
}
body.theme-control-enabled .btn,
body.theme-control-enabled button,
body.theme-control-enabled .icon-btn,
body.theme-control-enabled .action-icon-btn{
  line-height:1.2!important;
}


/* v1.5.4.8.6.11 Theme Studio font-weight range enforcement
   Re-asserted by v1.5.4.8.6.24.2 compatibility patch. All high emphasis text is capped to 700. */
.erp-app,
.sidebar,
.topbar,
.card,
.table-wrap,
.form-control,
.btn,
.nav-link,
.badge {
  font-weight: inherit;
}
.fw-extra-bold,
.fw-black,
.text-black,
.text-heavy {
  font-weight: 700 !important;
}


/* v1.5.4.8.6.24.2 Theme + Diagnostics final compatibility */
.diagnostics-hero,
.diagnostics-guidance,
.diagnostics-table-wrap,
.diagnostics-report-preview {
  line-height: var(--erp-line-height, 1.45);
}


/* v1.5.4.8.6.25 Public Demo Mode */
.demo-mode-banner{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:linear-gradient(135deg,#fff7ed,#fffbeb);border:1px solid #fed7aa;color:#7c2d12;border-radius:16px;padding:12px 14px;margin:0 0 16px;box-shadow:0 8px 22px rgba(124,45,18,.06)}
.demo-mode-banner strong{background:#f97316;color:#fff;border-radius:999px;padding:5px 10px;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.demo-mode-banner span{flex:1;min-width:260px;font-size:14px}.demo-mode-banner em{font-style:normal;font-size:12px;color:#9a3412}.demo-mode-settings .settings-section{background:#f8fafc;border:1px solid var(--border,#e2e8f0);border-radius:16px;padding:14px;margin:10px 0}.demo-mode-reset-card{border:1px dashed #f97316;background:#fff7ed}.notice.danger{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:12px;padding:14px}.notice.warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:12px;padding:14px}
@media(max-width:768px){.demo-mode-banner{align-items:flex-start}.demo-mode-banner span{min-width:100%}}