/* LUZE UI ZIP 2 — cross-screen design-system foundation v2.
   Loaded after canonical UI modules. It is intentionally business-logic neutral. */
:root{
  --uif-canvas:var(--ds-color-canvas,#f4f5f3);
  --uif-surface:var(--ds-color-surface,#fff);
  --uif-surface-subtle:var(--ds-color-surface-subtle,#f8f9f7);
  --uif-text:var(--ds-color-text,#202c28);
  --uif-muted:var(--ds-color-text-muted,#56645f);
  --uif-border:var(--ds-color-border,#d9dfdc);
  --uif-divider:var(--ds-color-divider,#e7ebe9);
  --uif-brand:var(--ds-color-brand,#0d715d);
  --uif-brand-hover:var(--ds-color-brand-hover,#0b624f);
  --uif-focus:var(--ds-color-focus,#145fa8);
  --uif-danger:var(--ds-color-danger,#9d2d32);
  --uif-danger-soft:var(--ds-color-danger-soft,#fbe9e9);
  --uif-success:var(--ds-color-success,#1d704f);
  --uif-success-soft:var(--ds-color-success-soft,#e4f3ec);
  --uif-warning:var(--ds-color-warning,#80500a);
  --uif-warning-soft:var(--ds-color-warning-soft,#fff3d9);
  --uif-info:var(--ds-color-info,#1f5f9c);
  --uif-info-soft:var(--ds-color-info-soft,#e7f0fa);
  --uif-radius-sm:var(--ds-radius-sm,.5rem);
  --uif-radius:var(--ds-radius-md,.625rem);
  --uif-radius-lg:var(--ds-radius-lg,.875rem);
  --uif-shadow:var(--ds-shadow-surface,0 1px 2px rgb(16 42 39 / 3%),0 8px 24px rgb(16 42 39 / 4%));
  --uif-control:var(--ds-control-height,2.75rem);
  --uif-touch:var(--ds-touch-target-coarse,3rem);
  --uif-space-1:var(--ds-space-1,.25rem);
  --uif-space-2:var(--ds-space-2,.5rem);
  --uif-space-3:var(--ds-space-3,.75rem);
  --uif-space-4:var(--ds-space-4,1rem);
  --uif-space-5:var(--ds-space-5,1.25rem);
  --uif-space-6:var(--ds-space-6,1.5rem);
  --uif-space-8:var(--ds-space-8,2rem);
  --uif-font:var(--ds-font-sans,"Segoe UI Variable","Aptos",system-ui,sans-serif);
}

html[data-ui-version="v2"],html[data-ui-foundation="2"]{text-size-adjust:100%;scroll-behavior:smooth}
html[data-ui-version="v2"] body,html[data-ui-foundation="2"] body{font-family:var(--uif-font);text-rendering:optimizeLegibility}
html[data-ui-version="v2"] :where(main,section,article,aside,nav,header,footer,form,fieldset),
html[data-ui-foundation="2"] :where(main,section,article,aside,nav,header,footer,form,fieldset){min-inline-size:0}
html[data-ui-version="v2"] :where(img,svg,video,canvas),html[data-ui-foundation="2"] :where(img,svg,video,canvas){max-inline-size:100%}
html[data-ui-version="v2"] :where(p,li,dd,td,th,.ds-state__message,.ds-alert__message),
html[data-ui-foundation="2"] :where(p,li,dd,td,th){overflow-wrap:anywhere}

/* Focus and keyboard navigation */
html[data-ui-version="v2"] :where(a[href],button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"])):focus-visible,
html[data-ui-foundation="2"] :where(a[href],button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"])):focus-visible{
  outline:.1875rem solid var(--uif-focus);outline-offset:.125rem;box-shadow:0 0 0 .1875rem color-mix(in srgb,var(--uif-focus) 18%,transparent)
}
html[data-ui-version="v2"] .ds-skip-link,html[data-ui-foundation="2"] .uif-skip-link{
  position:fixed;inset-block-start:.5rem;inset-inline-start:.5rem;z-index:10000;transform:translateY(-160%);
  padding:.7rem 1rem;border-radius:var(--uif-radius);background:#102a27;color:#fff;font-weight:700;text-decoration:none
}
html[data-ui-version="v2"] .ds-skip-link:focus,html[data-ui-foundation="2"] .uif-skip-link:focus{transform:none}

/* Shared page rhythm */
html[data-ui-version="v2"] .ds-shell-content{display:grid;gap:clamp(1rem,1.4vw,1.5rem);inline-size:100%}
html[data-ui-version="v2"] .legacy-functional-surface{inline-size:100%;min-inline-size:0}
html[data-ui-version="v2"] :where(.ds-page-header,.page-header,.section-head){min-inline-size:0}
html[data-ui-version="v2"] .ds-page-header{align-items:flex-start;gap:var(--uif-space-4)}
html[data-ui-version="v2"] .ds-page-header__copy{min-inline-size:0;max-inline-size:68rem}
html[data-ui-version="v2"] .ds-page-header__description{max-inline-size:72ch}
html[data-ui-version="v2"] .ds-page-header__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--uif-space-2)}

/* Buttons and action semantics */
html[data-ui-version="v2"] :where(.ds-button,.legacy-functional-surface .btn),
html[data-ui-foundation="2"] :where(button,.btn,a.btn){min-block-size:var(--uif-control);border-radius:var(--uif-radius);font-weight:650;line-height:1.25}
html[data-ui-version="v2"] .ds-button[data-busy="true"],html[data-ui-foundation="2"] [data-busy="true"]{cursor:progress;opacity:.76}
html[data-ui-version="v2"] .ds-button__spinner{inline-size:1rem;block-size:1rem;border:.125rem solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:uif-spin .7s linear infinite}
@keyframes uif-spin{to{transform:rotate(1turn)}}

/* Forms */
html[data-ui-version="v2"] :where(.ds-input,.ds-select,.ds-textarea,.legacy-functional-surface input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),.legacy-functional-surface select,.legacy-functional-surface textarea),
html[data-ui-foundation="2"] :where(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select,textarea){
  min-block-size:var(--uif-control);max-inline-size:100%;border-radius:var(--uif-radius)
}
html[data-ui-version="v2"] :where(.ds-input,.ds-select,.ds-textarea,input,select,textarea)[aria-invalid="true"],
html[data-ui-foundation="2"] :where(input,select,textarea)[aria-invalid="true"]{border-color:var(--uif-danger);box-shadow:0 0 0 .125rem var(--uif-danger-soft)}
html[data-ui-version="v2"] :where(.ds-field__hint,.ds-field__error),html[data-ui-foundation="2"] :where(.field-hint,.field-error){margin-block-start:.35rem;font-size:.875rem}
html[data-ui-version="v2"] .ds-field__error,html[data-ui-foundation="2"] .field-error{color:var(--uif-danger)}
html[data-ui-version="v2"] :where(fieldset),html[data-ui-foundation="2"] :where(fieldset){min-inline-size:0}

/* Tables and dense data */
html[data-ui-version="v2"] :where(.ds-table-wrap,.table-wrap,.responsive-table,.mobile-card-table,.data-table-wrap,.fc-table-wrap,[data-responsive-table]),
html[data-ui-foundation="2"] :where(.table-wrap,.responsive-table,[data-responsive-table]){max-inline-size:100%;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
html[data-ui-version="v2"] :where(table),html[data-ui-foundation="2"] :where(table){font-variant-numeric:tabular-nums}
html[data-ui-version="v2"] :where(th),html[data-ui-foundation="2"] :where(th){text-align:start}
html[data-ui-version="v2"] [data-uif-scroll-region="true"],html[data-ui-foundation="2"] [data-uif-scroll-region="true"]{outline-offset:-.125rem}

/* Reusable toolbar */
html[data-ui-version="v2"] .ds-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--uif-space-3);flex-wrap:wrap;padding:var(--uif-space-3);border:1px solid var(--uif-border);border-radius:var(--uif-radius-lg);background:var(--uif-surface)}
html[data-ui-version="v2"] .ds-toolbar__group{display:flex;align-items:center;gap:var(--uif-space-2);flex-wrap:wrap;min-inline-size:0}
html[data-ui-version="v2"] .ds-toolbar__grow{flex:1 1 18rem}

/* Shared state panels */
html[data-ui-version="v2"] .ds-state-panel{display:grid;justify-items:start;gap:var(--uif-space-3);padding:clamp(1rem,2vw,1.5rem);border:1px dashed var(--uif-border);border-radius:var(--uif-radius-lg);background:var(--uif-surface-subtle)}
html[data-ui-version="v2"] .ds-state-panel__icon{display:grid;place-items:center;inline-size:2.5rem;block-size:2.5rem;border-radius:var(--uif-radius);background:var(--uif-surface);color:var(--uif-muted)}
html[data-ui-version="v2"] .ds-state-panel__title{font-size:1.05rem;font-weight:700;color:var(--uif-text)}
html[data-ui-version="v2"] .ds-state-panel__message{max-inline-size:64ch;color:var(--uif-muted)}
html[data-ui-version="v2"] .ds-state-panel__actions{display:flex;gap:var(--uif-space-2);flex-wrap:wrap}
html[data-ui-version="v2"] .ds-state-panel[data-tone="danger"]{border-color:color-mix(in srgb,var(--uif-danger) 42%,var(--uif-border));background:var(--uif-danger-soft)}
html[data-ui-version="v2"] .ds-state-panel[data-tone="warning"]{border-color:color-mix(in srgb,var(--uif-warning) 42%,var(--uif-border));background:var(--uif-warning-soft)}
html[data-ui-version="v2"] .ds-state-panel[data-tone="success"]{border-color:color-mix(in srgb,var(--uif-success) 42%,var(--uif-border));background:var(--uif-success-soft)}

/* Dialog primitive */
html[data-ui-version="v2"] .ds-dialog{inline-size:min(42rem,calc(100vw - 2rem));max-block-size:min(88dvh,52rem);padding:0;border:1px solid var(--uif-border);border-radius:var(--uif-radius-lg);background:var(--uif-surface);color:var(--uif-text);box-shadow:0 24px 70px rgb(16 42 39 / 22%);overflow:hidden}
html[data-ui-version="v2"] .ds-dialog::backdrop{background:rgb(10 24 22 / 58%);backdrop-filter:blur(.125rem)}
html[data-ui-version="v2"] .ds-dialog__header,html[data-ui-version="v2"] .ds-dialog__body,html[data-ui-version="v2"] .ds-dialog__actions{padding:var(--uif-space-4) var(--uif-space-5)}
html[data-ui-version="v2"] .ds-dialog__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--uif-space-3);border-block-end:1px solid var(--uif-divider)}
html[data-ui-version="v2"] .ds-dialog__body{overflow:auto;max-block-size:60dvh}
html[data-ui-version="v2"] .ds-dialog__actions{display:flex;justify-content:flex-end;gap:var(--uif-space-2);flex-wrap:wrap;border-block-start:1px solid var(--uif-divider);background:var(--uif-surface-subtle)}

/* Feedback and network status */
html[data-ui-version="v2"] body[data-network-state="offline"]::before,html[data-ui-foundation="2"] body[data-network-state="offline"]::before{
  content:"Çevrimdışı — bağlantı geri geldiğinde veriler yenilenecek";position:fixed;inset-block-start:0;inset-inline:0;z-index:9999;padding:.45rem 1rem;background:#7a4c08;color:#fff;text-align:center;font-size:.8125rem;font-weight:700
}
html[data-ui-version="v2"] .ds-toast-region{position:fixed;inset-inline-end:max(1rem,env(safe-area-inset-right,0px));inset-block-end:max(1rem,calc(env(safe-area-inset-bottom,0px) + 1rem));z-index:9500;display:grid;gap:.5rem}
html[data-ui-version="v2"] .uif-toast{padding:.75rem 1rem;border:1px solid var(--uif-border);border-radius:var(--uif-radius);background:var(--uif-surface);color:var(--uif-text);box-shadow:0 12px 32px rgb(16 42 39 / 16%);max-inline-size:min(28rem,calc(100vw - 2rem))}

/* Standalone operational surfaces: conservative enhancement only. */
html[data-ui-foundation="2"] body{min-inline-size:20rem}
html[data-ui-foundation="2"] :where(button,.btn,a.btn,input,select,textarea){font-family:var(--uif-font)}
html[data-ui-foundation="2"] :where(button,.btn,a.btn){min-block-size:2.75rem}
html[data-ui-foundation="2"] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea){min-block-size:2.75rem}

@media (pointer:coarse){
  html[data-ui-version="v2"] :where(a[href],button,.ds-button,input:not([type="hidden"]),select,textarea,summary),
  html[data-ui-foundation="2"] :where(a[href],button,.btn,input:not([type="hidden"]),select,textarea,summary){min-block-size:var(--uif-touch)}
}
@media (max-width:48rem){
  html[data-ui-version="v2"] .ds-page-header{display:grid}
  html[data-ui-version="v2"] .ds-page-header__actions{justify-content:stretch}
  html[data-ui-version="v2"] .ds-page-header__actions>:where(.ds-button,a,button){flex:1 1 auto}
  html[data-ui-version="v2"] .ds-toolbar{align-items:stretch}
  html[data-ui-version="v2"] .ds-toolbar__group{inline-size:100%}
}
@media (max-width:36rem){
  html[data-ui-version="v2"] .ds-toolbar__group>:where(.ds-button,button,a[role="button"]){flex:1 1 100%;inline-size:100%}
  html[data-ui-version="v2"] .ds-dialog{inline-size:100%;max-inline-size:none;max-block-size:94dvh;margin-block-end:0;border-end-start-radius:0;border-end-end-radius:0}
  html[data-ui-version="v2"] .ds-dialog__actions>:where(.ds-button,button){flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){
  html[data-ui-version="v2"],html[data-ui-foundation="2"]{scroll-behavior:auto}
  html[data-ui-version="v2"] *,html[data-ui-version="v2"] *::before,html[data-ui-version="v2"] *::after,
  html[data-ui-foundation="2"] *,html[data-ui-foundation="2"] *::before,html[data-ui-foundation="2"] *::after{animation-duration:.001ms;animation-iteration-count:1;transition-duration:.001ms;scroll-behavior:auto}
}
@media (forced-colors:active){
  html[data-ui-version="v2"] :where(.ds-dialog,.ds-toolbar,.ds-state-panel,.ds-button,input,select,textarea),
  html[data-ui-foundation="2"] :where(button,.btn,input,select,textarea){border-color:CanvasText;box-shadow:none}
}
@media print{
  html[data-ui-version="v2"] :where(.ds-toolbar,.ds-dialog,.ds-toast-region,[data-no-print]),html[data-ui-foundation="2"] :where([data-no-print]){display:none}
}