/* NASORA CRM — UI refresh / design system v4 */
:root{--n-primary:#355d3a;--n-primary-2:#4f7b50;--n-primary-soft:#edf5ed;--n-accent:#b8cf86;--n-bg:#f4f7f3;--n-surface:#fff;--n-text:#18231b;--n-muted:#6b786d;--n-border:#e1e8df;--n-danger:#c84b4b;--n-warning:#c78b2b;--n-success:#3d7b52;--n-shadow:0 8px 28px rgba(30,55,35,.07);--n-shadow-hover:0 14px 34px rgba(30,55,35,.11);--n-radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--n-bg);color:var(--n-text);font-family:Inter,system-ui,sans-serif}button,input,select,textarea{font:inherit}.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--n-border);position:sticky;top:0;z-index:1000;backdrop-filter:blur(12px)}.header-inner{max-width:none;padding:11px 28px;display:flex;align-items:center}.brand-logo{width:46px;height:46px;border-radius:13px;box-shadow:0 3px 12px rgba(53,93,58,.12)}.brand-name{font-size:1rem;letter-spacing:.5px}.brand-tagline{font-size:.74rem}.header-user{display:flex;align-items:center;gap:10px;margin-left:auto;margin-right:12px}.header-user-role{background:var(--n-primary-soft);color:var(--n-primary);padding:5px 10px;border-radius:999px;font-size:.68rem;font-weight:700}.header-user-name{font-size:.9rem;font-weight:600}.mobile-nav-toggle{display:none;border:1px solid var(--n-border);background:#fff;color:var(--n-primary);width:42px;height:42px;border-radius:10px;font-size:1.2rem}
.site-nav{background:var(--n-surface);border-bottom:1px solid var(--n-border);position:sticky;top:69px;z-index:990}.nav-inner{max-width:none;padding:0 22px;gap:2px;display:flex;align-items:center}.site-nav a,.site-nav button{color:var(--n-muted);padding:12px 13px;font-size:.83rem;font-weight:600;border:0;border-bottom:2px solid transparent;transition:.2s ease;background:none;font-family:inherit;text-decoration:none}.site-nav a:hover,.site-nav button:hover{background:var(--n-primary-soft);color:var(--n-primary);border-bottom-color:var(--n-accent)}.site-nav .nav-logout{color:var(--n-danger);cursor:pointer}.nav-logout-form{display:inline;margin:0}.nav-divider{width:1px;height:22px;background:var(--n-border);margin:0 5px}.nav-spacer{flex:1}.container{max-width:1440px;padding:30px 30px 52px}h1{font-size:2rem;letter-spacing:-.03em}h2{font-size:1.15rem;margin:30px 0 14px;color:var(--n-text)}h3{color:var(--n-text)}
.page-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px;padding:25px 28px;background:linear-gradient(135deg,#315b39,#4f7b50);color:#fff;border-radius:22px;box-shadow:0 18px 42px rgba(53,93,58,.18);position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-90px;top:-130px;background:rgba(255,255,255,.09)}.page-hero h1{color:#fff;margin:0 0 6px;font-size:1.85rem;position:relative;z-index:1}.page-hero p{color:rgba(255,255,255,.8);margin:0;position:relative;z-index:1}.hero-eyebrow,.section-kicker{display:block;font-size:.67rem;font-weight:800;letter-spacing:.12em;opacity:.8;margin-bottom:5px}.hero-actions{display:flex;gap:9px;flex-wrap:wrap;position:relative;z-index:1}.page-hero .btn{background:#fff;color:var(--n-primary);border:0}.page-hero .btn-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4)}
.kpi-grid{gap:18px;margin:0 0 28px}.kpi-card{border:1px solid var(--n-border);border-radius:16px;padding:20px;background:var(--n-surface);box-shadow:var(--n-shadow);transition:.2s}.kpi-card:hover{transform:translateY(-3px);box-shadow:var(--n-shadow-hover)}.kpi-icon{width:46px;height:46px;border-radius:13px;background:var(--n-primary-soft);color:var(--n-primary);display:grid;place-items:center}.kpi-label{font-size:.72rem}.kpi-value{font-size:1.55rem}.kpi-sub{color:var(--n-primary-2)}
.panel,.chart-card,.form-container,.filter-form,.summary-card,.sales-kpi-card,.action-card{border:1px solid var(--n-border);border-radius:16px;box-shadow:var(--n-shadow);background:var(--n-surface)}.chart-grid{gap:18px}.chart-card{padding:22px}.chart-card h3{font-size:.98rem;margin-bottom:15px}.btn,.btn-submit{border-radius:10px;padding:10px 15px;box-shadow:none;min-height:42px}.btn:hover,.btn-submit:hover{transform:translateY(-1px);box-shadow:0 5px 12px rgba(53,93,58,.12)}.btn-outline{border-color:#b8c8b7}.btn-submit{background:var(--n-primary);color:#fff;border:1px solid var(--n-primary);font-weight:700;cursor:pointer}.responsive-table{border:1px solid var(--n-border);box-shadow:var(--n-shadow);border-radius:14px;overflow:hidden;width:100%;background:#fff}.responsive-table th{background:#f1f6f0;color:var(--n-primary);font-size:.72rem;text-transform:uppercase;letter-spacing:.03em}.responsive-table td{padding:13px 14px}.responsive-table tr:hover{background:#f8fbf7}.flash{border-radius:12px}.dashboard-summary{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin-bottom:18px}.summary-card{padding:22px}.summary-card h3{margin:0 0 6px}.summary-card p{color:var(--n-muted);font-size:.88rem}.quick-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.quick-actions .btn{font-size:.78rem}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:30px 0 12px}.section-heading h2{margin:0}.section-heading .muted{font-size:.8rem;color:var(--n-muted)}
.commercial-hero{margin-bottom:18px}.commercial-hero h1{font-size:1.7rem}.sales-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.sales-kpi-card{padding:18px;min-width:0}.sales-kpi-label{display:block;color:var(--n-muted);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.sales-kpi-card strong{display:block;font-size:1.45rem;letter-spacing:-.03em;color:var(--n-primary)}.sales-kpi-meta{display:block;color:var(--n-muted);font-size:.72rem;margin-top:7px}.progress-track{height:7px;background:#edf1ed;border-radius:99px;overflow:hidden;margin-top:11px}.progress-track span{display:block;height:100%;background:var(--n-primary-2);border-radius:99px}.commercial-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.commercial-actions-simple{grid-template-columns:repeat(3,1fr)}.action-card{display:flex;align-items:center;gap:12px;padding:15px;color:var(--n-text);text-decoration:none;transition:.2s}.action-card:hover{transform:translateY(-2px);border-color:#bfd0bd;box-shadow:var(--n-shadow-hover)}.action-card>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--n-primary-soft);font-size:1rem;flex:none}.action-card strong,.action-card small{display:block}.action-card strong{font-size:.82rem}.action-card small{color:var(--n-muted);font-size:.68rem;margin-top:2px}.action-card-highlight{background:#f8fbf7;border-color:#cddcc9}.prospection-panel{padding:22px}.panel-heading{margin-bottom:18px}.panel-heading h2{margin:0 0 4px}.panel-heading p{margin:0;color:var(--n-muted);font-size:.82rem}.prospection-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.prospection-form .form-submit-row{grid-column:1/-1}.prospection-form .btn-submit{min-width:190px}.form-label{font-weight:600;font-size:.76rem;display:block;margin-bottom:6px}.form-input{border-radius:10px;border:1px solid #d9e2d8;min-height:42px;width:100%;padding:9px 11px;background:#fff}.select2-container--default .select2-selection--multiple{border-color:#d9e2d8;border-radius:10px;min-height:42px}.direction-division-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:22px}.direction-division-card{padding:22px;background:#fff;border:1px solid var(--n-border);border-radius:16px;box-shadow:var(--n-shadow)}.direction-division-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.direction-division-head h3{margin:0;font-size:1rem}.division-badge{padding:5px 9px;border-radius:999px;background:var(--n-primary-soft);color:var(--n-primary);font-size:.68rem;font-weight:800}.direction-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.direction-metric{padding:13px;background:#f7faf6;border-radius:12px}.direction-metric span{display:block;color:var(--n-muted);font-size:.68rem}.direction-metric strong{display:block;color:var(--n-primary);font-size:1.15rem;margin-top:4px}.direction-progress{margin-top:15px}.direction-progress-label{display:flex;justify-content:space-between;color:var(--n-muted);font-size:.72rem;margin-bottom:6px}.status-good{color:var(--n-success)!important}.status-warning{color:var(--n-warning)!important}
@media(max-width:1050px){.sales-kpi-grid{grid-template-columns:repeat(2,1fr)}.commercial-actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.header-inner{padding:10px 16px}.header-user-role{display:none}.brand-tagline{display:none}.mobile-nav-toggle{display:block}.site-nav{top:66px;display:none;position:sticky}.site-nav.mobile-open{display:block}.nav-inner{padding:8px 12px;display:flex;flex-direction:column;align-items:stretch;gap:2px}.site-nav a,.site-nav button{padding:13px 12px;font-size:.84rem;border-radius:9px;border-bottom:0;text-align:left}.site-nav a:hover,.site-nav button:hover{border-bottom:0}.nav-divider{display:none}.nav-spacer{display:none}.nav-logout-form{display:block}.nav-logout-form button{width:100%}.container{padding:22px 15px 40px}.page-hero{padding:22px;align-items:flex-start;flex-direction:column}.page-hero h1{font-size:1.55rem}.hero-actions{width:100%}.dashboard-summary{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-grid{grid-template-columns:1fr}.responsive-table{display:block;overflow-x:auto;white-space:nowrap}.prospection-form{grid-template-columns:1fr}.direction-division-grid{grid-template-columns:1fr}}
@media(max-width:560px){.brand-name{font-size:.9rem}.header-user-name{font-size:.8rem}.sales-kpi-grid{grid-template-columns:1fr 1fr;gap:9px}.sales-kpi-card{padding:13px}.sales-kpi-card strong{font-size:1.15rem}.commercial-actions,.commercial-actions-simple{grid-template-columns:1fr;gap:9px}.action-card{padding:13px}.container{padding-left:12px;padding-right:12px}.page-hero{border-radius:16px}.prospection-panel{padding:16px}.prospection-form{gap:12px}.direction-metrics{grid-template-columns:1fr 1fr}.direction-division-card{padding:16px}}