/* Detail pages have their own component scope; legacy table rules stay elsewhere. */
.detail-page .app-main{padding-top:22px;padding-bottom:46px}
.detail-page .app-breadcrumbs{margin-bottom:24px}
.case-overview{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;padding:0 0 25px;border-bottom:1px solid var(--rule)}
.case-overview-title{min-width:0}.case-back{display:inline-block;font-size:13px;margin-bottom:22px;text-decoration:none!important;color:var(--quiet)!important}
.detail-eyebrow{display:block;margin:0 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--quiet);line-height:1.5}
.detail-page .case-overview h1{font-family:var(--serif);font-size:38px;letter-spacing:-.035em;margin:0;overflow-wrap:anywhere;line-height:1.2}
.detail-classification{font-size:17px;margin:10px 0 0;color:var(--quiet)}
.case-overview-status{flex:0 0 250px;border-left:2px solid var(--gold);padding:6px 0 6px 22px}
.case-overview-status strong{display:block;font-weight:600;font-size:19px;color:var(--forest);line-height:1.4}
.detail-registered{display:block;font-size:13px;color:var(--quiet);margin-top:8px}
.detail-page .case-summary{margin:0;padding:21px 0;background:none;border:0}
.detail-page .case-summary-parties{margin:0;padding:0;border:0;gap:30px}
.detail-page .case-summary-parties>div+div{border-left:1px solid var(--rule);padding-left:30px}
.detail-page .case-summary-parties dt{font-size:12px;font-weight:600;margin-bottom:6px}
.detail-page .case-summary-parties dd{font-size:16px;line-height:1.6}
.detail-privacy{display:flex;align-items:center;gap:12px;margin:0 0 25px;padding:12px 16px;border:1px solid #dde3d7;background:#edf0e7;color:#475944}
.detail-privacy p{margin:0;font-size:13px;line-height:1.6}.privacy-mark{display:flex;align-items:center;justify-content:center;border:1px solid #859579;width:19px;height:19px;border-radius:50%;font-size:12px;flex:none}
.detail-page .case-progress{background:#fff;border:1px solid var(--rule);margin:10px 0 32px;padding:20px 22px 22px}
.case-progress-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}
.detail-page .case-progress h2{font-family:var(--sans);font-size:16px;font-weight:600;letter-spacing:0;margin:0}
.case-progress-heading>span{color:var(--quiet);font-size:12px}
.detail-page .progress-stages{min-width:830px;grid-template-columns:repeat(6,minmax(138px,1fr))}
.detail-page .stage-marker{border-radius:50%;width:26px;height:26px;margin-bottom:8px;font-size:11px}
.detail-page .progress-stage::before{top:13px;left:32px;right:10px}
.detail-page .progress-stage strong{font-size:13px;line-height:1.4;min-height:36px}
.detail-page .stage-state{font-size:12px;line-height:1.4}.detail-page .stage-description{font-size:11px;margin-top:1px}
.detail-page .is-pending .stage-marker{background:white;border-color:#cbd2c6;color:#7a8576}
.detail-page .is-pending strong{color:#6f796b}
.detail-information-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:0 0 16px}
.detail-information-heading h2{font-size:26px;margin:0}.detail-information-heading p{font-size:12px;color:var(--quiet);margin:0}
.detail-page #case-detail-content{margin-top:0}
.detail-page #usual2{background:var(--surface)!important;border:1px solid var(--rule);padding:0;max-width:100%;min-width:0}
.detail-page #usual2>ul{list-style:none;display:flex;flex-wrap:wrap;gap:0;padding:0 18px;margin:0;border-bottom:1px solid var(--rule);background:#f0f2eb}
.detail-page #usual2>ul>li{margin:0;padding:0;list-style:none;float:none}
.detail-page #usual2>ul>li>a{margin:0!important;padding:15px 17px 12px;background:transparent!important;color:#5b6856!important;border:0!important;border-bottom:3px solid transparent!important;outline-offset:-4px;font:400 14px/1.5 var(--sans)!important;letter-spacing:0;text-decoration:none!important;display:block;white-space:nowrap}
.detail-page #usual2>ul>li>a.selected{color:var(--forest)!important;background:transparent!important;border-bottom-color:var(--forest)!important;font-weight:600!important}
.detail-page #usual2>ul>li>a:hover{background:#e5eadf!important;color:var(--forest)!important}
.detail-page #usual2>div[id^=tabs]{padding:26px 28px;background:white;clear:none;max-width:100%;overflow-x:auto}
.detail-page #usual2>div[id^=tabs]>div{padding:0;max-width:100%;width:100%!important;background:transparent;clear:none}
.detail-page #usual2 table{border-collapse:collapse;letter-spacing:0;line-height:1.6}
.detail-page #usual2 .cssTable{border:1px solid var(--rule);margin:14px 0 24px!important;padding:0;background:white!important;border-radius:0;max-width:100%;overflow:auto}
.detail-page #usual2 .cssTable table{min-width:580px;table-layout:auto}
.detail-page #usual2 .cssTable table td,.detail-page #usual2 .cssTable table th{font-family:var(--sans);font-size:14px!important;padding:11px 14px!important;color:var(--ink)!important;letter-spacing:0!important;text-shadow:none;border:0!important;border-bottom:1px solid var(--rule)!important;vertical-align:top!important;background:#fff!important}
.detail-page #usual2 .cssTable table tr:first-child>td,.detail-page #usual2 .cssTable table tr:first-child>th{background:var(--sage)!important;background-image:none!important;color:#43543e!important;font-size:12px!important;text-align:left!important;font-weight:600;cursor:default}
.detail-page #usual2 .cssTable table tr:hover>td{background:#f7f9f4!important}
.detail-page #usual2 table td font,.detail-page #usual2 table th font{color:inherit!important;font:inherit!important}
.detail-page #usual2 .cssTable tr a,.detail-page #usual2 .cssTable tr:first-child td a{color:var(--forest)!important}
.detail-page #usual2 #infoPerkara td,.detail-page #usual2 #infoPerkara th{white-space:normal!important;word-break:normal;overflow-wrap:anywhere}
.detail-page #usual2 .case-data-table{width:100%;table-layout:fixed;background:transparent;border:0}
.detail-page #usual2 .case-data-table>tbody>tr>th,.detail-page #usual2 .case-data-table>tbody>tr>td{padding:14px 16px!important;border:0;border-bottom:1px solid #e5e8e0;background:white!important;color:var(--ink)!important;font:400 15px/1.65 var(--sans)!important;vertical-align:top!important;text-align:left!important;letter-spacing:0}
.detail-page #usual2 .case-data-table>tbody>tr>th{padding-left:0!important;padding-right:25px!important;font-size:13px!important;color:var(--quiet)!important;font-weight:500!important}
.detail-page #usual2 .case-data-table>tbody>tr>td{padding-right:0!important}
.detail-page #usual2 .case-data-table>tbody>tr:last-child>th,.detail-page #usual2 .case-data-table>tbody>tr:last-child>td{border-bottom:0}
.detail-page #usual2 .case-data-table .cssTable{margin:0!important;border:0!important;background:transparent!important;padding:0!important}
.detail-page #usual2 .case-data-table .cssTable table{min-width:0;width:100%;border:1px solid var(--rule)}
.detail-page #usual2 .case-data-table .cssTable table td{padding:8px 12px!important;font-size:14px!important}
.detail-page #usual2 .case-data-table .cssTable table tr:first-child td{padding:7px 12px!important;font-size:11px!important}
.detail-page #usual2 .case-data-table .wrapword{line-height:1.8!important;max-width:80ch}
.detail-page #usual2 .case-data-table .wrapword ol,.detail-page #usual2 .case-data-table .wrapword ul{padding-left:22px;margin:10px 0}
.detail-page #usual2 a:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}
.detail-tab-error{padding:20px;border-left:2px solid #986140;color:var(--ink);font-size:14px}
.detail-tab-error button{margin-top:12px;padding:8px 14px;background:var(--forest);color:white;border:0;cursor:pointer}
@media(max-width:1050px){.detail-page .case-overview h1{font-size:32px}.case-overview-status{flex-basis:220px}.detail-page #usual2>ul{padding-inline:8px}.detail-page #usual2>ul>li>a{padding-inline:13px}}
@media(max-width:760px){.case-overview{align-items:flex-start;flex-direction:column;gap:18px;padding-bottom:20px}.case-back{margin-bottom:18px}.detail-page .case-overview h1{font-size:29px}.case-overview-status{flex-basis:auto;padding:3px 0 3px 14px}.case-overview-status strong{font-size:17px}.detail-registered{margin-top:4px}.detail-page .case-summary-parties{gap:18px}.detail-page .case-summary-parties>div+div{padding-left:18px}.detail-classification{font-size:15px}.detail-page .case-summary-parties dd{font-size:14px}.detail-page .case-progress{padding:17px 16px;margin-bottom:26px}.case-progress-heading>span{display:none}.detail-information-heading{display:block}.detail-information-heading h2{font-size:24px;margin-bottom:8px}.detail-information-heading p{font-size:11px}.detail-page #usual2>ul{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;padding:0}.detail-page #usual2>ul>li{flex:none}.detail-page #usual2>ul>li>a{font-size:13px!important;padding:13px 15px 11px}.detail-page #usual2>div[id^=tabs]{padding:20px 16px}.detail-page #usual2 .case-data-table>colgroup,.detail-page #usual2 .case-data-table>col{display:none}.detail-page #usual2 .case-data-table>tbody>tr{display:block;border-bottom:1px solid var(--rule);padding:13px 0}.detail-page #usual2 .case-data-table>tbody>tr:first-child{padding-top:0}.detail-page #usual2 .case-data-table>tbody>tr:last-child{border:0;padding-bottom:0}.detail-page #usual2 .case-data-table>tbody>tr>th,.detail-page #usual2 .case-data-table>tbody>tr>td{display:block;width:100%;border:0;padding:0!important}.detail-page #usual2 .case-data-table>tbody>tr>th{margin-bottom:7px;font-size:12px!important}.detail-page #usual2 .case-data-table>tbody>tr>td{font-size:14px!important}}
@media(max-width:480px){.detail-page .app-main{padding-top:16px}.detail-page .app-breadcrumbs{font-size:11px;margin-bottom:19px}.detail-page .case-overview h1{font-size:27px}.detail-page .case-summary-parties{grid-template-columns:minmax(0,1fr);gap:14px}.detail-page .case-summary-parties>div+div{border:0;padding-left:0}.detail-privacy{align-items:flex-start;padding:11px 12px}.detail-privacy p{font-size:12px}.privacy-mark{margin-top:2px}.detail-page .case-progress{padding:16px 13px}.detail-page #usual2>div[id^=tabs]{padding:18px 13px}.detail-page #usual2 .case-data-table .cssTable table{font-size:13px}}
@media print{.detail-page #usual2>ul,.case-back{display:none}.detail-page #usual2>div[id^=tabs]{overflow:visible}.detail-page .case-progress{break-inside:avoid}.detail-page .case-overview h1{font-size:25px}}
.detail-page .case-progress{padding:0}
.detail-page .case-progress-heading{padding:16px 20px;margin:0;list-style:none;cursor:pointer}
.detail-page .case-progress-heading::-webkit-details-marker{display:none}
.detail-page .case-progress-heading::after{content:'\2304';font-size:19px;color:var(--forest);margin-left:auto}
.detail-page .case-progress-heading>span{margin-left:auto}
.detail-page .case-progress[open] .case-progress-heading::after{transform:rotate(180deg)}
.detail-page .case-progress .progress-scroll{padding:4px 20px 22px}
.detail-unavailable{font-size:13px;color:#858d80}
@media(max-width:480px){.detail-page .case-progress-heading{padding:15px 13px}.detail-page .case-progress .progress-scroll{padding:4px 13px 18px}}
.detail-page .case-progress-heading::after{margin-left:10px}

/* Mouse selection uses the underline; keyboard focus has a separate inset mark. */
.detail-page #usual2>ul>li>a:focus{outline:none!important;border-radius:0;box-shadow:inset 0 0 0 2px var(--gold)}
.detail-page #usual2>ul>li>a:focus:not(:focus-visible){box-shadow:none}
.detail-page #usual2>ul>li>a:focus-visible{outline:none!important;box-shadow:inset 0 0 0 2px var(--gold)}
.detail-page #usual2>div[id^=tabs]:empty{display:none!important}
.detail-page #usual2 .case-section-title{font:600 16px/1.5 var(--sans)!important;color:var(--forest)!important;letter-spacing:0;margin:10px 0 12px;text-align:left}
.detail-page #usual2 .case-cost-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 22px;padding:0 0 22px;border-bottom:1px solid var(--rule)}
.detail-page #usual2 .case-cost-summary>div{padding:0;background:none;clear:none}.detail-page #usual2 .case-cost-summary dt{font-size:12px;color:var(--quiet);margin-bottom:6px}.detail-page #usual2 .case-cost-summary dd{font:600 25px/1.4 var(--sans);font-variant-numeric:tabular-nums;color:var(--forest);margin:0}
.detail-page #usual2 .case-cost-note{padding:14px 17px;background:#f0f3eb;border-left:2px solid #9baa8d;margin-bottom:22px;font-size:13px}.detail-page #usual2 .case-cost-note p{margin:5px 0 0;line-height:1.7;color:var(--quiet)}
@media(max-width:640px){.detail-page #usual2 .case-cost-summary{grid-template-columns:minmax(0,1fr);gap:14px}.detail-page #usual2 .case-cost-summary>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.detail-page #usual2 .case-cost-summary dd{font-size:20px}.detail-page #usual2 .case-cost-summary dt{margin:0}}
/* Verdict metadata shares the neutral label/value layout; the decision is readable prose. */
.detail-page #usual2 .verdict-text{padding:18px 22px;background:#f7f8f3;border:1px solid var(--rule);max-width:85ch;font:400 15px/1.9 var(--sans);color:var(--ink);overflow-wrap:anywhere}
.detail-page #usual2 .verdict-text p{margin:0 0 12px;line-height:1.9}.detail-page #usual2 .verdict-text p:last-child{margin-bottom:0}
.detail-page #usual2 .verdict-text ol,.detail-page #usual2 .verdict-text ul{padding-left:24px;margin:12px 0;list-style-position:outside;background:none}
.detail-page #usual2 .verdict-text li{display:list-item!important;float:none!important;clear:none!important;padding-left:4px;line-height:1.9;margin:0 0 9px}
.detail-page #usual2 .verdict-text *{max-width:100%;font-family:inherit!important;font-size:inherit!important;color:inherit!important;letter-spacing:normal}
.detail-page #usual2 .verdict-text em,.detail-page #usual2 .verdict-text i{font-style:normal}
.detail-page #usual2 .verdict-text strong,.detail-page #usual2 .verdict-text b{font-weight:600}
@media(max-width:760px){.detail-page #usual2 .verdict-text{padding:14px 15px;font-size:14px}.detail-page #usual2 .verdict-data-table .wrapword{max-width:100%}}
/* Consistent full-width determination sections, without layout tables. */
.detail-page #usual2 .determination-sections{display:block;width:100%!important;max-width:100%}
.detail-page #usual2 .determination-sections>.case-section-title{margin:0 0 10px}
.detail-page #usual2 .determination-sections>.cssTable{width:100%!important;margin:0 0 26px!important}
.detail-page #usual2 .determination-sections>.cssTable:last-child{margin-bottom:0!important}
.detail-page #usual2 .determination-sections table{width:100%!important;min-width:620px;table-layout:auto}
.detail-page #usual2 .determination-sections table td:first-child{white-space:nowrap!important}
.cost-stage{margin-top:26px}.cost-table-scroll{overflow:auto;max-width:100%;border:1px solid var(--rule)}
.detail-page #usual2 .cost-ledger{width:100%;min-width:1030px;table-layout:fixed;font:400 13px/1.65 var(--sans);border-collapse:collapse;background:white}
.cost-col-number{width:4%}.cost-col-date{width:12%}.cost-col-description{width:24%}.cost-col-money{width:13%}.cost-col-note{width:21%}
.detail-page #usual2 .cost-ledger th,.detail-page #usual2 .cost-ledger td{border:0;border-bottom:1px solid var(--rule);padding:13px 12px;vertical-align:top;color:var(--ink);text-align:left;white-space:normal}
.detail-page #usual2 .cost-ledger thead th{font-size:12px;font-weight:600;background:var(--sage)}
.detail-page #usual2 .cost-ledger tbody tr:hover{background:#f7f9f3}
.detail-page #usual2 .cost-ledger .cost-amount,.detail-page #usual2 .cost-ledger thead th:nth-child(4),.detail-page #usual2 .cost-ledger thead th:nth-child(5),.detail-page #usual2 .cost-ledger thead th:nth-child(6){text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.detail-page #usual2 .cost-ledger .cost-date{white-space:nowrap}
.detail-page #usual2 .cost-ledger .cost-note{font-size:12px;color:var(--quiet);overflow-wrap:anywhere}
.detail-page #usual2 .cost-ledger tfoot{background:#f1f4ec;font-weight:600}.detail-page #usual2 .cost-ledger tfoot th,.detail-page #usual2 .cost-ledger tfoot td{border-bottom:0;border-top:2px solid #cad4c1}

/* Ikrar talak follows the shared case detail tables and mobile stacked rows. */
.detail-page #usual2 .ikrar-sections{padding:0!important;background:transparent}
.detail-page #usual2 .ikrar-section{margin:0 0 28px}
.detail-page #usual2 .ikrar-section:last-child{margin-bottom:0}
.detail-page #usual2 .ikrar-section>.case-section-title{margin:0 0 10px}