/* PropPulse Professional Light UI — presentation only. CRM behavior/data paths unchanged. */
:root{
  --bg:#f4f7fb;--panel:#ffffff;--panel2:#f7f9fc;--line:#dce4ee;--border:#dce4ee;
  --text:#172033;--muted:#68778d;--accent:#2563eb;--accent2:#16a085;--danger:#dc3545;
  --warning:#d97706;--shadow:0 8px 28px rgba(22,38,65,.07)
}
html{background:var(--bg)}
body{background:linear-gradient(135deg,#f8fbff 0%,#f3f6fb 48%,#eef4fb 100%) fixed;color:var(--text)}
.main{background:transparent}
.sidebar{background:linear-gradient(180deg,#12243d 0%,#0e1d31 100%);border-right:1px solid #203650;box-shadow:5px 0 22px rgba(20,35,55,.08)}
.sidebar .brand h1,.sidebar .brand strong{color:#fff}.sidebar .brand p,.sidebar .small{color:#9fb1c7}
.sidebar .nav button,.sidebar .subnav button{color:#bdc9d8}.sidebar .nav button:hover,.sidebar .nav button.active{background:rgba(255,255,255,.09);color:#fff;border-color:rgba(255,255,255,.05)}
.sidebar .nav button.active{border-left:3px solid #60a5fa}.pp-nav-heading{color:#7793b5}.pp-nav-group,.pp-maintenance{border-color:#253c58}.pp-nav-group summary{color:#c7d3e1}
.topbar,.mobile-brand{color:var(--text)}
.card,.pp-panel,#commercial .cw-box,.table-wrap,.command-card,.lead-card,.modal-box,.auth-card,.notify-panel,.notify-toast{background:#fff;border-color:var(--line);box-shadow:var(--shadow)}
.pp-kpi{background:#fff;border-color:var(--line);color:var(--text);box-shadow:0 3px 14px rgba(22,38,65,.045);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.pp-kpi:hover{background:#fff;border-color:#a9c6ef;transform:translateY(-2px);box-shadow:0 10px 25px rgba(31,75,130,.10)}
.pp-kpi>span,.pp-kpi small,.pp-heading p,.pp-panel-head p{color:var(--muted)}.pp-kpi strong{color:#172033}.pp-eyebrow,.cw-eyebrow{color:#3977c8}
.btn{background:#fff;border-color:#cfd9e6;color:#25344a;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:hover{background:#f6f9fd;box-shadow:0 4px 12px rgba(22,38,65,.08)}.btn.primary{background:#2563eb;border-color:#2563eb;color:#fff}.btn.primary:hover{background:#1d4ed8}.btn.success{background:#e9f8f3;border-color:#9bd8c5;color:#14634f}.btn.danger{background:#fff1f2;border-color:#fecdd3;color:#b42334}.btn.ghost{background:transparent}
input,select,textarea{background:#fff;border-color:#cfd9e6;color:var(--text);box-shadow:inset 0 1px 2px rgba(22,38,65,.025)}input:focus,select:focus,textarea:focus{border-color:#6da3e8;box-shadow:0 0 0 3px rgba(37,99,235,.10);outline:none}input::placeholder,textarea::placeholder{color:#98a5b6}
th{color:#53657c;background:#f5f8fc}td{color:#25344a}tr:hover td{background:#f8fbff}.table-wrap{overflow:auto}
.pill{background:#f5f8fc;border-color:#d8e1ec;color:#4b5e76}.pill.high{background:#fff7e8;border-color:#f2d39b;color:#9a5b00}.pill.hot{background:#fff1f3;border-color:#f1bdc7;color:#a22a40}.pill.green{background:#eaf8f3;border-color:#b6dfd2;color:#176b55}
.col{background:#f7f9fc;border-color:var(--line)}.lead-card{box-shadow:0 2px 10px rgba(22,38,65,.04)}
.pp-priority{border-color:#e7edf4}.pp-empty{background:#f6f8fb;color:var(--muted)}.pp-track,.bar-bg{background:#e5ebf3}.pp-track span,.bar{background:linear-gradient(90deg,#2563eb,#5b8def)}.pp-trend{border-color:#d7e1ed}.pp-legacy{border-color:var(--line)}.pp-legacy>summary{color:#52657c}
#commercial .cw-head{background:linear-gradient(120deg,#fff,#f4f8fd);border-color:var(--line);box-shadow:var(--shadow)}#commercial .cw-result{background:#f6f9fd;border-left-color:#4f83c6;color:#31435b}#commercial .cw-ai{background:linear-gradient(115deg,#f5f9ff,#edf5ff);border-color:#cfe0f5}.cw-focus span{background:#f4f7fb;border-color:var(--line);color:var(--muted)}.cw-focus b{color:var(--text)}
.section>.toolbar:first-child{background:#fff!important;border:1px solid var(--line);box-shadow:0 2px 10px rgba(22,38,65,.035)}
.notice{background:#fff8e8;border-color:#ead49f;color:#795513}.alert{background:#fff1f3;border-color:#efbcc7;color:#8d2539;box-shadow:var(--shadow)}
.auth-screen{background:radial-gradient(circle at 20% 10%,#e8f2ff 0,transparent 34%),linear-gradient(135deg,#f8fbff,#eef4fb)}.auth-card{box-shadow:0 22px 65px rgba(28,52,82,.14)}
.cloud-badge{background:#f7f9fc}.mobile-brand{background:rgba(248,251,255,.94);border-color:var(--line);backdrop-filter:blur(14px)}
.mobile-nav{background:rgba(255,255,255,.97)!important;border-color:var(--line)!important;box-shadow:0 -8px 24px rgba(22,38,65,.10)!important}.mobile-nav button{color:#6c7c91!important}.mobile-nav button.active{background:#eaf2ff!important;color:#1f5db8!important}
.notify-panel,.notify-toast{box-shadow:0 18px 55px rgba(22,38,65,.16)}
#commercial .studio-preview{background:#f7f9fc;border-color:#cdd9e8!important}#commercial .studio-disclaimer{color:#8b5c16}.studio-message{color:#2563eb}#commercial .studio-design-options>summary{color:#405874}
#commercial .studio-live{background:#fff;border-color:var(--line);box-shadow:0 12px 36px rgba(22,38,65,.08);border-top-color:#e4b300}.studio-preview-empty{color:#71839a;border-color:#cbd7e5!important}.studio-generation{background:#f1f7ff!important;border-color:#b7cde8!important}.studio-generation>small{color:#9a6b00!important}.studio-generation img{background:#edf2f7!important}
.studio-site-illustration{background:#f7f9fc!important}.studio-site-compare figure{background:#fff!important}
.modal{background:rgba(31,43,58,.38);backdrop-filter:blur(3px)}
:is(.card,.pp-panel,#commercial .cw-box,.table-wrap,.command-card,.lead-card){transition:box-shadow .18s ease,border-color .18s ease}.card:hover,.command-card:hover{border-color:#c6d5e6;box-shadow:0 10px 30px rgba(22,38,65,.085)}
/* Optional dark mode remains available; light is the default. */
html[data-theme="dark"]{--bg:#0a1322;--panel:#111e31;--panel2:#18283e;--line:#293c55;--border:#293c55;--text:#eef4fb;--muted:#a7b8cf;--accent:#5b91ed;--shadow:none}
html[data-theme="dark"] body{background:linear-gradient(180deg,#08101d,#0e1727);color:var(--text)}
html[data-theme="dark"] .card,html[data-theme="dark"] .pp-panel,html[data-theme="dark"] #commercial .cw-box,html[data-theme="dark"] .table-wrap{background:var(--panel);border-color:var(--line);box-shadow:none}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Professional Light UI refinement — command-center hierarchy and premium desktop polish. */
:root{--pp-navy:#10243d;--pp-blue:#2563eb;--pp-soft:#f3f6fa;--pp-card-shadow:0 6px 20px rgba(22,38,65,.055);--pp-card-shadow-hover:0 12px 30px rgba(22,38,65,.09)}
body{background:linear-gradient(135deg,#f9fbfd 0%,#f4f7fb 52%,#eef3f8 100%) fixed}
.main{padding-top:20px}
.topbar{padding-bottom:12px;border-bottom:1px solid rgba(207,217,230,.72);margin-bottom:18px}.topbar h2{font-size:21px}.topbar .small{color:#7a899c}
.sidebar{background:linear-gradient(180deg,#132943 0%,#0e2036 58%,#0b1a2c 100%)}
.sidebar .brand{padding-top:10px;padding-bottom:17px}.sidebar .brand h1{font-size:19px}.sidebar .brand p{line-height:1.35}.sidebar .nav button,.sidebar .subnav button{border:1px solid transparent;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}.sidebar .nav button:hover{background:rgba(255,255,255,.075);transform:translateX(1px)}.sidebar .nav button.active{background:linear-gradient(90deg,rgba(70,132,220,.20),rgba(255,255,255,.055));border-color:rgba(121,166,226,.12);box-shadow:inset 3px 0 #4f8fe8}
.pp-heading{margin-bottom:16px}.pp-heading h2{font-size:27px;letter-spacing:-.04em}.pp-heading p{font-size:12px}.pp-eyebrow{color:#2d6fc8;font-size:10px}
.pp-quick{padding:0 0 2px;gap:7px}.pp-quick .btn{border-radius:8px}
.pp-kpis{gap:10px;margin-bottom:14px}.pp-kpi{position:relative;overflow:hidden;padding:15px 14px;border-radius:11px;box-shadow:var(--pp-card-shadow)}.pp-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#8eb5e8;opacity:.85}.pp-kpi:nth-child(2):before{background:#e5a83a}.pp-kpi:nth-child(3):before{background:#6f9ce8}.pp-kpi:nth-child(4):before{background:#55ad8d}.pp-kpi:nth-child(5):before{background:#7d77d9}.pp-kpi:hover{box-shadow:var(--pp-card-shadow-hover);transform:translateY(-2px)}.pp-kpi>span{font-size:11px;font-weight:600}.pp-kpi strong{font-size:25px;margin:1px 0;color:#101b2d}.pp-kpi small{font-size:10.5px;line-height:1.35}
.pp-dashboard-grid{gap:14px;grid-template-columns:minmax(430px,1.32fr) minmax(360px,1fr)}.pp-chart-stack{gap:14px}.pp-panel{border-radius:12px;padding:16px;box-shadow:var(--pp-card-shadow)}.pp-panel-head{margin-bottom:13px}.pp-panel h3{font-size:15px;letter-spacing:-.015em}.pp-panel-head p{font-size:11.5px}
.pp-dashboard-grid>.pp-panel:first-child{border-top:3px solid #3f7fd2}.pp-priority{padding:12px 0}.pp-priority strong{font-size:12.5px;color:#172033}.pp-priority small{font-size:10.5px;line-height:1.45}.pp-priority .btn{border-radius:8px;background:#fbfdff}.pp-priority:hover{background:linear-gradient(90deg,rgba(244,248,253,.75),transparent);margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px}
.pp-stage-list{gap:12px}.pp-stage{grid-template-columns:minmax(145px,42%) 1fr}.pp-track{height:8px;background:#e8edf4}.pp-track span{background:linear-gradient(90deg,#2f6ed0,#6798e8)}
.pp-trend{height:132px;background:linear-gradient(to top,rgba(230,236,244,.45) 1px,transparent 1px);background-size:100% 33%;border-bottom-color:#ccd8e5}.pp-trend-day span{border-radius:3px 3px 0 0}.pp-activity-key,.pp-activity{background:#4e8de2}.pp-due-key,.pp-due{background:#38ae91}
.btn{border-radius:8px;font-weight:500}.btn.primary{box-shadow:0 4px 12px rgba(37,99,235,.16)}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(37,99,235,.20)}
.card,.table-wrap,#commercial .cw-box{border-radius:12px}.table-wrap{box-shadow:var(--pp-card-shadow)}th{background:#f6f8fb;font-weight:650;letter-spacing:.01em}tr:hover td{background:#f7faff}
#commercial .cw-head{border-radius:12px;background:linear-gradient(120deg,#fff 0%,#f4f8fd 72%,#edf5ff 100%)}#commercial .cw-box{box-shadow:var(--pp-card-shadow)}#commercial .cw-ai{background:linear-gradient(120deg,#f8fbff,#edf5ff);border-color:#c9dcf3}
#commercial .studio-live{border-radius:14px;box-shadow:0 14px 40px rgba(22,38,65,.09)}
@media(max-width:1100px){.pp-dashboard-grid{grid-template-columns:1fr}}
@media(max-width:760px){.topbar{border-bottom:0}.pp-heading h2{font-size:22px}.pp-kpi{padding:13px}.pp-panel{padding:13px}.pp-priority:hover{margin-left:0;margin-right:0;padding-left:0;padding-right:0;background:transparent}}