@font-face{font-family:Inter;src:url('/assets/fonts/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/InterVariable-Italic.woff2') format('woff2');font-style:italic;font-weight:100 900;font-display:swap}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:Inter,Arial,sans-serif}
.mobilegridtools,.mobilescrollhint{display:none}

@media(max-width:800px), (max-width:1200px) and (orientation:landscape) and (pointer:coarse){
 aside{position:sticky;top:0;z-index:20;align-content:center;box-shadow:0 4px 14px #102c4324}
 .workspace-nav{position:static;width:100%;padding:4px 12px 8px;background:linear-gradient(165deg,#18394d,var(--navy) 52%,#0c2131);display:flex;flex-wrap:wrap;gap:4px;z-index:1}
 .workspace-nav>.nav{display:block;width:auto;flex:0 0 auto;margin:0;min-height:32px;padding:5px 8px;font-size:11px}
 aside>.corporatebrand{order:0}
 aside>.sidefoot{order:1;margin-left:auto}
 aside>.nav{order:2;min-height:32px;padding:5px 8px;font-size:11px;border-radius:8px;line-height:1.15;margin-top:8px}
 aside>#navReports{margin-left:0;border-top-left-radius:0}
 aside>.eyebrow{order:3;width:100%;margin:2px 0 0}
}
@media(max-width:800px), (max-width:1200px) and (orientation:landscape) and (pointer:coarse){
 #workspace,main,header,.panel,#reportsPage,#reportPanel,#resultScreen,#results,.reportlayout{min-width:0;max-width:100%;box-sizing:border-box}
 main{padding:16px 10px 24px;min-height:100dvh}
 aside{padding:12px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));gap:4px}
 aside>.nav{font-size:12px;min-height:44px;padding:8px 10px;margin:0}
 .corporatebrand .v3mark{width:36px;height:36px}.corporatebrand .sidelogo{width:100px}.sidefoot .nav{min-height:44px}
 header{padding-bottom:12px;margin-bottom:12px}h1{font-size:25px}
 .panel{padding:14px 10px;border-radius:14px}.panelhead{gap:10px;flex-wrap:wrap}.panelhead>div{min-width:0;flex:1}
 .panelhead h2{font-size:20px;overflow-wrap:anywhere}
 #reportPanel>.panelhead{padding-bottom:12px;margin-bottom:12px}
 .toolbar{flex-wrap:wrap;gap:8px;margin:14px 0}.toolbar>input{max-width:none;flex-basis:100%}.toolbar>button{flex:1;white-space:normal}
 input:not([type=checkbox]),select,textarea{font-size:16px!important;min-height:44px}
 .filters,.filtergroupfields{grid-template-columns:minmax(0,1fr);gap:12px}.filters>button{width:100%;min-height:46px}
 .datefiltercontrol,.datepresetcontrol,.grid{min-width:0;max-width:100%}
 .resulthead{gap:8px;margin:12px 0}.resulthead>div{width:100%;flex-wrap:wrap;display:flex;gap:8px}.resulthead>div>*{flex:1;min-width:0}
 #resultScreen>.resulthead select,#resultScreen>.resulthead button{min-height:44px;height:auto}
 .results.extendedview{padding:0;overflow:visible;max-height:none}
 .mobilegridtools{display:block;width:100%;text-align:left;min-height:44px;background:#e9f4f7;color:#165369;border:1px solid #c7dfe7;margin-bottom:8px}
 .mobilegridtools[aria-expanded=true]{background:#d7edf2}
 .gridtoolbar{display:none!important}.gridtoolbar.mobiletoolsopen{display:flex!important;flex-direction:column;padding:10px;gap:10px}
 .gridtoolbar>*{max-width:100%;min-width:0;width:100%}
 .gridtoolfilters,.gridtoolactions,.nestedgrouptools,.gridsaveactions{display:flex;flex-wrap:wrap;min-width:0;width:100%;gap:8px}
 .gridtoolbar input:not([type=checkbox]),.gridtoolbar select{width:100%!important;min-width:0!important;max-width:none}
 .gridtoolbar button{min-height:44px;white-space:normal;flex:1 1 130px}
 .mobilescrollhint{display:block;font-size:12px;color:#567488;margin:8px 2px}
 .results:not(.extendedview),.extendedview>.viewtable{width:100%;max-width:100%;max-height:65vh;max-height:65dvh;overflow:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overscroll-behavior-x:contain;overscroll-behavior-y:auto;border:1px solid #d7e5eb;border-radius:10px}
 .customizedgrid .columnfilterrow input{height:38px;min-height:38px;padding:4px}
 .customizedgrid .columnresize{display:none}
 .gridpager{display:flex;flex-wrap:wrap;gap:8px}.gridpager button{min-height:44px;flex:1}.gridpager p{flex-basis:100%;margin:0;font-size:12px}
 .layoutsettings{max-width:100%}.layoutsettings>summary{min-height:36px;display:list-item;padding:6px 0}
 .gridfield,.fieldtoolbar{min-width:0;max-width:100%;flex-wrap:wrap}.gridfield input{min-width:0}
 dialog:not(.pl-photo-viewer){max-width:calc(100vw - 20px)!important;max-height:88dvh;overflow:auto;padding:16px!important}
 dialog input,dialog select{max-width:100%}.chartbody svg{min-width:0}.chartbody{overflow:auto}.chartactions{flex-wrap:wrap}.chartactions button{min-height:44px}
 .reportdocument{width:100%;min-width:0;padding:12px;overflow:auto}.cards{grid-template-columns:minmax(0,1fr)}
 .totalscard dl{grid-template-columns:minmax(0,1fr)}.reportgroup,.reporttext{min-width:0}.reporttext strong{overflow-wrap:anywhere}
 .login{min-height:100dvh;padding:20px 14px}.loginbox{padding:24px 20px}.loginproduct>span{font-size:22px}
 footer{margin-top:22px;padding-bottom:env(safe-area-inset-bottom)}
}
@media print{.mobilegridtools,.mobilescrollhint{display:none!important}}
/* Mobil sonuç ekranı: yalnız rapor verisi ve filtrelere dönüş. */
@media(max-width:800px), (max-width:1200px) and (orientation:landscape) and (pointer:coarse){
 #reportsPage:has(#resultScreen:not([hidden]))>.toolbar,
 main:has(#resultScreen:not([hidden]))>header,
 #reportPanel:has(#resultScreen:not([hidden]))>.backReports,
 #reportPanel:has(#resultScreen:not([hidden]))>.panelhead,
 #resultScreen>.resulthead,
 #resultScreen>.resultnavigation>.eyebrow,
 #resultScreen .mobilegridtools,
 #resultScreen .mobilescrollhint,
 #resultScreen .gridtoolbar.mobiletoolsopen,
 #resultScreen .layoutsettings,
 #resultScreen .viewcontrols,
 #resultScreen .extendedview>button,
 #resultScreen .extendedview>.muted,
 #resultScreen .viewnote,
 #resultScreen .columnfilterrow,
 #resultScreen .columnheaderaction,
 #resultScreen .chartactions{display:none!important}
 #resultScreen .resultnavigation{justify-content:flex-start;margin:0 0 10px;padding:0}
 #backFilters{min-height:44px}
 #resultScreen .customizedgrid thead>tr:first-child .gridcellclip{padding:6px 8px!important}

 #resultScreen .extendedview>.viewtable,#resultScreen>.results:not(.extendedview){max-height:78vh;max-height:78dvh}
}
@media(max-width:800px), (max-width:1200px) and (orientation:landscape) and (pointer:coarse){
 #workspace:has(#resultScreen:not([hidden]))>aside{padding:8px 12px;min-height:0;display:flex;align-items:center}
 #workspace:has(#resultScreen:not([hidden]))>aside>:not(.corporatebrand):not(.sidefoot){display:none!important}
 #workspace:has(#resultScreen:not([hidden])) .corporatebrand{margin:0;padding:0;gap:8px}
 #workspace:has(#resultScreen:not([hidden])) .v3mark{width:30px;height:30px}
 #workspace:has(#resultScreen:not([hidden])) .sidelogo{width:88px}
 #workspace:has(#resultScreen:not([hidden])) .corporatebrand small{font-size:8px;letter-spacing:1px}
 main:has(#resultScreen:not([hidden])){padding-top:8px}
 #reportPanel:has(#resultScreen:not([hidden]))>.panelhead{display:flex!important;margin:0 0 6px;padding:0 0 6px}
 #reportPanel:has(#resultScreen:not([hidden]))>.panelhead #reportCategory,
 #reportPanel:has(#resultScreen:not([hidden]))>.panelhead #reportDescription,
 #reportPanel:has(#resultScreen:not([hidden]))>.panelhead #editReport{display:none!important}
 #reportPanel:has(#resultScreen:not([hidden])){padding:10px}
 #reportPanel:has(#resultScreen:not([hidden])) #reportTitle{font-size:17px;line-height:1.3;margin:0}
 #resultScreen .resultnavigation{margin-bottom:8px}
 #backFilters{padding:6px 12px;font-size:12px;min-height:36px}
}
/* Araçlar isteğe bağlı açılır; sıralama her zaman dokunulabilir. */
@media(max-width:800px), (max-width:1200px) and (orientation:landscape) and (pointer:coarse){
 #resultScreen .extendedview>.mobilegridtools{display:block!important;width:auto;min-height:36px;padding:6px 12px;font-size:12px;margin:0 0 8px auto}
 #resultScreen .mobilegridexpanded>.gridtoolbar.mobiletoolsopen{display:flex!important}
 #resultScreen .mobilegridexpanded>.layoutsettings{display:block!important}
 #resultScreen .mobilegridexpanded .columnfilterrow{display:table-row!important}
 #resultScreen .mobilegridexpanded .columnheaderaction{display:block!important;pointer-events:auto}
 #resultScreen .mobilegridexpanded .customizedgrid thead>tr:first-child .gridcellclip{padding-bottom:30px!important}
 #resultScreen .customizedgrid thead>tr:first-child .gridcellclip>button:first-child{min-height:36px;touch-action:manipulation}
}
.mobilegridzoom{display:none}
@media(max-width:800px), (max-width:1200px) and (orientation:landscape) and (pointer:coarse){
 .mobilegridzoom{display:flex;justify-content:flex-end;gap:4px;margin:0 0 6px}
 .mobilegridzoom button{min-width:40px;min-height:36px;padding:4px 8px;font-size:12px}
 .customizedgrid>table{zoom:var(--grid-zoom,1)}
}
@media print{.mobilegridzoom{display:none!important}.customizedgrid>table{zoom:1!important}}
.mobilegridbar{display:none}
@media(max-width:800px), (max-width:1200px) and (orientation:landscape) and (pointer:coarse){
 .mobilegridbar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}
 #resultScreen .mobilegridbar>.mobilegridtools{display:block!important;width:auto;margin:0;min-height:36px;padding:6px 10px;font-size:12px}
 .mobilegridbar>.mobilegridzoom{margin:0}
}
@media print{.mobilegridbar{display:none!important}}