/* MyAsset360 v2.2: tema cerah korporat, elektrik, air dan cahaya. System fonts: no external requests. */
:root{--ma-bg:#eef5fb;--ma-panel:#ffffff;--ma-line:#d4e3ef;--ma-cyan:#0878a5;--ma-gold:#986d21;--ma-text:#19354d;color-scheme:light}
body{font-family:'Segoe UI Variable','Segoe UI',Inter,Arial,sans-serif!important;background:radial-gradient(ellipse at 70% 0,#dceffc,transparent 58%),var(--ma-bg)!important;color:var(--ma-text)!important;letter-spacing:.01em}
h1,h2,h3{letter-spacing:-.025em}h1,h2{font-weight:700!important}
body .bg-white,body .bg-slate-50,body .bg-slate-100{background-color:var(--ma-panel)!important}
body .bg-slate-900{background-color:#e9f2fa!important}body .border-slate-200,body .border-slate-300{border-color:var(--ma-line)!important}
body .text-slate-800,body .text-slate-700,body .text-gray-800{color:#19354d!important}
body .text-slate-600,body .text-slate-500,body .text-slate-400{color:#526b80!important}
body .text-indigo-700,body .text-blue-700{color:#086da1!important}
body .bg-indigo-600,body .bg-blue-600{background:linear-gradient(120deg,#086a9d,#1247a0)!important;box-shadow:inset 0 0 0 1px #4bd8ff55,0 4px 18px #09b5ff18}
body input:not([type=checkbox]):not([type=radio]),body select,body textarea{background-color:#ffffff!important;color:#19354d!important;border-color:#bacfe0!important;font-family:inherit}
body input::placeholder,body textarea::placeholder{color:#61788b!important}
body button{font-family:inherit}body button:focus-visible,body a:focus-visible,body input:focus-visible,body textarea:focus-visible{outline:2px solid var(--ma-cyan);outline-offset:3px}
body thead{background:#e6f2fc!important;color:#294b67}body td,body th{border-color:#d6e4ef!important}body tbody tr:hover{background:#eff7fd!important}
#nav-sidebar{background:linear-gradient(165deg,#ffffff,#eaf4fb)!important;border-right:1px solid #cbdfea!important}#nav-sidebar h1{color:var(--ma-gold)}
.maya-toggle{position:fixed;right:22px;bottom:20px;z-index:1300;display:flex;align-items:center;gap:10px;padding:10px 18px;border:1px solid #0878a5;border-radius:40px;color:#ffffff;background:#12649b;box-shadow:0 0 26px #1689b82b;cursor:pointer}
.maya-toggle img{width:38px;height:38px;object-fit:cover;object-position:50% 20%;border-radius:50%}
.maya-panel{position:fixed;right:18px;top:80px;bottom:86px;width:345px;z-index:1299;background:linear-gradient(155deg,#ffffff,#eef7fd);border:1px solid #b8d9ec;border-radius:20px;box-shadow:0 16px 60px #244b7429;display:flex;flex-direction:column;overflow:hidden;color:#19354d}
.maya-panel[hidden]{display:none}.maya-head{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d3e4ef}.maya-head b{font-size:22px;letter-spacing:.12em;color:#8b641d}.maya-head button{background:transparent;color:#294b67;border:0;font-size:23px;cursor:pointer}
.maya-portrait{height:160px;width:100%;object-fit:cover;object-position:50% 25%;border-bottom:1px solid #c9deec}.maya-caption{padding:8px 16px;color:#526c81;font-size:11px}.maya-messages{flex:1;overflow:auto;padding:12px 16px;min-height:80px}.maya-msg{white-space:pre-wrap;font-size:13px;line-height:1.7;padding:10px 12px;background:#f1f6fb;border:1px solid #d3e1ed;border-radius:12px;margin-bottom:10px;overflow-wrap:anywhere}.maya-msg.user{background:#dceefa}.maya-form{padding:12px;display:flex;gap:6px;border-top:1px solid #d3e4ef}.maya-form input{min-width:0;flex:1;border:1px solid #b5cede;border-radius:10px;padding:10px}.maya-form button,.maya-shortcuts button{background:#166c9e;color:white;border:1px solid #166c9e;border-radius:8px;padding:8px;cursor:pointer}.maya-shortcuts{display:flex;gap:6px;padding:0 12px;flex-wrap:wrap;font-size:11px}.maya-shortcuts button{font-size:11px}
.maya-hub{padding:24px;background:linear-gradient(110deg,#edf7ff,#fff8e9);border:1px solid #d3e3ef;border-radius:18px;margin-bottom:20px}.maya-hub h2{font-size:24px;color:#8b641d}.maya-hub p{margin:8px 0;color:#425f78}.maya-hub a{color:#086d9e}
.asset-marker-logo{filter:drop-shadow(0 0 5px #1689b8);animation:ma-float 3s ease-in-out infinite}.pulse-land,.pulse-building,.pulse-movable{border-color:#1689b8!important}.leaflet-popup-content-wrapper{background:#ffffff;color:#19354d}.leaflet-popup-tip{background:#ffffff}
@keyframes ma-float{50%{transform:translateY(-4px)}}
@media(min-width:1500px){body:has(.maya-panel:not([hidden])) .sidebar-layout{margin-right:380px}.maya-panel{bottom:20px}.maya-toggle{bottom:24px;right:390px}}
@media(max-width:600px){.maya-panel{width:calc(100% - 20px);right:10px;top:65px;bottom:85px}.maya-portrait{height:120px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{.maya-panel,.maya-toggle,.maya-hub{display:none!important}body,body .bg-white,body .bg-slate-100{background:white!important;color:black!important}.sidebar-layout{margin-right:0!important}body td,body th,body .text-slate-800{color:black!important}}
body td,body input[type=number],.maya-msg{font-variant-numeric:tabular-nums lining-nums}body input[type=number]{letter-spacing:.02em}

/* Sidebar and legacy dark cards use light surfaces with explicit ink. */
body .bg-slate-900,body .bg-slate-800{background-color:#e8f1f8!important;color:#23445f!important}
body .bg-slate-900 .text-white,body .bg-slate-800 .text-white{color:#23445f!important}
#nav-sidebar{color:#23445f!important;box-shadow:4px 0 24px #194f7d08}
#nav-sidebar a:not(.bg-indigo-600),#nav-sidebar .text-white,#nav-sidebar .text-slate-300,#nav-sidebar .text-slate-400,#nav-sidebar .text-slate-500{color:#425e75!important}
#nav-sidebar a:not(.bg-indigo-600):hover{background:#dceefa!important;color:#075c8d!important}
#nav-sidebar a.bg-indigo-600,#nav-sidebar a.bg-indigo-600 *{color:white!important}
#nav-sidebar .bg-indigo-600 i{color:white!important}
#nav-sidebar .border-slate-800{border-color:#d0e1ee!important}
#nav-sidebar h1{color:#116799}
body .text-slate-300{color:#526b80!important}
body thead th{background:#e6f2fc!important;color:#294b67!important}
body .bg-amber-50,body .bg-yellow-50{background-color:#fff8e8!important;color:#70541c}
body .maya-head{background:linear-gradient(110deg,#e7f4ff,#fff8e9)}
body .maya-head b{color:#146492}.maya-head button:hover{background:#dceefa;border-radius:6px}
body .maya-msg{color:#23445f}.maya-msg.user{border-color:#b7d7ed}
body .maya-hub a{color:#086d9e!important}
body .maya-panel{box-shadow:0 14px 45px #244b7429}
body .maya-form button:disabled{opacity:.55;cursor:wait}
@media print{body .bg-slate-900,body .bg-slate-800,body thead th{background:white!important;color:black!important}}

body a[style*="color:#65dfff"]{color:#086d9e!important}

/* MAYA: room for conversation, dedicated arrows and subtle motion. */
.maya-head,.maya-caption,.maya-shortcuts,.maya-form,.maya-portrait{flex-shrink:0}
.maya-chat{display:flex;flex:1;min-height:100px;overflow:hidden}
.maya-chat .maya-messages{position:relative;flex:1;min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8eb9d4 #eef6fc;scroll-padding:12px}
.maya-scroll-controls{width:36px;display:flex;flex-direction:column;justify-content:space-between;padding:10px 4px;border-left:1px solid #d4e3ef;background:#edf5fb;flex-shrink:0}
.maya-scroll-controls button{width:28px;height:32px;border:1px solid #b8d2e5;border-radius:8px;background:white;color:#176591;font-size:20px;cursor:pointer}
.maya-scroll-controls button:hover{background:#dceefa}.maya-scroll-controls button:disabled{opacity:.35;cursor:default}
.maya-portrait{animation:maya-breathe 8s ease-in-out infinite;transform-origin:center;max-height:24vh}
.maya-panel:not([hidden]){animation:maya-enter .25s ease-out}
.maya-thinking{padding:6px 14px;font-size:12px;color:#425f78;flex-shrink:0}
.maya-thinking[hidden]{display:none}.maya-thinking span{display:inline-block;animation:maya-dots 1s ease-in-out infinite}
.maya-panel.is-busy .maya-head b{animation:maya-dots 1s ease-in-out infinite}
@keyframes maya-breathe{50%{transform:scale(1.025);filter:brightness(1.04)}}
@keyframes maya-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes maya-dots{50%{opacity:.45}}
@media(max-height:700px){.maya-panel{top:12px;bottom:76px}.maya-portrait{height:80px}.maya-head{padding:8px 14px}.maya-caption{padding:5px 12px}.maya-form{padding:8px}.maya-chat{min-height:80px}}
@media(prefers-reduced-motion:reduce){.maya-portrait,.maya-panel:not([hidden]),.maya-thinking span,.maya-panel.is-busy .maya-head b{animation:none!important}}

/* Compact selection totals, matching the supplied reference. */
.asset-selection-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:11px 14px;border:1px solid #c8d5f4;border-radius:8px;background:#f4f7ff;color:#304a68;font-size:12px;line-height:1.7}
.asset-summary-category{color:#4338b6;display:inline-flex;align-items:center;gap:5px}
.asset-summary-category strong{font-size:12px;letter-spacing:.025em}
.asset-summary-item{display:inline-flex;align-items:baseline;gap:5px;flex-wrap:wrap;max-width:100%}
.asset-summary-item strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:#19354d}
.asset-summary-value strong{color:#007467}.asset-summary-tax strong{color:#99520b}.asset-summary-insurance strong{color:#a12c65}
@media(max-width:600px){.asset-selection-summary{gap:8px 12px;padding:10px}.asset-summary-category{flex-basis:100%}}
@media print{.asset-selection-summary{background:white!important;border-color:#9ca3af}.asset-selection-summary *{color:black!important}}
/* Bright property dashboard: subtle depth without reducing text contrast. */
:root{--ma-bg:#edf5fc;--ma-panel:#fff;--ma-line:#ccdfef}
body{background:radial-gradient(ellipse at 85% 5%,#d9f0ff,transparent 45%),radial-gradient(ellipse at 15% 70%,#fff4dc,transparent 50%),#edf5fc!important}
.sidebar-layout>main>header{background:linear-gradient(115deg,#fff,#f2faff)!important;box-shadow:0 3px 14px #2b65900d}
body .bg-white.rounded-2xl{border:1px solid #ccdfef!important;box-shadow:0 8px 20px #295d8810,0 2px 1px #fff inset,0 3px 0 #c8ddeb70;background:linear-gradient(135deg,#fff,#fbfdff)!important}
body .bg-white.rounded-2xl h2{color:#204f75}
body .bg-indigo-600,body .bg-blue-600{background:linear-gradient(135deg,#168ec9,#2252a0)!important;border:1px solid #2473b2;box-shadow:0 4px 0 #144b83,0 7px 14px #1b6c9d22,inset 0 1px 0 #ffffff55;transition:box-shadow .16s,transform .16s}
body button.bg-indigo-600:active,body button.bg-blue-600:active{transform:translateY(2px);box-shadow:0 2px 0 #144b83}
#nav-sidebar{background:linear-gradient(150deg,#fff,#eaf5ff)!important;box-shadow:5px 0 22px #295d8810}
#nav-sidebar a{border-radius:12px}.maya-head{box-shadow:0 3px 8px #23649712}
.property-map-icon{border:0;background:none;filter:drop-shadow(0 4px 4px #143b5d35)}
.property-map-icon img{display:block;transition:transform .2s;transform-origin:50% 90%}.property-map-icon:hover img{transform:translateY(-3px) scale(1.08)}
.property-map-legend{display:flex;flex-wrap:wrap;gap:4px 10px;max-width:min(360px,65vw);padding:7px 9px;background:#ffffffed;color:#214966;border:1px solid #c6ddec;border-radius:10px;box-shadow:0 4px 12px #244b7420;font:11px/1.3 'Segoe UI',Arial,sans-serif}
.property-map-legend span{display:inline-flex;align-items:center;gap:4px}.property-map-legend img{width:18px;height:22px}
.pulse-land{border-color:#14966c!important}.pulse-building{border-color:#147dd3!important}.pulse-movable{border-color:#d77a11!important}.pulse-rent{border-color:#8054cd!important}.pulse-lease{border-color:#148e98!important}.pulse-sale{border-color:#cc496d!important}
@media(prefers-reduced-motion:reduce){.property-map-icon img{transition:none}.property-map-icon:hover img{transform:none}}
@media print{body .bg-white.rounded-2xl{background:white!important;box-shadow:none!important}.property-map-legend{box-shadow:none}}

/* Supplied MAYA portrait: keep the full face visible at a compact size. */
.maya-panel .maya-portrait{height:124px;max-height:22vh;object-fit:contain;object-position:center;background:linear-gradient(120deg,#e5f4ff,#fff);padding:5px;box-sizing:border-box}
.maya-toggle img{object-position:50% 28%}
@media(max-height:700px){.maya-panel .maya-portrait{height:80px}}

/* Readable valuation records, including cells inheriting the old dark theme. */
#jadual-assets,#jadual-sampah{background:#fff;color:#23445f}
#jadual-assets tbody td,#jadual-sampah tbody td{color:#23445f!important;font-size:12px}
#jadual-assets tbody tr:nth-child(even),#jadual-sampah tbody tr:nth-child(even){background:#f0f6fb}
#jadual-assets thead th,#jadual-sampah thead th{background:#e4eff8!important;color:#234966!important}
#jadual-assets td a,#jadual-sampah td a{color:#176594}
#jadual-assets td .text-white,#jadual-sampah td .text-white{color:#fff!important}
.property-map-icon{width:28px!important;height:34px!important}
.property-map-icon img{width:28px!important;height:34px!important;max-width:28px!important;max-height:34px!important}

/* Tema JKP: biru ungu gelap dan kuning; panel kandungan lembut. */
:root{--ma-bg:#170b30;--ma-panel:#f1f0f6;--ma-line:#d1cbdf;--ma-cyan:#35105e;--ma-gold:#ffff00;--ma-text:#29163e}
body{background:linear-gradient(135deg,#170b30,#280841)!important}
.sidebar-layout>main>header{background:#e9e5f1!important;border-bottom:3px solid #d6d600}
body .bg-white.rounded-2xl{background:linear-gradient(135deg,#f5f3f9,#eae6f1)!important;border-color:#d1cbdf!important;box-shadow:0 8px 20px #10051e26}
#nav-sidebar{background:linear-gradient(165deg,#280841,#19082d)!important;color:#f6f2ff!important;border-right:1px solid #5c3878!important}
#nav-sidebar h1{color:#ffff00!important}
#nav-sidebar a:not(.bg-indigo-600),#nav-sidebar .text-white,#nav-sidebar .text-slate-300,#nav-sidebar .text-slate-400,#nav-sidebar .text-slate-500{color:#e5d9f3!important}
#nav-sidebar a:not(.bg-indigo-600):hover{background:#44205f!important;color:#ffff00!important}
#nav-sidebar .border-slate-800{border-color:#4c2c64!important}
body .bg-indigo-600,body .bg-blue-600{background:linear-gradient(135deg,#42126a,#280841)!important;color:#fff!important;border-color:#694383;box-shadow:0 3px 0 #19062b,0 5px 12px #21083325}
#nav-sidebar a.bg-indigo-600{border-left:3px solid #ffff00!important}
body .text-indigo-700,body .text-blue-700,body .maya-hub a{color:#4b2375!important}
body .maya-head{background:#280841;color:#fff;border-bottom:2px solid #e5e500}
body .maya-head b{color:#ffff00}.maya-head button{color:#fff}
.maya-toggle{background:#280841;color:#ffff00;border-color:#dada00;box-shadow:0 8px 24px #170b3050}
.maya-panel{background:#f1eef7;border-color:#8a729d;color:#29163e}
.maya-hub{background:linear-gradient(110deg,#e8e1f1,#f2f0de);border-color:#d1cbdf}.maya-hub h2{color:#35105e}
.maya-form button,.maya-shortcuts button{background:#35105e;border-color:#35105e;color:#fff}
@media print{body,#nav-sidebar,.sidebar-layout>main>header,body .bg-white.rounded-2xl{background:#fff!important;color:#000!important;box-shadow:none!important}}

/* Pelarasan diluluskan: latar lebih cerah, kuning logo kekal. */
body{background:linear-gradient(135deg,#41336a,#51457d)!important}
body .bg-white.rounded-2xl{animation:jkp-soft-light 6s ease-in-out infinite}
@keyframes jkp-soft-light{0%,100%{box-shadow:0 5px 20px #230d4220,0 0 5px #b5a5f022}50%{box-shadow:0 5px 20px #230d4220,0 0 16px #b5a5f04a}}
@media(prefers-reduced-motion:reduce){body .bg-white.rounded-2xl{animation:none!important}}
