/* DigiVista shared visual standard. Canonical source for Next.js and static help.
   Business logic, access rules and report calculations are not defined here. */
:root{
 --dv-navy:#102e49;--dv-blue:#095b89;--dv-blue-hover:#07476b;--dv-orange:#ff981a;
 --dv-background:#f4f7fc;--dv-surface:#fff;--dv-muted:#edf4fa;--dv-text:#17374f;--dv-secondary:#526b80;--dv-border:#d6e2ee;
 --dv-font:Arial,Helvetica,sans-serif;--dv-font-hi:"Noto Sans Devanagari","Nirmala UI",Arial,sans-serif;
 --font-sans:var(--dv-font);--background:var(--dv-background);--foreground:var(--dv-text);
 --card:var(--dv-surface);--card-foreground:var(--dv-text);--popover:#fff;--popover-foreground:var(--dv-text);
 --primary:var(--dv-blue);--primary-foreground:#fff;--secondary:var(--dv-muted);--secondary-foreground:var(--dv-text);
 --muted:var(--dv-muted);--muted-foreground:var(--dv-secondary);--accent:var(--dv-muted);--accent-foreground:var(--dv-text);
 --border:var(--dv-border);--input:var(--dv-border);--ring:var(--dv-blue);
 --chart-1:#095b89;--chart-2:#ff981a;--chart-3:#167d8d;--chart-4:#7652b5;--chart-5:#19683e;
 --sidebar:#102e49;--sidebar-foreground:#d6e2ed;--sidebar-primary:#ff981a;--sidebar-primary-foreground:#102e49;
 --sidebar-accent:#1d506f;--sidebar-accent-foreground:#fff;--sidebar-border:#28465e;--sidebar-ring:#ff981a;
}
html,body{font-family:var(--dv-font)!important;font-size:14px;line-height:1.5;color:var(--dv-text);background:var(--dv-background)}
html:lang(hi) body{font-family:var(--dv-font-hi)!important}
body :where(h1,h2,h3,h4,h5,h6,p,span,a,label,button,input,select,textarea,table,summary,small,li,dt,dd){font-family:inherit!important}
body :where(button,input,select,textarea){font-size:14px;line-height:1.4}
body :where(code,pre,kbd){font-family:Consolas,"Courier New",monospace}
body :where(h1,h2,h3,h4){color:inherit;font-weight:700;line-height:1.3}
body h1{font-size:28px!important}body h2{font-size:18px!important}body h3{font-size:16px!important}body h4{font-size:14px!important}
body :where(p,li){line-height:1.6}
body :where(small,.muted,.note,.form-help,.form-help-text){color:var(--dv-secondary);font-size:12px;line-height:1.5}
body :where(a):not([class]){color:var(--dv-blue)}
body :focus-visible{outline:3px solid var(--dv-blue);outline-offset:3px}
body .workspace{padding:24px}
body :where(.page-heading,.hero-banner){border-radius:14px;padding:20px 24px;background:linear-gradient(110deg,#17456f,#247faf);border-top:3px solid var(--dv-orange);color:#fff;min-height:0;margin-bottom:18px}
body .page-heading h1{font-size:28px;line-height:1.2;margin:5px 0 8px}
body .page-heading p{font-size:14px;line-height:1.5}
body .page-heading .eyebrow{font-size:10px;letter-spacing:1.2px}
body :where(.panel,.metric,.master-card){border:1px solid var(--dv-border);border-radius:12px;background:var(--dv-surface);box-shadow:0 2px 8px #102e4908;min-width:0}
body :where(.ops-root>.panel,.sales-modules>.panel,.ops-two>.panel,.project-content>.panel,.master-card){padding:20px}
body :where(.stats-grid,.ops-two,.master-grid,.form-grid){gap:16px}
body .metric{padding:20px;min-height:0}
body .metric-value{font-size:30px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}
body :where(.panel h2,.workspace .panel h2){font-size:18px;line-height:1.3}
body :where(.button,.auth-form button,.auth-card button){min-height:40px;border-radius:8px;padding:9px 16px;font-size:13px;line-height:1.4;font-weight:700;gap:8px}
body .button.primary{background:var(--dv-blue);border-color:var(--dv-blue);color:white}
body .button.primary:hover{background:var(--dv-blue-hover);border-color:var(--dv-blue-hover)}
body .button.secondary{background:#fff;border-color:var(--dv-border);color:var(--dv-blue)}
body .button.secondary:hover{background:var(--dv-muted)}
body :where(.lead-form,.sales-modules form,.automation-workspace form){gap:14px}
body .lead-form{max-width:960px}
body :where(.lead-form label,.sales-modules label,.automation-workspace label){font-size:13px;font-weight:600;color:var(--dv-text)}
body :where(.lead-form input,.lead-form select,.lead-form textarea,.sales-modules input,.sales-modules select,.sales-modules textarea,.automation-workspace input,.automation-workspace select,.work-toolbar input){border-radius:8px;border:1px solid #a7bacb;background:#fbfcfe;font-size:14px;padding:9px 12px;min-height:40px;font-weight:400;color:var(--dv-text)}
body :where(.lead-form textarea,.sales-modules textarea){min-height:80px}
body input[type=checkbox],body input[type=radio]{width:16px!important;height:16px!important;min-height:16px!important;min-width:16px!important;padding:0!important;flex-shrink:0;accent-color:var(--dv-blue);vertical-align:middle}
body .lead-form .check-label{display:flex;align-items:center;gap:8px;font-weight:400}
body :where(.lead-form .button,.sales-modules .button){width:auto;justify-self:start}
body :where(table){font-size:13px;line-height:1.5}
body :where(th){background:var(--dv-muted);font-size:12px;font-weight:700;color:var(--dv-secondary)}
body :where(th,td){border-color:var(--dv-border);padding:12px 16px}
body :where(.lucide){width:18px;height:18px;stroke-width:1.8;flex-shrink:0}
body :where(.button .lucide,.icon-button .lucide){width:16px;height:16px}
body .metric .lucide{width:20px;height:20px}
body :where(.empty,.work-empty)>.lucide{width:32px;height:32px}
body .crm-sidebar [data-sidebar=sidebar]{background:var(--dv-navy);color:#d6e2ed}
body .crm-sidebar [data-sidebar=menu-button]{font-size:13px;min-height:40px;gap:10px}
body .crm-sidebar [data-sidebar=menu-button][data-active=true]{background:#1d506f;color:#fff;border-left:3px solid var(--dv-orange)}
body .crm-sidebar [data-sidebar=menu-button]:focus-visible{outline-color:var(--dv-orange)}
body .language-toolbar{background:#f8fafc;color:var(--dv-text);font-size:12px}
body .language-toolbar select{font-size:12px}
/* Install and standalone admin headers must not collide with the language tools. */
body:has([class*="install_page"]) .auth-toolbar{position:relative;top:auto;right:auto;padding:8px 24px;min-height:44px}
body:has(.admin-console) .language-toolbar{position:relative}
body[data-digivista-page] :where(header,.hero){border-radius:14px}
body[data-digivista-page] :where(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:14px;min-height:40px;border-radius:8px;border-color:#a7bacb}
body[data-digivista-page] :where(.card,.step,.panel){border-radius:12px;border-color:var(--dv-border)}
body[data-digivista-page] :where(button,.button,.btn){border-radius:8px;min-height:40px;font-size:13px}
@media(max-width:767px){
 body .workspace{padding:16px}
 body :where(.page-heading,.hero-banner){padding:18px}
 body h1,body .page-heading h1{font-size:24px!important}
 body :where(.ops-root>.panel,.sales-modules>.panel,.ops-two>.panel,.project-content>.panel,.master-card,.metric){padding:16px}
 body :where(.button,input:not([type=checkbox]):not([type=radio]),select,textarea){min-height:44px}
 body :where(.lead-form .form-grid){grid-template-columns:1fr}
}

/* Resolve legacy high-specificity size overrides at the shared component layer. */
body table,body table td{font-size:13px!important}body table th{font-size:12px!important}
body .button{font-size:13px!important;min-height:40px!important}
body input:not([type=checkbox]):not([type=radio]),body select,body textarea{font-size:14px!important}
body .language-toolbar select{font-size:12px!important}
body .lucide{width:18px!important;height:18px!important;stroke-width:1.8!important}
body .button .lucide,body .icon-button .lucide{width:16px!important;height:16px!important}
body .metric .lucide{width:20px!important;height:20px!important}
@media(max-width:767px){body .button{min-height:44px!important}}

/* Legacy form selectors previously overrode geometry, despite shared fonts. */
body input:not([type=checkbox]):not([type=radio]):not([type=hidden]),body select,body textarea{min-height:40px!important;border-radius:8px!important;padding:9px 12px!important}
body textarea{min-height:80px!important}
body label{font-size:13px!important}
body .button{border-radius:8px!important;padding:9px 16px!important}
body .workspace .lead-form{gap:14px!important}
body .workspace .form-grid,body .workspace .stats-grid,body .workspace .ops-two,body .workspace .master-grid{gap:16px!important}
body .workspace .metric{padding:20px!important}
body .workspace .ops-root>.panel,body .workspace .sales-modules>.panel,body .workspace .ops-two>.panel,body .workspace .project-content>.panel,body .workspace .master-card{padding:20px!important}
@media(max-width:767px){body input:not([type=checkbox]):not([type=radio]):not([type=hidden]),body select,body textarea{min-height:44px!important}body .workspace .metric,body .workspace .ops-root>.panel,body .workspace .sales-modules>.panel,body .workspace .ops-two>.panel,body .workspace .project-content>.panel,body .workspace .master-card{padding:16px!important}}
