/* SIMAKSI v0.9.38 — Perizinan Operational List View
 * Presentation-only. Default: compact operational list; card view remains available.
 */
body.ui-v0938.page-permits{--permit-row-radius:15px}

/* Search + filter + view selector. */
body.ui-v0938.page-permits .permit-toolbar-v097{grid-template-columns:minmax(0,1fr) auto auto}
.permit-view-toggle-v0938{height:48px;display:flex;align-items:center;gap:3px;padding:4px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 6px 18px rgba(20,25,40,.025)}
.permit-view-toggle-v0938 button{height:38px;min-width:42px;border:0;border-radius:11px;background:transparent;color:var(--muted);padding:0 10px;display:flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:11px;font-weight:820;cursor:pointer}
.permit-view-toggle-v0938 button:hover{background:color-mix(in srgb,var(--blue) 7%,transparent);color:var(--text)}
.permit-view-toggle-v0938 button.active{background:color-mix(in srgb,var(--blue) 13%,var(--surface));color:var(--blue);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--blue) 28%,transparent)}
.permit-view-icon-v0938{font-size:16px;line-height:1}

/* Desktop column cue for rapid scanning. */
.permit-list-columns-v0938{display:grid;grid-template-columns:42px minmax(210px,.9fr) minmax(250px,1.3fr) minmax(150px,.7fr);gap:14px;padding:0 14px 5px;color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.055em;text-transform:uppercase}
.permit-list-columns-v0938[hidden]{display:none!important}

