/* Approved light blue theme shared by all CRM pages. Layout and behavior are preserved. */
:root{--blue:#087cf4;--nav:#fff;--line:#e5edf7;--muted:#8291a6;background:#f1f7ff;color:#263a56}
body{background:linear-gradient(135deg,#f5f9ff,#edf5ff);color:#263a56}
.sidebar{background:linear-gradient(180deg,#e4efff,#edf5ff);color:#62748c;border-right:1px solid #d5e4f7;box-shadow:3px 0 18px #2383db04}
.brand{color:#203858}.brand-mark{background:linear-gradient(135deg,#066bfa,#28a7ff);box-shadow:0 4px 12px #087cf420}.brand small{color:#8b9db6}.nav-label{color:#99aac0}
.nav-item{color:#62748c}.nav-item:hover{background:#edf5ff;color:#087cf4}.nav-item.active{background:linear-gradient(110deg,#076bfa,#2198fb);color:#fff;box-shadow:0 4px 12px #087cf424}.nav-item .count{background:#eaf3ff;color:#5683bc}.nav-item.active .count{background:#ffffff28;color:#fff}
.sidebar-bottom{border-color:#e5edf7}.profile b{color:#3b5271}.profile small{color:#8a9bb0}.profile .avatar{background:#e3f1ff;color:#1885ee}
.topbar{background:#f8fbff;border-color:#e6eef8}.breadcrumb{color:#8c9ab0}.breadcrumb strong{color:#405672}.pill{background:#e5f2ff;color:#2685de}
h1{color:#203858}h2,h3{color:#304963}.page-head p{color:#8292a8}
.panel,.metric{background:#fff;border-color:#e5edf7;box-shadow:0 3px 14px #2480ce04}.metric-icon{background:#eaf4ff;color:#1286f4}.metric-value{color:#253f60}
.metric-icon.purple{background:#eef1ff;color:#7d8de0}.metric-icon.green{background:#e6f8f6;color:#20b6ac}.metric-icon.orange{background:#fff5e9;color:#e6a149}
.btn.primary{background:linear-gradient(110deg,#0877f7,#1798fc);border-color:#1287f5;box-shadow:0 3px 8px #087cf41a}.btn.primary:hover{background:#0870e5;border-color:#0870e5}.btn:hover{background:#f3f9ff;border-color:#acd5ff}.btn.danger{color:#d15e5e}
.text-btn,.tab.active{color:#087cf4}.tab.active:after{background:#087cf4}.icon-button:hover{color:#087cf4;background:#edf6ff}
.notice{background:#eaf4ff;border-color:#d8eaff}.notice-left{color:#6483a7}.notice strong,.notice-left svg{color:#2286e3}
.badge.blue{background:#e8f3ff;color:#2887e3}.company-icon{background:#e9f4ff;color:#4b95d7}.avatar{background:#e7f3ff;color:#358bd4}.company-name:hover{color:#087cf4}
th{background:#f5f9ff;color:#7f91a9}td{border-color:#edf2f9}tbody tr:hover{background:#f8fbff}.callout{background:#f0f7ff;color:#7189a5}.callout b{color:#4b77aa}
.track{background:#eaf3ff}.chart .line,.chart .point{stroke:#1688f3}.chart linearGradient stop{stop-color:#2999ff}.chart line{stroke:#eaf1f9}.legend span:before{background:#1688f3}
.lane{background:#eaf2fc}.deal:hover{border-color:#a5d0fb}.summary-amount{background:#edf6ff}.status-step.on{background:#e5f2ff;color:#2587df}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#70b9ff;box-shadow:0 0 0 3px #e8f4ff}input[type=checkbox]{accent-color:#087cf4}.timeline-item:first-child:before{background:#1688f3}
button:focus-visible,a:focus-visible{outline-color:#91c9ff}