/* v12.4.14: ortak sayfa hiyerarşisi, okunabilir listeler, formlar ve tablo erişimi. */
.workspace-page { --ux-border:color-mix(in srgb,var(--line) 85%,var(--slate) 15%);--ux-focus:#2563eb;line-height:1.55; }
[data-theme=dark] .workspace-page { --ux-focus:#93c5fd; }
.workspace-page > .ux-page-heading { gap:18px;padding:22px 24px;border:1px solid var(--ux-border);border-radius:18px;background:linear-gradient(115deg,var(--surface),var(--surface-2));margin:0 0 14px;align-items:center; }
.ux-page-heading .ux-heading-copy,.ux-page-heading > div:first-child { min-width:0;flex:1; }
.ux-page-heading .eyebrow { display:flex;align-items:center;gap:7px;font-size:10.5px;line-height:1.5;letter-spacing:.9px; }
.ux-page-heading h2 { font-size:clamp(24px,2.1vw,32px);line-height:1.25;letter-spacing:-.6px;margin:7px 0; }
.ux-page-heading p { max-width:74ch;font-size:13.5px;line-height:1.65; }
.ux-page-actions { display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex-shrink:0; }
.ux-page-actions .btn { min-height:44px;text-decoration:none;white-space:normal;font-size:12.5px; }
.workspace-page > .page-guide { margin-bottom:22px;border-color:var(--ux-border);background:var(--surface); }
.workspace-page .page-guide > summary { font-size:12.5px;line-height:1.5; }
.workspace-page .page-guide > div { padding:18px; }
.workspace-page > :is(.toolbar,.filters) { padding:14px;gap:10px;border:1px solid var(--ux-border);border-radius:14px;background:var(--surface);margin:0 0 16px;align-items:flex-end;overflow:visible;flex-wrap:wrap; }
.workspace-page .toolbar .search { min-width:0;flex:1 1 200px; }
.workspace-page .filters .pill-select { min-width:120px;max-width:100%;flex:0 1 220px; }
.workspace-page .pill-select[data-ux-labelled] { display:flex;flex-direction:column;gap:7px;border-radius:10px; }
.workspace-page .pill-select[data-ux-labelled]::after { top:auto;bottom:18px;transform:rotate(45deg); }
.ux-filter-label { color:var(--slate);font-weight:650;font-size:12px;line-height:1.4;padding-left:2px; }
.workspace-page .pill-select select { min-height:44px;font-size:13px;line-height:1.4; }
.workspace-page :is(.card,.kpi) { border-color:var(--ux-border);box-shadow:var(--shadow-1); }
.workspace-page .card:not(.pad-0):not(.dash-card) { padding:18px; }
.workspace-page .card:hover { transform:none;box-shadow:var(--shadow-1); }
.workspace-page .card-head { align-items:center;flex-wrap:wrap;gap:9px; }
.workspace-page .card-head h3 { font-size:15.5px;line-height:1.5; }
.workspace-page .card-head .sub { font-size:12px;line-height:1.5;white-space:normal; }
.workspace-page > .card + .card { margin-top:16px; }
.workspace-page .li { min-height:64px;gap:12px; }
.workspace-page .li-main { min-width:0; }
.workspace-page .li-title { font-size:14px;line-height:1.5;white-space:normal; }
.workspace-page .li-sub { font-size:12px;line-height:1.5; }
.workspace-page .li-end { font-variant-numeric:tabular-nums; }
.workspace-page .section-title { font-size:12px;line-height:1.5;letter-spacing:.2px;gap:8px;flex-wrap:wrap; }
.workspace-page .set-row { min-height:64px;padding:14px 0; }
.workspace-page .set-row small { font-size:12.5px;line-height:1.55; }
.workspace-page .empty { padding:32px 20px; }
.workspace-page .empty p { max-width:48ch;margin-left:auto;margin-right:auto;color:var(--slate);line-height:1.65; }
:is(.workspace-page,.sheet) .icon-btn { width:44px;height:44px;min-width:44px;min-height:44px;flex-shrink:0;border-radius:11px; }
:is(.workspace-page,.sheet) .field > span { font-size:12.5px;line-height:1.55; }
:is(.workspace-page,.sheet) .field :is(input,select,textarea) { border-radius:10px;line-height:1.5; }
:is(.workspace-page,.sheet) .field :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=range]) { padding:11px 12px; }
:is(.workspace-page,.sheet) .field :is(input,select,textarea)[aria-invalid=true],:is(.workspace-page,.sheet) .field.err :is(input,select,textarea) { border-color:var(--red);background:var(--red-soft); }
:is(.workspace-page,.sheet) .ux-field-hint { font-size:12px;line-height:1.55; }
:is(.workspace-page,.sheet) :is(button,a,summary,input,select,textarea,[data-ux-table]):focus-visible { outline:3px solid var(--ux-focus,#2563eb);outline-offset:3px; }
.sheet-head { border-bottom:1px solid var(--line); }
.sheet-head h3 { overflow-wrap:anywhere;line-height:1.4; }
.sheet-body { scroll-padding-block:18px; }
.sheet-footer,.sheet-foot { border-top:1px solid var(--line);background:var(--surface); }
.ux-table-hint { margin:0;padding:10px 14px;background:var(--surface-2);border-bottom:1px solid var(--line);font-size:12px;color:var(--ink-2);line-height:1.55; }
[data-ux-table] { max-width:100%;min-width:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--slate) var(--surface-2);overscroll-behavior-x:contain; }
[data-ux-table].ux-scroll-end { box-shadow:inset -12px 0 14px -14px var(--slate); }
[data-ux-table].ux-scroll-start { box-shadow:inset 12px 0 14px -14px var(--slate); }
[data-ux-table].ux-scroll-start.ux-scroll-end { box-shadow:inset -12px 0 14px -14px var(--slate),inset 12px 0 14px -14px var(--slate); }
.workspace-page .tbl { font-size:13px; }
.workspace-page .tbl th { font-size:12px;text-transform:none;letter-spacing:0;line-height:1.5;padding:13px 15px;background:var(--surface-2); }
.workspace-page .tbl td { padding:13px 15px;line-height:1.55;border-bottom-color:var(--line); }
.workspace-page .tbl tbody tr:nth-child(even):not(.tot) td { background:color-mix(in srgb,var(--surface-2) 32%,var(--surface)); }
.workspace-page .tbl tbody tr:focus-within td { background:var(--accent-soft); }
.workspace-page .phase .row { flex-wrap:wrap;min-width:0; }
.workspace-page .phase .row > b { overflow-wrap:anywhere; }
.workspace-page .phase input[type=range] { flex:1 1 140px;width:auto;min-width:0; }
.workspace-page :is(#gt,#pr) { min-width:0;max-width:100%;overflow:auto; }
.workspace-page :is(.btn,.chip,.picker-btn,summary) { touch-action:manipulation; }
@media (hover:hover) and (pointer:fine) {
 .workspace-page .li[data-id]:hover,.workspace-page a.li:hover { background:var(--surface-2); }
 .ux-page-actions .btn:hover { border-color:var(--slate);transform:translateY(-1px); }
}
@media (max-width:900px) {
 .workspace-page > .ux-page-heading { flex-wrap:wrap;padding:18px;gap:14px; }
 .ux-page-heading > div:first-child { flex-basis:100%; }
 .ux-page-actions { width:100%; }
 .ux-page-actions .btn { flex:1 1 120px; }
}
@media (max-width:600px) {
 .main > #view { padding-left:max(14px,env(safe-area-inset-left)) !important;padding-right:max(14px,env(safe-area-inset-right)) !important; }
 .workspace-page > .ux-page-heading { border-radius:14px;padding:16px; }
 .ux-page-heading h2 { font-size:24px; }
 .ux-page-heading .eyebrow { font-size:9.5px;letter-spacing:.5px; }
 .workspace-page > :is(.toolbar,.filters) { padding:12px; }
 .workspace-page .filters .pill-select { flex:1 1 130px; }
 .workspace-page :is(.toolbar,.filters) > .icon-btn { flex:0 0 44px; }
 .workspace-page .card:not(.pad-0):not(.dash-card) { padding:16px; }
 .workspace-page .li { gap:9px;padding-left:12px;padding-right:12px; }
 .workspace-page .li-title { font-size:13.5px; }
 .workspace-page .li-amt { font-size:14px; }
 .workspace-page .tbl :is(th,td) { padding:12px; }
 :is(.workspace-page,.sheet) .field :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=range]) { font-size:16px; }
}
@media (max-height:500px) and (orientation:landscape) {
 .workspace-page > .ux-page-heading { padding:12px 16px;gap:10px; }
 .ux-page-heading > div:first-child { flex:1 1 50%; }
 .ux-page-heading h2 { font-size:23px;margin:4px 0; }
 .ux-page-heading p { font-size:12px; }
 .ux-page-actions { width:auto; }
 .sheet-head { padding-top:8px;padding-bottom:8px; }
}
@media (min-width:2200px) {
 .workspace-page > .ux-page-heading { padding:28px 32px; }
 .ux-page-heading h2 { font-size:36px; }
 .ux-page-heading p { font-size:16px; }
 .workspace-page .li-title { font-size:16px; }
 .workspace-page .tbl { font-size:15px; }
 .workspace-page .tbl th { font-size:14px; }
}
@media (prefers-reduced-motion:reduce) {
 .workspace-page *, .sheet *, .workspace-page *::before,.workspace-page *::after { scroll-behavior:auto !important;transition:none !important;animation:none !important; }
}