/* Operational list: one record per row, minimal vertical travel. */
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"]{grid-template-columns:1fr!important;gap:6px}
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-v097{min-height:0!important;padding:11px 14px;border-radius:var(--permit-row-radius);box-shadow:none;display:grid;grid-template-columns:42px minmax(210px,.9fr) minmax(250px,1.3fr) minmax(150px,.7fr);grid-template-rows:auto auto;column-gap:14px;row-gap:3px;align-items:center;background:var(--surface)}
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-v097.is-pending{border-left:3px solid var(--warning);padding-left:11px}
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-v097.is-verification{border-left:3px solid var(--blue);padding-left:11px}
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-v097.has-sync-issue{border-left:3px solid var(--danger);padding-left:11px}
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-top-v097{display:contents}
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-code-v097{grid-column:1;grid-row:1 / span 2;width:38px;height:38px;border-radius:11px;font-size:14px;align-self:center}
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-copy-v097{grid-column:2;grid-row:1 / span 2;align-self:center;min-width:0}
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-title-v097{justify-content:flex-start;gap:7px}
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-title-v097>strong{font-size:13px;line-height:1.25}
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-title-v097 .tag{font-size:9px;padding:3px 7px;flex:0 0 auto}
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-copy-v097 p{margin:3px 0 1px;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-copy-v097 small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-reason-v097{grid-column:3;grid-row:1;margin:0;min-width:0;font-size:12px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-destination-v097{grid-column:3;grid-row:2;margin:0;min-width:0;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-destination-v097 svg{width:13px;height:13px}
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-primary-actions-v097,
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-verification-v097{grid-column:4;grid-row:1;margin:0;align-self:center}
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-primary-actions-v097{gap:5px}
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-primary-actions-v097 .button,
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-verification-v097>summary{min-height:36px;padding:0 9px;font-size:10px;border-radius:10px;white-space:nowrap}

/* Details becomes a compact action in closed state, then expands across the row. */
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-details-v097{grid-column:4;grid-row:2;margin:0;border:0;padding:0;align-self:center;min-width:0}
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-details-v097>summary{min-height:28px;padding:2px 0;justify-content:flex-end;font-size:10px;gap:6px}
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-details-v097>summary>span:first-child{font-size:0;margin:0}
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-details-v097>summary>span:first-child::after{content:"Buka";font-size:10px}
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-details-v097[open]>summary>span:first-child::after{content:"Tutup"}
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-sync-compact-v097{font-size:9px;white-space:nowrap}
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-details-v097[open]{grid-column:1 / -1;grid-row:3;margin-top:7px;padding-top:8px;border-top:1px solid var(--line)}
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-details-v097[open]>summary{justify-content:flex-start}
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-details-v097[open]>summary>span:first-child{margin-right:auto}
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-detail-grid-v097{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:7px}
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-detail-grid-v097>div{padding:8px 10px;border-radius:10px}
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-secondary-actions-v097{margin-top:7px}

/* If a primary decision occupies the action column, the detail action stays directly below it. */
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-v097:not(:has(.permit-primary-actions-v097)):not(:has(.permit-verification-v097)) .permit-card-details-v097:not([open]){grid-row:1 / span 2;align-self:center}

/* Card mode intentionally reuses the proven v0.9.37 visual. */
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="card"]{gap:11px}

@media(min-width:860px){
  body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="card"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:920px){
  .permit-list-columns-v0938{display:none!important}
  body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-v097{grid-template-columns:38px minmax(180px,.9fr) minmax(210px,1.1fr) minmax(130px,.65fr);column-gap:10px}
}

@media(max-width:760px){
  body.ui-v0938.page-permits .permit-toolbar-v097{grid-template-columns:minmax(0,1fr) 46px auto}
  .permit-view-toggle-v0938{height:46px;padding:3px;border-radius:14px}
  .permit-view-toggle-v0938 button{width:38px;min-width:38px;height:38px;padding:0}
  .permit-view-label-v0938{display:none}

  body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"]{gap:7px}
  body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-v097{padding:11px 12px;grid-template-columns:36px minmax(0,1fr) auto;grid-template-rows:auto auto auto auto;column-gap:9px;row-gap:5px;border-radius:15px}
  body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-code-v097{grid-column:1;grid-row:1;width:34px;height:34px;border-radius:10px;font-size:13px;align-self:start}
  body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-copy-v097{grid-column:2;grid-row:1;align-self:start}
  body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-title-v097{flex-wrap:wrap}
  body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-title-v097>strong{font-size:13px}
  body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-copy-v097 p{font-size:11px}
  body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-reason-v097{grid-column:2 / -1;grid-row:2;font-size:11.5px}
  body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-destination-v097{grid-column:2 / -1;grid-row:3;font-size:9.5px}
  body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-primary-actions-v097,
  body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-verification-v097{grid-column:2 / -1;grid-row:4;margin-top:2px}
  body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-details-v097,
  body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-v097:not(:has(.permit-primary-actions-v097)):not(:has(.permit-verification-v097)) .permit-card-details-v097:not([open]){grid-column:3;grid-row:1;align-self:start}
  body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-details-v097:not([open]) .permit-sync-compact-v097{display:none}
  body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-details-v097:not([open])>summary:after{margin-left:2px}
  body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-details-v097[open]{grid-column:1 / -1;grid-row:5;margin-top:4px}
  body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-detail-grid-v097{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:430px){
  body.ui-v0938.page-permits .permit-toolbar-v097{grid-template-columns:minmax(0,1fr) 44px auto;gap:6px}
  .permit-view-toggle-v0938{height:44px}
  .permit-view-toggle-v0938 button{width:34px;min-width:34px;height:36px}
  body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-detail-grid-v097{grid-template-columns:1fr}
  body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-detail-grid-v097>div.wide{grid-column:auto}
}

@media print{
  .permit-view-toggle-v0938,.permit-list-columns-v0938{display:none!important}
  body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-v097{display:block!important;padding:12px!important;margin-bottom:8px!important}
  body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-top-v097{display:grid!important}
}

/* Expanded decision forms receive the full row instead of being squeezed into the action column. */
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-v097:has(.permit-reject-v097[open]) .permit-primary-actions-v097,
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-verification-v097[open]{grid-column:1 / -1;grid-row:3;margin-top:7px;padding-top:8px;border-top:1px solid var(--line)}
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-v097:has(.permit-reject-v097[open]) .permit-card-details-v097,
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-v097:has(.permit-verification-v097[open]) .permit-card-details-v097{grid-row:4}


/* SIMAKSI v0.10.15 — Teaching Factory context & contribution UX */
.permit-official-context-v01015{margin-top:12px;padding:14px;border:1px solid color-mix(in srgb,var(--blue) 24%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--blue) 4%,var(--surface))}
.permit-official-context-v01015>label{margin:0}
.permit-official-context-v01015>label small{display:block;margin-top:5px;color:var(--muted);line-height:1.45}
.permit-tefa-fields-v01015{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.permit-tefa-fields-v01015[hidden]{display:none!important}
.permit-tefa-context-v01015{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:7px 0 0;padding:7px 9px;border-radius:11px;background:color-mix(in srgb,var(--blue) 7%,transparent);font-size:11px}
.permit-tefa-context-v01015 strong{font-size:11px}
.permit-tefa-context-v01015 small{color:var(--muted);flex-basis:100%}
.permit-contribution-v01015{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);gap:14px;align-items:center;margin-top:12px;padding:14px 15px;border:1px solid color-mix(in srgb,var(--blue) 25%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--blue) 5%,var(--surface))}
.permit-contribution-v01015.is-tefa{border-color:color-mix(in srgb,#10b981 34%,var(--line));background:color-mix(in srgb,#10b981 6%,var(--surface))}
.permit-contribution-copy-v01015{min-width:0}
.permit-contribution-title-v01015{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:5px}
.permit-contribution-title-v01015>strong{font-size:13px}
.permit-contribution-copy-v01015>small{display:block;color:var(--muted);line-height:1.45}
.permit-contribution-action-v01015{display:flex;align-items:end;justify-content:flex-end;gap:10px;min-width:0}
.permit-contribution-action-v01015>label{flex:1 1 230px;min-width:0}
.permit-contribution-action-v01015>div{flex:1 1 230px;min-width:0;padding:9px 11px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.permit-contribution-action-v01015>div span,.permit-contribution-action-v01015>div small{display:block;color:var(--muted);font-size:10px}
.permit-contribution-action-v01015>div strong{display:block;margin:2px 0;font-size:12px}
.permit-contribution-action-v01015 .button{flex:0 0 auto;min-height:42px;white-space:nowrap}

body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-tefa-context-v01015{grid-column:3;grid-row:3;margin-top:2px}
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-contribution-v01015{grid-column:1 / -1;grid-row:4;margin-top:8px}
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-v097:has(.permit-contribution-v01015) .permit-card-details-v097:not([open]){grid-row:1 / span 2}
body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-details-v097[open]{grid-row:5}

@media(max-width:920px){
  .permit-contribution-v01015{grid-template-columns:1fr}
  .permit-contribution-action-v01015{justify-content:flex-start}
}
@media(max-width:760px){
  .permit-tefa-fields-v01015{grid-template-columns:1fr}
  .permit-contribution-v01015{padding:12px;border-radius:14px}
  .permit-contribution-action-v01015{display:grid;grid-template-columns:1fr}
  .permit-contribution-action-v01015 .button{width:100%}
  body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-tefa-context-v01015{grid-column:2 / -1;grid-row:4}
  body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-primary-actions-v097,
  body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-verification-v097{grid-row:5}
  body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-contribution-v01015{grid-column:1 / -1;grid-row:6}
  body.ui-v0938.page-permits .permit-card-list-v097[data-permit-view="list"] .permit-card-details-v097[open]{grid-row:7}
}