:root{--primary:#087cf0;--cyan:#14a8c5;--navy:#075a87;--soft:#eef7fb}
body{background:#f7f9fc;color:#17324d;font-family:Segoe UI,Arial,sans-serif}
.brand-logo{line-height:.9;font-size:1.55rem;font-weight:900;letter-spacing:-1px}.brand-main{color:#0799da}.brand-accent{color:#087cf0}.brand-logo small{display:block;font-size:.52rem;letter-spacing:.8px;color:#61788c;margin-top:5px}
.navbar .nav-link{color:#0671dc;font-weight:500;border-radius:8px;padding:.65rem .75rem}.navbar .nav-link:hover,.navbar .nav-link.active{background:#eef6ff;color:#0058b8}
.page-title{font-size:1.45rem;font-weight:800;margin:0}.page-subtitle{color:#6c7e8e;margin:3px 0 0}
.card{border:0;border-radius:12px;box-shadow:0 4px 18px rgba(31,64,104,.07)}
.announcement-card{background:#d9f2f7;border:1px solid #b9e3ea;box-shadow:none}.announcement-card h5{font-weight:800;border-bottom:1px solid #b5dce5;padding-bottom:10px}.announcement-card li{margin-bottom:8px;line-height:1.45}
.kpi-card{color:#fff;min-height:118px;overflow:hidden;position:relative}.kpi-card .icon{position:absolute;right:18px;top:18px;font-size:3.2rem;opacity:.35}.kpi-card .kpi-value{font-size:1.85rem;font-weight:800}.kpi-card .kpi-label{opacity:.95}.kpi-card .kpi-footer{position:absolute;left:0;right:0;bottom:0;padding:9px 18px;background:rgba(0,0,0,.09);font-size:.88rem}.kpi-blue{background:#087cf0}.kpi-yellow{background:#f4b400}.kpi-green{background:#25a844}.kpi-cyan{background:#1ba5ba}.kpi-purple{background:#6f42c1}.kpi-dark{background:#334155}
.table thead th{background:#f0f5fa;color:#34516b;font-size:.82rem;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.table td{vertical-align:middle}.table-card .card-header{background:#fff;border-bottom:1px solid #edf1f5}
.form-label{font-weight:650;color:#35526b}.required:after{content:' *';color:#dc3545}.form-control,.form-select{border-color:#d9e2ea;border-radius:8px;min-height:42px}.form-control:focus,.form-select:focus{border-color:#6eb6ff;box-shadow:0 0 0 .2rem rgba(8,124,240,.12)}
.login-page{min-height:100vh;background:linear-gradient(135deg,#047ed8 0%,#04a4c9 55%,#e9fbff 55%,#f8fbff 100%)}.login-card{max-width:430px;margin:auto;border-radius:18px}.login-brand{font-size:2.1rem;font-weight:900;color:#087cf0}.login-brand small{display:block;font-size:.7rem;color:#60798e;letter-spacing:1px}
.avatar{width:42px;height:42px;border-radius:50%;display:inline-grid;place-items:center;background:#e9f4ff;color:#087cf0;font-weight:700}
.status-dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:6px}.footer{font-size:.9rem}
@media(max-width:991px){.navbar .nav-link{padding:.65rem 0}.kpi-card{min-height:110px}}

/* Siteplan Digital */
.siteplan-info-card{border-left:5px solid var(--primary);background:linear-gradient(135deg,#fff,#f4faff)}
.siteplan-legend-small,.siteplan-legend{font-size:.78rem}.siteplan-legend-small span,.siteplan-legend span{display:inline-flex;align-items:center;gap:6px;background:#f5f7fa;border:1px solid #e5ebf0;border-radius:999px;padding:5px 9px;color:#425d73}.siteplan-legend-small i,.siteplan-legend i{width:12px;height:12px;border-radius:3px;display:inline-block}
.siteplan-card{overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.siteplan-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(31,64,104,.14)}
.siteplan-card-image{position:relative;background:#e9eef3;height:235px;display:flex;align-items:center;justify-content:center;overflow:hidden}.siteplan-card-image img{width:100%;height:100%;object-fit:contain}.siteplan-card-badge{position:absolute;right:12px;top:12px;color:#fff;background:rgba(13,40,65,.78);border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:700;backdrop-filter:blur(5px)}
.siteplan-stat{border-radius:9px;padding:9px 4px;background:#f5f7fa}.siteplan-stat strong{display:block;font-size:1.05rem}.siteplan-stat small{display:block;font-size:.67rem;color:#738496}.siteplan-stat.available{border-bottom:3px solid #28a745}.siteplan-stat.booking{border-bottom:3px solid #ffc107}.siteplan-stat.sold{border-bottom:3px solid #dc3545}
.siteplan-control-card{overflow:hidden}.siteplan-control-card .card-header{border:0}.siteplan-control-card .form-label{font-size:.84rem;margin-bottom:5px}.siteplan-control-card .form-control,.siteplan-control-card .form-select{min-height:39px;font-size:.9rem}.siteplan-control-card textarea.form-control{min-height:auto}
.siteplan-area-list{max-height:245px;overflow:auto;padding-right:2px}.siteplan-area-item{width:100%;border:1px solid #e5ebf0;background:#fff;border-radius:8px;padding:8px 9px;margin-bottom:6px;display:flex;align-items:center;gap:8px;text-align:left;color:#37536b}.siteplan-area-item:hover,.siteplan-area-item.active{border-color:#87c4ff;background:#eef7ff}.siteplan-area-item.active{box-shadow:inset 3px 0 0 var(--primary)}.siteplan-area-color{width:14px;height:32px;border-radius:4px;flex:0 0 14px}.siteplan-area-text{display:flex;flex-direction:column;min-width:0;flex:1}.siteplan-area-text strong{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.siteplan-area-text small{font-size:.67rem;color:#718497}.siteplan-area-item>i{font-size:.7rem;color:#8ba0b2}
.siteplan-canvas-card{overflow:hidden}.siteplan-canvas-wrapper{min-height:620px;max-height:calc(100vh - 190px);overflow:auto;background-color:#d9d9d9;background-image:linear-gradient(45deg,#d1d1d1 25%,transparent 25%),linear-gradient(-45deg,#d1d1d1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d1d1d1 75%),linear-gradient(-45deg,transparent 75%,#d1d1d1 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;position:relative;padding:12px}
.siteplan-canvas-wrapper canvas{display:none;background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.18);touch-action:none;max-width:none}.siteplan-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#5c7182;background:rgba(255,255,255,.65);z-index:2}
@media(max-width:1199px){.siteplan-control-card.sticky-xl-top{position:static!important}.siteplan-canvas-wrapper{min-height:520px;max-height:70vh}}


.siteplan-prospect-box{border:1px solid #ffd89b;background:linear-gradient(180deg,#fffaf1,#fff);border-radius:10px;padding:10px}
.siteplan-prospect-list{max-height:230px;overflow:auto}
.siteplan-prospect-item{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;border:1px solid #e6ebef;background:#fff;border-radius:8px;padding:8px;margin-bottom:7px}
.siteplan-prospect-main{min-width:0;flex:1}
.siteplan-prospect-main strong{display:block;font-size:.8rem;color:#243c50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.siteplan-prospect-main small{display:block;font-size:.67rem;line-height:1.3}
.siteplan-prospect-actions{display:flex;flex-direction:column;gap:4px}
.siteplan-prospect-actions .btn{width:31px;height:29px;padding:4px}
.siteplan-prospect-count-badge{background:#ff8a00;color:#fff;min-width:22px}
.siteplan-prospect-legend-dot{background:#ff8a00!important;border-radius:50%!important;box-shadow:0 0 0 2px #fff,0 0 0 3px #ff8a00}

/* Siteplan overview interaktif: hover prospek + klik detail buyer */
.siteplan-overview-card .siteplan-card-image{height:420px}
.siteplan-interactive-preview{position:relative;isolation:isolate}
.siteplan-interactive-preview>img{position:relative;z-index:1;pointer-events:none;user-select:none}
.siteplan-overview-canvas{position:absolute;z-index:3;display:block;touch-action:none}
.siteplan-preview-hint{position:absolute;z-index:4;left:12px;bottom:12px;background:rgba(13,40,65,.82);color:#fff;border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:700;pointer-events:none;backdrop-filter:blur(4px)}
.siteplan-interactive-preview .siteplan-card-badge{z-index:4;pointer-events:none}
.siteplan-hover-tooltip{position:fixed;z-index:1090;display:none;width:310px;max-width:calc(100vw - 24px);background:#102b42;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:12px;box-shadow:0 14px 40px rgba(0,0,0,.32);padding:13px 14px;font-size:.78rem;pointer-events:none}
.siteplan-hover-tooltip.show{display:block}
.siteplan-tooltip-title{display:flex;align-items:center;gap:7px;font-size:.92rem;font-weight:800;margin-bottom:4px}
.siteplan-tooltip-meta{color:#c7d6e2;margin-bottom:8px}
.siteplan-tooltip-prospects{border-top:1px solid rgba(255,255,255,.13);padding-top:8px}
.siteplan-tooltip-prospects ul{margin:5px 0 0;padding-left:18px}
.siteplan-tooltip-prospects li{margin:2px 0}
.siteplan-tooltip-prospects small{color:#bcd0df}
.siteplan-tooltip-buyer{margin-top:8px;background:rgba(220,53,69,.19);border:1px solid rgba(255,255,255,.13);border-radius:7px;padding:7px 8px}
.siteplan-tooltip-click{margin-top:9px;color:#83c6ff;font-weight:700;font-size:.7rem}
.siteplan-detail-modal-header{background:linear-gradient(135deg,#087cf0,#075a87);color:#fff}
.siteplan-detail-section{border:1px solid #e3eaf0;border-radius:12px;padding:16px;background:#fbfdff}
.siteplan-detail-summary{height:100%;min-height:92px;border:1px solid #e1e9ef;border-radius:10px;background:#fff;padding:11px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;box-shadow:0 3px 12px rgba(31,64,104,.05)}
.siteplan-detail-summary>i{color:#087cf0;font-size:1.1rem;margin-bottom:7px}
.siteplan-detail-summary small{color:#738496;font-size:.68rem;text-transform:uppercase;letter-spacing:.3px}
.siteplan-detail-summary strong{font-size:.95rem;color:#213d55;margin-top:2px}
.siteplan-detail-summary.prospect{border-bottom:3px solid #ff8a00}
.siteplan-detail-person{display:flex;align-items:flex-start;gap:12px;border:1px solid #e1e8ee;border-radius:10px;background:#fff;padding:12px;margin-bottom:10px}
.siteplan-detail-person.cancelled{opacity:.65;background:#f7f7f7}
.siteplan-person-avatar{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;background:#eaf5ff;color:#087cf0;font-size:1rem}
.siteplan-person-content{min-width:0;flex:1}
.siteplan-person-code{font-size:.72rem;color:#718497}
.siteplan-person-note{font-size:.75rem;margin-top:7px;background:#f6f8fa;border-radius:7px;padding:7px 8px;color:#496176}
.siteplan-person-actions{display:flex;gap:5px;flex-direction:column}
.siteplan-person-actions .btn{width:35px;height:33px;padding:5px}
.siteplan-empty-detail{text-align:center;padding:25px;color:#748697;display:flex;flex-direction:column;align-items:center}
.siteplan-empty-detail>i{font-size:1.8rem;margin-bottom:7px;color:#9badbb}
.siteplan-empty-detail>span{font-size:.78rem}
.siteplan-sold-buyer-card{border-radius:12px;overflow:hidden;background:#fff;border:1px solid #f0c8cc}
.siteplan-sold-buyer-head{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#dc3545,#9f1926);color:#fff;padding:14px 16px}
.siteplan-buyer-avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.18);font-size:1.15rem}
.siteplan-sold-buyer-card .row small{display:block;color:#788a99;font-size:.67rem;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px}
.siteplan-sold-buyer-card .row strong{display:block;color:#253f54;font-size:.84rem;word-break:break-word}
.siteplan-sold-buyer-actions{background:#b2202e;padding:10px 16px;display:flex;justify-content:flex-end;gap:7px}
@media(max-width:767px){.siteplan-overview-card .siteplan-card-image{height:310px}.siteplan-preview-hint{font-size:.65rem}.siteplan-hover-tooltip{display:none!important}.siteplan-detail-person{flex-wrap:wrap}.siteplan-person-actions{width:100%;flex-direction:row;justify-content:flex-end}}


.siteplan-category-card{border:1px solid #d9eaf9;background:linear-gradient(180deg,#f8fcff,#fff);border-radius:10px;padding:10px}
.siteplan-category-filters,.siteplan-inline-filters{display:flex;flex-wrap:wrap;gap:8px}
.siteplan-filter-btn{border:1px solid #d6e4f1;background:#fff;border-radius:10px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#31506b;font-size:.77rem;font-weight:700;min-width:102px;box-shadow:0 2px 8px rgba(31,64,104,.04)}
.siteplan-filter-btn strong{font-size:.82rem;color:#087cf0}
.siteplan-filter-btn.active,.siteplan-filter-btn:hover{border-color:#7bbcff;background:#eef7ff;color:#0b67c2}
.siteplan-selected-info{background:#fcfdff}.siteplan-selected-info h5,.siteplan-selected-info h6{color:#223f57;font-weight:800}
.siteplan-selected-info .badge{font-size:.72rem}



/* ===== PREMIUM SITEPLAN OVERVIEW ===== */
.siteplan-premium-hero{position:relative;overflow:hidden;border-radius:22px;padding:30px;background:linear-gradient(135deg,#0a5ed7 0%,#087cf0 42%,#15b6d7 100%);color:#fff;box-shadow:0 18px 50px rgba(8,124,240,.28)}
.siteplan-premium-hero:before,.siteplan-premium-hero:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.09);pointer-events:none}.siteplan-premium-hero:before{width:260px;height:260px;right:-70px;top:-90px}.siteplan-premium-hero:after{width:180px;height:180px;left:-40px;bottom:-60px}
.siteplan-hero-badge{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.14);padding:7px 14px;border-radius:999px;font-weight:700;font-size:.8rem;backdrop-filter:blur(8px)}
.siteplan-hero-title{font-size:2rem;font-weight:900;line-height:1.1;margin-bottom:12px;max-width:800px}.siteplan-hero-text{font-size:1rem;line-height:1.65;color:rgba(255,255,255,.93)}
.siteplan-hero-stat{height:100%;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.14);border-radius:18px;padding:16px 18px;backdrop-filter:blur(10px)}
.siteplan-hero-stat small{display:block;color:rgba(255,255,255,.84);font-size:.76rem;text-transform:uppercase;letter-spacing:.4px}.siteplan-hero-stat strong{display:block;font-size:1.55rem;font-weight:900;margin-top:4px}
.siteplan-premium-guide{border:1px solid #e5eef8;background:linear-gradient(180deg,#fff,#f8fbff)}
.siteplan-premium-guide-list{display:flex;flex-wrap:wrap;gap:10px}.siteplan-premium-guide-list span{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:#f5f9ff;border:1px solid #e0ebf8;color:#36516a;font-size:.85rem;font-weight:600}
.siteplan-legend-small.premium span{background:#fff;border-color:#dfe9f4}
.premium-siteplan-card{overflow:hidden;border:1px solid #e7edf5}.premium-siteplan-card .card-body{background:linear-gradient(180deg,#fff,#fbfdff)}
.premium-siteplan-preview{position:relative;min-height:580px;background:linear-gradient(180deg,#f1f5f9,#eaf3ff);display:flex;align-items:center;justify-content:center;overflow:hidden}
.premium-siteplan-preview img{max-width:100%;max-height:100%;display:block;object-fit:contain;position:relative;z-index:1;pointer-events:none;user-select:none}.premium-siteplan-canvas{position:absolute;z-index:3;display:none;pointer-events:auto}
.premium-siteplan-overlay-top{position:absolute;left:18px;right:18px;top:18px;z-index:4;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;pointer-events:none}
.premium-siteplan-title-wrap{max-width:560px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);box-shadow:0 10px 24px rgba(18,52,86,.12)}
.premium-siteplan-code{display:inline-block;font-size:.72rem;font-weight:800;color:#0b68c6;background:#eaf4ff;border:1px solid #d4e7fb;border-radius:999px;padding:5px 10px;margin-bottom:10px}.premium-siteplan-title-wrap h4{font-weight:900;color:#193c5c;margin:0 0 6px;font-size:1.6rem;line-height:1.12}.premium-siteplan-title-wrap p{margin:0;color:#60788d;line-height:1.55}
.premium-siteplan-floating-tags{display:flex;flex-direction:column;gap:10px}.premium-siteplan-floating-tags span{display:inline-flex;align-items:center;white-space:nowrap;padding:9px 12px;border-radius:999px;background:rgba(9,31,51,.82);color:#fff;font-weight:700;font-size:.78rem;box-shadow:0 8px 20px rgba(0,0,0,.16);backdrop-filter:blur(8px)}
.premium-siteplan-overlay-bottom{position:absolute;left:18px;right:18px;bottom:18px;z-index:4;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;pointer-events:none}.premium-siteplan-mini-legend{display:flex;flex-wrap:wrap;gap:8px;max-width:70%}.premium-siteplan-mini-legend span{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.93);border:1px solid #dfe8f1;border-radius:999px;padding:6px 10px;color:#415b72;font-size:.74rem;font-weight:700}.premium-siteplan-mini-legend i{width:12px;height:12px;border-radius:3px;display:inline-block}.premium-siteplan-hint{padding:10px 14px;border-radius:999px;background:rgba(8,124,240,.92);color:#fff;font-size:.76rem;font-weight:800;box-shadow:0 10px 22px rgba(8,124,240,.25)}
.premium-siteplan-side{height:100%;display:flex;flex-direction:column;justify-content:flex-start}.premium-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.premium-status-box{border-radius:15px;padding:14px 14px 12px;background:#fff;border:1px solid #e6edf5;box-shadow:0 8px 18px rgba(31,64,104,.05)}.premium-status-box small{display:block;color:#6e8295;font-size:.72rem;text-transform:uppercase;letter-spacing:.4px}.premium-status-box strong{display:block;font-size:1.45rem;font-weight:900;line-height:1.1;margin-top:3px}.premium-status-box.tersedia{border-bottom:4px solid #28a745}.premium-status-box.booking{border-bottom:4px solid #ffc107}.premium-status-box.terjual{border-bottom:4px solid #dc3545}.premium-status-box.blokir{border-bottom:4px solid #6c757d}.premium-status-box.fasilitas{border-bottom:4px solid #0dcaf0}.premium-status-box.prospek{border-bottom:4px solid #ff8a00}
.premium-callout{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:16px;border:1px solid #e6edf5;background:linear-gradient(180deg,#f9fbff,#fff)}.premium-callout-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#087cf0,#15b6d7);color:#fff;flex:0 0 42px;box-shadow:0 8px 16px rgba(8,124,240,.24)}
.premium-siteplan-tooltip{position:fixed;z-index:1095;display:none;width:335px;max-width:calc(100vw - 24px);background:#132f48;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:16px;box-shadow:0 18px 48px rgba(0,0,0,.28);padding:14px 15px;pointer-events:none}.premium-siteplan-tooltip.show{display:block}.premium-tooltip-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:1rem;font-weight:900;margin-bottom:6px}.premium-tooltip-title .badge{font-size:.68rem}.premium-tooltip-subtitle{color:#c7d6e3;margin-bottom:10px}.premium-tooltip-section{border-top:1px solid rgba(255,255,255,.12);padding-top:10px}.premium-tooltip-section ul{padding-left:18px;margin:6px 0 0}.premium-tooltip-section li{margin:3px 0}.premium-tooltip-buyer{margin-top:10px;padding:8px 10px;border-radius:10px;background:rgba(220,53,69,.18);border:1px solid rgba(255,255,255,.1)}.premium-tooltip-buyer.warning{background:rgba(255,193,7,.16)}.premium-tooltip-foot{margin-top:10px;color:#7ec3ff;font-weight:800;font-size:.76rem}
.premium-siteplan-modal{border-radius:20px;overflow:hidden}.premium-siteplan-modal-head{background:linear-gradient(135deg,#0a5ed7,#15b6d7);color:#fff;padding:18px 22px}.premium-detail-card{height:100%;border:1px solid #e6edf5;border-radius:18px;background:linear-gradient(180deg,#fff,#fbfdff);padding:18px;box-shadow:0 8px 20px rgba(31,64,104,.05)}
.premium-summary-card{height:100%;min-height:96px;border:1px solid #e5edf5;border-radius:16px;background:#fff;padding:14px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 8px 18px rgba(31,64,104,.05)}.premium-summary-card i{font-size:1.1rem;color:#087cf0;margin-bottom:8px}.premium-summary-card small{font-size:.7rem;text-transform:uppercase;letter-spacing:.35px;color:#6d8296}.premium-summary-card strong{font-size:1rem;color:#203c54;margin-top:3px}.premium-summary-card.prospect{border-bottom:4px solid #ff8a00}.premium-summary-card.danger{border-bottom:4px solid #dc3545}
.premium-prospect-person{display:flex;align-items:flex-start;gap:12px;border:1px solid #e4ebf2;border-radius:16px;background:#fff;padding:14px;margin-bottom:12px;box-shadow:0 8px 18px rgba(31,64,104,.04)}.premium-prospect-avatar{width:44px;height:44px;flex:0 0 44px;border-radius:14px;display:grid;place-items:center;background:#eaf4ff;color:#087cf0;font-size:1rem}.premium-prospect-content{flex:1;min-width:0}.premium-prospect-actions{display:flex;flex-direction:column;gap:6px}.premium-prospect-actions .btn{width:36px;height:34px;padding:5px}.premium-note-box{font-size:.78rem;margin-top:8px;background:#f6f8fb;border-radius:10px;padding:8px 10px;color:#476075}
.premium-buyer-card{border-radius:18px;overflow:hidden;border:1px solid #f0ccd1;background:#fff;box-shadow:0 10px 26px rgba(220,53,69,.08)}.premium-buyer-head{display:flex;align-items:center;gap:14px;padding:16px 18px;color:#fff;background:linear-gradient(135deg,#dc3545,#b2202e)}.premium-buyer-avatar{width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:1.25rem}.premium-buyer-card small{display:block;color:#738597;font-size:.68rem;text-transform:uppercase;letter-spacing:.35px;margin-bottom:3px}.premium-buyer-card strong{display:block;color:#263f55;font-size:.86rem;line-height:1.45;word-break:break-word}.premium-buyer-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;background:#b2202e}
@media(max-width:1399px){.premium-siteplan-preview{min-height:520px}}@media(max-width:1199px){.premium-siteplan-preview{min-height:470px}.premium-siteplan-overlay-top{flex-direction:column}.premium-siteplan-mini-legend{max-width:100%}}@media(max-width:991px){.siteplan-premium-hero{padding:24px}.siteplan-hero-title{font-size:1.6rem}.premium-siteplan-preview{min-height:400px}.premium-siteplan-title-wrap h4{font-size:1.25rem}}@media(max-width:767px){.premium-siteplan-preview{min-height:300px}.premium-siteplan-overlay-top,.premium-siteplan-overlay-bottom{left:10px;right:10px;top:10px;bottom:10px}.premium-siteplan-title-wrap{padding:12px}.premium-siteplan-title-wrap h4{font-size:1.05rem}.premium-siteplan-title-wrap p{font-size:.76rem;line-height:1.35}.premium-siteplan-floating-tags{display:none}.premium-siteplan-mini-legend{display:none}.premium-siteplan-hint{font-size:.68rem;padding:8px 10px}.premium-siteplan-tooltip{display:none!important}.premium-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-prospect-person{flex-wrap:wrap}.premium-prospect-actions{width:100%;flex-direction:row;justify-content:flex-end}.siteplan-premium-guide-list{flex-direction:column}}

/* SIMPERUM V2 - Buyer & Sales Siteplan */
.siteplan-buyer-box{border:1px solid #f0b7bd;background:linear-gradient(180deg,#fff7f8,#fff);border-radius:10px;padding:10px}
.siteplan-current-buyer{border:1px solid #f1c4c9;background:#fff;border-radius:9px;padding:9px}
.siteplan-current-buyer strong,.siteplan-current-buyer small{display:block;line-height:1.35}
.siteplan-current-buyer strong{font-size:.82rem;color:#263f54}.siteplan-current-buyer small{font-size:.67rem;color:#718497}
.siteplan-buyer-avatar-small{width:34px;height:34px;border-radius:10px;background:#fee2e2;color:#dc3545;display:grid;place-items:center;flex:0 0 34px}
.siteplan-buyer-box .form-control,.siteplan-buyer-box .form-select{font-size:.78rem;min-height:34px}
.siteplan-buyer-box .alert{font-size:.7rem}
.min-width-0{min-width:0}
.navbar .nav-link i{width:18px;text-align:center}
@media(max-width:1399px){.navbar .nav-link{font-size:.88rem;padding:.6rem .55rem}}

/* ============================================================
   SITEPLAN V3 - FLOW KAVLING TERSIMPAN DULU, BARU RELASI
   ============================================================ */
.siteplan-workflow{display:flex;align-items:center;gap:7px;padding:10px;border:1px solid #dfe8f2;border-radius:13px;background:linear-gradient(180deg,#f8fbff,#fff)}
.siteplan-workflow-step{min-width:0;flex:1;display:flex;align-items:center;gap:8px;color:#35516a}
.siteplan-workflow-step>span{width:28px;height:28px;flex:0 0 28px;border-radius:50%;display:grid;place-items:center;background:#e8eef4;color:#6b7f91;font-weight:800;font-size:.75rem}
.siteplan-workflow-step div{min-width:0}.siteplan-workflow-step strong{display:block;font-size:.72rem;line-height:1.15}.siteplan-workflow-step small{display:block;font-size:.58rem;color:#7a8c9c;line-height:1.25;margin-top:2px}
.siteplan-workflow-step.active>span{background:#087cf0;color:#fff;box-shadow:0 0 0 4px rgba(8,124,240,.12)}
.siteplan-workflow-step.done>span{background:#198754;color:#fff}.siteplan-workflow-step.done strong{color:#167247}
.siteplan-workflow-step.locked{opacity:.65}.siteplan-workflow-line{height:2px;flex:0 0 12px;background:#dfe7ef}
.siteplan-stage-card{border:1px solid #dfe8f1;border-radius:14px;padding:12px;background:#fff;box-shadow:0 5px 15px rgba(31,64,104,.045)}
.siteplan-stage-card.stage-one{border-top:4px solid #087cf0}.siteplan-stage-card.stage-two{border-top:4px solid #ffb000}.siteplan-stage-card.stage-three{border-top:4px solid #dc3545}
.siteplan-stage-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.siteplan-stage-title>div{display:flex;align-items:center;gap:8px;min-width:0}.siteplan-stage-title strong{font-size:.82rem;color:#28465f}.siteplan-stage-number{width:25px;height:25px;border-radius:8px;background:#eaf4ff;color:#087cf0;display:grid;place-items:center;font-size:.75rem;font-weight:900;flex:0 0 25px}
.stage-two .siteplan-stage-number{background:#fff4d6;color:#b97800}.stage-three .siteplan-stage-number{background:#fee9eb;color:#b42332}
.siteplan-relationship-lock{border:1px dashed #9fb2c3;border-radius:14px;padding:18px 14px;text-align:center;background:repeating-linear-gradient(-45deg,#f8fafc,#f8fafc 9px,#f3f6f9 9px,#f3f6f9 18px);color:#597083}
.siteplan-lock-icon{width:44px;height:44px;margin:0 auto 8px;border-radius:14px;display:grid;place-items:center;background:#e8eef4;color:#64788b;font-size:1.05rem}.siteplan-relationship-lock strong{display:block;font-size:.84rem;color:#405c74}.siteplan-relationship-lock small{display:block;font-size:.7rem;line-height:1.45;margin-top:4px}
.siteplan-current-buyer{border:1px solid #dfe7ef;border-radius:11px;background:#f8fbff;padding:9px}.siteplan-buyer-avatar-small{width:34px;height:34px;border-radius:10px;background:#e9f8ef;color:#198754;display:grid;place-items:center;flex:0 0 34px}.siteplan-current-buyer strong,.siteplan-current-buyer small{display:block;font-size:.72rem;line-height:1.35}.siteplan-current-buyer strong{font-size:.8rem;color:#24435c}
#relationshipStage .form-label{font-size:.72rem;margin-bottom:4px}#relationshipStage .form-control,#relationshipStage .form-select{min-height:36px;font-size:.78rem}
#addCandidateLink.disabled{pointer-events:none;opacity:.48;text-decoration:none}
@media(max-width:575px){.siteplan-workflow{align-items:flex-start;overflow-x:auto}.siteplan-workflow-step{min-width:130px}.siteplan-workflow-line{margin-top:14px}.siteplan-stage-title{align-items:flex-start}.siteplan-stage-title .badge{font-size:.58rem}}

/* =========================================================
   SIMPERUM V4 — SITEPLAN FULL MAP TOP + OPTIONAL PANELS
   ========================================================= */
.siteplan-editor-page{max-width:none;width:100%}
.siteplan-v4-layout{margin-top:0}
.siteplan-top-actions{align-items:center}
.siteplan-v4-map-card{border:0;border-radius:24px;overflow:hidden;box-shadow:0 20px 55px rgba(15,23,42,.10);background:#fff}
.siteplan-v4-map-header{padding:16px 20px!important;border-bottom:1px solid #e8eef5;background:linear-gradient(180deg,#fff,#f8fbff)!important}
.siteplan-v4-canvas-wrapper{min-height:78vh;max-height:none!important;overflow:auto!important;padding:18px!important;display:flex;justify-content:center;align-items:flex-start;background-color:#edf2f7;background-image:linear-gradient(45deg,#e4e9ef 25%,transparent 25%),linear-gradient(-45deg,#e4e9ef 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e4e9ef 75%),linear-gradient(-45deg,transparent 75%,#e4e9ef 75%);background-size:28px 28px;background-position:0 0,0 14px,14px -14px,-14px 0}
.siteplan-v4-canvas-wrapper #siteplanCanvas{display:block;margin:0 auto;border-radius:18px;box-shadow:0 18px 48px rgba(15,23,42,.20)}
.siteplan-v4-control-card{border:0;border-radius:24px;overflow:hidden;box-shadow:0 18px 48px rgba(15,23,42,.08)}
.siteplan-v4-control-card>.card-header{padding:17px 20px!important;background:linear-gradient(135deg,#0d6efd,#139ee8)!important}
.siteplan-v4-control-subtitle{margin-top:3px;font-size:.76rem;color:rgba(255,255,255,.82);font-weight:400}
.siteplan-v4-panel-section{padding:4px 0 12px}
.siteplan-v4-panel-section+.siteplan-v4-panel-section{border-top:1px solid #edf2f7;padding-top:18px}
.siteplan-v4-subpanel{width:100%}

/* Workflow premium desktop */
.siteplan-workflow{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px!important;padding:0!important;border:0!important;background:transparent!important}
.siteplan-workflow-line{display:none!important}
.siteplan-workflow-step{min-width:0!important;display:flex!important;align-items:flex-start!important;gap:12px!important;padding:16px!important;border:1px solid #e1e9f2!important;border-radius:18px!important;background:linear-gradient(180deg,#fff,#f9fbfe)!important;box-shadow:0 9px 24px rgba(15,23,42,.05)!important;opacity:1!important}
.siteplan-workflow-step>span{width:36px!important;height:36px!important;flex:0 0 36px!important;font-size:.88rem!important}
.siteplan-workflow-step strong{display:block!important;font-size:.93rem!important;line-height:1.25!important;color:#183b56!important;margin-bottom:4px!important}
.siteplan-workflow-step small{display:block!important;font-size:.77rem!important;line-height:1.42!important;color:#6b8195!important;margin:0!important}
.siteplan-workflow-step.active{border-color:#afd0ff!important;box-shadow:0 13px 28px rgba(13,110,253,.11)!important}
.siteplan-workflow-step.done{border-color:#aee6c5!important}
.siteplan-workflow-step.locked{background:linear-gradient(180deg,#fff,#fbfcfe)!important}

/* Optional panel cards */
.siteplan-stage-card,.siteplan-category-card{border:1px solid #e4ebf3!important;border-radius:20px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;box-shadow:0 10px 26px rgba(15,23,42,.05)!important}
.siteplan-stage-title{margin-bottom:14px!important}
.siteplan-category-card{padding:16px!important}
#panelAreaList{border-top:1px solid #e8eef5!important;background:linear-gradient(180deg,#fff,#fafcff)!important}
.siteplan-area-item{border-radius:14px!important}

/* Popup panel settings */
.siteplan-v4-modal{position:fixed;inset:0;z-index:2500;display:none}
.siteplan-v4-modal.show{display:block}
.siteplan-v4-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.58);backdrop-filter:blur(4px)}
.siteplan-v4-modal-dialog{position:relative;width:min(850px,calc(100% - 28px));max-height:88vh;margin:6vh auto;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 34px 90px rgba(15,23,42,.34);display:flex;flex-direction:column}
.siteplan-v4-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:24px 26px 18px;border-bottom:1px solid #e8eef5;background:linear-gradient(180deg,#fff,#f7fbff)}
.siteplan-v4-modal-kicker{font-size:.68rem;letter-spacing:.13em;font-weight:800;color:#0d6efd;margin-bottom:5px}
.siteplan-v4-modal-header h3{margin:0;color:#163a58;font-size:1.3rem;font-weight:850}
.siteplan-v4-modal-header p{margin:8px 0 0;color:#6a8094;font-size:.9rem;line-height:1.5}
.siteplan-v4-modal-close{width:42px;height:42px;flex:0 0 42px;border:0;border-radius:13px;background:#eef3f8;color:#344b5f;font-size:1.05rem;cursor:pointer}
.siteplan-v4-modal-close:hover{background:#e2e8f0}
.siteplan-v4-modal-body{padding:22px 26px;overflow:auto}
.siteplan-v4-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.siteplan-v4-toggle-card{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 22px;align-items:center;gap:13px;padding:15px;border:1px solid #dfe8f1;border-radius:18px;background:#fff;cursor:pointer;transition:.2s ease;box-shadow:0 8px 20px rgba(15,23,42,.04)}
.siteplan-v4-toggle-card:hover{transform:translateY(-1px);border-color:#93bdff;box-shadow:0 13px 28px rgba(13,110,253,.10)}
.siteplan-v4-toggle-card input{position:absolute;opacity:0;pointer-events:none}
.siteplan-v4-toggle-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#edf5ff;color:#0d6efd;font-size:1.05rem}
.siteplan-v4-toggle-card strong{display:block;color:#203f59;font-size:.9rem;line-height:1.25}
.siteplan-v4-toggle-card small{display:block;color:#75899a;font-size:.74rem;line-height:1.38;margin-top:3px}
.siteplan-v4-toggle-check{color:#cbd5e1;font-size:1.15rem}
.siteplan-v4-toggle-card:has(input:checked){border-color:#75adff;background:#f4f9ff;box-shadow:0 12px 26px rgba(13,110,253,.10)}
.siteplan-v4-toggle-card:has(input:checked) .siteplan-v4-toggle-icon{background:#0d6efd;color:#fff}
.siteplan-v4-toggle-card:has(input:checked) .siteplan-v4-toggle-check{color:#0d6efd}
.siteplan-v4-modal-footer{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding:17px 26px 24px;border-top:1px solid #e8eef5;background:#fbfdff}
.siteplan-v4-modal-open{overflow:hidden!important}

@media(max-width:1199px){
  .siteplan-v4-canvas-wrapper{min-height:70vh!important}
}
@media(max-width:991px){
  .siteplan-v4-canvas-wrapper{min-height:62vh!important;padding:12px!important}
  .siteplan-workflow{grid-template-columns:1fr!important;gap:10px!important}
  .siteplan-workflow-step{padding:14px!important}
  .siteplan-v4-modal-dialog{margin:3vh auto;max-height:94vh}
}
@media(max-width:767px){
  .siteplan-top-actions{width:100%}
  .siteplan-top-actions .btn{flex:1 1 auto}
  .siteplan-v4-map-card{border-radius:18px}
  .siteplan-v4-map-header{padding:12px!important}
  .siteplan-v4-canvas-wrapper{min-height:54vh!important;padding:8px!important}
  .siteplan-legend{gap:6px!important}
  .siteplan-legend span{font-size:.68rem!important;padding:5px 7px!important}
  .siteplan-v4-toggle-grid{grid-template-columns:1fr}
  .siteplan-v4-modal-dialog{width:100%;max-height:92vh;margin:8vh 0 0;border-radius:24px 24px 0 0;position:absolute;bottom:0}
  .siteplan-v4-modal-header{padding:18px 17px 14px}
  .siteplan-v4-modal-header h3{font-size:1.1rem}
  .siteplan-v4-modal-header p{font-size:.8rem}
  .siteplan-v4-modal-body{padding:15px 16px}
  .siteplan-v4-modal-footer{padding:14px 16px 18px}
  .siteplan-v4-modal-footer .btn{flex:1 1 100%}
}
@media(max-width:480px){
  .siteplan-v4-canvas-wrapper{min-height:48vh!important}
  .siteplan-selected-info{font-size:.82rem}
  .siteplan-v4-toggle-card{grid-template-columns:42px minmax(0,1fr) 20px;padding:13px;gap:10px}
  .siteplan-v4-toggle-icon{width:42px;height:42px;border-radius:13px}
}

/* =========================================================
   SIMPERUM V5 — CHECKBOX DI ATAS MAP + POPUP FORM OTOMATIS
   ========================================================= */
.siteplan-v5-launcher{border:1px solid #e2eaf3;border-radius:22px;background:linear-gradient(180deg,#ffffff,#f8fbff);box-shadow:0 14px 36px rgba(15,23,42,.07);padding:18px 20px}
.siteplan-v5-launcher-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px}
.siteplan-v5-launcher-kicker{font-size:.68rem;font-weight:900;letter-spacing:.13em;color:#0d6efd;margin-bottom:4px}
.siteplan-v5-launcher h2{font-size:1.15rem;font-weight:850;color:#173b59;margin:0}
.siteplan-v5-launcher p{font-size:.84rem;color:#6b8195;line-height:1.45;margin:6px 0 0}
.siteplan-v5-launcher-status{display:inline-flex;align-items:center;white-space:nowrap;padding:9px 13px;border-radius:999px;background:#f1f5f9;border:1px solid #dfe7ef;color:#627789;font-size:.75rem;font-weight:700}
.siteplan-v5-launcher-status.active{background:#eaf4ff;border-color:#b8d7ff;color:#0d6efd}
.siteplan-v5-check-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.siteplan-v5-check-card{position:relative;min-width:0;display:grid;grid-template-columns:18px 38px minmax(0,1fr);align-items:center;gap:9px;padding:12px;border:1px solid #dfe8f1;border-radius:16px;background:#fff;cursor:pointer;transition:.18s ease;box-shadow:0 6px 18px rgba(15,23,42,.035)}
.siteplan-v5-check-card:hover{transform:translateY(-1px);border-color:#98bfff;box-shadow:0 10px 22px rgba(13,110,253,.09)}
.siteplan-v5-check-card input{position:absolute;opacity:0;pointer-events:none}
.siteplan-v5-check-box{width:18px;height:18px;border:2px solid #b5c4d2;border-radius:5px;background:#fff;display:block;position:relative}
.siteplan-v5-check-box:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0}
.siteplan-v5-check-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#edf5ff;color:#0d6efd;font-size:.92rem}
.siteplan-v5-check-copy{min-width:0}
.siteplan-v5-check-copy strong{display:block;color:#24435d;font-size:.79rem;line-height:1.22}
.siteplan-v5-check-copy small{display:block;color:#788b9d;font-size:.65rem;line-height:1.32;margin-top:3px}
.siteplan-v5-check-card input:checked~.siteplan-v5-check-box{background:#0d6efd;border-color:#0d6efd}
.siteplan-v5-check-card input:checked~.siteplan-v5-check-box:after{opacity:1}
.siteplan-v5-check-card input:checked~.siteplan-v5-check-icon{background:#0d6efd;color:#fff;box-shadow:0 8px 18px rgba(13,110,253,.22)}
.siteplan-v5-check-card:has(input:checked){border-color:#79adff;background:#f4f9ff;box-shadow:0 12px 28px rgba(13,110,253,.11)}
.siteplan-v5-panel-repository{display:none!important}

.siteplan-v5-window-backdrop{position:fixed;inset:0;z-index:2790;display:none;background:rgba(15,23,42,.42);backdrop-filter:blur(2px)}
.siteplan-v5-window-backdrop.show{display:none}
.siteplan-v5-form-window{position:fixed;z-index:2800;right:20px;top:92px;width:min(460px,calc(100vw - 40px));max-height:calc(100vh - 112px);display:none;flex-direction:column;border:1px solid #dce6f0;border-radius:22px;background:#fff;box-shadow:0 26px 70px rgba(15,23,42,.28);overflow:hidden}
.siteplan-v5-form-window.show{display:flex}
.siteplan-v5-form-window.size-wide{width:min(760px,calc(100vw - 40px))}
.siteplan-v5-window-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:17px 18px 14px;border-bottom:1px solid #e8eef5;background:linear-gradient(180deg,#fff,#f7fbff)}
.siteplan-v5-window-kicker{font-size:.65rem;font-weight:900;letter-spacing:.13em;color:#0d6efd;margin-bottom:4px}
.siteplan-v5-window-heading h3{margin:0;color:#153a58;font-size:1.08rem;font-weight:850}
.siteplan-v5-window-heading p{margin:6px 0 0;color:#6d8295;font-size:.78rem;line-height:1.42}
.siteplan-v5-window-actions{display:flex;gap:6px;flex:0 0 auto}
.siteplan-v5-window-button{width:36px;height:36px;border:0;border-radius:11px;background:#eef3f8;color:#40576c;cursor:pointer;display:grid;place-items:center}
.siteplan-v5-window-button:hover{background:#dfe9f2}
.siteplan-v5-window-button.close{background:#feecef;color:#c02a3a}
.siteplan-v5-window-body{padding:16px;overflow:auto;flex:1;min-height:0;background:#fbfdff}
.siteplan-v5-window-body>.siteplan-v4-panel-section,.siteplan-v5-window-body>#panelAreaList{display:block!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important}
.siteplan-v5-window-body .siteplan-stage-card,.siteplan-v5-window-body .siteplan-category-card{margin-bottom:0!important;box-shadow:none!important}
.siteplan-v5-window-body #panelAreaList{border:0!important;padding:0!important}
.siteplan-v5-window-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 16px;border-top:1px solid #e8eef5;background:#fff;color:#6d8295;font-size:.72rem}
.siteplan-v5-form-window.minimized{width:360px;max-height:none}
.siteplan-v5-form-window.minimized .siteplan-v5-window-body,.siteplan-v5-form-window.minimized .siteplan-v5-window-footer,.siteplan-v5-form-window.minimized .siteplan-v5-window-heading p{display:none}
.siteplan-v5-form-window.minimized .siteplan-v5-window-header{border-bottom:0;padding:12px 14px}
.siteplan-v5-window-open{overflow:auto!important}

/* Map tetap paling atas dan penuh */
.siteplan-v4-map-card{margin-bottom:0}
.siteplan-v4-canvas-wrapper{min-height:76vh!important;max-height:none!important}
.siteplan-v4-map-header{position:relative;z-index:2}

@media(max-width:1399px){
  .siteplan-v5-check-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:991px){
  .siteplan-v5-launcher-head{flex-direction:column;align-items:stretch}
  .siteplan-v5-launcher-status{align-self:flex-start}
  .siteplan-v5-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .siteplan-v5-window-backdrop.show{display:block}
  .siteplan-v5-form-window,.siteplan-v5-form-window.size-wide{left:10px;right:10px;top:auto;bottom:10px;width:auto;max-height:82vh;border-radius:22px}
  .siteplan-v5-form-window.minimized{left:auto;width:min(360px,calc(100vw - 20px));max-height:none}
  .siteplan-v5-window-open{overflow:hidden!important}
  .siteplan-v4-canvas-wrapper{min-height:64vh!important}
}
@media(max-width:575px){
  .siteplan-v5-launcher{padding:14px;border-radius:18px}
  .siteplan-v5-check-grid{grid-template-columns:1fr}
  .siteplan-v5-check-card{grid-template-columns:20px 42px minmax(0,1fr);padding:13px}
  .siteplan-v5-check-icon{width:42px;height:42px}
  .siteplan-v5-window-header{padding:14px}
  .siteplan-v5-window-body{padding:12px}
  .siteplan-v5-window-footer{flex-direction:column;align-items:stretch}
  .siteplan-v5-window-footer .btn{width:100%}
  .siteplan-v5-form-window,.siteplan-v5-form-window.size-wide{left:0;right:0;bottom:0;width:100%;max-height:88vh;border-radius:22px 22px 0 0}
  .siteplan-v5-form-window.minimized{left:8px;right:8px;bottom:8px;width:auto;border-radius:16px}
  .siteplan-v4-canvas-wrapper{min-height:54vh!important}
}


/* ============================================================
   SIMPERUM CONSTRUCTION CRM V6
   ============================================================ */
.main-crm-navbar .nav-link{font-size:.86rem;font-weight:700;border-radius:10px;padding:.65rem .75rem!important}
.main-crm-navbar .nav-link i{margin-right:.3rem}
.main-crm-navbar .dropdown-item{font-size:.84rem;border-radius:8px;padding:.55rem .75rem}
.main-crm-navbar .dropdown-item:hover{background:#eef6ff;color:#005bac}
.construction-mega{left:2%!important;right:2%!important;width:96%!important;max-width:none;margin-top:0}
.construction-mega .mega-title{font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#7890a5;padding:.45rem .75rem;border-bottom:1px solid #edf1f5;margin-bottom:.35rem}
.module-kicker{font-size:.7rem;font-weight:900;letter-spacing:.14em;color:#0d6efd;margin-bottom:.35rem}
.module-form-card{border:0;box-shadow:0 12px 35px rgba(15,23,42,.07)}
.stat-card{border:0;background:linear-gradient(135deg,#ffffff,#f5f9ff)}
.crm-kpi{border:1px solid #e8eef5!important;box-shadow:0 8px 26px rgba(15,23,42,.05);transition:.2s}
.crm-kpi:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(15,23,42,.09)}
.crm-kpi small{display:block;color:#6c8195;font-weight:700;font-size:.72rem;margin-bottom:.25rem}
.crm-kpi-value{font-size:1.25rem;font-weight:850;color:#173b59;line-height:1.15;word-break:break-word}
.crm-kpi-icon{width:43px;height:43px;min-width:43px;border-radius:14px;display:grid;place-items:center;font-size:1rem}
.construction-alert{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:14px 16px}
.construction-alert strong,.construction-alert small{display:block}
.construction-alert small{color:#6f8191;margin-top:2px;line-height:1.35}
.upgrade-icon{width:82px;height:82px;border-radius:24px;background:linear-gradient(135deg,#005bac,#0caad9);color:#fff;display:grid;place-items:center;font-size:2rem;margin:0 auto;box-shadow:0 18px 36px rgba(0,91,172,.22)}
.upgrade-results{max-height:420px;overflow:auto;margin-bottom:1rem}
.customer-avatar{width:72px;height:72px;border-radius:22px;background:linear-gradient(135deg,#005bac,#0caad9);display:grid;place-items:center;color:#fff;font-size:1.8rem;font-weight:900}
.customer-info-row{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:.72rem 0;border-bottom:1px dashed #e3eaf1;font-size:.86rem}
.customer-info-row span{color:#72869a}
.customer-info-row strong{text-align:right;color:#263f55}
.crm-timeline{position:relative;padding-left:24px}
.crm-timeline:before{content:"";position:absolute;left:7px;top:5px;bottom:5px;width:2px;background:#dce8f4}
.crm-timeline-item{position:relative;margin-bottom:16px}
.crm-timeline-dot{position:absolute;left:-22px;top:10px;width:13px;height:13px;border-radius:50%;background:#0d6efd;border:3px solid #dceaff;z-index:2}
.crm-timeline-card{border:1px solid #e4ebf3;border-radius:14px;padding:14px 16px;background:#fbfdff}
.pipeline-wrap{display:flex;gap:14px;overflow-x:auto;padding-bottom:18px;align-items:flex-start}
.pipeline-column{width:310px;min-width:310px;background:#f3f6fa;border:1px solid #e1e8ef;border-radius:18px;overflow:hidden}
.pipeline-head{display:flex;justify-content:space-between;gap:8px;padding:14px 15px;background:#fff;border-bottom:1px solid #e5ebf1}
.pipeline-head strong,.pipeline-head small{display:block}.pipeline-head small{color:#8292a2;font-size:.7rem}.pipeline-head span{font-size:.72rem;font-weight:800;color:#005bac}
.pipeline-dropzone{min-height:150px;padding:10px;transition:.2s}
.pipeline-dropzone.over{background:#e8f2ff}
.pipeline-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:13px;margin-bottom:10px;box-shadow:0 6px 16px rgba(15,23,42,.04);cursor:grab}
.pipeline-card.dragging{opacity:.55;transform:rotate(1deg)}
.pipeline-card strong{color:#203f58;font-size:.88rem}
.pipeline-value{font-size:1rem;font-weight:850;color:#0d6efd;margin:.65rem 0}
.pipeline-meta{color:#6d8194;font-size:.72rem;margin-top:.3rem}.pipeline-meta i{width:16px}
.gantt-table{min-width:900px;overflow:auto}
.gantt-row{display:grid;grid-template-columns:320px minmax(600px,1fr);min-height:58px;border-bottom:1px solid #edf1f5}
.gantt-name{padding:10px 14px}.gantt-name strong,.gantt-name small{display:block}.gantt-name strong{font-size:.8rem;color:#263f55}.gantt-name small{font-size:.68rem;color:#8293a4;margin-top:4px}
.gantt-track{position:relative;background-image:linear-gradient(to right,rgba(148,163,184,.18) 1px,transparent 1px);background-size:10% 100%;min-height:58px}
.gantt-header{min-height:42px;background:#f8fafc}.gantt-header .gantt-track{display:flex;justify-content:space-between;align-items:center;padding:0 8px;font-size:.68rem;color:#789}
.gantt-bar{position:absolute;top:14px;height:30px;border-radius:8px;background:linear-gradient(135deg,#0d6efd,#0caad9);color:#fff;display:flex;align-items:center;justify-content:center;min-width:20px;box-shadow:0 5px 12px rgba(13,110,253,.24);overflow:hidden}
.gantt-bar.late{background:linear-gradient(135deg,#dc3545,#f06a6a)}.gantt-bar.done{background:linear-gradient(135deg,#198754,#41b883)}
.gantt-bar span{font-size:.65rem;font-weight:800}
.print-report-header{text-align:center;padding:16px;margin-bottom:18px;border:2px solid #dfe7ef;border-radius:14px}.print-report-header h2{font-size:1.15rem;margin:0 0 .35rem;color:#173b59}
@media(max-width:1199px){.construction-mega{position:static!important;width:100%!important}.main-crm-navbar .dropdown-menu{max-height:70vh;overflow:auto}.pipeline-column{width:280px;min-width:280px}}
@media print{
 .main-crm-navbar,.footer,.report-actions,.btn,.alert{display:none!important}
 body,main{background:#fff!important;padding:0!important;margin:0!important}
 .card{box-shadow:none!important;border:1px solid #bbb!important;break-inside:avoid}
 .table{font-size:9px}
 .print-report-header{display:block!important}
}

.executive-hero{background:linear-gradient(135deg,#073b67,#0067b8 58%,#08a8d7);color:#fff;border-radius:24px;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;gap:25px;box-shadow:0 18px 42px rgba(0,91,172,.2)}
.executive-hero h1{font-size:1.8rem;font-weight:850;margin:0 0 .4rem}.executive-hero p{margin:0;color:rgba(255,255,255,.82)}
.dashboard-domain-card{border:0;box-shadow:0 12px 34px rgba(15,23,42,.07);overflow:hidden}.dashboard-domain-card:before{content:"";display:block;height:5px}.crm-domain:before{background:linear-gradient(90deg,#005bac,#0caad9)}.construction-domain:before{background:linear-gradient(90deg,#f59e0b,#ef4444)}
.dashboard-domain-card h3{font-size:1.25rem;font-weight:850;color:#173b59}.dashboard-domain-card small,.dashboard-domain-card strong{display:block}.dashboard-domain-card small{color:#71869a;font-size:.72rem}.dashboard-domain-card strong{font-size:1rem;color:#203e57;margin-top:.2rem}
.domain-icon{width:58px;height:58px;border-radius:18px;background:#edf6ff;color:#005bac;display:grid;place-items:center;font-size:1.35rem}
.construction-domain .domain-icon{background:#fff6df;color:#d97706}
.form-section-title{font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#005bac}
@media(max-width:767px){.executive-hero{flex-direction:column;align-items:flex-start;padding:24px}.executive-hero h1{font-size:1.45rem}}

.notification-unread{background:#eef7ff;border-left:4px solid #0d6efd!important}