@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url('../fonts/montserrat-latin.woff2') format('woff2')}
:root{--orange:#f58a35;--orange-dark:#b9470d;--warm:rgba(245,138,53,.10)}
body,button,input,select,textarea{font-family:Montserrat,Arial,Helvetica,sans-serif}

/* Identitas visual */
.identity{height:auto;min-height:104px;gap:24px;padding-block:10px}
.public-brand{min-width:0;flex:1}
.public-logo{flex:0 0 58px;width:58px;height:62px;border-radius:0;background:transparent;overflow:hidden}
.public-logo img{display:block;width:100%;height:100%;object-fit:contain}
.public-logo>span{display:grid;place-items:center;width:50px;height:50px;border-radius:14px 14px 14px 4px;background:linear-gradient(145deg,rgba(255,156,82,.94),rgba(201,79,11,.94))}
.public-brand strong{font-weight:750}
.identity-tools{display:flex;align-items:center;justify-content:flex-end;gap:13px;flex:0 1 auto}
.admin-link{white-space:nowrap;background:#fff}

/* Ringkasan BMKG */
.environment-widget{position:relative;display:flex;align-items:stretch;gap:7px;padding-bottom:13px}
.environment-item{display:grid;grid-template-columns:27px auto;grid-template-rows:auto auto;column-gap:8px;min-width:132px;padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(245,138,53,.08));transition:border-color .2s ease,transform .2s ease}
.environment-item:hover{border-color:rgba(185,71,13,.35);transform:translateY(-1px)}
.environment-item .site-icon{grid-row:1/3;align-self:center;width:23px;height:23px;color:var(--orange-dark)}
.environment-item>span{display:flex;align-items:baseline;gap:6px;line-height:1}
.environment-item small{color:#788397;font-size:8px;font-weight:900;letter-spacing:.08em}
.environment-item strong{font-size:15px;color:#17263d}
.environment-item em{grid-column:2;color:#687386;font-size:8px;font-style:normal;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:95px}
.bmkg-credit{position:absolute;right:0;bottom:-1px;color:#7b8491;font-size:8px;font-weight:600}

/* Ikon kanal resmi */
.site-icon{width:19px;height:19px;flex:0 0 19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.site-icon .icon-fill{fill:currentColor;stroke:none}
.site-icon .icon-cut{fill:#fff;stroke:none}
.channel-link{display:flex!important;align-items:center;gap:8px;margin-top:5px}
.channel-link .site-icon{width:15px;height:15px;color:#ffad73}
.channel-link span{color:inherit}
.channel-links a{display:flex;align-items:center;gap:13px}
.channel-links a>.site-icon{width:23px;height:23px;color:var(--orange-dark)}
.channel-links a>span{display:block;min-width:0}
.social-channels{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:18px;padding:26px 30px;border:1px solid var(--line);border-radius:17px;background:#fff}
.social-channels h2{margin:6px 0 0;font-size:22px}
.social-link-list{display:flex;flex-wrap:wrap;gap:9px}
.social-link-list a{display:flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid var(--line);border-radius:11px;color:#344157;font-size:12px;font-weight:800}
.social-link-list .site-icon{color:var(--orange-dark)}

/* Palet oranye v1.4 */
.public-hero{background:linear-gradient(122deg,rgba(166,55,8,.97),rgba(221,94,18,.93) 52%,rgba(255,145,59,.88))}
.ppid,.contact-hero,.community-hero,.gallery-hero,.documents-hero,.ppid-heading,.request-heading{background:linear-gradient(122deg,rgba(158,49,5,.97),rgba(218,91,18,.93) 58%,rgba(247,133,49,.86))}
.news-cover,.welcome-panel,.login-brand-panel{background:linear-gradient(135deg,rgba(185,71,13,.96),rgba(245,138,53,.88))}
.primary-action{background:linear-gradient(135deg,#f47b20,#f69a50)}

/* Logo CMS dan formulir unggah */
.admin-logo{position:relative;overflow:hidden;background:rgba(255,255,255,.96);border-radius:10px}
.admin-logo img{display:block;width:100%;height:100%;padding:3px;object-fit:contain}
.admin-logo>span{display:none;width:100%;height:100%;place-items:center;background:linear-gradient(145deg,rgba(255,156,82,.94),rgba(201,79,11,.94))}
.admin-logo.large{height:70px;width:64px;border-radius:12px}
.brand-upload-grid{margin-top:2px}
.brand-upload{align-content:start;padding:16px;border:1px solid #e2e7ee;border-radius:13px;background:#f8fafc}
.brand-preview{display:grid;place-items:center;width:100%;height:120px;border:1px dashed #cad2dd;border-radius:11px;background:#fff}
.brand-preview img{display:block;max-width:130px;max-height:100px;object-fit:contain}
.brand-preview.favicon-preview img{width:64px;height:64px}
.brand-upload input[type=file]{padding:9px;background:#fff;font-size:12px}
.settings-card .remove-brand{display:flex;align-items:center;gap:8px;color:#6a7483;font-size:11px;font-weight:600}
.settings-card .remove-brand input{width:16px;height:16px;margin:0;accent-color:var(--orange)}

@media(max-width:1100px){
  .environment-item{min-width:95px}
  .environment-item em{display:none}
  .public-brand em{display:none}
}
@media(max-width:820px){
  .identity{flex-wrap:wrap;gap:8px 18px;padding-block:11px}
  .identity .public-brand{flex-basis:calc(100% - 115px)}
  .identity-tools{width:100%;justify-content:space-between}
  .environment-widget{order:2}
  .admin-link{order:1}
  .environment-item{min-width:118px}
  .social-channels{align-items:flex-start;flex-direction:column}
}
@media(max-width:600px){
  .identity{min-height:134px}
  .identity .public-brand{flex-basis:100%}
  .public-logo{flex-basis:47px;width:47px;height:52px}
  .identity-tools{gap:8px}
  .identity-tools .admin-link{display:block;padding:8px 10px;font-size:10px}
  .environment-widget{gap:5px;padding-bottom:11px}
  .environment-item{min-width:0;padding:7px 8px;grid-template-columns:20px auto;column-gap:6px}
  .environment-item .site-icon{width:18px;height:18px}
  .environment-item strong{font-size:13px}
  .bmkg-credit{font-size:7px}
  .social-channels{padding:22px}
}