:root{--togg-blue:#102a43;--togg-turquoise:#00a89d;--togg-red:#a83b3b;--togg-gold:#bd9861;--togg-ivory:#f4f0e7;--togg-black:#111417;--togg-grey:#6f777c;--fs-accent:var(--togg-turquoise);--fs-ink:#172731;--fs-muted:#6e7f88;--fs-line:#d6dfdf;--fs-paper:#f5f6f3}
html{color-scheme:light;background:var(--togg-ivory)}html[data-theme=dark]{color-scheme:dark;--fs-ink:#edf2ef;--fs-muted:#aab6b4;--fs-line:#344346;--fs-paper:#151b1d;background:var(--togg-black)}
body{background-color:var(--fs-paper)!important;background-image:radial-gradient(circle at 50% -20%,#00a89d18,transparent 33%),linear-gradient(45deg,transparent 47%,#bd98610a 48%,#bd98610a 52%,transparent 53%),linear-gradient(-45deg,transparent 47%,#102a4308 48%,#102a4308 52%,transparent 53%)!important;background-size:auto,48px 48px,48px 48px;color:var(--fs-ink)!important}
.login-brand-panel,.login-scene,.dashboard-hero{background-image:linear-gradient(100deg,#081b2ce8,#102a43b8 58%,#00a89d35),url('/static/brand/fasad-hero-v1.webp')!important}.login-brand-panel>img{object-fit:contain!important}
.command-header{height:74px!important;padding:0 clamp(14px,4vw,54px)!important;background:linear-gradient(105deg,#0c2233f5,#102a43f4 55%,#163338f2)!important;border-bottom:2px solid var(--togg-gold)!important;box-shadow:0 10px 35px #08141c24!important;grid-template-columns:44px 34px auto 1fr auto!important}.command-header .brand{height:50px!important;width:240px!important;margin-left:-100px!important}.header-actions{gap:9px!important}.preference-control{position:relative}.preference-button{width:42px;height:42px;padding:10px;border:1px solid #ffffff2a;border-radius:13px;background:#ffffff0b;color:#fff}.preference-button svg,.notification-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.preference-menu{display:none;position:absolute;z-index:1400;right:0;top:50px;width:170px;padding:7px;background:#fff;border:1px solid #d6dfdf;border-radius:14px;box-shadow:0 20px 55px #08141c2c}.preference-menu.open{display:grid}.preference-menu button{padding:10px 12px;text-align:left;border:0;border-radius:9px;background:transparent;color:#22343d;font-size:12px}.preference-menu button:hover,.preference-menu button.selected{background:#e6f5f2;color:#08766f}.language-menu{width:160px}
.command-header{display:flex!important;position:fixed!important;align-items:center!important;gap:12px!important}.command-header .menu-trigger{flex:0 0 42px!important;order:1!important}.command-header .header-mark{order:2!important;flex:0 0 auto!important}.command-header .system-name{order:3!important;flex:0 0 auto!important}.command-header .brand{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;width:240px!important;height:50px!important;z-index:1!important}.command-header .header-actions{order:5!important;margin-left:auto!important;position:relative!important;z-index:2!important;flex:0 0 auto!important}.command-header .brand img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}
.command-drawer{inset:74px auto 0 0!important;width:min(460px,92vw)!important;height:calc(100dvh - 74px)!important;padding:26px 30px!important;background:radial-gradient(circle at 90% 0,#1e4944,#102a43 42%,#101719 100%)!important;border-right:1px solid #bd98614d!important;overflow-y:auto!important}.drawer-overlay{inset:74px 0 0!important}.drawer-top{align-items:flex-start!important;padding-bottom:18px!important}.drawer-top h2{font-size:26px!important;line-height:1.15!important;margin:7px 0!important}.drawer-top p{margin:5px 0 0!important}.command-drawer nav{display:grid!important;grid-template-columns:1fr 1fr!important;gap:11px!important;margin:20px 0!important}.command-drawer nav>a{min-height:86px!important;padding:15px!important;border-radius:16px!important;border-color:#ffffff25!important;background:linear-gradient(145deg,#ffffff10,#bd986108)!important}.command-drawer nav>a:hover{border-color:#bd98619c!important;background:#00a89d20!important}.drawer-logout{min-height:44px!important}
.drawer-top{display:flex!important;justify-content:space-between!important;gap:18px!important;min-height:114px!important}.drawer-top>div{display:grid!important;grid-template-rows:auto auto auto!important;align-content:start!important;gap:8px!important;min-width:0!important}.drawer-top small{display:block!important;position:static!important;margin:0!important;line-height:1.45!important;white-space:nowrap!important;letter-spacing:2.4px!important}.drawer-top h2{position:static!important;margin:0!important;line-height:1.15!important;white-space:nowrap!important}.drawer-top p{position:static!important;margin:0!important;line-height:1.4!important}.drawer-top>button{flex:0 0 44px!important;margin:0!important}
.simple-page,.workspace-shell{position:relative}.simple-head,.workspace-head,.records-section,.user-filters,.user-table,.today-arrivals,.viewer-date-bar,.project-card{border:1px solid var(--fs-line)!important;box-shadow:0 18px 55px #102a4310!important}.simple-head:before,.workspace-head:before{content:"";display:block;width:56px;height:4px;border-radius:9px;background:linear-gradient(90deg,var(--togg-turquoise),var(--togg-gold));margin-bottom:12px}.button,button[type=submit],.primary-action{background:linear-gradient(110deg,#087b74,var(--togg-turquoise))!important;color:#fff!important;border:0!important;box-shadow:0 9px 22px #00a89d24!important}
.permission-dialog{display:none!important;position:fixed!important;z-index:3000!important;inset:0!important;place-items:center!important;padding:20px!important}.permission-dialog.open{display:grid!important}.permission-backdrop{position:absolute!important;inset:0!important;background:#071319b8!important;backdrop-filter:blur(9px)!important}.permission-card{position:relative!important;z-index:1!important;inset:auto!important;transform:none!important;width:min(760px,calc(100vw - 32px))!important;max-height:calc(100dvh - 40px)!important;overflow:auto!important;padding:28px!important;border-radius:24px!important;background:#fff!important;border:1px solid #d4dede!important;box-shadow:0 35px 110px #06121870!important;color:#182a34!important}.permission-title{padding-bottom:18px;border-bottom:1px solid #e1e7e7}.permission-title h2{font-size:22px!important}.permission-form{grid-template-columns:1fr 1fr!important;gap:16px!important}.permission-form label{font-weight:700;color:#536873}.permission-form select{width:100%!important;min-height:50px!important;margin-top:7px!important}.permission-form [hidden]{display:none!important}.scope-checks{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin-top:9px!important}.scope-checks label{border:1px solid #d4dede;border-radius:12px;padding:11px;background:#f8faf9}.permission-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:150px 1fr!important;gap:10px}.permission-cancel{background:#eef2f1!important;color:#3b4e56!important;box-shadow:none!important}.user-delete-form{margin-top:16px!important}.modal-open{overflow:hidden!important}
html[data-theme=dark] main{color:var(--fs-ink)}html[data-theme=dark] .records-section,html[data-theme=dark] .simple-head,html[data-theme=dark] .workspace-head,html[data-theme=dark] .user-filters,html[data-theme=dark] .user-table,html[data-theme=dark] .today-arrivals{background:#182023!important;color:#edf2ef!important;border-color:#344346!important}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#111719!important;color:#edf2ef!important;border-color:#3a494c!important}
@media(max-width:850px){.command-header{height:68px!important;padding:0 11px!important}.header-mark,.system-name{display:none!important}.command-header .brand{width:145px!important;height:40px!important}.header-actions{gap:5px!important}.preference-button{width:37px;height:37px;padding:9px}.user-chip{padding:5px!important}.user-chip>b{width:31px!important;height:31px!important}.command-drawer{inset:68px auto 0 0!important;height:calc(100dvh - 68px)!important;width:min(390px,90vw)!important;padding:22px 18px!important}.drawer-overlay{inset:68px 0 0!important}.drawer-top{min-height:108px!important}.drawer-top small{font-size:7px!important;letter-spacing:2px!important}.drawer-top h2{font-size:25px!important}.command-drawer nav{grid-template-columns:1fr!important}.command-drawer nav>a{min-height:70px!important}.permission-card{padding:21px!important}.permission-form{grid-template-columns:1fr!important}.permission-form>*{grid-column:1!important}.scope-checks{grid-template-columns:1fr 1fr!important}.permission-actions{grid-template-columns:1fr!important}.user-table-row{overflow:visible!important}}
@media(max-width:560px){.preference-control:first-child{display:none}.command-header{gap:5px!important}.command-header .brand{width:120px!important;left:43%!important}.scope-checks{grid-template-columns:1fr!important}.permission-card{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;border-radius:19px!important;padding:18px!important}}

/* v11.3 */
body>.permission-dialog{position:fixed!important;inset:0!important;overflow:hidden!important;z-index:5000!important}
body>.permission-dialog.open{display:grid!important;place-items:center!important}
body>.permission-dialog .permission-card{position:relative!important;inset:auto!important;transform:none!important;width:min(760px,calc(100vw - 32px))!important;height:auto!important;max-height:calc(100dvh - 40px)!important;overflow-x:hidden!important;overflow-y:auto!important}
.permission-error{grid-column:1/-1!important;padding:11px 13px;border:1px solid #efb5b5;border-radius:11px;background:#fff1f1;color:#a3212d;font-size:12px;font-weight:700}
.permission-error[hidden]{display:none!important}

/* v11.4: eski açılır-form konumlandırmasını tamamen iptal eden gerçek popup. */
body>.permission-dialog .permission-card{width:min(640px,calc(100vw - 32px))!important;min-height:520px!important;max-height:min(760px,calc(100dvh - 40px))!important;padding:28px!important;overflow-y:auto!important}
body>.permission-dialog .permission-form{position:static!important;inset:auto!important;right:auto!important;top:auto!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important}
body>.permission-dialog .permission-title{position:static!important;width:100%!important;margin:0 0 22px!important;padding:0 52px 18px 0!important}
body>.permission-dialog .permission-close{position:absolute!important;z-index:5!important;top:18px!important;right:18px!important}
body>.permission-dialog .permission-actions{position:static!important;width:100%!important;margin-top:4px!important}
@media(max-width:700px){body>.permission-dialog .permission-card{width:calc(100vw - 20px)!important;min-height:0!important;max-height:calc(100dvh - 20px)!important;padding:20px!important}body>.permission-dialog .permission-form{grid-template-columns:1fr!important}body>.permission-dialog .permission-form>*{grid-column:1!important}}

/* v11.5: görüntüleme filtresi popup ve eksiksiz koyu tema. */
.viewer-date-bar .viewer-filter-trigger{margin-left:auto!important;align-self:center!important;width:auto!important;min-height:42px!important;padding:10px 15px!important;background:#ffffff12!important;border:1px solid #ffffff38!important;color:#fff!important;box-shadow:none!important}
.viewer-date-bar .viewer-filter-trigger:before{content:""!important;width:16px;height:13px;background:linear-gradient(#fff 0 0) 0 0/16px 1.5px no-repeat,linear-gradient(#fff 0 0) 3px 6px/10px 1.5px no-repeat,linear-gradient(#fff 0 0) 6px 12px/5px 1.5px no-repeat;opacity:.85}
.filter-drawer{display:none!important;position:fixed!important;z-index:5200!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;width:min(760px,calc(100vw - 30px))!important;max-height:calc(100dvh - 36px)!important;overflow-y:auto!important;padding:25px!important;border:1px solid #d5dfe1!important;border-radius:22px!important;background:#fff!important;box-shadow:0 0 0 100vmax #061116b8,0 30px 100px #06111666!important;animation:none!important}
.filter-drawer.open{display:block!important}
.filter-drawer .filter-title{position:sticky;top:-25px;z-index:2;margin:-25px -25px 18px!important;padding:23px 25px 16px;background:inherit;border-bottom:1px solid #e2e8ea}
.filter-drawer .filter-title button{width:38px;height:38px;border:1px solid #d5dfe1!important;border-radius:11px!important;background:#f3f6f7!important;color:#334750!important}
html[data-theme=dark] .today-arrivals,html[data-theme=dark] .records-section{background:#151e21!important;border-color:#344347!important;color:#edf3f2!important}
html[data-theme=dark] .today-empty,html[data-theme=dark] .empty-state{background:#101719!important;color:#9fb0b2!important;border-color:#344347!important}
html[data-theme=dark] .data-table{background:#101719!important;border-color:#344347!important}
html[data-theme=dark] .data-row,html[data-theme=dark] .data-row:not(.data-head){background:#151e21!important;border-color:#2d3b3e!important;color:#dce5e5!important}
html[data-theme=dark] .data-row:not(.data-head):hover{background:#1b282a!important}
html[data-theme=dark] .data-head{background:#101719!important;color:#91a2a6!important}
html[data-theme=dark] .cell-material,html[data-theme=dark] .description-cell,html[data-theme=dark] .cell-site,html[data-theme=dark] .cell-invoice,html[data-theme=dark] .cell-delivery{color:#dce5e5!important}
html[data-theme=dark] .filter-drawer{background:#172124!important;border-color:#3a494c!important;color:#edf3f2!important}
html[data-theme=dark] .filter-drawer .filter-title{border-color:#344347!important}
html[data-theme=dark] .filter-drawer .filter-title strong{color:#fff!important}
html[data-theme=dark] .filter-drawer .filter-title button{background:#202d30!important;border-color:#435255!important;color:#fff!important}
html[data-theme=dark] .filter-grid label{color:#c3cfd0!important}
html[data-theme=dark] .filter-grid input,html[data-theme=dark] .filter-grid select{background:#101719!important;color:#edf3f2!important;border-color:#435255!important}
@media(max-width:700px){.viewer-date-bar{grid-template-columns:1fr auto auto!important}.viewer-date-bar .viewer-filter-trigger{margin-left:0!important}.viewer-date-bar .viewer-filter-trigger span{display:none}.filter-drawer{width:calc(100vw - 18px)!important;max-height:calc(100dvh - 18px)!important;padding:18px!important;border-radius:18px!important}.filter-drawer .filter-title{top:-18px;margin:-18px -18px 16px!important;padding:18px 18px 14px}.filter-drawer .filter-grid{grid-template-columns:1fr!important}}

/* v11.6: koyu temada başlık ve metin kontrastları. */
html[data-theme=dark] .workspace-head,html[data-theme=dark] .simple-head{background:#172124!important;border-color:#35464a!important;color:#f3f7f6!important}
html[data-theme=dark] .workspace-head h1,html[data-theme=dark] .simple-head h1,html[data-theme=dark] .section-title h2,html[data-theme=dark] .today-head h2,html[data-theme=dark] .activity-head h2{color:#f3f7f6!important}
html[data-theme=dark] .workspace-head p,html[data-theme=dark] .simple-head p,html[data-theme=dark] .section-title p,html[data-theme=dark] .today-head p,html[data-theme=dark] .activity-head p{color:#aab9bb!important}
html[data-theme=dark] .eyebrow,html[data-theme=dark] .context-line{color:#50d7c5!important;border-color:#526164!important}
html[data-theme=dark] .operation-bar{background:#172124!important;border-color:#35464a!important}
html[data-theme=dark] .clean-tabs a{color:#aab7ba!important}
html[data-theme=dark] .clean-tabs a.active{color:#59dfcc!important}
html[data-theme=dark] .filter-trigger{background:#202c30!important;border-color:#46565a!important;color:#e5ecec!important}
html[data-theme=dark] .records-section .section-title>span,html[data-theme=dark] .today-head>span{color:#c9d3d4!important;border-color:#566568!important}
html[data-theme=dark] .data-row .cell-tracking,html[data-theme=dark] .data-row .cell-material,html[data-theme=dark] .data-row .description-cell,html[data-theme=dark] .data-row .cell-site,html[data-theme=dark] .data-row .cell-invoice,html[data-theme=dark] .data-row .cell-delivery{color:#e6eded!important}
html[data-theme=dark] .data-head span{color:#9cabad!important}
html[data-theme=dark] .kebab{background:#202c30!important;border-color:#46565a!important}
html[data-theme=dark] .kebab i{background:#dce5e6!important}

/* v11.7: ana düzeni bozmadan kurumsal mimari detaylar. */
.workspace-shell{isolation:isolate}
.workspace-shell:before{content:"";position:fixed;z-index:-1;inset:74px 0 0;pointer-events:none;background:radial-gradient(circle at 12% 18%,#00a89d0d,transparent 25%),radial-gradient(circle at 88% 78%,#bd98610d,transparent 28%),linear-gradient(115deg,transparent 0 48%,#102a4308 48% 49%,transparent 49% 100%)}
.workspace-head{position:relative!important;overflow:hidden!important;min-height:156px!important;background:linear-gradient(105deg,#ffffff 0 68%,#edf8f6 100%)!important}
.workspace-head:after{content:"";position:absolute;left:34px;top:22px;width:360px;height:115px;pointer-events:none;opacity:.34;background:radial-gradient(circle at 22% 100%,transparent 0 33px,#00a89d 34px 35px,transparent 36px),radial-gradient(circle at 51% 100%,transparent 0 52px,#bd9861 53px 54px,transparent 55px),linear-gradient(90deg,#00a89d,#bd9861) left bottom/210px 3px no-repeat}
.workspace-head>div,.workspace-head>.primary-action{position:relative;z-index:1}
.operation-bar,.records-section{position:relative!important;overflow:visible!important}
.records-section:before{content:"";position:absolute;left:22px;right:22px;top:0;height:2px;background:linear-gradient(90deg,#00a89d,#bd9861 28%,transparent 72%);opacity:.75}
.section-title{padding-top:5px}
html[data-theme=dark] .workspace-head{background:linear-gradient(105deg,#172124 0 68%,#15312f 100%)!important}
html[data-theme=dark] .workspace-head:after{opacity:.5}
@media(max-width:850px){.workspace-head{min-height:132px!important}.workspace-head:after{left:-120px;opacity:.18}.records-section:before{left:14px;right:14px}}