/* ============================================================
   JELAJAH NTT | live-portal.css
   Kelompok: pages | Edit styling modul ini di sini.
   Pertahankan urutan pemuatan CSS dari index.html.
   ============================================================ */
.brand .brand-icon{background:transparent!important;border:0!important;width:42px;height:50px;flex-shrink:0;padding:0}.brand-icon img{width:100%;height:100%;object-fit:contain}.landing-live-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:24px;align-items:start;margin:24px 0 48px}.live-chart,.landing-suggestion{min-width:0;padding:28px!important;border:1px solid #dce6df;border-radius:22px!important;background:#fff!important}.live-title{display:flex;justify-content:space-between;gap:16px;align-items:start}.live-title h2,.landing-suggestion h2{font-size:clamp(22px,2.3vw,30px);line-height:1.2;margin:8px 0 12px}.live-title p,.landing-suggestion>p{color:#56665d;font-size:14px}.live-badge{white-space:nowrap;font-size:10px;border-radius:20px;padding:7px 10px;color:#24503c;background:#ecf4ed}.live-filter{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:10px;margin:22px 0 16px}.live-filter .btn{grid-column:1/-1;justify-self:start}.live-filter .field,.landing-suggestion .field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;min-width:0}.live-filter input,.live-filter select,.landing-suggestion input:not([type=checkbox]),.landing-suggestion select,.landing-suggestion textarea{box-sizing:border-box;width:100%;min-width:0;font:inherit;padding:11px;border:1px solid #d2ded5;border-radius:10px;background:#fcfdfb;color:#243a2c}.live-explanation,.live-foot{font-size:12px;color:#657267;line-height:1.6}.live-summary{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid #e5ebe5;margin-top:20px}.live-summary span,.live-summary p{font-size:12px;color:#52665a}.live-summary strong{display:block;font-size:32px;color:#234c39}.live-summary strong small{font-size:12px;font-weight:400}.live-summary p{text-align:right}.live-bars{list-style:none;padding:0!important;margin:10px 0}.live-bars li{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 40px;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #eef1ec}.live-bars a{display:flex;gap:10px;align-items:center;font-size:12px;text-decoration:none;min-width:0;line-height:1.35}.live-bars small{display:block;font-size:10px;color:#758378;margin-top:3px}.live-rank{color:#a37e4e;font-size:11px}.live-track{height:9px;border-radius:20px;background:#eef3ed;overflow:hidden}.live-track span{display:block;height:100%;background:linear-gradient(90deg,#b3965e,#326447);border-radius:20px}.live-bars strong{font-size:12px;text-align:right}.live-empty{padding:14px;background:#f7f4ed;border-radius:12px;font-size:13px;line-height:1.5}.landing-suggestion{background:#f5f7ef!important}.landing-suggestion form{display:grid;gap:14px;margin-top:20px}.suggestion-consent{display:flex;align-items:start;gap:8px;font-size:12px;line-height:1.6}.suggestion-consent input{margin-top:4px;width:16px;height:16px;flex-shrink:0}.suggestion-trap{display:none}.landing-suggestion form>small,.suggestion-status{font-size:12px;color:#536355;line-height:1.6}.suggestion-status:not(:empty){padding:12px;background:#e3eddf;border-radius:9px}.tourism-references{display:flex;align-items:center;gap:25px;padding:23px 0;border-bottom:1px solid #d9e2d8;margin-top:28px}.tourism-references>div{flex:1;min-width:0}.tourism-references strong{display:block;margin:7px 0;font-size:19px}.tourism-references small{display:block;max-width:430px;font-size:11px;color:#617062;line-height:1.5}.tourism-references>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-decoration:none;text-align:center;font-size:10px;max-width:130px}.tourism-references img{width:105px;height:50px;object-fit:contain}.tourism-references>a:first-of-type img{width:38px}.suggestion-inbox{display:grid;gap:20px}.suggestion-review{display:grid;gap:12px}.suggestion-meta{display:flex;justify-content:space-between;gap:12px;font-size:12px}.suggestion-text{white-space:pre-wrap;overflow-wrap:anywhere}.audit-detail{max-width:340px;overflow-wrap:anywhere}.live-error{color:#94472f}.backend-form-status{font-size:13px}.workspace-form input,.workspace-form textarea{max-width:100%;box-sizing:border-box}.suggestion-review .field{display:grid;gap:7px}.suggestion-review textarea,.suggestion-review select{width:100%;box-sizing:border-box;padding:12px;border:1px solid #d3ded4;border-radius:9px;font:inherit}
@media(max-width:1000px){.landing-live-grid{grid-template-columns:1fr}.tourism-references{flex-wrap:wrap}.tourism-references>div{flex-basis:100%}.tourism-references>a{flex:1;max-width:none}.landing-suggestion form{grid-template-columns:1fr 1fr}.landing-suggestion form>*:nth-child(n+3){grid-column:1/-1}}
@media(max-width:520px){.live-chart,.landing-suggestion{padding:19px!important}.live-title{display:block}.live-badge{display:inline-block;margin-top:5px}.live-filter{grid-template-columns:1fr 1fr}.live-filter .field:first-child{grid-column:1/-1}.live-bars li{grid-template-columns:minmax(0,1.6fr) minmax(0,.7fr) 32px;gap:8px}.live-summary{display:block}.live-summary p{text-align:left}.tourism-references{gap:12px}.tourism-references img{width:85px}.landing-suggestion form{grid-template-columns:1fr}.landing-suggestion form>*{grid-column:1!important}.suggestion-meta{display:block}.workspace-heading h1{overflow-wrap:anywhere}.brand .brand-icon{width:32px;height:39px}}
