/* v73 theme selector */
.theme-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:8px 0 18px}
.theme-choice{position:relative;display:flex;flex-direction:column;gap:5px;padding:15px;border:2px solid rgba(6,95,70,.12);border-radius:15px;background:rgba(255,255,255,.38);cursor:pointer;transition:.18s ease}
.theme-choice:hover{transform:translateY(-2px)}
.theme-choice input{position:absolute;right:13px;top:13px;width:17px;height:17px}
.theme-choice:has(input:checked){border-color:var(--theme-accent,#08775a);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent,#08775a) 12%,transparent)}
.theme-choice strong{font-size:14px}.theme-choice small{font-size:9px;opacity:.72}
.theme-swatch{display:flex;width:82px;height:28px;overflow:hidden;border-radius:8px;margin-bottom:5px}
.theme-swatch i{flex:1}.theme-choice.green .theme-swatch i:nth-child(1){background:#064e3b}.theme-choice.green .theme-swatch i:nth-child(2){background:#08775a}.theme-choice.green .theme-swatch i:nth-child(3){background:#34d399}
.theme-choice.red .theme-swatch i:nth-child(1){background:#641e24}.theme-choice.red .theme-swatch i:nth-child(2){background:#8f2932}.theme-choice.red .theme-swatch i:nth-child(3){background:#c34a54}
.theme-choice.brown .theme-swatch i:nth-child(1){background:#4d3428}.theme-choice.brown .theme-swatch i:nth-child(2){background:#795548}.theme-choice.brown .theme-swatch i:nth-child(3){background:#a47a67}
.theme-note{padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.32);font-size:10px;margin-bottom:14px}
.theme-preview-box{padding:16px;border-radius:16px;min-height:190px}.theme-preview-hijau{background:linear-gradient(145deg,#064e3b,#08775a)}.theme-preview-merah{background:linear-gradient(145deg,#641e24,#9c3039)}.theme-preview-coklat{background:linear-gradient(145deg,#4d3428,#795548)}
.theme-preview-head{display:flex;justify-content:space-between;color:#fff;font-size:11px}.theme-preview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.theme-preview-cards i{height:55px;border-radius:9px;background:rgba(255,255,255,.18)}.theme-preview-line{height:34px;border-radius:9px;background:rgba(255,255,255,.12)}

/* theme variables */
.theme-hijau{--theme-dark:#064e3b;--theme-main:#08775a;--theme-accent:#34d399}
.theme-merah{--theme-dark:#641e24;--theme-main:#8f2932;--theme-accent:#c34a54}
.theme-coklat{--theme-dark:#4d3428;--theme-main:#795548;--theme-accent:#a47a67}

/* global surfaces that should follow selected theme */
.theme-merah .sidebar,.theme-merah .public-header,.theme-merah .public-footer{background:linear-gradient(160deg,#641e24,#8f2932)!important}
.theme-coklat .sidebar,.theme-coklat .public-header,.theme-coklat .public-footer{background:linear-gradient(160deg,#4d3428,#795548)!important}
.theme-merah .btn.primary,.theme-merah .v65-submit{background:linear-gradient(135deg,#641e24,#a63843)!important}
.theme-coklat .btn.primary,.theme-coklat .v65-submit{background:linear-gradient(135deg,#4d3428,#8b6555)!important}
.theme-merah.v65-login{background:linear-gradient(135deg,#46161b,#76242c,#9c3039)!important}
.theme-coklat.v65-login{background:linear-gradient(135deg,#35231b,#5d4037,#795548)!important}
.theme-merah .v65-screen{background:linear-gradient(180deg,#a13a43,#842832,#641e24)!important}
.theme-coklat .v65-screen{background:linear-gradient(180deg,#8d6757,#6d4c41,#4d3428)!important}
.theme-merah .dash55-metric,.theme-merah .dash55-chart-card,.theme-merah .dash55-summary-card,.theme-merah .dash55-table-card{background:linear-gradient(145deg,#8f2932,#641e24)!important}
.theme-coklat .dash55-metric,.theme-coklat .dash55-chart-card,.theme-coklat .dash55-summary-card,.theme-coklat .dash55-table-card{background:linear-gradient(145deg,#795548,#4d3428)!important}

@media(max-width:760px){.theme-choice-grid{grid-template-columns:1fr!important}}