/* Standard has no card rules: the existing view remains the default. */
#detail-level-setting{padding-bottom:12px;border-bottom:1px solid var(--bdr);margin-bottom:12px}
html[data-detail-level="minimal"] body:not(.sirala-kompakt) .minimal-detail-hidden{display:none!important}
html[data-detail-level="minimal"] .minimal-detail-toggle>svg{display:block;width:calc(16px * var(--app-control-scale,1));height:calc(16px * var(--app-control-scale,1));flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-inline-start:6px}
html[data-detail-level="minimal"] .minimal-detail-toggle[aria-expanded="false"]>svg{transform:rotate(180deg)}
.minimal-detail-toggle:focus-visible{outline:2px solid var(--fixblu);outline-offset:2px}
html[data-detail-level="minimal"] body :is(#oz-ay-kart,#ozet-stat-kart).minimal-card:not(.minimal-open)>div:has(>div>[id^="m-"]){grid-template-columns:minmax(0,1fr)}
html[data-detail-level="minimal"] body :is(#oz-ay-kart,#ozet-stat-kart).minimal-card:not(.minimal-open) :is(#m-net-varlik,#m-net){font-size:var(--font-brand)!important}
html[data-detail-level="minimal"] body .home-account-card:not(.minimal-open) .home-money-row:has(.minimal-detail-hidden){justify-content:flex-end}
html[data-detail-level="minimal"] body .home-monthly-details:not(.minimal-open)>.row:not(.minimal-detail-hidden){border-bottom:0}
/* Keep both headline results on a single row, with the original period and warning rows intact. */
html[data-detail-level="minimal"] body:not(.sirala-kompakt) :is(#oz-ay-kart,#ozet-stat-kart).minimal-card:not(.minimal-open){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-detail-level="minimal"] body:not(.sirala-kompakt) :is(#oz-ay-kart,#ozet-stat-kart).minimal-card:not(.minimal-open)>:not(div:has(>div>[id^="m-"])){grid-column:1 / -1}
html[data-detail-level="minimal"] body:not(.sirala-kompakt) :is(#oz-ay-kart,#ozet-stat-kart).minimal-card:not(.minimal-open)>div:has(>div>[id^="m-"]){border-bottom:0!important}

/* Compact home cards; expanding restores the existing detail layout. */
html[data-detail-level="minimal"] body:not(.sirala-kompakt) #ozet :is(.home-account-card,.home-flow-card):not(.minimal-open){grid-template-columns:auto minmax(0,1fr) auto!important}
html[data-detail-level="minimal"] body:not(.sirala-kompakt) #ozet :is(.home-account-card,.home-flow-card):not(.minimal-open)>.home-money-row{grid-column:3;grid-row:1;width:auto;flex-wrap:nowrap}
html[data-detail-level="minimal"] body:not(.sirala-kompakt) #ozet :is(.home-account-card,.home-flow-card):not(.minimal-open) :is(.home-flow-actions,.home-account-dates,.home-flow-dates){display:none!important}
html[data-detail-level="minimal"] body:not(.sirala-kompakt) #ozet :is(.home-account-card,.home-flow-card):not(.minimal-open) :is(.home-account-name,.home-flow-name){display:block!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-detail-level="minimal"] body:not(.sirala-kompakt) #ozet :is(.home-account-card,.home-flow-card):not(.minimal-open) .home-money-end{flex-wrap:nowrap;white-space:nowrap}
html[data-detail-level="minimal"] body:not(.sirala-kompakt) :is(#oz-ay-kart,#ozet-stat-kart).minimal-card:not(.minimal-open)>div:has(#m-net){border-inline-start:1px solid var(--bdr)}
html[data-detail-level="minimal"] body:not(.sirala-kompakt) #ozet .home-goal-card:not(.minimal-open){display:flex;flex-wrap:wrap;align-items:center}
html[data-detail-level="minimal"] body:not(.sirala-kompakt) #ozet .home-goal-card:not(.minimal-open)>.home-goal-name{flex:1 1 auto;min-width:0}
html[data-detail-level="minimal"] body:not(.sirala-kompakt) #ozet .home-goal-card:not(.minimal-open)>.home-goal-amount{flex:0 0 auto;margin-inline-start:auto}
html[data-detail-level="minimal"] body:not(.sirala-kompakt) #ozet .home-goal-card:not(.minimal-open)>.home-goal-progress{flex:0 0 100%;width:100%}
html[data-detail-level="minimal"] body:not(.sirala-kompakt) #ozet .home-goal-card:not(.minimal-open)>.home-goal-actions:empty{display:none}

/* Projection summaries keep all goals and compact disclosures in existing rows. */
html[data-detail-level="minimal"] body:not(.sirala-kompakt) #hesap-kapama-sirasi .target-order-card:not(.minimal-open){display:flex;flex-wrap:wrap;align-items:center}
html[data-detail-level="minimal"] #hesap-kapama-sirasi .target-order-card:not(.minimal-open)>.target-order-include{order:1;flex-shrink:0}
html[data-detail-level="minimal"] #hesap-kapama-sirasi .target-order-card:not(.minimal-open)>.target-order-month{order:2;flex-shrink:0}
html[data-detail-level="minimal"] #hesap-kapama-sirasi .target-order-card:not(.minimal-open)>.target-order-icon{order:3;flex-shrink:0}
html[data-detail-level="minimal"] #hesap-kapama-sirasi .target-order-card:not(.minimal-open)>.target-order-name{order:4;flex:1 1 auto;min-width:0}
html[data-detail-level="minimal"] #hesap-kapama-sirasi .target-order-card:not(.minimal-open)>.target-order-money{order:5;flex:0 1 auto;margin-inline-start:auto}
html[data-detail-level="minimal"] body:not(.sirala-kompakt) .odeme-donem-karti:not(.minimal-open)>.odeme-donem-kapasite{border-top:0!important}
html[data-detail-level="minimal"] .odeme-donem-kapasite>span:last-child{display:inline-flex;align-items:center}
html[data-detail-level="minimal"] body:not(.sirala-kompakt) #odeme-plan-rows>.tli:not(.minimal-open) .ui-record{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between}
html[data-detail-level="minimal"] body:not(.sirala-kompakt) #odeme-plan-rows>.tli:not(.minimal-open) .ui-record-main{flex:1 1 auto;width:auto;min-width:0}
html[data-detail-level="minimal"] body:not(.sirala-kompakt) #odeme-plan-rows>.tli:not(.minimal-open) .ui-record-meta{flex:0 1 auto;width:auto;min-width:0;margin:0}
html[data-detail-level="minimal"] #odeme-plan-rows .ui-record-meta>div:has(.timeline-date){display:flex;align-items:center;flex-wrap:wrap;gap:4px;white-space:normal!important}
html[data-detail-level="minimal"] #odeme-plan-rows .timeline-date{white-space:normal}



/* Collapsed months end at capacity unless a completed goal remains visible. */
html[data-detail-level="minimal"] body:not(.sirala-kompakt) .odeme-donem-karti:not(.minimal-open):not(:has(>[data-tamamlanan-hedef]))>.odeme-donem-kapasite{border-bottom:0!important}
html[data-detail-level="minimal"] body:not(.sirala-kompakt) .odeme-donem-karti:not(.minimal-open)>[data-tamamlanan-hedef]:not(:has(~[data-tamamlanan-hedef])){margin-bottom:calc(10px * var(--app-control-scale,1))}

html[data-detail-level="minimal"] body #ozet .minimal-card:not(.minimal-open) div:is(:has(>#m-net-varlik),:has(>#m-net)){border-left:0!important;border-inline-start:0!important}
html[data-detail-level="minimal"] body .odeme-donem-baslik>.odeme-donem-sirasi{margin-inline-start:auto}
html[data-detail-level="minimal"] body:not(.sirala-kompakt) .odeme-donem-karti:not(.minimal-open):not(:has(>[data-tamamlanan-hedef]))>.odeme-donem-kapasite{padding:0!important;margin:8px 10px}
@media(hover:hover){html[data-detail-level="minimal"] body:has(#app-shell) #ozet .gecmis-kisayol-satir:not(:hover):not(:has(:focus-visible)) .gecmis-kisayol{position:absolute!important;opacity:0!important;pointer-events:none!important}}


/* A fixed right-hand rail reserves identical space with and without details. */
.minimal-detail-slot{display:none}
html[data-detail-level="minimal"] body:not(.sirala-kompakt) :is(#ozet,#proj) .minimal-card.minimal-card{--minimal-rail-width:calc(24px * var(--app-control-scale,1));position:relative;box-sizing:border-box;padding-right:calc(var(--minimal-rail-width) + 8px)!important}
html[data-detail-level="minimal"] body:not(.sirala-kompakt) :is(#ozet,#proj) :is(#oz-ay-kart,#ozet-stat-kart,#oz-borc-ilerleme-kart,.odeme-donem-karti).minimal-card{padding-right:var(--minimal-rail-width)!important}
html[data-detail-level="minimal"] body:not(.sirala-kompakt) .minimal-card>.minimal-detail-slot{display:block;position:absolute;right:0;top:0;bottom:0;height:100%;align-self:stretch;grid-area:auto!important;justify-self:stretch;width:var(--minimal-rail-width);border-left:1px solid var(--bdr);border-top-right-radius:inherit;border-bottom-right-radius:inherit;box-sizing:border-box;overflow:hidden;background:transparent}
html[data-detail-level="minimal"] body:not(.sirala-kompakt) .minimal-detail-slot>.minimal-detail-toggle{display:flex;position:absolute;inset:0;width:100%;height:100%;min-height:0;align-items:center;justify-content:center;padding:0;margin:0;border:0;border-radius:0;background:transparent;color:var(--text2);cursor:pointer}
html[data-detail-level="minimal"] .minimal-detail-slot .minimal-detail-toggle>svg{margin:0}
html[data-detail-level="minimal"] .minimal-detail-slot .minimal-detail-toggle:hover{background:var(--visual-inset)}
html[data-detail-level="minimal"] .minimal-detail-slot .minimal-detail-toggle:focus-visible{outline-offset:-3px}

/* Wrap the detail row instead of truncating the record name at large text sizes. */
html[data-detail-level="minimal"] body:not(.sirala-kompakt) #ozet :is(.home-account-card,.home-flow-card).minimal-wrap:not(.minimal-open)>:is(.home-account-name,.home-flow-name){grid-column:2/-1;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
html[data-detail-level="minimal"] body:not(.sirala-kompakt) #ozet :is(.home-account-card,.home-flow-card).minimal-wrap:not(.minimal-open)>.home-money-row{grid-column:1/-1;grid-row:2;width:100%;justify-content:flex-end}
html[data-detail-level="minimal"] body:not(.sirala-kompakt) #hesap-kapama-sirasi .target-order-card:not(.minimal-open)>.target-order-name{white-space:nowrap}
html[data-detail-level="minimal"] body:not(.sirala-kompakt) #hesap-kapama-sirasi .target-order-card.minimal-wrap:not(.minimal-open){display:grid;grid-template-columns:max-content auto minmax(0,1fr)}
html[data-detail-level="minimal"] #hesap-kapama-sirasi .target-order-card.minimal-wrap:not(.minimal-open)>.target-order-include{grid-column:1;grid-row:1}
html[data-detail-level="minimal"] #hesap-kapama-sirasi .target-order-card.minimal-wrap:not(.minimal-open)>.target-order-icon{grid-column:2;grid-row:1}
html[data-detail-level="minimal"] #hesap-kapama-sirasi .target-order-card.minimal-wrap:not(.minimal-open)>.target-order-name{grid-column:3;grid-row:1;white-space:normal;overflow-wrap:anywhere}
html[data-detail-level="minimal"] #hesap-kapama-sirasi .target-order-card.minimal-wrap:not(.minimal-open)>.target-order-month{grid-column:1;grid-row:2}
html[data-detail-level="minimal"] #hesap-kapama-sirasi .target-order-card.minimal-wrap:not(.minimal-open)>.target-order-money{grid-column:2/-1;grid-row:2;width:100%}
html[data-detail-level="minimal"] body:not(.sirala-kompakt) .home-goal-card:not(.minimal-open) .butce-altay-durum{display:none!important}


/* In minimal mode section controls disclose card details without collapsing lists. */
html[data-detail-level="minimal"] body .minimal-group-heading>[id^="acc-arr-"]{display:none!important}
html[data-detail-level="minimal"] body .minimal-group-body{max-height:none!important;height:auto!important}
.minimal-group-toggle{display:none}
html[data-detail-level="minimal"] body:not(.sirala-kompakt) .minimal-group-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:calc(26px * var(--app-control-scale,1));height:calc(26px * var(--app-control-scale,1));margin-inline-start:auto;padding:0;border:0;border-radius:var(--r);background:transparent;color:var(--text2);cursor:pointer}
.minimal-group-toggle>svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.minimal-group-toggle[aria-expanded="false"]>svg{transform:rotate(180deg)}
.minimal-group-toggle:disabled{opacity:.4;cursor:default}
.minimal-group-toggle:focus-visible{outline:2px solid var(--fixblu)}

html[data-detail-level="minimal"] body:not(.sirala-kompakt) .minimal-group-heading{flex:1;cursor:pointer}
html[data-detail-level="minimal"] body .minimal-group-toggle{order:10}
html[data-detail-level="minimal"] body .minimal-group-heading:has(>.visual-section-total,>div #btn-hedef-tumu-proj)>.minimal-group-toggle{margin-inline-start:0}
html[data-detail-level="minimal"] body .minimal-group-heading>div:has(#btn-hedef-tumu-proj){margin-inline-start:auto}

.standard-touch-payment-toggle{display:none}
@media(pointer:coarse){
 html[data-detail-level="standard"] .touch-payment-heading{flex:1;cursor:pointer}
 html[data-detail-level="standard"] .standard-touch-payment-toggle{display:inline-flex;align-items:center;justify-content:center;margin-inline-start:auto;padding:0;width:26px;height:26px;border:0;background:transparent;color:var(--text2);cursor:pointer}
 .standard-touch-payment-toggle>svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 .standard-touch-payment-toggle[aria-expanded="false"]>svg{transform:rotate(180deg)}
 html[data-detail-level="standard"] .standard-payment-collapsed{display:none!important}
}

/* The integrated rail is not a data row. */
html[data-detail-level="minimal"] body .home-monthly-details>.row:not(:has(~ .row)){border-bottom:0}
html[data-detail-level="minimal"] body:not(.sirala-kompakt) .odeme-donem-karti:not(.minimal-open):has(>[data-tamamlanan-hedef])>.odeme-donem-baslik{margin-bottom:0!important}
html[data-detail-level="minimal"] body:not(.sirala-kompakt) .odeme-donem-karti:not(.minimal-open):has(>[data-tamamlanan-hedef])>.odeme-donem-kapasite{margin-top:0}

/* Payment controls are siblings of the clickable heading; reserve its trailing toggle slot. */
html[data-detail-level="minimal"] body #proj-aylik-kart>div:first-child{position:relative;padding-inline-end:32px}
html[data-detail-level="minimal"] body #proj-aylik-kart .minimal-group-toggle{position:absolute;inset-inline-end:0;top:50%;translate:0 -50%;margin:0}
@media(pointer:coarse){
 html[data-detail-level="standard"] body #proj-aylik-kart>div:first-child{position:relative;padding-inline-end:32px}
 html[data-detail-level="standard"] body #proj-aylik-kart :is(#acc-arr-borc-aylik,.standard-touch-payment-toggle){position:absolute;inset-inline-end:0;top:50%;translate:0 -50%;margin:0}
}
