/* LDP JPM v10.17 — public mega menu + proportional admin tables */

/* ===================== PUBLIC: PELATIHAN & LAYANAN MEGA MENU ===================== */
@media (min-width:901px){
  .nav-list li.services-mega{position:static}
  .nav-list li.services-mega>.services-mega-list{
    display:none;
    position:absolute;
    left:50%;
    top:calc(100% + 10px);
    transform:translateX(-50%);
    width:min(760px,calc(100vw - 48px));
    min-width:0;
    max-height:none;
    overflow:visible;
    padding:12px;
    grid-template-columns:240px repeat(2,minmax(0,1fr));
    gap:10px;
    border:1px solid rgba(20,32,61,.10);
    border-radius:18px;
    background:rgba(255,255,255,.985);
    box-shadow:0 24px 70px -28px rgba(15,23,42,.48),0 8px 24px rgba(15,23,42,.08);
    z-index:1200;
  }
  .nav-list li.services-mega:hover>.services-mega-list,
  .nav-list li.services-mega:focus-within>.services-mega-list{display:grid}
  .services-mega-list::before{
    content:"";position:absolute;top:-7px;left:44%;width:14px;height:14px;
    transform:rotate(45deg);background:#fff;border-left:1px solid rgba(20,32,61,.10);border-top:1px solid rgba(20,32,61,.10)
  }
  .services-mega-list>li{min-width:0}
  .services-mega-intro{
    grid-row:1 / span 2;
    padding:18px;
    border-radius:13px;
    background:linear-gradient(145deg,#17213f 0%,#212d54 100%);
    color:#fff;
    display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px
  }
  .services-mega-intro .services-mega-kicker{
    display:inline-flex;padding:5px 9px;border-radius:999px;background:rgba(229,35,27,.18);
    color:#ffb3ae;font-size:.67rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase
  }
  .services-mega-intro strong{font-size:1.08rem;line-height:1.35}
  .services-mega-intro small{font-size:.78rem;line-height:1.6;color:#d9deec}
  .services-mega-item>a{
    height:100%;padding:14px!important;border-radius:13px!important;border:1px solid #e8ebf2!important;
    display:grid!important;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:10px;
    color:#202940!important;background:#fff!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease
  }
  .services-mega-item>a:hover,.services-mega-item>a.active{
    transform:translateY(-2px);border-color:#f3b7b3!important;box-shadow:0 10px 24px -17px rgba(219,38,32,.55);color:#b4231d!important
  }
  .services-mega-icon{width:42px;height:42px;border-radius:11px;background:#fff1f0;color:#dd2b23;display:grid;place-items:center}
  .services-mega-icon svg{width:22px;height:22px}
  .services-mega-copy{display:flex;min-width:0;flex-direction:column;gap:4px}
  .services-mega-copy strong{font-size:.86rem;line-height:1.25;color:#17213f}
  .services-mega-copy small{font-size:.71rem;line-height:1.45;color:#727b91;font-weight:500}
  .services-mega-arrow{font-size:1rem;color:#cf332c}
  .services-mega-foot{
    grid-column:2 / 4;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:2px
  }
  .services-mega-foot>a{padding:8px 10px!important;font-size:.75rem!important;font-weight:700!important;border-radius:9px!important;white-space:nowrap!important}
  .services-mega-foot>.services-mega-cta{background:#e5241c!important;color:#fff!important;padding-inline:14px!important}
}

@media (max-width:900px){
  .nav-list li.services-mega>.services-mega-list{padding:.45rem 0 .65rem!important}
  .services-mega-intro{display:none}
  .services-mega-item>a{display:grid!important;grid-template-columns:38px minmax(0,1fr) 18px;gap:9px;align-items:center;padding:.75rem .35rem!important;border-bottom:1px solid var(--line)!important}
  .services-mega-icon{width:36px;height:36px;border-radius:9px;background:#fff1f0;color:#d92d25;display:grid;place-items:center}
  .services-mega-icon svg{width:19px;height:19px}
  .services-mega-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
  .services-mega-copy strong{font-size:.88rem;color:#17213f}
  .services-mega-copy small{font-size:.72rem;line-height:1.45;color:#788198}
  .services-mega-arrow{color:#d92d25}
  .services-mega-foot{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:.65rem .2rem 0}
  .services-mega-foot>a{display:flex!important;justify-content:center!important;border:1px solid var(--line)!important;border-radius:9px!important;padding:.65rem!important;font-size:.76rem!important}
  .services-mega-foot>.services-mega-cta{background:#e5241c!important;color:#fff!important;border-color:#e5241c!important}
}

/* ===================== ADMIN: TABLE PROPORTION / ALIGNMENT ===================== */
body.admin .table-wrap.ldp-resizable-wrap{
  border:1px solid #e6ebf3;border-radius:14px;background:#fff;box-shadow:0 8px 28px -26px rgba(15,23,42,.35)
}
body.admin .table-wrap.ldp-resizable-wrap>.table-export-bar{border-radius:14px 14px 0 0;background:#fbfcfe}
body.admin table.ldp-resizable-table{border-collapse:separate!important;border-spacing:0!important;margin:0!important}
body.admin table.ldp-resizable-table thead th{
  text-align:center!important;vertical-align:middle!important;padding:.72rem .62rem!important;
  background:#f5f7fb!important;color:#56617a!important;line-height:1.2!important;border-bottom:1px solid #dfe5ef!important
}
body.admin table.ldp-resizable-table tbody td{
  vertical-align:middle!important;padding:.72rem .68rem!important;border-bottom:1px solid #edf0f5!important;
  line-height:1.42!important;color:#263047
}
body.admin table.ldp-resizable-table tbody tr:last-child td{border-bottom:0!important}
body.admin table.ldp-resizable-table tbody tr:hover td{background:#fbfcff}
body.admin table.ldp-resizable-table td[data-label="Status"],
body.admin table.ldp-resizable-table td[data-label="Aksi"],
body.admin table.ldp-resizable-table td[data-label="Tindakan"],
body.admin table.ldp-resizable-table td[data-label="Pengaturan"],
body.admin table.ldp-resizable-table td:has(>.tag){text-align:center!important}
body.admin table.ldp-resizable-table td>.actions{justify-content:center!important;align-items:center!important;flex-wrap:wrap!important;gap:.38rem!important}
body.admin table.ldp-resizable-table .btn{min-height:32px!important;padding:.46rem .68rem!important;font-size:.76rem!important;border-radius:8px!important}
body.admin table.ldp-resizable-table .tag{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:25px;padding:.27rem .55rem!important;font-size:.68rem!important}
body.admin table.ldp-resizable-table .small{font-size:.76rem!important;line-height:1.4!important}
body.admin table.ldp-resizable-table td.num{text-align:right!important;font-variant-numeric:tabular-nums}
body.admin table.ldp-resizable-table img.thumb,
body.admin table.ldp-resizable-table .cell-media img.thumb{width:68px!important;height:50px!important;min-width:68px!important;max-width:68px!important;max-height:50px!important}
body.admin .table-export-actions{margin-left:auto}
body.admin .table-column-hint{background:#eef3fa!important;color:#526078!important}
body.admin [data-col-screen]{border-color:#d9e0ea!important;background:#fff!important}

/* The first data column remains visible while horizontally scrolling large reports. */
@media (min-width:901px){
  body.admin table.ldp-resizable-table>thead>tr>th:first-child,
  body.admin table.ldp-resizable-table>tbody>tr>td:first-child{
    position:sticky;left:0;z-index:3;background:#fff;box-shadow:7px 0 12px -12px rgba(15,23,42,.38)
  }
  body.admin table.ldp-resizable-table>thead>tr>th:first-child{z-index:7;background:#f5f7fb!important}
  body.admin table.ldp-resizable-table>tbody>tr:hover>td:first-child{background:#fbfcff}
}

@media (max-width:1100px){
  body.admin table.ldp-resizable-table tbody td{padding:.64rem .58rem!important}
  body.admin table.ldp-resizable-table .btn{padding:.43rem .58rem!important}
}
@media (max-width:700px){
  body.admin .table-wrap.ldp-resizable-wrap{border-radius:12px}
  body.admin table.ldp-resizable-table thead th{text-align:left!important}
  body.admin table.ldp-resizable-table td.num{text-align:left!important}
}

/* Zoom settings cards */
.zoom-sdk-guidance{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:1rem;margin:1rem 0 1.35rem}
.zoom-sdk-guide-card{border:1px solid #e5eaf2;border-radius:14px;padding:1rem;background:#fbfcfe}
.zoom-sdk-guide-card h4{margin:0 0 .55rem;font-size:.92rem}
.zoom-sdk-guide-card ol{margin:.5rem 0 0;padding-left:1.25rem;color:#58627a;font-size:.8rem;line-height:1.65}
.zoom-sdk-guide-card .btn{margin-top:.75rem}
.zoom-sdk-diagnostics{display:grid;gap:.5rem}
.zoom-sdk-diagnostics>div{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border:1px solid #e8ecf3;border-radius:9px;padding:.58rem .7rem;background:#fff;font-size:.78rem}
.zoom-sdk-diagnostics strong{font-size:.74rem}
.zoom-sdk-note{border-left:4px solid #d97706;background:#fff8e8;padding:.8rem .9rem;border-radius:0 10px 10px 0;font-size:.78rem;line-height:1.55;color:#7a4b08}
@media(max-width:850px){.zoom-sdk-guidance{grid-template-columns:1fr}}