/* THE YBDC • Premium Emerald and Gold Website Design */
/* Use as the LAST stylesheet. Does not affect application data or permissions. */
:root{
 color-scheme:dark;
 --ink:#edf6f0;--muted:#a6beb2;--green:#18ae7a;--dark:#071914;
 --line:#284238;--light:#0b1c17;--surface:#0b211b;--gold:#e6bd61;
 --shadow:0 18px 48px rgba(0,0,0,.20);background:#061310;color:#ecf7ef;
}
html,body,#app,.layout,.main{background:#081713;color:#ecf5ee}
body{font-family:'DM Sans',Arial,sans-serif}
:focus-visible{outline:2px solid #e7bc5d;outline-offset:3px}
::selection{background:#236b53;color:#fff}
/* Sidebar like the provided reference */
.sidebar{width:274px;flex-basis:274px;padding:18px 13px 19px;background:linear-gradient(155deg,#06251d 0%,#031a14 42%,#06130f 100%);border-right:1px solid #225042;color:#d5e6dc;box-shadow:9px 0 45px #0002}
.brand{display:flex;align-items:center;gap:11px;padding:9px 12px 24px;min-height:110px;color:#f2ead2}
.brand .brand-mark.yp-logo{display:flex;align-items:center;justify-content:center;flex:none;width:87px;height:92px;padding:0;border:0;background:transparent;border-radius:0;letter-spacing:normal;overflow:visible}
.brand-mark.yp-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 15px #031b1280)}
.brand h2{font-size:18px;line-height:1.12;font-weight:800;color:#ecc777;letter-spacing:.01em}
.brand small{display:block;margin-top:6px;font-size:8px;letter-spacing:1.8px;color:#e3e3d5}
.section-label{color:#86a89a;letter-spacing:1.4px;font-size:9px}
.nav{gap:6px}
.nav-btn{font-size:13px;padding:13px 15px;min-height:46px;border-radius:10px;color:#d1e3d7;transition:background .16s,border-color .16s,transform .16s;border:1px solid transparent}
.nav-btn svg{color:#ecdcb0;stroke-width:1.7px;width:19px;height:19px;opacity:1}
.nav-btn:hover{background:#123f30;color:#fff;border-color:#235e45;transform:translateX(1px)}
.nav-btn.active{background:linear-gradient(110deg,#10513d,#0a372b);border-color:#b49440;color:#fff;box-shadow:inset 3px 0 #e3bd5b,0 8px 25px #0002}
.nav-group{padding-top:17px}
.side-note{background:linear-gradient(125deg,#10382b,#0c3025);border-color:#315344}
.side-note strong{color:#f4d688}
.side-note p,.side-user small{color:#b8d4c2}
.side-user{border-color:#285244}
.side-user .avatar,.avatar{background:#145642;color:#fff;border-radius:11px}
/* Top bar, working global search, and live date */
.topbar{height:79px;background:linear-gradient(95deg,#0d1917,#0b1d18);border-bottom:1px solid #2c4039;padding:0 28px;gap:14px;justify-content:space-between}
.topbar>div:first-child{min-width:0;flex:0 1 auto}
.breadcrumb{color:#829f92;font-size:10px;white-space:nowrap}
.breadcrumb span{color:#c9ac60}
.yp-global-search{display:flex;align-items:center;gap:11px;flex:1 1 280px;max-width:430px;min-width:160px;height:42px;background:#11231e;border:1px solid #35564b;border-radius:9px;padding:0 12px;color:#d2e7d9}
.yp-global-search svg{width:19px;height:19px;flex:none;color:#c9d6cb}
.yp-global-search input{height:100%;min-width:0;width:100%;border:0!important;padding:0!important;outline:0;background:transparent!important;color:#f0f7f1!important;box-shadow:none!important;font-size:12px}
.yp-global-search input::placeholder{color:#a0ada8}
.yp-global-search:focus-within{border-color:#cbac55;box-shadow:0 0 0 2px #b58f371c}
.yp-today-badge{display:flex;align-items:center;gap:9px;padding:5px 12px;border-radius:9px;border:1px solid #2d463a;background:#11211b;min-width:135px}
.yp-today-icon svg{width:21px;color:#dfc478}
.yp-today-badge strong{font-size:11px;display:block;white-space:nowrap;color:#e9f4e8}
.yp-today-badge small{font-size:9px;color:#9ab2a4;white-space:nowrap}
.top-actions{gap:10px;flex:none}
.icon-btn{background:#142820;color:#e7efd9;border:1px solid #355043;border-radius:10px}
.icon-btn:hover{background:#244633}
.user-chip{border-left:1px solid #355144;padding-left:13px}
.user-chip strong{color:#f2f7e9}
.user-chip small{color:#a2b6aa}
/* Page typography and layout */
.content{max-width:1650px;padding:30px 28px 65px;color:#ebf7ee}
.heading-row{margin-bottom:26px}
.eyebrow{color:#e4be65;font-size:10px;letter-spacing:1.6px}
.heading-row h1{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.7px;font-size:32px;font-weight:700;color:#f5f6ed;line-height:1.15}
.heading-row p{color:#a0b7a9;font-size:13px;margin-top:9px}
.btn,.mini{background:#172f23;color:#d8f0df;border:1px solid #345c48;border-radius:9px}
.btn:hover,.mini:hover{background:#214837;color:#fff;border-color:#5d886d}
.btn.primary{background:linear-gradient(120deg,#087654,#0d5c43);border-color:#22936a;color:#f5fff9}
.btn.primary:hover{background:linear-gradient(120deg,#0e9b6b,#147653)}
.btn.secondary{background:#17382c;color:#d4e9d9;border-color:#376852}
.btn.danger{color:#ffd2c9;border-color:#744742;background:#3e2221}
/* Dashboard cards, clickable stats */
.stats{gap:15px;margin-bottom:16px}
.card,.stat{background:linear-gradient(143deg,#10271f 0%,#092019 75%);border:1px solid #2a5141;border-radius:13px;box-shadow:0 14px 36px #0003}
.stat{min-height:150px;padding:22px 20px 20px;position:relative;overflow:hidden}
.stat::after{position:absolute;right:-16px;bottom:-23px;width:108px;height:108px;border:2px solid #4fac7950;border-radius:50%;content:'';opacity:.12;pointer-events:none}
.stat:nth-child(4){background:linear-gradient(125deg,#272519,#1d241b);border-color:#706039}
.stat:nth-child(4) .stat-icon{background:#4f441e;color:#ffd471}
.stat-head{color:#dbe9dc;font-weight:650;font-size:12px;gap:7px}
.stat-icon{height:43px;width:43px;background:linear-gradient(120deg,#136349,#114834);color:#ccf5cf;border-radius:10px}
.stat-icon svg{width:21px;height:21px}
.stat-number{font-size:32px;letter-spacing:-.9px;margin-top:12px;color:#fff}
.stat-foot{color:#a8c2ad;font-size:11px;margin-top:6px}
button.stat{transition:transform .15s,box-shadow .15s,border-color .15s}
button.stat:hover{transform:translateY(-2px);border-color:#a48640;box-shadow:0 20px 38px #0005}
/* Screenshot-like real-data overview charts */
.ybdc-analytics{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:17px}
.yp-analytics-card{min-width:0;min-height:270px;padding:19px 21px;border-radius:13px;border:1px solid #28443b;background:linear-gradient(135deg,#0e211d,#0a1b17);box-shadow:0 12px 32px #0002}
.yp-analytics-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.yp-analytics-head h3{font-size:14px;color:#f7fff6;letter-spacing:.1px}
.yp-period{font-size:10px;color:#bed4c3;border-radius:8px;border:1px solid #354941;background:#152821;padding:7px 10px;white-space:nowrap}
.yp-sources{display:flex;align-items:center;gap:24px;min-height:190px;margin-top:14px}
.yp-donut{width:180px;height:180px;flex:none;border-radius:50%;display:grid;place-items:center;transform:rotate(-90deg)}
.yp-donut-hole{width:118px;height:118px;border-radius:50%;background:#0d211b;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(90deg);box-shadow:0 0 0 1px #244436}
.yp-donut-hole strong{font-size:28px;font-weight:850;color:#fff;line-height:1.1}
.yp-donut-hole span{color:#c1d4c7;font-size:11px;margin-top:4px}
.yp-source-list{list-style:none;flex:1;padding:0;margin:0;display:grid;gap:13px;min-width:0}
.yp-source-list li{display:grid;grid-template-columns:minmax(0,1fr) auto 25px;gap:10px;align-items:center;font-size:11px;color:#d3e4d8}
.yp-source-label{display:flex;align-items:center;gap:9px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yp-source-label i{display:inline-block;width:11px;height:11px;border-radius:50%;flex:none}
.yp-source-list li strong{font-size:11px;color:#eaf9ee}
.yp-source-count{font-variant-numeric:tabular-nums;text-align:right;color:#9ac7ac}
.yp-empty{color:#9cb2a8!important;grid-template-columns:1fr!important}
.yp-trend-total{margin:12px 0 1px;font-size:11px;color:#b6cbbd}
.yp-trend-total strong{font-size:23px;color:#d9fae2}
.yp-trend-total span{color:#8cae9d}
.yp-trend-svg{width:100%;height:166px;display:block;overflow:visible;margin-top:4px}
.yp-chart-grid{stroke:#2f483e;stroke-width:1;stroke-dasharray:3 5}
.yp-chart-labels{display:flex;justify-content:space-between;color:#8ba89a;font-size:10px;margin-top:5px}
/* New recent enquiries table is wide like the reference */
.content:has(.ybdc-analytics) .grid2{grid-template-columns:1fr}
.content:has(.ybdc-analytics) .grid2 .card:first-child{grid-row:1}
.card{overflow:hidden}
.card-header{border-bottom:1px solid #29463a;padding:19px 21px 15px}
.card-header h3{color:#f6f9e8;font-size:14px}
.card-header small{color:#91ada0}
.link{color:#e2ba5c;font-weight:750}
.link:hover{color:#ffe29c;text-decoration:underline}
.table-wrap{overflow:auto}
table thead th,thead th{background:#162c25;color:#c8ddd0;border-color:#315244;text-transform:none;letter-spacing:.1px;font-size:11px;padding:14px 14px}
table tbody td,tbody td{border-top:1px solid #294238;color:#d3e4d9;padding:13px 14px;font-size:11px}
tbody tr:nth-child(even){background:#0e241c}
tbody tr:hover{background:#18372a}
td strong{color:#f1fff6;font-weight:700}
.tiny-muted{color:#92b29f}
.yp-enquiries-table{min-width:1020px}
.yp-enquiries-table th:first-child,.yp-enquiries-table td:first-child{min-width:150px}
.yp-enquiries-table th:nth-child(3){min-width:150px}
.yp-money{font-variant-numeric:tabular-nums;font-weight:750;color:#f0ddb0}
.pill{background:#164b37;border-color:#326c4c;color:#bbf7c9}
.pill.gold{background:#4b3f25;border-color:#62512f;color:#ffdc7c}
.pill.blue{background:#15394b;border-color:#335a6c;color:#b2e1f1}
.pill.red{background:#4d302b;border-color:#765045;color:#ffbcae}
.pill.gray{background:#293a34;border-color:#46574d;color:#cbdcd0}
.pill.purple{background:#403353;border-color:#625078;color:#f0d1f6}
/* Main app details, lists, forms, panels */
.activity,.follow-row,.step{border-color:#28443a}
.activity .circle{background:#184632;color:#d2efcb}
.activity strong,.follow-text h4,.step h4{color:#eef6ee}
.activity p,.activity small,.follow-text p,.step p{color:#a1b7a9}
.pipe{background:#214036}.pipe div{background:linear-gradient(90deg,#1ba574,#c4aa55)}
.progress-row{color:#bdd0c4}.progress-row strong{color:#e8f5e5}
.field,input:not([type=checkbox]):not([type=radio]),select,textarea{background-color:#112820;color:#f3fff7;border-color:#385949;color-scheme:dark}
.field:focus,input:focus,select:focus,textarea:focus{outline:0;border-color:#c9aa58;box-shadow:0 0 0 3px #d2b25f24}
input::placeholder,textarea::placeholder{color:#8eaa9a;opacity:1}
select option{background:#152c23;color:#f5fff6}
.form-item label,.login-card label{color:#d7eddb}
.form-item small{color:#9eb9aa}
.modal-layer{background:#000b08c9}
.modal{background:linear-gradient(135deg,#10231c,#0c1b16);border:1px solid #345440;box-shadow:0 35px 100px #0009;color:#ecf8f0}
.modal-head,.modal-foot{border-color:#294739}
.modal-head h2{color:#f3f8ed}
.modal-head p{color:#a0b9aa}
.modal-body,.modal-foot{background:transparent}
.close{background:#214030;color:#d6eedc}
.info,.integration-state{background:#142d22;border-color:#355a43;color:#bfe5cd}
.info.warn{background:#3c311b;border-color:#705731;color:#f0d9a1}
.detail-grid .item{border-color:#274438}
.detail-grid .item small{color:#9ab6a6}
.detail-grid .item strong{color:#ebf6e9}
.wa-text{background:#142f24;color:#d8efdc}
.code{background:#071611;color:#c6ebd6;border:1px solid #315342}
.lead-pick{border-color:#2b453a}.lead-pick:hover{background:#143224}.lead-pick.selected{background:#194533;border-left-color:#e2b95e}
.lead-pick h4{color:#e5f5e7}.lead-pick p{color:#aac2ae}
.match-card,.date-box{background:#112b21;border-color:#365142}
.empty{color:#93aa9b}.empty h3{color:#c8ecce}.empty svg{stroke:#7dbd96}
.tag{background:#19382a;color:#c5decc}
.import-preview{border-color:#31503b}
/* Full-page login in the same theme, with the user's actual logo */
.login-page{background:#091a14}
.login-left{background:linear-gradient(142deg,#092f23,#041b14)}
.login-left:after{color:#e7bd5510}
.login-left .brand{min-height:auto;padding:0}
.login-copy h1{font-family:Georgia,serif;color:#f7f9ee}
.login-copy p{color:#bcd7c5}
.login-foot{color:#afc6b9}
.login-right{background:linear-gradient(135deg,#0d1e18,#081511)}
.login-card h2{color:#fbfdf1}
.login-card>p,.login-hint{color:#acc6b6}
.login-card .demo-btn{background:#123a2a;border-color:#356347;color:#d2f2da}
.login-divider{color:#9caf9c}.login-divider:before,.login-divider:after{background:#304b3c}
.toast{background:#145b3e;color:#fff}.toast.error{background:#9c4642}
@media(max-width:1280px){.yp-donut{width:140px;height:140px}.yp-donut-hole{width:92px;height:92px}.yp-sources{gap:16px}.topbar .yp-today-badge{display:none}}
@media(max-width:1100px){.ybdc-analytics{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.yp-donut{width:170px;height:170px}.yp-donut-hole{width:112px;height:112px}.yp-sources{justify-content:flex-start}}
@media(max-width:900px){.sidebar{left:-290px}.sidebar.open{left:0}.yp-global-search{flex:1;min-width:100px;max-width:none}.topbar{padding:0 18px}.topbar .breadcrumb{display:none}.content{padding:22px 18px 55px}}
@media(max-width:620px){.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat{min-height:119px;padding:13px}.stat-number{font-size:27px}.stat-head{font-size:10px}.stat-icon{width:30px;height:30px}.stat-icon svg{width:16px;height:16px}.ybdc-analytics{gap:12px}.yp-analytics-card{padding:17px;min-height:230px}.yp-sources{gap:12px}.yp-donut{width:118px;height:118px}.yp-donut-hole{width:80px;height:80px}.yp-donut-hole strong{font-size:21px}.yp-source-list{gap:9px}.yp-source-list li{font-size:10px;gap:5px}.yp-analytics-head h3{font-size:12px}.yp-trend-svg{height:140px}.topbar .yp-global-search{max-width:210px;min-width:0}.yp-global-search input{font-size:11px}.heading-row h1{font-size:26px}.form-grid,.detail-grid{grid-template-columns:1fr}.modal{max-height:calc(100vh - 24px)}}
@media(prefers-reduced-motion:reduce){button.stat,.nav-btn{transition:none}}