/* Component Jadwal Sidang - Premium Frontend v1.0.4 */
.jsidang-premium-wrap{width:100%;max-width:100%;box-sizing:border-box;color:#172033;font-family:inherit}.jsidang-premium-wrap *{box-sizing:border-box}.jsidang-premium-hero{position:relative;overflow:hidden;display:flex;align-items:stretch;justify-content:space-between;gap:22px;margin:0 0 22px;padding:28px;border-radius:24px;background:linear-gradient(135deg,#75170e 0%,#a63a16 48%,#d69b3f 100%);box-shadow:0 22px 45px rgba(82,25,10,.18);color:#fff}.jsidang-premium-hero:before{content:"";position:absolute;inset:-50px -80px auto auto;width:310px;height:310px;border-radius:999px;background:rgba(255,255,255,.11)}.jsidang-premium-hero:after{content:"";position:absolute;left:-70px;bottom:-130px;width:280px;height:280px;border-radius:999px;background:rgba(255,255,255,.08)}.jsidang-hero-content,.jsidang-hero-stats{position:relative;z-index:1}.jsidang-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:11px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.24);font-size:12px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#fff}.jsidang-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:#f8d98c;box-shadow:0 0 0 4px rgba(248,217,140,.2)}.jsidang-hero-content h1{margin:0!important;color:#fff!important;font-size:36px!important;line-height:1.12!important;font-weight:900!important;letter-spacing:-.03em}.jsidang-hero-content p{max-width:620px;margin:10px 0 0!important;color:rgba(255,255,255,.86)!important;font-size:14px!important;line-height:1.65!important}.jsidang-hero-stats{display:grid;grid-template-columns:repeat(3,112px);gap:10px;align-content:center}.jsidang-stat-card{padding:16px 12px;border-radius:19px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.18);text-align:center;backdrop-filter:blur(4px)}.jsidang-stat-card span{display:block;color:#fff;font-size:27px;font-weight:900;line-height:1}.jsidang-stat-card small{display:block;margin-top:7px;color:rgba(255,255,255,.82);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.jsidang-filter-panel{margin:0 0 24px;padding:18px;border-radius:22px;background:#fff;border:1px solid rgba(148,163,184,.22);box-shadow:0 16px 38px rgba(15,23,42,.07)}.jsidang-filter-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;padding-bottom:13px;border-bottom:1px solid rgba(148,163,184,.18)}.jsidang-filter-title strong{display:block;color:#172033;font-size:16px;font-weight:900}.jsidang-filter-title span{display:block;margin-top:3px;color:#64748b;font-size:12px}.jsidang-reset{display:inline-flex;align-items:center;justify-content:center;padding:8px 13px;border-radius:999px;background:#fff7ed;color:#9a3412!important;border:1px solid rgba(194,65,12,.16);font-size:12px;font-weight:850;text-decoration:none!important}.jsidang-reset:hover{background:#ffedd5;color:#7c2d12!important}.jsidang-filter-grid{display:grid;grid-template-columns:minmax(220px,2.3fr) minmax(155px,1fr) minmax(140px,.85fr) minmax(150px,.9fr) auto;gap:12px;align-items:end}.jsidang-field label{display:block;margin:0 0 7px;color:#526174;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.045em}.jsidang-field input,.jsidang-field select{width:100%!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 13px!important;border-radius:14px!important;border:1px solid #d9e2ee!important;background:#f9fbfd!important;color:#172033!important;box-shadow:none!important;font-size:13px!important;line-height:44px!important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.jsidang-field input:focus,.jsidang-field select:focus{outline:0!important;border-color:#c2672d!important;background:#fff!important;box-shadow:0 0 0 4px rgba(194,103,45,.12)!important}.jsidang-field-search input{font-size:14px!important}.jsidang-filter-submit button{width:112px;height:44px;border:0;border-radius:14px;background:linear-gradient(135deg,#8a1f13,#c45c1c);color:#fff;font-weight:900;font-size:13px;box-shadow:0 12px 22px rgba(138,31,19,.20);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.jsidang-filter-submit button:hover{transform:translateY(-1px);box-shadow:0 15px 25px rgba(138,31,19,.25)}.jsidang-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:4px 0 14px}.jsidang-section-head span{display:block;color:#9a3412;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.jsidang-section-head h2{margin:3px 0 0!important;color:#172033!important;font-size:22px!important;font-weight:900!important;letter-spacing:-.02em}.jsidang-mini-summary{padding:8px 12px;border-radius:999px;background:#f8fafc;border:1px solid rgba(148,163,184,.18);color:#64748b;font-size:12px}.jsidang-mini-summary b{color:#172033}.jsidang-card-list{display:grid;grid-template-columns:1fr;gap:16px}.jsidang-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:0;padding:0!important;border-radius:24px!important;background:#fff!important;border:1px solid rgba(148,163,184,.23)!important;box-shadow:0 16px 36px rgba(15,23,42,.07)!important;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.jsidang-card:hover{transform:translateY(-2px);box-shadow:0 24px 45px rgba(15,23,42,.1)!important;border-color:rgba(194,103,45,.28)!important}.jsidang-date-box{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;padding:16px 10px;background:linear-gradient(180deg,#fff7ed,#fff);border-right:1px solid rgba(194,103,45,.14);text-align:center}.jsidang-date-box strong{display:block;color:#8a1f13;font-size:34px;font-weight:950;line-height:1}.jsidang-date-box span{display:block;margin-top:4px;color:#9a3412;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.jsidang-date-box small{display:block;margin-top:2px;color:#64748b;font-size:12px;font-weight:800}.jsidang-card-main{padding:18px 20px}.jsidang-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.jsidang-card-top h3{margin:0!important;color:#111827!important;font-size:20px!important;line-height:1.25!important;font-weight:950!important;letter-spacing:-.025em}.jsidang-card-top p{margin:5px 0 0!important;color:#64748b!important;font-size:13px!important;line-height:1.45!important}.jsidang-badge-group{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:190px}.jsidang-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:950;line-height:1;text-transform:uppercase;letter-spacing:.035em}.jsidang-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.jsidang-badge.is-perdata{background:#eff6ff;color:#1d4ed8}.jsidang-badge.is-pidana{background:#fff7ed;color:#c2410c}.jsidang-badge.is-open{background:#ecfdf5;color:#047857}.jsidang-badge.is-closed{background:#fef2f2;color:#b91c1c}.jsidang-info-row{display:grid;grid-template-columns:150px minmax(180px,1fr) 150px;gap:10px;margin:15px 0 12px}.jsidang-info-row>div{padding:12px 13px;border-radius:16px;background:#f8fafc;border:1px solid rgba(148,163,184,.17)}.jsidang-info-row span,.jsidang-agenda-box span,.jsidang-parties span{display:block;margin-bottom:5px;color:#64748b;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.055em}.jsidang-info-row strong{display:block;color:#172033;font-size:14px;font-weight:900;line-height:1.35}.jsidang-agenda-box{position:relative;padding:14px 16px 14px 18px;margin-bottom:12px;border-radius:18px;background:linear-gradient(135deg,#fff7ed 0%,#fff 100%);border:1px solid rgba(217,119,6,.17)}.jsidang-agenda-box:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 999px 999px 0;background:#c45c1c}.jsidang-agenda-box p{margin:0!important;color:#263345!important;font-size:14px!important;font-weight:850!important;line-height:1.55!important;text-transform:none}.jsidang-parties{display:grid;grid-template-columns:1fr 1fr;gap:10px}.jsidang-parties>div{padding:12px 14px;border-radius:17px;background:#fbfdff;border:1px solid rgba(148,163,184,.17)}.jsidang-parties p{margin:0!important;color:#334155!important;font-size:13px!important;line-height:1.55!important}.jsidang-card-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:15px;padding-top:14px;border-top:1px solid rgba(148,163,184,.16)}.jsidang-note{color:#64748b;font-size:12px}.jsidang-postponed{display:inline-flex;max-width:65%;padding:7px 11px;border-radius:999px;background:#fef2f2;color:#b91c1c;font-size:12px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jsidang-detail-btn{display:inline-flex;align-items:center;justify-content:center;min-width:128px;min-height:40px;padding:9px 16px;border:0;border-radius:999px;background:#172033;color:#fff;font-size:13px;font-weight:900;cursor:pointer;box-shadow:0 12px 22px rgba(23,32,51,.17);transition:background .18s ease,transform .18s ease}.jsidang-detail-btn:hover{background:#8a1f13;transform:translateY(-1px)}.jsidang-empty-state{padding:34px 20px;border-radius:24px;background:#fff;border:1px dashed #cbd5e1;text-align:center;box-shadow:0 14px 30px rgba(15,23,42,.05)}.jsidang-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin-bottom:12px;border-radius:999px;background:#fff7ed;color:#9a3412;font-weight:950}.jsidang-empty-state strong{display:block;color:#172033;font-size:18px;font-weight:950}.jsidang-empty-state p{margin:7px 0 0;color:#64748b}.jsidang-pagination{margin-top:22px;padding:16px;border-radius:20px;background:#fff;border:1px solid rgba(148,163,184,.18);text-align:center;box-shadow:0 14px 30px rgba(15,23,42,.05)}.jsidang-pagination .pagination{margin:0!important}.jsidang-counter{margin-top:9px;color:#64748b;font-size:12px;font-weight:700}.jsidang-modal .modal-dialog{max-width:900px}.jsidang-modal .modal-content{border:0!important;border-radius:24px!important;overflow:hidden!important;box-shadow:0 30px 80px rgba(15,23,42,.35)!important}.jsidang-modal .modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 24px!important;border:0!important;background:linear-gradient(135deg,#75170e,#c45c1c)!important;color:#fff!important}.jsidang-modal .modal-header span{display:inline-flex;margin-bottom:7px;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.14);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.jsidang-modal .modal-title{margin:0!important;color:#fff!important;font-size:22px!important;font-weight:950!important}.jsidang-modal .modal-header p{margin:5px 0 0!important;color:rgba(255,255,255,.84)!important}.jsidang-modal .close{color:#fff!important;opacity:.95!important;text-shadow:none!important}.jsidang-modal .modal-body{padding:20px!important;background:#f8fafc!important}.jsidang-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:11px}.jsidang-detail-grid>div,.jsidang-detail-section{padding:14px;border-radius:18px;background:#fff;border:1px solid rgba(148,163,184,.18);box-shadow:0 8px 18px rgba(15,23,42,.035)}.jsidang-detail-grid span{display:block;margin-bottom:5px;color:#64748b;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.055em}.jsidang-detail-grid strong{display:block;color:#172033;font-size:14px;font-weight:900;line-height:1.35}.jsidang-detail-section.is-agenda{border-color:rgba(194,92,28,.2);background:#fffaf3}.jsidang-detail-section h4{margin:0 0 8px!important;color:#8a1f13!important;font-size:12px!important;font-weight:950!important;text-transform:uppercase;letter-spacing:.05em}.jsidang-detail-section p{margin:0!important;color:#334155!important;font-size:13px!important;line-height:1.65!important}.jsidang-detail-two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}@media(max-width:980px){.jsidang-premium-hero{display:block}.jsidang-hero-stats{grid-template-columns:repeat(3,1fr);margin-top:18px}.jsidang-filter-grid{grid-template-columns:1fr 1fr}.jsidang-field-search{grid-column:1/-1}.jsidang-filter-submit button{width:100%}.jsidang-info-row{grid-template-columns:1fr 1fr}.jsidang-info-row>div:nth-child(3){grid-column:1/-1}.jsidang-detail-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.jsidang-premium-hero{padding:22px;border-radius:21px}.jsidang-hero-content h1{font-size:30px!important}.jsidang-hero-stats{grid-template-columns:1fr}.jsidang-filter-title,.jsidang-section-head,.jsidang-card-top,.jsidang-card-actions{display:block}.jsidang-reset{margin-top:10px}.jsidang-filter-grid,.jsidang-info-row,.jsidang-parties,.jsidang-detail-grid,.jsidang-detail-two{grid-template-columns:1fr}.jsidang-card{grid-template-columns:1fr}.jsidang-date-box{display:grid;grid-template-columns:auto auto auto;gap:8px;justify-content:center;min-height:auto;border-right:0;border-bottom:1px solid rgba(194,103,45,.14)}.jsidang-date-box strong{font-size:26px}.jsidang-badge-group{justify-content:flex-start;min-width:0;margin-top:10px}.jsidang-card-actions .jsidang-detail-btn{width:100%;margin-top:12px}.jsidang-postponed{max-width:100%;margin-bottom:8px}.jsidang-mini-summary{margin-top:9px;display:inline-block}.jsidang-filter-submit button{width:100%}}

/* v1.0.6 - Fix jarak antar card: modal Bootstrap tidak boleh mengambil ruang di dalam list */
.jsidang-card-list > .jsidang-modal,
.jsidang-premium-wrap .jsidang-modal {
    display: none !important;
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 1050 !important;
    overflow: hidden !important;
    outline: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.jsidang-premium-wrap .jsidang-modal.in,
.jsidang-premium-wrap .jsidang-modal.show {
    display: block !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.jsidang-premium-wrap .jsidang-modal.fade {
    opacity: 0;
    transition: opacity .15s linear;
}

.jsidang-premium-wrap .jsidang-modal.fade.in,
.jsidang-premium-wrap .jsidang-modal.fade.show {
    opacity: 1;
}

.jsidang-premium-wrap .modal-backdrop {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 1040 !important;
    background-color: #000 !important;
}

.jsidang-premium-wrap .modal-backdrop.fade { opacity: 0; }
.jsidang-premium-wrap .modal-backdrop.in,
.jsidang-premium-wrap .modal-backdrop.show { opacity: .5; }

/* Compact refinement */
.jsidang-card-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    row-gap: 14px !important;
}

.jsidang-card {
    margin: 0 !important;
}

.jsidang-card-main {
    padding: 14px 18px !important;
}

.jsidang-info-row {
    margin: 11px 0 9px !important;
    gap: 8px !important;
}

.jsidang-info-row > div,
.jsidang-parties > div {
    padding: 9px 12px !important;
    border-radius: 14px !important;
}

.jsidang-agenda-box {
    padding: 10px 14px 10px 16px !important;
    margin-bottom: 9px !important;
    border-radius: 15px !important;
}

.jsidang-card-actions {
    margin-top: 10px !important;
    padding-top: 10px !important;
}

.jsidang-date-box {
    padding: 12px 8px !important;
}

.jsidang-date-box strong {
    font-size: 30px !important;
}

/* v1.0.7 - Layout adaptif saat halaman memakai sidebar kanan/kiri */
.jsidang-premium-wrap {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

/* Hero tidak boleh memaksa lebar ketika area content menyempit oleh sidebar */
.jsidang-premium-hero {
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 18px !important;
}

.jsidang-hero-content {
    flex: 1 1 320px !important;
    min-width: 0 !important;
}

.jsidang-hero-stats {
    grid-template-columns: repeat(3, minmax(82px, 1fr)) !important;
    flex: 1 1 270px !important;
    max-width: 380px !important;
    min-width: 0 !important;
}

.jsidang-stat-card {
    padding: 13px 10px !important;
    min-width: 0 !important;
}

.jsidang-stat-card span {
    font-size: 24px !important;
}

.jsidang-stat-card small {
    font-size: 10px !important;
    line-height: 1.2 !important;
}

/* Filter dibuat membungkus otomatis, bukan 5 kolom tetap */
.jsidang-filter-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    align-items: flex-end !important;
}

.jsidang-field {
    flex: 1 1 150px !important;
    min-width: 145px !important;
}

.jsidang-field-search {
    flex: 2 1 260px !important;
    min-width: 220px !important;
}

.jsidang-filter-submit {
    flex: 0 0 112px !important;
    min-width: 112px !important;
}

.jsidang-filter-submit button {
    width: 100% !important;
}

/* Card lebih aman pada area content yang lebih sempit */
.jsidang-card {
    grid-template-columns: 82px minmax(0, 1fr) !important;
}

.jsidang-card-main {
    min-width: 0 !important;
}

.jsidang-card-top {
    align-items: flex-start !important;
}

.jsidang-badge-group {
    min-width: 0 !important;
    flex: 0 1 auto !important;
}

.jsidang-info-row {
    grid-template-columns: minmax(105px, .6fr) minmax(190px, 1.6fr) minmax(105px, .7fr) !important;
}

.jsidang-date-box strong {
    font-size: 28px !important;
}

.jsidang-date-box span {
    font-size: 11px !important;
}

.jsidang-date-box small {
    font-size: 11px !important;
}

/* Breakpoint lebih tinggi karena website memakai sidebar, sehingga area content sempit walaupun viewport desktop */
@media (max-width: 1180px) {
    .jsidang-premium-hero {
        padding: 22px !important;
        border-radius: 22px !important;
    }

    .jsidang-hero-content h1 {
        font-size: 31px !important;
    }

    .jsidang-hero-stats {
        max-width: none !important;
    }

    .jsidang-filter-panel {
        padding: 15px !important;
    }

    .jsidang-info-row {
        grid-template-columns: 1fr 1fr !important;
    }

    .jsidang-info-row > div:nth-child(2) {
        grid-column: span 1 !important;
    }

    .jsidang-info-row > div:nth-child(3) {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 900px) {
    .jsidang-premium-hero,
    .jsidang-filter-title,
    .jsidang-section-head,
    .jsidang-card-top,
    .jsidang-card-actions {
        display: block !important;
    }

    .jsidang-hero-stats {
        margin-top: 16px !important;
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .jsidang-reset {
        margin-top: 10px !important;
    }

    .jsidang-badge-group {
        justify-content: flex-start !important;
        margin-top: 9px !important;
    }

    .jsidang-card-actions .jsidang-detail-btn {
        margin-top: 10px !important;
    }
}


/* v1.0.8 - Soft premium hero + jadwal hari ini + compact cards */
.jsidang-premium-wrap{
    max-width:100%!important;
    overflow:hidden!important;
}
.jsidang-premium-hero{
    margin-bottom:16px!important;
    padding:22px 24px!important;
    border-radius:22px!important;
    background:
        radial-gradient(circle at 92% 18%, rgba(212,155,62,.28) 0, rgba(212,155,62,0) 34%),
        radial-gradient(circle at 8% 0%, rgba(138,31,19,.10) 0, rgba(138,31,19,0) 36%),
        linear-gradient(135deg,#fffaf2 0%,#fff 42%,#f7dfb0 100%)!important;
    border:1px solid rgba(212,155,62,.34)!important;
    box-shadow:0 16px 34px rgba(120,78,24,.10)!important;
    color:#172033!important;
}
.jsidang-premium-hero:before{
    background:rgba(138,31,19,.055)!important;
}
.jsidang-premium-hero:after{
    background:rgba(212,155,62,.14)!important;
}
.jsidang-kicker{
    margin-bottom:9px!important;
    background:#fff!important;
    border:1px solid rgba(212,155,62,.36)!important;
    color:#8a1f13!important;
    box-shadow:0 8px 18px rgba(120,78,24,.08)!important;
}
.jsidang-kicker:before{
    background:#d49b3e!important;
    box-shadow:0 0 0 4px rgba(212,155,62,.18)!important;
}
.jsidang-hero-content h1{
    color:#8a1f13!important;
    font-size:32px!important;
}
.jsidang-hero-content p{
    max-width:560px!important;
    margin-top:8px!important;
    color:#465466!important;
    font-size:13px!important;
    line-height:1.55!important;
}
.jsidang-hero-stats{
    grid-template-columns:repeat(3,96px)!important;
    gap:9px!important;
}
.jsidang-stat-card{
    padding:13px 10px!important;
    border-radius:17px!important;
    background:rgba(255,255,255,.72)!important;
    border:1px solid rgba(212,155,62,.35)!important;
    box-shadow:0 10px 22px rgba(120,78,24,.08)!important;
}
.jsidang-stat-card span{
    color:#8a1f13!important;
    font-size:24px!important;
}
.jsidang-stat-card small{
    color:#6b7280!important;
    font-size:10px!important;
    margin-top:6px!important;
}
.jsidang-filter-panel{
    margin-bottom:18px!important;
    padding:15px!important;
    border-radius:20px!important;
    box-shadow:0 12px 28px rgba(15,23,42,.055)!important;
}
.jsidang-filter-title{
    margin-bottom:12px!important;
    padding-bottom:11px!important;
}
.jsidang-filter-title strong{
    font-size:15px!important;
}
.jsidang-filter-grid{
    grid-template-columns:minmax(180px,1.8fr) minmax(145px,1fr) minmax(125px,.8fr) minmax(135px,.85fr) 96px!important;
    gap:9px!important;
}
.jsidang-field input,.jsidang-field select{
    height:40px!important;
    min-height:40px!important;
    line-height:40px!important;
    border-radius:13px!important;
    font-size:12px!important;
}
.jsidang-field label{
    margin-bottom:6px!important;
    font-size:10px!important;
}
.jsidang-filter-submit button{
    width:96px!important;
    height:40px!important;
    border-radius:13px!important;
    font-size:12px!important;
}
.jsidang-section-head{
    margin:2px 0 10px!important;
}
.jsidang-section-head h2{
    font-size:20px!important;
}
.jsidang-card-list{
    gap:10px!important;
}
.jsidang-card{
    grid-template-columns:72px minmax(0,1fr)!important;
    border-radius:20px!important;
    box-shadow:0 11px 25px rgba(15,23,42,.055)!important;
}
.jsidang-card:hover{
    transform:translateY(-1px)!important;
    box-shadow:0 16px 30px rgba(15,23,42,.08)!important;
}
.jsidang-date-box{
    padding:12px 7px!important;
    background:linear-gradient(180deg,#fff8ed,#fffdf8)!important;
}
.jsidang-date-box strong{
    font-size:28px!important;
}
.jsidang-date-box span{
    margin-top:3px!important;
    font-size:11px!important;
}
.jsidang-date-box small{
    font-size:11px!important;
}
.jsidang-card-main{
    padding:13px 14px!important;
}
.jsidang-card-top{
    align-items:center!important;
    gap:8px!important;
}
.jsidang-card-top h3{
    font-size:18px!important;
    line-height:1.2!important;
}
.jsidang-card-top p{
    margin-top:3px!important;
    font-size:12px!important;
}
.jsidang-badge-group{
    gap:6px!important;
    min-width:0!important;
}
.jsidang-badge{
    padding:6px 8px!important;
    font-size:10px!important;
}
.jsidang-info-row{
    grid-template-columns:86px minmax(150px,1fr) 118px!important;
    gap:8px!important;
    margin:11px 0 8px!important;
}
.jsidang-info-row>div{
    padding:9px 10px!important;
    border-radius:14px!important;
}
.jsidang-info-row span,.jsidang-agenda-box span,.jsidang-parties span{
    margin-bottom:3px!important;
    font-size:9px!important;
}
.jsidang-info-row strong{
    font-size:13px!important;
}
.jsidang-agenda-box{
    margin-bottom:8px!important;
    padding:10px 12px 10px 15px!important;
    border-radius:15px!important;
}
.jsidang-agenda-box:before{
    top:10px!important;
    bottom:10px!important;
    width:3px!important;
}
.jsidang-agenda-box p{
    font-size:13px!important;
    line-height:1.35!important;
}
.jsidang-parties{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
}
.jsidang-parties>div{
    padding:9px 10px!important;
    border-radius:14px!important;
    background:#fcfdff!important;
}
.jsidang-parties p{
    font-size:12px!important;
    line-height:1.35!important;
    max-height:36px!important;
    overflow:hidden!important;
}
.jsidang-card-actions{
    margin-top:10px!important;
    padding-top:10px!important;
}
.jsidang-note{
    font-size:11px!important;
}
.jsidang-detail-btn{
    min-width:112px!important;
    min-height:36px!important;
    padding:8px 13px!important;
    font-size:12px!important;
}
.jsidang-postponed{
    padding:6px 9px!important;
    font-size:11px!important;
}
.jsidang-pagination{
    margin-top:16px!important;
    padding:13px!important;
}
@media(max-width:1180px){
    .jsidang-premium-hero{display:block!important;}
    .jsidang-hero-stats{grid-template-columns:repeat(3,1fr)!important;margin-top:14px!important;}
    .jsidang-filter-grid{grid-template-columns:1fr 1fr!important;}
    .jsidang-field-search{grid-column:1/-1!important;}
    .jsidang-filter-submit button{width:100%!important;}
    .jsidang-info-row{grid-template-columns:1fr 1fr!important;}
    .jsidang-info-row>div:nth-child(3){grid-column:1/-1!important;}
}
@media(max-width:760px){
    .jsidang-premium-hero{padding:18px!important;border-radius:20px!important;}
    .jsidang-hero-content h1{font-size:28px!important;}
    .jsidang-filter-grid,.jsidang-info-row,.jsidang-parties{grid-template-columns:1fr!important;}
    .jsidang-card{grid-template-columns:1fr!important;}
    .jsidang-date-box{display:grid!important;grid-template-columns:auto auto auto!important;gap:7px!important;min-height:auto!important;border-right:0!important;border-bottom:1px solid rgba(212,155,62,.2)!important;}
    .jsidang-card-top{display:block!important;}
    .jsidang-badge-group{justify-content:flex-start!important;margin-top:8px!important;}
    .jsidang-card-actions{display:block!important;}
    .jsidang-detail-btn{width:100%!important;margin-top:9px!important;}
}


/* v1.0.14 - Hero satu statistik, hilangkan card sidang keliling, kecualikan tilang */
.jsidang-hero-stats-single{
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    max-width:260px!important;
    flex:0 0 240px!important;
}
.jsidang-stat-card-wide{
    width:100%!important;
    min-height:86px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
}
.jsidang-stat-card-wide span{
    font-size:32px!important;
}
.jsidang-stat-card-wide small{
    max-width:170px!important;
    line-height:1.25!important;
}
.jsidang-info-row{
    grid-template-columns:96px minmax(160px,1fr)!important;
}
@media(max-width:1180px){
    .jsidang-hero-stats-single{
        max-width:100%!important;
        flex:1 1 100%!important;
        justify-content:flex-start!important;
        margin-top:14px!important;
    }
    .jsidang-stat-card-wide{
        max-width:240px!important;
    }
    .jsidang-info-row{
        grid-template-columns:96px minmax(160px,1fr)!important;
    }
}
@media(max-width:760px){
    .jsidang-hero-stats-single,
    .jsidang-stat-card-wide{
        max-width:100%!important;
        width:100%!important;
    }
    .jsidang-info-row{
        grid-template-columns:1fr!important;
    }
}

/* v1.0.15 - Agenda persidangan sejajar dengan jam dan ruang sidang */
.jsidang-info-row-agenda{
    grid-template-columns:88px minmax(150px,.9fr) minmax(190px,1.25fr)!important;
    gap:8px!important;
    margin:12px 0 10px!important;
}
.jsidang-info-row-agenda > div{
    min-width:0!important;
    padding:10px 11px!important;
    border-radius:14px!important;
}
.jsidang-info-row-agenda .jsidang-info-agenda{
    background:linear-gradient(135deg,#fff7ed 0%,#fff 100%)!important;
    border-color:rgba(217,119,6,.20)!important;
    position:relative!important;
    padding-left:14px!important;
}
.jsidang-info-row-agenda .jsidang-info-agenda:before{
    content:"";
    position:absolute;
    left:0;
    top:10px;
    bottom:10px;
    width:3px;
    border-radius:0 999px 999px 0;
    background:#c45c1c;
}
.jsidang-info-row-agenda span{
    margin-bottom:3px!important;
    font-size:9.5px!important;
}
.jsidang-info-row-agenda strong{
    font-size:13px!important;
    line-height:1.35!important;
    white-space:normal!important;
}
.jsidang-agenda-box{
    display:none!important;
}
.jsidang-parties{
    gap:8px!important;
}
.jsidang-parties>div{
    padding:10px 12px!important;
    border-radius:14px!important;
}
.jsidang-parties span{
    margin-bottom:3px!important;
    font-size:9.5px!important;
}
.jsidang-parties p{
    font-size:12.5px!important;
    line-height:1.42!important;
}
.jsidang-card-main{
    padding:14px 16px!important;
}
.jsidang-card-actions{
    margin-top:10px!important;
    padding-top:10px!important;
}
@media(max-width:1180px){
    .jsidang-info-row-agenda{
        grid-template-columns:82px minmax(145px,.9fr) minmax(180px,1.2fr)!important;
    }
}
@media(max-width:900px){
    .jsidang-info-row-agenda{
        grid-template-columns:1fr 1fr!important;
    }
    .jsidang-info-row-agenda .jsidang-info-agenda{
        grid-column:1/-1!important;
    }
}
@media(max-width:760px){
    .jsidang-info-row-agenda{
        grid-template-columns:1fr!important;
    }
}

/* AJAX search state */
.jsidang-results-wrap {
    position: relative;
    min-height: 120px;
}
.jsidang-results-wrap.is-loading {
    opacity: .62;
    pointer-events: none;
}
.jsidang-results-wrap.is-loading:after {
    content: 'Memuat jadwal...';
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 5;
    padding: 8px 13px;
    border-radius: 999px;
    background: rgba(255,255,255,.95);
    border: 1px solid rgba(154,33,9,.12);
    color: #9a2109;
    font-size: 12px;
    font-weight: 800;
    box-shadow: 0 10px 25px rgba(15,23,42,.08);
}


/* v1.0.18 - Premium compact modal detail + smoother AJAX state */
.jsidang-modal .modal-dialog {
    max-width: 780px;
}
.jsidang-modal .modal-content {
    border: 0 !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    box-shadow: 0 28px 80px rgba(15, 23, 42, .22) !important;
}
.jsidang-modal .modal-header {
    padding: 18px 22px !important;
    border-bottom: 1px solid rgba(154,33,9,.08) !important;
    background: linear-gradient(135deg, #fffaf0 0%, #ffffff 58%, #fff7ed 100%) !important;
}
.jsidang-modal .modal-header span {
    display: inline-block !important;
    margin-bottom: 4px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
    color: #b45309 !important;
}
.jsidang-modal .modal-header h3 {
    margin: 0 !important;
    font-size: 20px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
    color: #39150d !important;
}
.jsidang-modal .modal-header p {
    margin: 4px 0 0 !important;
    font-size: 12px !important;
    color: #7c5a42 !important;
}
.jsidang-modal .close {
    width: 34px !important;
    height: 34px !important;
    border-radius: 999px !important;
    background: rgba(154,33,9,.08) !important;
    color: #6f1d10 !important;
    opacity: 1 !important;
    text-shadow: none !important;
    margin-top: 0 !important;
}
.jsidang-premium-modal-body {
    padding: 18px 20px 10px !important;
    background: #fff !important;
}
.jsidang-modal-summary {
    display: grid !important;
    grid-template-columns: 78px minmax(0,1fr) !important;
    gap: 13px !important;
    align-items: stretch !important;
    margin-bottom: 13px !important;
}
.jsidang-modal-date {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 18px !important;
    border: 1px solid rgba(212,155,62,.25) !important;
    background: linear-gradient(180deg,#fff8e7 0%,#ffffff 100%) !important;
    color: #7c2d12 !important;
    min-height: 86px !important;
}
.jsidang-modal-date strong {
    font-size: 30px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
}
.jsidang-modal-date span,
.jsidang-modal-date small {
    font-size: 10.5px !important;
    line-height: 1.15 !important;
    letter-spacing: .10em !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
}
.jsidang-modal-agenda {
    border-radius: 18px !important;
    padding: 14px 16px !important;
    background: linear-gradient(135deg,#fff7ed 0%,#ffffff 72%) !important;
    border: 1px solid rgba(217,119,6,.16) !important;
}
.jsidang-modal-agenda span {
    display: block !important;
    margin-bottom: 5px !important;
    font-size: 10px !important;
    letter-spacing: .11em !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
    color: #b45309 !important;
}
.jsidang-modal-agenda h4 {
    margin: 0 !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
    color: #2f1b12 !important;
}
.jsidang-modal-agenda p {
    margin: 6px 0 0 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    color: #7c5a42 !important;
    font-weight: 700 !important;
}
.jsidang-detail-grid-compact {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0,1fr)) !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
}
.jsidang-detail-grid-compact > div {
    padding: 10px 11px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(15,23,42,.07) !important;
    background: #fbfcfe !important;
}
.jsidang-detail-grid-compact span,
.jsidang-detail-section h4 {
    display: block !important;
    margin: 0 0 5px !important;
    font-size: 9.5px !important;
    line-height: 1.1 !important;
    letter-spacing: .09em !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
    color: #9a5b1e !important;
}
.jsidang-detail-grid-compact strong {
    display: block !important;
    font-size: 12.5px !important;
    line-height: 1.25 !important;
    color: #1f2937 !important;
    font-weight: 850 !important;
}
.jsidang-party-detail-two,
.jsidang-extra-detail-two {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
}
.jsidang-detail-section {
    padding: 13px 14px !important;
    border-radius: 17px !important;
    border: 1px solid rgba(15,23,42,.07) !important;
    background: #fff !important;
}
.jsidang-party-detail-section {
    background: linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%) !important;
}
.jsidang-detail-section p {
    margin: 0 !important;
    font-size: 12.5px !important;
    line-height: 1.55 !important;
    color: #334155 !important;
    overflow-wrap: anywhere !important;
}
.jsidang-modal-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 12px 20px 16px !important;
    border-top: 0 !important;
    background: #fff !important;
}
.jsidang-modal-footer span {
    font-size: 11.5px !important;
    color: #64748b !important;
}
.jsidang-results-wrap.is-loading {
    opacity: .70 !important;
    filter: saturate(.92) !important;
}
.jsidang-results-wrap.is-loading:after {
    content: 'Memuat jadwal...' !important;
    top: 14px !important;
    right: 14px !important;
    padding: 9px 14px 9px 34px !important;
}
.jsidang-results-wrap.is-loading:before {
    content: '' !important;
    position: absolute !important;
    top: 24px !important;
    right: 116px !important;
    z-index: 6 !important;
    width: 12px !important;
    height: 12px !important;
    border-radius: 999px !important;
    border: 2px solid rgba(154,33,9,.18) !important;
    border-top-color: #9a2109 !important;
    animation: jsidangSpin .75s linear infinite !important;
}
@keyframes jsidangSpin { to { transform: rotate(360deg); } }
@media (max-width: 1180px) {
    .jsidang-detail-grid-compact {
        grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    }
}
@media (max-width: 760px) {
    .jsidang-modal .modal-dialog {
        margin: 12px !important;
    }
    .jsidang-modal-summary,
    .jsidang-party-detail-two,
    .jsidang-extra-detail-two {
        grid-template-columns: 1fr !important;
    }
    .jsidang-modal-date {
        min-height: auto !important;
        padding: 12px !important;
        flex-direction: row !important;
        gap: 8px !important;
    }
    .jsidang-detail-grid-compact {
        grid-template-columns: 1fr 1fr !important;
    }
    .jsidang-modal-footer {
        display: block !important;
    }
    .jsidang-modal-footer .jsidang-detail-btn {
        width: 100% !important;
        margin-top: 10px !important;
    }
}

/* v1.0.18 - Robust Bootstrap modal fallback for Joomla frontend templates without full Bootstrap CSS */
body .jsidang-modal.modal {
    display: none !important;
    position: fixed !important;
    z-index: 99990 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    margin: 0 !important;
    padding: 18px !important;
    background: rgba(15, 23, 42, .55) !important;
    outline: 0 !important;
    -webkit-overflow-scrolling: touch !important;
}

body .jsidang-modal.modal.in,
body .jsidang-modal.modal.show {
    display: block !important;
    opacity: 1 !important;
}

body .jsidang-modal.modal.fade {
    opacity: 0;
    transition: opacity .15s linear;
}

body .jsidang-modal.modal.fade.in,
body .jsidang-modal.modal.fade.show {
    opacity: 1 !important;
}

body .jsidang-modal .modal-dialog {
    position: relative !important;
    width: auto !important;
    max-width: 780px !important;
    margin: 4vh auto !important;
    padding: 0 !important;
    pointer-events: auto !important;
    transform: none !important;
}

body .jsidang-modal .modal-content {
    position: relative !important;
    width: 100% !important;
    background-clip: padding-box !important;
}

body .modal-backdrop,
body .modal-backdrop.fade,
body .modal-backdrop.in,
body .modal-backdrop.show {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 99980 !important;
    background: rgba(15, 23, 42, .55) !important;
}

body .modal-backdrop.in,
body .modal-backdrop.show {
    opacity: .55 !important;
}

body.modal-open {
    overflow: hidden !important;
}

@media (max-width: 760px) {
    body .jsidang-modal.modal {
        padding: 10px !important;
    }
    body .jsidang-modal .modal-dialog {
        margin: 10px auto !important;
        max-width: 100% !important;
    }
}
