:root{--body-bg-size:auto;--body-bg-repeat:repeat;--body-bg-position:top left;}
:root{
  --bg:#070b14;
  --panel:#0c1424;
  --panel-2:#0e172a;
  --panel-3:#101c33;
  --line:rgba(113,149,217,.22);
  --line-2:rgba(113,149,217,.16);
  --text:#e9eef9;
  --muted:#8d9ab5;
  --accent:#5c87ff;
  --accent-2:#3f68db;
  --soft:#111b2e;
  --topbar-bg:#0d1525;
  --sidebar-bg:#0b1220;
  --footer-bg:#0a1120;
  --cabinet-bg:#0b1323;
  --cabinet-border:#2e4e88;
  --drawer-bg-1:#d7dbe3;
  --drawer-bg-2:#cdd3dd;
  --drawer-text:#101726;
  --status-ok:#49d17d;
  --status-low:#f2b94b;
  --status-limited:#8fd3ff;
  --status-empty:#ff6b6b;
  --radius-md:14px;
  --radius-lg:18px;
  --radius-xl:24px;
  --spacing-scale:1;
  --font-scale:1;
  --drawer-font-scale:1;
  --module-title-scale:1;
  --button-height:42px;
  --input-height:44px;
  --header-weight:700;
  --drawer-radius:14px;
  --drawer-shadow:0.35;
  --blur-strength:10px;
  --body-bg:radial-gradient(circle at top left, rgba(40,78,150,.18), transparent 32%), linear-gradient(180deg, #050912 0%, #07101d 100%);
  --surface-bg:linear-gradient(180deg, rgba(15,23,40,.96), rgba(10,17,30,.96));
  --button-bg:linear-gradient(180deg, #77a0ff, #4f78ea);
  --button-ghost-bg:linear-gradient(180deg, #213964, #1a2d50);
  --shadow-elev:0 12px 40px rgba(0,0,0,.22);
  --glass-blur:saturate(115%) blur(var(--blur-strength));
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  font-size:calc(16px * var(--font-scale));
  color:var(--text);
  background:var(--body-bg);
}

input,select,button{font:inherit}
input,select{
  width:100%;
  padding:calc(10px * var(--spacing-scale)) calc(12px * var(--spacing-scale));
  min-height:var(--input-height);
  border-radius:12px;
  border:1px solid var(--line);
  background:color-mix(in srgb, var(--panel) 74%, #000 26%);
  color:var(--text);
  outline:none;
}
input::placeholder{color:#7d8aa5}
button{border:none;cursor:pointer;min-height:var(--button-height)}
a{color:inherit;text-decoration:none}

.hidden{display:none !important}
.muted{color:var(--muted)}
.status{min-height:22px;color:#a7baf0}
.placeholder,.sb-empty{color:var(--muted)}

.app-shell{
  min-height:100vh;
  display:flex;
  flex-direction:column;
  gap:calc(12px * var(--spacing-scale));
  padding:calc(12px * var(--spacing-scale));
}

.topbar-frame,
.content-panel,
.sidebar,
.bottom-panel,
.panel,
.drawer-shell,
.cabinet-card,
.sb-card{
  background:var(--surface-bg);
  border:1px solid var(--line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), var(--shadow-elev);
}

.topbar-frame,
.content-panel,
.sidebar,
.bottom-panel{border-radius:var(--radius-lg)}

.topbar{
  min-height:72px;
  display:grid;
  grid-template-columns:220px minmax(260px,1fr) minmax(420px,auto);
  gap:10px;
  align-items:center;
  padding:10px;
}
.logo,
.session-user,
.top-input,
.login-btn,
.search-wrap input{
  min-height:48px;
}
.logo{
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  border:1px solid var(--line);
  background:linear-gradient(180deg, color-mix(in srgb, var(--topbar-bg) 82%, white 8%), var(--topbar-bg));
  font-size:28px;
  font-weight:700;
  letter-spacing:.8px;
  cursor:pointer;
}
.search-wrap{position:relative}
.top-input{border-radius:14px}
.btn-primary,
.login-btn{
  border-radius:14px;
  background:var(--button-bg);
  color:#fff;
}
.btn-ghost{
  border-radius:14px;
  background:var(--button-ghost-bg);
  color:#e8efff;
  border:1px solid var(--line);
  padding:10px 14px;
}
.session-user{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 16px;
  border-radius:14px;
  border:1px solid var(--line);
  background:linear-gradient(180deg, color-mix(in srgb, var(--topbar-bg) 82%, white 8%), var(--topbar-bg));
  color:#c6d4f2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  cursor:pointer;
}
.session-user:empty::after{content:"";}

.search-results{
  position:absolute;
  left:0;
  right:0;
  top:58px;
  z-index:50;
  max-height:280px;
  overflow:auto;
  border-radius:14px;
  border:1px solid var(--line);
  background:var(--cabinet-bg);
  box-shadow:0 10px 30px rgba(0,0,0,.28);
}
.search-item{padding:calc(12px * var(--spacing-scale));border-top:1px solid var(--line-2);cursor:pointer}
.search-item:first-child{border-top:none}
.search-item:hover{background:#0f1a30}

.main-layout{
  min-height:0;
  flex:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:calc(12px * var(--spacing-scale));
}
.content-panel{padding:calc(12px * var(--spacing-scale));min-height:0}
.cabinet-area{display:flex;flex-wrap:wrap;gap:calc(12px * var(--spacing-scale));align-content:flex-start;align-items:flex-start;justify-content:flex-start;min-height:100%;overflow:auto;overflow-x:hidden}
.sidebar{padding:10px;overflow:auto;min-height:0;position:relative}
.sidebar-content{display:block}
.sb-card{padding:12px 14px;border-radius:16px;margin-bottom:10px}
.sb-title{font-size:calc(18px * var(--module-title-scale));font-weight:var(--header-weight);margin-bottom:10px}
.stat-value{font-size:42px;font-weight:700;line-height:1;margin:8px 0}
.sb-list-item{padding:8px 0;border-top:1px solid var(--line-2)}
.sb-list-item:first-of-type{border-top:none}

.bottom-panel{min-height:48px;display:flex;align-items:center;padding:0 16px}
.bottom-info{color:#c8d7fb;font-size:14px}

.cabinet-card{padding:14px;border-radius:18px;width:max-content;max-width:100%;flex:0 0 auto}
.cabinet-head{display:flex;justify-content:space-between;gap:calc(12px * var(--spacing-scale));align-items:flex-start;margin-bottom:14px}
.cabinet-title{font-size:calc(26px * var(--font-scale));font-weight:var(--header-weight)}
.tag{padding:8px 12px;border-radius:999px;background:color-mix(in srgb, var(--accent) 40%, transparent);color:#dce7ff;font-size:13px;border:1px solid var(--line)}
.drawer-grid{display:grid;gap:10px;justify-content:start;align-content:start}
.drawer{
  position:relative;
  width:var(--drawer-w,110px);
  min-height:var(--drawer-h,64px);
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(82,109,161,.24);
  background:linear-gradient(180deg,var(--drawer-bg-1),var(--drawer-bg-2));
  color:var(--drawer-text);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
  cursor:pointer;
}
.drawer:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 6px 18px rgba(0,0,0,.18)}
.drawer-label{font-size:calc(13px * var(--drawer-font-scale));font-weight:700;margin-bottom:4px}
.drawer-part{font-size:calc(15px * var(--drawer-font-scale));font-weight:700;min-height:20px}
.drawer-qty{font-size:calc(12px * var(--drawer-font-scale));color:color-mix(in srgb, var(--drawer-text) 65%, white 35%);margin-top:4px}

.drawer.stock-ok{
  box-shadow: inset 0 0 0 2px var(--status-ok), inset 0 1px 0 rgba(255,255,255,.65);
}
.drawer.stock-low{
  box-shadow: inset 0 0 0 2px var(--status-low), inset 0 1px 0 rgba(255,255,255,.65);
}
.drawer.stock-limited{
  box-shadow: inset 0 0 0 2px var(--status-limited), inset 0 1px 0 rgba(255,255,255,.65);
}
.drawer.stock-empty{
  box-shadow: inset 0 0 0 2px var(--status-empty), inset 0 1px 0 rgba(255,255,255,.65);
}
.drawer.stock-ok::before,
.drawer.stock-low::before,
.drawer.stock-limited::before,
.drawer.stock-empty::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:8px;
  height:100%;
  border-radius:14px 0 0 14px;
}
.drawer.stock-ok::before{background:var(--status-ok);}
.drawer.stock-low::before{background:var(--status-low);}
.drawer.stock-limited::before{background:var(--status-limited);}
.drawer.stock-empty::before{background:var(--status-empty);}


.panel{
  position:relative;
  width:100%;
  max-height:none;
  overflow:visible;
  border-radius:18px;
  padding:16px;
  z-index:1;
}
.panel h3{margin:0 0 14px 0;font-size:20px}
.acc-item{border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb, var(--panel) 90%, #000 10%);margin-bottom:10px;overflow:hidden}
.acc-header{padding:14px;font-weight:700;cursor:pointer;background:#0f1a30}
.acc-body{display:none;padding:14px;border-top:1px solid var(--line-2)}
.acc-item.active .acc-body{display:block}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.btn-row,.print-settings{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.print-block{margin-top:12px}

.cabinet-form-grid{grid-template-columns:1fr 1fr}
.inline-labeled-pair{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);
  gap:8px;
  align-items:center;
}
.pair-label{
  color:#c8d7fb;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}
.compact-pair input{
  min-width:0;
}
.compact-print-settings{
  align-items:center;
}
.print-btn{min-width:auto}
.module-row{
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  gap:calc(12px * var(--spacing-scale));
  align-items:start;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#0c1628;
  margin-bottom:8px;
}
.module-row input{margin:4px 0 0 0;width:18px;height:18px;justify-self:start}
.module-row label{display:block;cursor:pointer;margin:0;text-align:left}
.module-row small{display:block;color:var(--muted);margin-top:2px}

.modal{
  position:fixed;
  inset:0;
  background:rgba(3,7,14,.72);
  backdrop-filter:blur(4px);
  z-index:90;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:10px;
  overflow:auto;
}
.drawer-shell{
  width:min(1480px,calc(100vw - 20px));
  margin:auto;
  border-radius:24px;
  padding:18px;
  max-height:calc(100vh - 20px);
  overflow:auto;
}
.drawer-top,
.drawer-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:calc(12px * var(--spacing-scale));
  flex-wrap:wrap;
}
.drawer-title{font-size:26px;font-weight:700}
.drawer-top-actions,.drawer-bottom-left,.drawer-bottom-right{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.drawer-content{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:18px;margin:16px 0}
.drawer-form{display:flex;flex-direction:column;gap:10px}
.field-row{display:grid;grid-template-columns:160px 1fr;gap:10px;align-items:center}
.field-row label{color:#d9e4ff}
.upload-inline{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:8px;align-items:center}
.upload-btn,.datasheet-btn{white-space:nowrap;text-align:center}
.datasheet-row{display:flex;justify-content:flex-start;padding-top:2px}
.drawer-preview-card{padding:calc(12px * var(--spacing-scale));border-radius:16px;border:1px solid var(--line);background:var(--sidebar-bg)}
.drawer-preview-title{font-size:18px;font-weight:700;margin-bottom:10px}
.drawer-preview-box{
  height:360px;
  border-radius:14px;
  border:1px dashed var(--line);
  background:color-mix(in srgb, var(--panel) 72%, #000 28%);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
#dm_preview_img{display:none;max-width:100%;max-height:100%;object-fit:contain}
.preview-placeholder{color:var(--muted)}
.drawer-preview-note{margin-top:10px;color:var(--muted);font-size:13px;line-height:1.45}
.alt-results{margin-top:10px;border:1px solid var(--line);border-radius:14px;padding:10px;background:#0c1424;color:#fff;display:none}
.alt-item{padding:8px 0;border-top:1px solid var(--line-2)}
.alt-item:first-child{border-top:none}

@media (max-width: 1450px){
  .main-layout{grid-template-columns:minmax(0,1fr) 340px}
  .drawer-content{grid-template-columns:minmax(0,1fr) 360px}
  .cabinet-area{grid-template-columns:repeat(3,max-content)}
}

@media (max-width: 1100px){
  .main-layout{grid-template-columns:1fr}
  .drawer-content{grid-template-columns:1fr}
  .sidebar{min-height:240px}
  .panel{width:100%}
  .field-row{grid-template-columns:1fr}
  .cabinet-area{grid-template-columns:repeat(2,max-content)}
}

@media (max-width: 700px){
  .cabinet-area{grid-template-columns:max-content}
  .backup-grid{grid-template-columns:1fr}
  .restore-block{grid-template-columns:1fr}
}

.user-grid{grid-template-columns:1fr 1fr;align-items:center}
.user-grid select{grid-column:1 / -1}
.user-btn-row button:disabled{opacity:.5;cursor:not-allowed}

.backup-grid{grid-template-columns:minmax(0,1fr) 90px 110px;gap:8px}
.restore-block{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:8px;align-items:center;margin-top:10px}
.backup-grid input,.restore-block input{min-width:0}
.backup-grid button,.restore-block button{padding:8px 10px;font-size:13px;min-height:36px}
.backup-folder-actions{display:grid;grid-template-columns:90px 110px;gap:8px}
.backup-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.backup-item{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#0c1628}
.backup-item small{color:var(--muted)}


.status{word-break:break-word;overflow-wrap:anywhere;font-size:12px;line-height:1.35}
.drawer-preview-note{word-break:break-word;overflow-wrap:anywhere;font-size:12px;line-height:1.35}
.backup-grid{grid-template-columns:minmax(0,1fr) 90px 90px;gap:8px}
.restore-block{display:grid;grid-template-columns:110px 110px;gap:8px;align-items:center;margin-top:10px}
.backup-grid input,.restore-block input{min-width:0}
.backup-grid button,.restore-block button{padding:8px 10px;font-size:13px;min-height:36px}
.hidden-file-input{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
@media (max-width: 900px){.backup-grid{grid-template-columns:1fr 90px 90px}.restore-block{grid-template-columns:1fr 1fr}}


.backup-grid{display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:8px;align-items:center}
.backup-actions-row{display:flex;justify-content:flex-start;margin-top:8px}
.restore-block{display:grid;grid-template-columns:110px 110px;gap:8px;align-items:center;margin-top:10px}
.backup-grid input{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.compact-status{margin-top:8px;min-height:18px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.backup-list{display:none !important}
@media (max-width: 900px){.backup-grid{grid-template-columns:minmax(0,1fr) 86px}.restore-block{grid-template-columns:1fr 1fr}}


.cabinet-line-row{margin-top:10px}
.cabinet-btn-row{margin-top:12px}
.cabinet-mode-row select{width:100%}
.cabinet-print-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.cabinet-print-row .print-btn{min-width:auto}


.preview-actions-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.preview-actions-row .btn-ghost,.preview-actions-row .datasheet-btn{min-height:38px}
.alt-shell{width:min(1320px,calc(100vw - 20px))}
.alt-preview-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:calc(12px * var(--spacing-scale));margin-top:14px}
.alt-card{border:1px solid var(--line);border-radius:16px;background:var(--sidebar-bg);padding:calc(12px * var(--spacing-scale));display:flex;flex-direction:column;gap:10px}
.alt-card-img{height:180px;border-radius:12px;border:1px dashed var(--line);background:color-mix(in srgb, var(--panel) 72%, #000 28%);display:flex;align-items:center;justify-content:center;overflow:hidden}
.alt-card-img img{max-width:100%;max-height:100%;object-fit:contain}
.alt-card-title{font-size:16px;font-weight:700;color:#eef4ff}
.alt-card-note{font-size:13px;color:#b5c4e8;line-height:1.4;min-height:54px}
.alt-card-links{display:flex;flex-wrap:wrap;gap:8px}
.alt-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
#saveDrawerBtn{border:1px solid var(--line)}
#priceLabel{white-space:nowrap}


.sb-clear-btn{margin-top:8px;width:100%;}


.sb-actions { display:flex; gap:8px; margin-top:10px; flex-wrap:wrap; }
.material-item { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.material-item .material-remove-btn { flex:0 0 auto; padding:4px 10px; }


.price-settings-grid{grid-template-columns:1fr 1fr auto;align-items:center;}
.price-settings-grid input{min-width:0;}


.finder-input{margin-bottom:10px;}
.finder-list{max-height:420px;overflow:auto;}
.generic-item,.finder-item,.material-item{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.inline-actions{display:flex;gap:8px;flex:0 0 auto;flex-wrap:wrap;}
.jump-drawer-btn{padding:4px 10px;flex:0 0 auto;}


.queue-add-area { display:flex; flex-direction:column; gap:8px; margin-bottom:10px; }
.queue-add-row { display:flex; gap:8px; align-items:center; }
.queue-add-row select { flex:1; min-width:0; }

.drawer-info-hero{font-size:28px;font-weight:800;letter-spacing:.2px;color:#f3f7ff}
.hidden-by-config{display:none !important}
.drawer-form.full-width-form{grid-column:1 / -1}
.drawer-field-manager{display:grid;grid-template-columns:1fr;gap:8px}
.drawer-field-row{display:grid;grid-template-columns:12px 1fr;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb, var(--panel) 90%, #000 10%);color:#dce7ff;cursor:pointer;min-height:38px;font-size:14px}
.drawer-field-row input{margin:0;width:12px;height:12px;accent-color:var(--accent)}
#drawerInfo{line-height:1.1}
.drawer-title.hidden + #drawerInfo{margin-top:2px}


body.theme-light{--line:rgba(88,113,159,.22);--line-2:rgba(88,113,159,.14);--shadow-elev:0 10px 28px rgba(58,73,103,.10)}
body.theme-flat{--surface-bg:linear-gradient(180deg, var(--panel), var(--panel));}
body.theme-glass .topbar-frame,
body.theme-glass .content-panel,
body.theme-glass .sidebar,
body.theme-glass .bottom-panel,
body.theme-glass .panel,
body.theme-glass .drawer-shell,
body.theme-glass .cabinet-card,
body.theme-glass .sb-card{
  backdrop-filter:var(--glass-blur);
  -webkit-backdrop-filter:var(--glass-blur);
}
body.theme-glass .topbar-frame{
  background:linear-gradient(180deg, color-mix(in srgb, var(--topbar-bg) 18%, transparent), color-mix(in srgb, var(--topbar-bg) 10%, transparent));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 10px 28px rgba(0,0,0,.10);
}
body.theme-glass .sidebar{
  background:linear-gradient(180deg, color-mix(in srgb, var(--sidebar-bg) 22%, transparent), color-mix(in srgb, var(--sidebar-bg) 14%, transparent));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 12px 30px rgba(0,0,0,.12);
}
body.theme-glass .bottom-panel{
  background:linear-gradient(180deg, color-mix(in srgb, var(--footer-bg) 20%, transparent), color-mix(in srgb, var(--footer-bg) 12%, transparent));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 10px 24px rgba(0,0,0,.10);
}
body.theme-glass .content-panel{
  background:linear-gradient(180deg, color-mix(in srgb, var(--panel) 10%, transparent), color-mix(in srgb, var(--panel) 4%, transparent));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 10px 24px rgba(0,0,0,.06);
}
body.theme-glass .panel,
body.theme-glass .drawer-shell,
body.theme-glass .cabinet-card,
body.theme-glass .sb-card{
  background:linear-gradient(180deg, color-mix(in srgb, var(--panel) 20%, transparent), color-mix(in srgb, var(--panel-2) 12%, transparent));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 14px 34px rgba(0,0,0,.12);
}
body.theme-compact{--radius-lg:16px;--radius-md:12px}
body.theme-relaxed{--radius-lg:22px;--radius-md:16px}
body.theme-flatbg{--body-bg:linear-gradient(180deg, var(--panel-bg, #0c1424), var(--panel-bg, #0c1424));}
body.no-borders *{--line:transparent;--line-2:transparent}
body.glow-off{--shadow-elev:0 10px 22px rgba(0,0,0,.12)}

.btn-primary,.login-btn{color:#fff;border:1px solid color-mix(in srgb, var(--accent) 55%, white 10%)}
body.button-flat .btn-primary, body.button-flat .login-btn{background:var(--accent)}
body.button-flat .btn-ghost{background:color-mix(in srgb, var(--panel-2) 80%, var(--accent) 20%)}
body.button-glass .btn-primary, body.button-glass .login-btn{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 60%, white 20%), color-mix(in srgb, var(--button-color,#3f68db) 90%, black 10%));box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
body.button-neon .btn-primary, body.button-neon .login-btn{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 72%, white 8%), color-mix(in srgb, var(--button-color,#3f68db) 88%, black 12%));box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 70%, white 10%),0 0 18px color-mix(in srgb, var(--accent) 40%, transparent)}
body.button-neon .btn-ghost{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent),0 0 12px color-mix(in srgb, var(--accent) 18%, transparent)}
body.button-industrial .btn-primary, body.button-industrial .login-btn{background:linear-gradient(180deg, color-mix(in srgb, var(--button-color,#3f68db) 55%, white 12%), color-mix(in srgb, var(--button-color,#3f68db) 90%, black 18%));border:1px solid color-mix(in srgb, var(--button-color,#3f68db) 70%, white 10%)}
body.button-industrial .btn-ghost{background:linear-gradient(180deg, color-mix(in srgb, var(--panel) 80%, white 8%), color-mix(in srgb, var(--panel-2) 90%, black 10%));}
.btn-primary:hover,.btn-ghost:hover,.login-btn:hover{filter:brightness(1.06)}
.logo,.session-user,.top-input,.search-wrap input{min-height:var(--input-height)}
.topbar-frame{background:linear-gradient(180deg, color-mix(in srgb, var(--topbar-bg) 88%, white 4%), var(--topbar-bg))}
.sidebar{background:linear-gradient(180deg, color-mix(in srgb, var(--sidebar-bg) 94%, white 4%), var(--sidebar-bg))}
.bottom-panel{background:linear-gradient(180deg, color-mix(in srgb, var(--footer-bg) 92%, white 4%), var(--footer-bg))}
.content-panel{background:linear-gradient(180deg, color-mix(in srgb, var(--panel) 96%, white 2%), var(--panel))}
.cabinet-card{background:linear-gradient(180deg, color-mix(in srgb, var(--cabinet-bg) 96%, white 2%), var(--cabinet-bg));border-color:color-mix(in srgb, var(--cabinet_border, #2e4e88) 55%, transparent)}
.drawer{border-radius:calc(var(--drawer-radius) * 1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 calc(8px * var(--drawer-shadow)) calc(24px * var(--drawer-shadow)) rgba(0,0,0,.20)}
.theme-grid,.theme-color-grid,.theme-range-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.theme-color-grid label,.theme-range-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text)}
.theme-color-grid input[type="color"]{width:100%;padding:2px;height:42px;border-radius:12px;background:transparent}
.theme-grid select{width:100%}
.theme-check{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb, var(--panel) 88%, #000 12%)}
.theme-readout{font-size:12px;color:var(--muted);margin-bottom:10px;word-break:break-word}
@media (max-width: 900px){.theme-grid,.theme-color-grid,.theme-range-grid{grid-template-columns:1fr 1fr}}
@media (max-width: 640px){.theme-grid,.theme-color-grid,.theme-range-grid{grid-template-columns:1fr}}

.auth-group{display:grid;grid-template-columns:minmax(120px,150px) minmax(120px,150px) 88px 88px minmax(110px,140px);gap:10px;align-items:center;justify-content:end}
.logo{gap:10px;padding:0 16px;justify-content:flex-start;overflow:hidden}
.brand-logo{width:42px;height:42px;object-fit:contain;flex:0 0 auto;border-radius:10px}
#brandName{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.theme-brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}
.theme-upload-row{display:flex;align-items:center}
.theme-upload-row .btn-ghost{width:100%}
.bottom-info{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:1450px){.topbar{grid-template-columns:180px minmax(220px,1fr) minmax(360px,auto)}.auth-group{grid-template-columns:minmax(110px,140px) minmax(110px,140px) 84px 84px 120px;}}
@media (max-width:1100px){.topbar{grid-template-columns:1fr}.auth-group{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.logo{justify-content:center}.theme-brand-grid{grid-template-columns:1fr}}
@media (max-width:700px){.auth-group{grid-template-columns:1fr 1fr}.theme-brand-grid{grid-template-columns:1fr}}


.drawer{position:relative;transition:transform .16s ease, box-shadow .16s ease, z-index .16s ease;}
.drawer:hover{transform:translateY(-2px) scale(1.035);z-index:8;}
.drawer-hover-preview{position:fixed;display:none;pointer-events:none;z-index:9999;width:228px;padding:10px;background:linear-gradient(180deg, color-mix(in srgb, var(--panel) 18%, transparent), color-mix(in srgb, var(--panel-2) 10%, transparent));border:1px solid color-mix(in srgb, var(--accent) 18%, rgba(255,255,255,.18));border-radius:20px;box-shadow:0 20px 48px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.22);overflow:hidden;backdrop-filter:saturate(120%) blur(8px);-webkit-backdrop-filter:saturate(120%) blur(8px);}
.drawer-hover-preview.visible{display:block;}
.drawer-hover-preview img{display:block;width:100%;height:160px;object-fit:contain;border-radius:14px;background:rgba(255,255,255,.06);}
.drawer-hover-preview .drawer-hover-meta{display:none !important;}
.drawer-hover-preview .title,.drawer-hover-preview .sub{display:none !important;}


:root{
  --brand-text-size: 18px;
  --logo-height: 42px;
  --background-opacity: 0.35;
}
#brandName{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size: var(--brand-text-size);
  line-height: 1.1;
}
.brand-logo{
  width: auto;
  height: var(--logo-height);
  max-width: 160px;
  object-fit: contain;
  flex: 0 0 auto;
  border-radius: 10px;
}
.theme-slider-box{
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:13px;
  color:var(--text);
}
.theme-slider-box input[type="range"]{
  width:100%;
}

body{
  background-size: var(--body-bg-size);
  background-repeat: var(--body-bg-repeat);
  background-position: var(--body-bg-position);
}

.drawer-stock-thresholds{
  margin-top:14px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.02);
}
.drawer-threshold-title{
  font-weight:700;
  margin-bottom:10px;
}
.drawer-threshold-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.drawer-threshold-grid label{
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:13px;
}
.drawer-threshold-grid input{
  width:100%;
}


/* Search results should always sit above cabinet/modal surfaces */
.search-results,
.search-suggestions,
.search-dropdown,
.global-search-results,
.autocomplete-results,
.autocomplete-list,
#searchResults,
#searchSuggestions,
#globalSearchResults {
  position: absolute;
  z-index: 10040 !important;
}

.search-wrap,
.search-box,
.search-container,
.top-search,
.topbar-search,
.header-search {
  position: relative;
  z-index: 10040
}

/* Keep drawer modal itself below search dropdown but above page */
.drawer-modal,
.modal-overlay,
.modal,
#drawerModal,
#drawerModalOverlay {
  z-index: 10000;
}


.module-actions{
  margin-top:10px;
  display:flex;
  justify-content:flex-end;
}
.module-clear-btn{
  min-width:88px;
  height:34px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  color:var(--text);
  cursor:pointer;
}
.module-clear-btn:hover{
  background:rgba(255,255,255,.12);
}


button, .btn-ghost, .btn-primary, .login-btn {
  transition: transform .08s ease, box-shadow .12s ease, filter .12s ease, opacity .12s ease;
}
button:hover, .btn-ghost:hover, .btn-primary:hover, .login-btn:hover {
  filter: brightness(1.05);
}
button:active, .btn-ghost:active, .btn-primary:active, .login-btn:active, button.is-loading, .btn-ghost.is-loading {
  transform: translateY(1px) scale(.985);
  box-shadow: inset 0 2px 8px rgba(0,0,0,.22);
}
button.is-loading, .btn-ghost.is-loading {
  opacity: .9;
  cursor: wait;
}


.inline-check{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:rgba(255,255,255,.03);
  color:var(--text-color,#e8edf7);
}
.inline-check input[type="checkbox"]{
  width:16px;
  height:16px;
}
#networkReadout{
  line-height:1.6;
  word-break:break-word;
}
#networkReadout .muted{
  opacity:.78;
}


/* network-management-tidy-fix */
.network-card input[type="checkbox"],
#networkModal input[type="checkbox"],
.settings-modal input[type="checkbox"],
.modal input[type="checkbox"]{
  width: 14px;
  height: 14px;
  transform: scale(1);
  accent-color: #3b82f6;
  vertical-align: middle;
}
.network-card .network-help,
#networkModal .network-help,
.settings-modal .network-help,
.modal .network-help{
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(255,255,255,.04);
  color: #cbd5e1;
  font-size: 12px;
  line-height: 1.45;
}
.network-card .network-help strong,
#networkModal .network-help strong,
.settings-modal .network-help strong,
.modal .network-help strong{
  color: #e2e8f0;
}


/* Ağ yönetimi sade düzen */
.network-grid{
  grid-template-columns: 1fr 1fr;
  align-items: end;
}
.network-check{
  min-height: 38px;
  padding: 0 10px;
}
.network-check input[type="checkbox"],
.inline-check input[type="checkbox"]{
  width: 13px;
  height: 13px;
}
.network-help-bottom{
  margin: 8px 0 10px;
  padding: 10px 12px;
  border: 1px solid rgba(113,149,217,.18);
  border-radius: 12px;
  background: rgba(255,255,255,.03);
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}
.network-help-bottom strong{
  color: var(--text);
}
@media (max-width: 640px){
  .network-grid{
    grid-template-columns: 1fr;
  }
}


/* Ağ yönetimi v4 */
.network-grid-exact{
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
.field-block{
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.field-block-full{
  width: 100%;
}
.field-block label{
  font-size: 13px;
  color: var(--text);
}
.network-check-exact{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 2px 0;
  min-height: auto;
}
.network-check-exact input[type="checkbox"],
#networkEnabled{
  width: 12px !important;
  height: 12px !important;
  min-width: 12px;
  min-height: 12px;
  transform: none !important;
  zoom: 1;
  accent-color: #3b82f6;
}
.network-help-bottom{
  margin-top: 12px;
}
#saveNetworkBtn{
  width: auto;
}

/* checkbox hard override */
input[type="checkbox"]#networkEnabled{
  appearance: auto;
  -webkit-appearance: checkbox;
  box-sizing: border-box;
}


/* Ağ yönetimi v5 düzeltme */
.network-check-row{
  display:flex;
  align-items:center;
  gap:8px;
  padding:0;
  margin:2px 0 0;
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  min-height:unset !important;
  box-shadow:none !important;
  color:var(--text-color,#e8edf7);
}
.network-check-row input[type="checkbox"],
#networkEnabled{
  appearance:auto !important;
  -webkit-appearance:checkbox !important;
  width:11px !important;
  height:11px !important;
  min-width:11px !important;
  min-height:11px !important;
  max-width:11px !important;
  max-height:11px !important;
  margin:0 !important;
  padding:0 !important;
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
  transform:none !important;
  zoom:1 !important;
  accent-color:#3b82f6;
  flex:0 0 11px;
}
.network-check-row span{
  font-size:14px;
  line-height:1.2;
}
.acc-item{
  margin-bottom:12px;
}
.acc-item + .acc-item{
  margin-top:0;
}
.network-help-bottom{
  margin-top:12px;
}


/* NETWORK CHECKBOX FINAL FIX */
#networkEnabled {
  all: unset;
  appearance: checkbox !important;
  -webkit-appearance: checkbox !important;
  box-sizing: border-box !important;
  display: inline-block !important;
  vertical-align: middle !important;

  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
  min-height: 12px !important;
  max-width: 12px !important;
  max-height: 12px !important;

  transform: none !important;
  scale: 1 !important;
  zoom: 1 !important;

  margin: 0 !important;
  margin-right: 6px !important;
  padding: 0 !important;

  border: initial !important;
  border-radius: 0 !important;
  background: initial !important;
  box-shadow: none !important;
  outline: none !important;

  flex: 0 0 auto !important;
}

.network-check-row {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 !important;
  min-height: auto !important;
  height: auto !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.network-check-row::before,
.network-check-row::after {
  display: none !important;
  content: none !important;
}

.network-check-row span {
  display: inline !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
}


/* SEARCH FIX - kesin alt yerleşim */
.search-wrap.top-search{
  position: relative !important;
}

.search-wrap.top-search > #search{
  position: relative !important;
  z-index: 2 !important;
}

.search-results.search-results-standalone{
  position: relative !important;
  display: block;
  width: min(560px, calc(100% - 24px)) !important;
  max-width: calc(100% - 24px) !important;
  margin: 80px auto 0 auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  inset: auto !important;
  z-index: 1 !important;
  max-height: 320px !important;
  overflow-y: auto !important;
}

@media (max-width: 900px){
  .search-results.search-results-standalone{
    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
    margin: 150px auto 0 auto !important;
    max-height: 42vh !important;
  }
}


/* Mobil dolap ekrana sığdırma */
@media (max-width: 900px) {
  .cabinet-area {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  .cabinet-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 10px !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  .cabinet-head {
    width: 100% !important;
    max-width: 100% !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
  }

  .drawers-grid,
  .drawer-grid,
  .cabinet-grid,
  .drawers {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .drawers-grid,
  .drawer-grid,
  .cabinet-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(78px, 1fr)) !important;
    gap: 6px !important;
  }

  .drawer {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 58px !important;
    height: auto !important;
    padding: 8px 9px !important;
  }

  .drawer-label { font-size: 11px !important; line-height: 1.15 !important; }
  .drawer-part  { font-size: 12px !important; line-height: 1.15 !important; min-height: 16px !important; overflow-wrap:anywhere !important; word-break: break-word !important; }
  .drawer-qty   { font-size: 10px !important; line-height: 1.15 !important; margin-top: 3px !important; }

  .cabinet-card *,
  .drawer * { max-width: 100%; }
}

/* Mobil panel overlay düzeltmesi */
@media (max-width: 900px) {
  .main-layout {
    position: relative !important;
  }

  .sidebar,
  #sidebar {
    position: relative !important;
    z-index: 1 !important;
    overflow: visible !important;
  }

  .sidebar-content {
    position: relative !important;
    z-index: 1 !important;
  }

  .panel,
  #panel {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    z-index: 12000 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .panel.hidden,
  #panel.hidden {
    display: none !important;
  }

  #drawerModal,
  .modal,
  .drawer-shell {
    z-index: 13000 !important;
  }
}

/* Mobilde ayarlar paneli dolapların üstüne binsin */
@media (max-width: 900px) {
  .content-panel,
  #cabinetArea,
  .cabinet-area {
    position: relative !important;
    z-index: 1 !important;
  }

  .topbar,
  .topbar-frame {
    position: relative !important;
    z-index: 20 !important;
  }

  body.panel-open .topbar,
  body.panel-open .topbar-frame {
    pointer-events: none !important;
  }
}


/* SAFE MOBILE PANEL CLOSE */
.panel-backdrop{
  position: fixed;
  inset: 0;
  background: rgba(3,7,14,.42);
  z-index: 11990;
}
.panel-close-fab{
  position: fixed;
  right: 12px;
  bottom: 12px;
  z-index: 12010;
  min-width: 96px;
  padding: 10px 14px;
  border-radius: 14px;
}
@media (min-width: 901px){
  .panel-backdrop,
  .panel-close-fab{
    display:none !important;
  }
}


/* SAFE MOBILE PANEL VISIBLE FIX */
@media (max-width: 900px){
  .topbar-frame{
    position: relative !important;
    z-index: 20 !important;
  }

  .content-panel,
  #cabinetArea,
  .cabinet-area,
  .sidebar,
  #sidebar,
  .sidebar-content{
    position: relative !important;
    z-index: 1 !important;
  }

  /* Üst barın ALTINDAN başlasın */
  .panel,
  #panel{
    position: fixed !important;
    top: 150px !important;
    left: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    max-height: calc(100dvh - 158px) !important;
    margin: 0 !important;
    z-index: 12000 !important;
    overflow: auto !important;
    overscroll-behavior: contain !important;
    box-sizing: border-box !important;
    border-radius: 18px !important;
    background: color-mix(in srgb, var(--panel) 84%, transparent) !important;
    backdrop-filter: saturate(115%) blur(10px) !important;
    -webkit-backdrop-filter: saturate(115%) blur(10px) !important;
    border: 1px solid color-mix(in srgb, var(--line) 86%, white 8%) !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.34) !important;
  }

  .panel.hidden,
  #panel.hidden{
    display: none !important;
  }

  /* Backdrop üst barı ve navigasyonu kapatmasın */
  .panel-backdrop{
    position: fixed !important;
    top: 150px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(3,7,14,.24) !important;
    z-index: 11990 !important;
  }

  /* Arka dolaplar panelin altında kalsın */
  #drawerModal,
  .modal,
  .drawer-shell{
    z-index: 13000 !important;
  }
}


/* PANEL CLICK FIX */
.panel,
#panel {
  pointer-events: auto !important;
}
.panel-backdrop {
  pointer-events: auto !important;
}
.panel-close-fab,
#panelCloseBtn {
  z-index: 12020 !important;
  pointer-events: auto !important;
}


/* PANEL OUTSIDE CLOSE FIX */
@media (max-width: 900px){
  .panel-backdrop{
    display: none !important;
    pointer-events: none !important;
    background: transparent !important;
  }

  .panel,
  #panel{
    pointer-events: auto !important;
    z-index: 12000 !important;
  }

  .panel-close-fab,
  #panelCloseBtn{
    z-index: 12020 !important;
    pointer-events: auto !important;
  }
}


/* DEFINITIVE PANEL CLOSE BUTTON */
@media (max-width: 900px){
  #panel{
    padding-bottom: 84px !important;
  }

  #panelMobileCloseWrap{
    position: sticky !important;
    bottom: -1px !important;
    left: 0 !important;
    right: 0 !important;
    display: flex !important;
    justify-content: center !important;
    padding: 14px 0 6px 0 !important;
    margin-top: 14px !important;
    background: linear-gradient(180deg, rgba(12,20,36,0), rgba(12,20,36,.96) 35%) !important;
    z-index: 5 !important;
  }

  #panelMobileCloseBtn{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 140px !important;
    padding: 12px 18px !important;
    border-radius: 14px !important;
    box-shadow: 0 10px 26px rgba(0,0,0,.28) !important;
    pointer-events: auto !important;
  }
}


/* Dropdown menü navigasyonu */
.topbar{grid-template-columns:220px minmax(220px,1fr) auto minmax(420px,auto)}
.dropdown-nav{display:flex;gap:8px;align-items:center;justify-content:center;z-index:10050;position:relative}
.dropdown-nav .drop{position:relative}
.dropdown-nav button{min-height:44px;border-radius:14px;border:1px solid var(--line);background:var(--button-ghost-bg);color:var(--text);padding:0 14px;font-weight:700}
.dropdown-nav .drop-menu{display:none;position:absolute;top:48px;left:0;min-width:210px;border:1px solid var(--line);border-radius:14px;background:var(--sidebar-bg);box-shadow:0 18px 48px rgba(0,0,0,.35);padding:8px;z-index:10060}
/* disabled: dropdown opens by click, not hover */
.dropdown-nav .drop-menu a{display:block;padding:10px 12px;border-radius:10px;color:var(--text)}
.dropdown-nav .drop-menu a:hover{background:rgba(255,255,255,.08)}
@media(max-width:1100px){.topbar{grid-template-columns:1fr}.dropdown-nav{justify-content:stretch;flex-wrap:wrap}.dropdown-nav .drop{flex:1}.dropdown-nav button{width:100%}}

.topbar-frame {
  position: relative;
  z-index: 9999;
  overflow: visible;
}

.topbar {
  position: relative;
  z-index: 9999;
  overflow: visible;
}

.dropdown-nav {
  position: relative;
  z-index: 10000;
}

.drop {
  position: relative;
  z-index: 10001;
}

.drop-menu {
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 220px;
  z-index: 10002;
}

/* FINAL TOPBAR + CLICK DROPDOWN FIX */
.topbar-frame {
  position: relative !important;
  z-index: 9999 !important;
  overflow: visible !important;
}

.topbar {
  position: relative !important;
  z-index: 9999 !important;
  overflow: visible !important;
  display: grid !important;
  grid-template-columns: minmax(180px, 220px) minmax(260px, 1fr) auto auto !important;
  gap: 10px !important;
  align-items: center !important;
}

.dropdown-nav {
  position: relative !important;
  z-index: 10000 !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  width: auto !important;
  margin-left: auto !important;
}

.dropdown-nav .drop {
  position: relative !important;
}

.dropdown-nav .drop-menu,
.drop-menu {
  display: none !important;
  position: absolute !important;
  top: calc(100% + 6px) !important;
  right: 0 !important;
  left: auto !important;
  min-width: 230px !important;
  z-index: 10002 !important;
}

.dropdown-nav .drop.open .drop-menu,
.drop.open .drop-menu {
  display: block !important;
}

.auth-group {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 10px !important;
  width: auto !important;
  margin-left: 0 !important;
}

.auth-group .hidden {
  display: none !important;
}

#logoutBtn,
#sessionUser,
.dropdown-nav button {
  white-space: nowrap !important;
}

#sessionUser {
  min-width: 110px !important;
  max-width: 160px !important;
}

@media (max-width: 1100px) {
  .topbar {
    grid-template-columns: 1fr !important;
  }

  .dropdown-nav,
  .auth-group {
    justify-content: stretch !important;
    width: 100% !important;
  }

  .dropdown-nav .drop,
  .dropdown-nav button,
  .auth-group > * {
    width: 100% !important;
  }
}


/* FIXED TOPBAR + FIXED SIDEBAR + SCROLLING CENTER CONTENT */
html,
body {
  height: 100% !important;
  overflow: hidden !important;
}

.app-shell {
  height: 100vh !important;
  min-height: 100vh !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  gap: calc(12px * var(--spacing-scale)) !important;
  overflow: hidden !important;
}

.topbar-frame {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  flex: 0 0 auto !important;
}

.main-layout {
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 360px !important;
}

.content-panel {
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
}

.cabinet-area {
  height: 100% !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: auto !important;
  padding-right: 6px !important;
}

.sidebar {
  height: 100% !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  position: relative !important;
}

.bottom-panel {
  flex: 0 0 auto !important;
  position: sticky !important;
  bottom: 0 !important;
  z-index: 9000 !important;
}

/* Scroll bar görünümü */
.cabinet-area::-webkit-scrollbar,
.sidebar::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.cabinet-area::-webkit-scrollbar-thumb,
.sidebar::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--accent) 42%, transparent);
  border-radius: 999px;
}

.cabinet-area::-webkit-scrollbar-track,
.sidebar::-webkit-scrollbar-track {
  background: rgba(255,255,255,.04);
  border-radius: 999px;
}

@media (max-width: 1100px) {
  html,
  body {
    overflow: auto !important;
  }

  .app-shell {
    height: auto !important;
    min-height: 100vh !important;
    display: flex !important;
    overflow: visible !important;
  }

  .main-layout {
    height: auto !important;
    grid-template-columns: 1fr !important;
    overflow: visible !important;
  }

  .content-panel,
  .cabinet-area,
  .sidebar {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}


/* SEARCH RESULT DRAWER BLINK */
.drawer.search-hit-blink {
  animation: searchHitBlink 0.55s ease-in-out infinite !important;
  outline: 3px solid var(--accent) !important;
  outline-offset: 3px !important;
  z-index: 20 !important;
}

@keyframes searchHitBlink {
  0%, 100% {
    filter: brightness(1);
    transform: translateY(0) scale(1);
    box-shadow:
      inset 0 0 0 2px var(--accent),
      0 0 0 rgba(92,135,255,0);
  }
  50% {
    filter: brightness(1.45);
    transform: translateY(-2px) scale(1.06);
    box-shadow:
      inset 0 0 0 3px var(--accent),
      0 0 24px color-mix(in srgb, var(--accent) 75%, transparent);
  }
}


/* SEARCH RESULT DRAWER BLINK - PERSISTENT */
.drawer.search-hit-blink {
  animation: searchHitBlink 0.55s ease-in-out infinite !important;
}


/* MULTI SOURCE ALT CARDS */
.alt-card-title {
  min-height: 42px;
}
.alt-card-note {
  max-height: 96px;
  overflow: auto;
}
.alt-card-links .btn-ghost {
  min-height: 36px;
  padding: 8px 10px;
}


/* TURKISH SUPPLIER SOURCE CARDS */
.alt-card[data-source*="Özdisan"],
.alt-card[data-source*="Direnc"],
.alt-card[data-source*="Motorobit"],
.alt-card[data-source*="Karaköy"],
.alt-card[data-source*="Komponentci"],
.alt-card[data-source*="Entegre"],
.alt-card[data-source*="Ulutaş"]{
  border-color: color-mix(in srgb, var(--status-ok) 45%, var(--line));
}

.alt-card-source-badge{
  display:inline-flex;
  align-items:center;
  width:max-content;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid var(--line);
  font-size:12px;
  color:var(--muted);
  margin-bottom:6px;
}


/* THEME MANAGEMENT FIX V3 */
#panel .theme-grid,
#panel .theme-brand-grid,
#panel .theme-color-grid,
#panel .theme-range-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  max-width: 100% !important;
}

#panel .theme-grid::before,
#panel .theme-brand-grid::before,
#panel .theme-color-grid::before,
#panel .theme-range-grid::before {
  font-size: 17px !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

#panel select,
#panel input,
#themePresetSelect,
#themeCompanyName,
#themeFooterText {
  max-width: 100% !important;
  min-width: 0 !important;
  height: 46px !important;
  min-height: 46px !important;
  font-size: 14px !important;
  line-height: 1.15 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#themePresetSelect {
  font-weight: 900 !important;
  letter-spacing: .2px !important;
}

#panel .theme-check,
#panel label.theme-check {
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: center !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

#panel .theme-check input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
}

/* Kurumsal kimlik tek config, tema değildir */
#themeCompanyName,
#themeFooterText {
  opacity: 1 !important;
  cursor: text !important;
}

/* Dark Carbon: mavi unsur yok */
body[data-theme-preset="dark_carbon"] {
  --accent: #71717a !important;
  --accent-2: #52525b !important;
  --button-color: #3f3f46 !important;
  --status-limited: #a1a1aa !important;
}

body[data-theme-preset="dark_carbon"] .topbar-frame,
body[data-theme-preset="dark_carbon"] .logo,
body[data-theme-preset="dark_carbon"] .sb-card,
body[data-theme-preset="dark_carbon"] .acc-header,
body[data-theme-preset="dark_carbon"] .bottom-panel {
  background: linear-gradient(180deg, #18181b, #09090b) !important;
  border-color: rgba(161,161,170,.22) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 12px 28px rgba(0,0,0,.30) !important;
}

body[data-theme-preset="dark_carbon"] .btn-primary,
body[data-theme-preset="dark_carbon"] .login-btn {
  background: linear-gradient(180deg, #52525b, #27272a) !important;
  border-color: rgba(161,161,170,.32) !important;
  box-shadow: none !important;
}

body[data-theme-preset="dark_carbon"] .btn-ghost,
body[data-theme-preset="dark_carbon"] .dropdown-nav button {
  background: linear-gradient(180deg, #27272a, #18181b) !important;
  border-color: rgba(161,161,170,.22) !important;
}

/* Factory Blue / Military / Light için gövde hissi */
body[data-theme-preset="factory_blue"] .cabinet-card {
  border-color: rgba(125,211,252,.34) !important;
}

body[data-theme-preset="military_green"] .cabinet-card {
  border-radius: 6px !important;
}

body[data-theme-preset="light_office"] .drawer-part,
body[data-theme-preset="light_office"] .drawer-qty {
  text-shadow: none !important;
}


/* =========================================================
   THEME TEXTURES V4 - REAL BACKGROUND FEEL
   ========================================================= */

/* Industrial Pro: koyu atölye metal grid */
body[data-theme-preset="industrial_pro"] {
  background:
    radial-gradient(circle at 12% 0%, rgba(59,130,246,.16), transparent 28%),
    linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,255,255,.020) 1px, transparent 1px),
    repeating-linear-gradient(135deg, rgba(255,255,255,.018) 0 2px, transparent 2px 12px),
    linear-gradient(180deg, #070b12 0%, #0b1320 55%, #090d14 100%) !important;
  background-size: auto, 44px 44px, 44px 44px, auto, auto !important;
}

/* Dark Carbon: gerçek karbon fiber hissi, mavi yok */
body[data-theme-preset="dark_carbon"] {
  background:
    radial-gradient(circle at 50% -10%, rgba(255,255,255,.08), transparent 28%),
    linear-gradient(45deg, rgba(255,255,255,.045) 25%, transparent 25%, transparent 75%, rgba(255,255,255,.045) 75%),
    linear-gradient(45deg, rgba(255,255,255,.035) 25%, transparent 25%, transparent 75%, rgba(255,255,255,.035) 75%),
    linear-gradient(135deg, rgba(0,0,0,.28) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.28) 75%),
    linear-gradient(180deg, #050505 0%, #111113 45%, #050505 100%) !important;
  background-position: 0 0, 0 0, 8px 8px, 0 0, 0 0 !important;
  background-size: auto, 16px 16px, 16px 16px, 16px 16px, auto !important;
  --accent: #71717a !important;
  --accent-2: #52525b !important;
  --button-color: #3f3f46 !important;
  --line: rgba(161,161,170,.24) !important;
  --line-2: rgba(161,161,170,.14) !important;
}

/* Carbon panel yüzeyleri */
body[data-theme-preset="dark_carbon"] .topbar-frame,
body[data-theme-preset="dark_carbon"] .content-panel,
body[data-theme-preset="dark_carbon"] .sidebar,
body[data-theme-preset="dark_carbon"] .bottom-panel,
body[data-theme-preset="dark_carbon"] .panel,
body[data-theme-preset="dark_carbon"] .sb-card {
  background:
    linear-gradient(45deg, rgba(255,255,255,.030) 25%, transparent 25%, transparent 75%, rgba(255,255,255,.030) 75%),
    linear-gradient(45deg, rgba(0,0,0,.25) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.25) 75%),
    linear-gradient(180deg, #18181b, #09090b) !important;
  background-position: 0 0, 6px 6px, 0 0 !important;
  background-size: 12px 12px, 12px 12px, auto !important;
  border-color: rgba(161,161,170,.22) !important;
}

/* Carbon dolap */
body[data-theme-preset="dark_carbon"] .cabinet-card {
  background:
    linear-gradient(90deg, rgba(255,255,255,.045), transparent 12%, transparent 88%, rgba(0,0,0,.35)),
    repeating-linear-gradient(135deg, rgba(255,255,255,.035) 0 2px, transparent 2px 10px),
    linear-gradient(180deg, #3f3f46, #18181b 52%, #09090b) !important;
  border-color: rgba(212,212,216,.24) !important;
}

body[data-theme-preset="dark_carbon"] .drawer {
  --drawer-face-1: #3f3f46;
  --drawer-face-2: #1f1f23;
  --drawer-face-3: #09090b;
  --drawer-label-text: #fafafa;
  --drawer-sub-text: #d4d4d8;
}

/* Factory Blue: blueprint zemin */
body[data-theme-preset="factory_blue"] {
  background:
    linear-gradient(rgba(125,211,252,.075) 1px, transparent 1px),
    linear-gradient(90deg, rgba(125,211,252,.075) 1px, transparent 1px),
    linear-gradient(rgba(125,211,252,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(125,211,252,.035) 1px, transparent 1px),
    radial-gradient(circle at 15% 0%, rgba(14,165,233,.28), transparent 30%),
    linear-gradient(180deg, #041827 0%, #082f49 48%, #03111d 100%) !important;
  background-size: 80px 80px, 80px 80px, 20px 20px, 20px 20px, auto, auto !important;
}

/* Military Green: atölye/askeri zemin */
body[data-theme-preset="military_green"] {
  background:
    radial-gradient(circle at 18% 12%, rgba(132,204,22,.16), transparent 18%),
    radial-gradient(circle at 78% 18%, rgba(77,124,15,.18), transparent 22%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.026) 0 3px, transparent 3px 14px),
    linear-gradient(180deg, #0d1604 0%, #1a2e05 55%, #090f03 100%) !important;
}

/* Light Office: temiz açık zemin */
body[data-theme-preset="light_office"] {
  background:
    radial-gradient(circle at 20% 0%, rgba(37,99,235,.10), transparent 28%),
    linear-gradient(90deg, rgba(15,23,42,.035) 1px, transparent 1px),
    linear-gradient(0deg, rgba(15,23,42,.025) 1px, transparent 1px),
    linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%) !important;
  background-size: auto, 44px 44px, 44px 44px, auto !important;
}

/* Tema preset select daha net */
#themePresetSelect {
  min-height: 50px !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .35px !important;
}

/* Tema kartları küçük ama okunur */
.theme-grid::before {
  content: "Tema Paketi Seçimi" !important;
}

.theme-brand-grid::before {
  content: "Kurumsal Kimlik" !important;
}

.theme-color-grid::before {
  content: "Renk ve Yüzey Ayarları" !important;
}

.theme-range-grid::before {
  content: "Ölçek ve Efektler" !important;
}

/* Tema geçişi yumuşak */
body,
.topbar-frame,
.content-panel,
.sidebar,
bottom-panel,
.cabinet-card,
.drawer,
.panel,
.sb-card {
  transition:
    background .22s ease,
    border-color .22s ease,
    color .18s ease,
    box-shadow .22s ease !important;
}

/* =========================================================
   INDUSTRIAL PRO V2 - REAL WORKSHOP CABINET
   ========================================================= */

body[data-theme-preset="industrial_pro"],
body:not([data-theme-preset]),
body[data-theme-preset="custom"] {
  background:
    radial-gradient(circle at 18% -8%, rgba(148,163,184,.10), transparent 28%),
    radial-gradient(circle at 80% 0%, rgba(30,41,59,.30), transparent 30%),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(180deg, #070a0f 0%, #0c1118 50%, #12100d 100%) !important;
  background-size: auto, auto, 42px 42px, 42px 42px, auto !important;
}

.content-panel {
  background:
    radial-gradient(circle at center top, rgba(255,255,255,.05), transparent 34%),
    linear-gradient(180deg, rgba(18,24,33,.96), rgba(7,10,15,.98)) !important;
  border: 1px solid rgba(148,163,184,.18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 18px 42px rgba(0,0,0,.30) !important;
}

.cabinet-area {
  gap: 16px !important;
  padding: 10px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.025), rgba(0,0,0,.18)) !important;
  border-radius: 14px !important;
}

.cabinet-card {
  position: relative !important;
  isolation: isolate !important;
  padding: 20px 20px 22px !important;
  border-radius: 8px !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.08), transparent 8%, transparent 92%, rgba(0,0,0,.28)),
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.08), transparent 28%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 7px),
    linear-gradient(180deg, #4a515b 0%, #2a3038 24%, #191f27 74%, #0c1016 100%) !important;
  border: 2px solid #111820 !important;
  outline: 1px solid rgba(226,232,240,.20) !important;
  box-shadow:
    inset 0 3px 0 rgba(255,255,255,.16),
    inset 0 -5px 0 rgba(0,0,0,.55),
    inset 12px 0 22px rgba(255,255,255,.035),
    inset -12px 0 22px rgba(0,0,0,.32),
    0 30px 60px rgba(0,0,0,.48) !important;
}

.cabinet-card > .cabinet-head,
.cabinet-card > .drawer-grid {
  position: relative !important;
  z-index: 2 !important;
}

.cabinet-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 6px !important;
  border-radius: 5px !important;
  border: 1px solid rgba(226,232,240,.18) !important;
  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,.55),
    inset 0 12px 18px rgba(255,255,255,.025),
    inset 0 -18px 24px rgba(0,0,0,.22) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.cabinet-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 10px !important;
  border-radius: 4px !important;
  pointer-events: none !important;
  z-index: 3 !important;
  background:
    radial-gradient(circle at 0 0, #f8fafc 0 2px, #64748b 3px, transparent 5px),
    radial-gradient(circle at 100% 0, #f8fafc 0 2px, #64748b 3px, transparent 5px),
    radial-gradient(circle at 0 100%, #f8fafc 0 2px, #64748b 3px, transparent 5px),
    radial-gradient(circle at 100% 100%, #f8fafc 0 2px, #64748b 3px, transparent 5px) !important;
}

.cabinet-head {
  min-height: 56px !important;
  padding: 12px 14px 12px 54px !important;
  margin-bottom: 14px !important;
  border-radius: 6px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.12), transparent 30%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 6px),
    linear-gradient(180deg, #343b45, #161b22) !important;
  border: 1px solid rgba(226,232,240,.18) !important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.12),
    inset 0 -2px 0 rgba(0,0,0,.45),
    0 10px 20px rgba(0,0,0,.28) !important;
}

.cabinet-head::before {
  content: "▣" !important;
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 26px !important;
  height: 26px !important;
  border-radius: 5px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(180deg, #9ca3af, #475569 45%, #1f2937) !important;
  color: #f8fafc !important;
  font-size: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45), inset 0 -2px 0 rgba(0,0,0,.35), 0 2px 5px rgba(0,0,0,.45) !important;
}

.cabinet-title {
  font-weight: 950 !important;
  color: #f8fafc !important;
  letter-spacing: .8px !important;
  font-size: 22px !important;
  text-transform: uppercase !important;
  text-shadow: 0 2px 3px rgba(0,0,0,.72) !important;
}

.cabinet-title::before { content: none !important; }

.cabinet-head .tag {
  background: linear-gradient(180deg, rgba(148,163,184,.16), rgba(15,23,42,.72)) !important;
  border: 1px solid rgba(203,213,225,.20) !important;
  color: #dbeafe !important;
  border-radius: 8px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 4px 10px rgba(0,0,0,.22) !important;
}

.drawer-grid {
  gap: 10px !important;
  padding: 14px !important;
  border-radius: 5px !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.56), rgba(255,255,255,.03) 8%, rgba(0,0,0,.38)),
    repeating-linear-gradient(0deg, transparent 0 calc(var(--drawer-h, 64px) + 8px), rgba(255,255,255,.10) calc(var(--drawer-h, 64px) + 8px) calc(var(--drawer-h, 64px) + 10px), rgba(0,0,0,.58) calc(var(--drawer-h, 64px) + 10px) calc(var(--drawer-h, 64px) + 13px)),
    linear-gradient(180deg, #10151c, #070a0f) !important;
  border: 1px solid rgba(0,0,0,.72) !important;
  box-shadow: inset 0 6px 16px rgba(0,0,0,.70), inset 0 1px 0 rgba(255,255,255,.07), 0 1px 0 rgba(255,255,255,.08) !important;
}

.drawer {
  position: relative !important;
  overflow: hidden !important;
  padding: 11px 10px 19px !important;
  border-radius: 5px !important;
  color: #f8fafc !important;
  text-align: center !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.03) 18%, transparent 19%),
    radial-gradient(circle at 20% 12%, rgba(255,255,255,.12), transparent 18%),
    linear-gradient(180deg, #3a414b 0%, #20262e 54%, #0c1016 100%) !important;
  border: 1px solid rgba(226,232,240,.22) !important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.18),
    inset 0 -4px 0 rgba(0,0,0,.50),
    inset 5px 0 8px rgba(255,255,255,.04),
    inset -5px 0 10px rgba(0,0,0,.28),
    0 8px 16px rgba(0,0,0,.48) !important;
  transition: transform .12s ease, filter .12s ease, box-shadow .12s ease !important;
}

.drawer:hover {
  transform: translateY(-2px) scale(1.018) !important;
  filter: brightness(1.08) !important;
  z-index: 10 !important;
  box-shadow: inset 0 2px 0 rgba(255,255,255,.20), inset 0 -4px 0 rgba(0,0,0,.52), 0 14px 24px rgba(0,0,0,.56) !important;
}

.drawer::before {
  content: "" !important;
  position: absolute !important;
  inset: 5px !important;
  border-radius: 4px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background:
    radial-gradient(circle at 4px 4px, #e5e7eb 0 1px, #64748b 2px, transparent 3px),
    radial-gradient(circle at calc(100% - 4px) 4px, #e5e7eb 0 1px, #64748b 2px, transparent 3px),
    radial-gradient(circle at 4px calc(100% - 4px), #e5e7eb 0 1px, #64748b 2px, transparent 3px),
    radial-gradient(circle at calc(100% - 4px) calc(100% - 4px), #e5e7eb 0 1px, #64748b 2px, transparent 3px) !important;
  pointer-events: none !important;
}

.drawer::after {
  content: "" !important;
  position: absolute !important;
  left: 23% !important;
  right: 23% !important;
  bottom: 7px !important;
  top: auto !important;
  height: 9px !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,.08) 26%, rgba(0,0,0,.62)),
    linear-gradient(90deg, #05070a, #3d4652 48%, #05070a) !important;
  border: 1px solid rgba(0,0,0,.78) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 -1px 0 rgba(0,0,0,.70), 0 2px 5px rgba(0,0,0,.65) !important;
  pointer-events: none !important;
}

.drawer-part {
  position: relative !important;
  z-index: 2 !important;
  color: #f8fafc !important;
  font-weight: 950 !important;
  text-shadow: 0 2px 3px rgba(0,0,0,.85) !important;
  letter-spacing: .2px !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-align: center !important;
  padding: 0 14px 0 3px !important;
  margin: 0 auto 5px !important;
  font-size: clamp(9px, calc(var(--drawer-w, 110px) / 8.4), 15px) !important;
  line-height: 1.08 !important;
}

.drawer-qty {
  position: relative !important;
  z-index: 2 !important;
  color: #cbd5e1 !important;
  font-weight: 750 !important;
  text-shadow: 0 2px 3px rgba(0,0,0,.85) !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-align: center !important;
  margin: 0 auto !important;
  font-size: clamp(8px, calc(var(--drawer-w, 110px) / 10.5), 12px) !important;
}

.drawer.stock-ok,
.drawer.stock-low,
.drawer.stock-limited,
.drawer.stock-empty {
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.18),
    inset 0 -4px 0 rgba(0,0,0,.50),
    inset 5px 0 8px rgba(255,255,255,.04),
    inset -5px 0 10px rgba(0,0,0,.28),
    0 8px 16px rgba(0,0,0,.48) !important;
}

.drawer.stock-ok .drawer-part::after,
.drawer.stock-low .drawer-part::after,
.drawer.stock-limited .drawer-part::after,
.drawer.stock-empty .drawer-part::after {
  content: "" !important;
  position: absolute !important;
  right: 1px !important;
  top: 1px !important;
  width: 9px !important;
  height: 9px !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 2px rgba(0,0,0,.45), 0 0 10px currentColor !important;
}

.drawer.stock-ok .drawer-part::after { background:#4ade80 !important; color:#4ade80 !important; }
.drawer.stock-low .drawer-part::after { background:#fb923c !important; color:#fb923c !important; }
.drawer.stock-limited .drawer-part::after { background:#facc15 !important; color:#facc15 !important; }
.drawer.stock-empty .drawer-part::after { background:#ef4444 !important; color:#ef4444 !important; }

.drawer.search-hit-blink {
  outline: 3px solid #60a5fa !important;
  outline-offset: 4px !important;
  animation: industrialProV2SearchPulse .62s ease-in-out infinite !important;
  z-index: 999 !important;
}

@keyframes industrialProV2SearchPulse {
  0%,100% { filter: brightness(1); transform: translateY(0) scale(1); }
  50% {
    filter: brightness(1.38);
    transform: translateY(-3px) scale(1.055);
    box-shadow:
      inset 0 2px 0 rgba(255,255,255,.18),
      inset 0 -4px 0 rgba(0,0,0,.50),
      0 0 32px rgba(96,165,250,.72),
      0 16px 28px rgba(0,0,0,.60) !important;
  }
}

body[data-theme-preset="dark_carbon"] .cabinet-card {
  background:
    linear-gradient(90deg, rgba(255,255,255,.052), transparent 9%, transparent 91%, rgba(0,0,0,.36)),
    linear-gradient(45deg, rgba(255,255,255,.040) 25%, transparent 25%, transparent 75%, rgba(255,255,255,.040) 75%),
    linear-gradient(45deg, rgba(0,0,0,.26) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.26) 75%),
    linear-gradient(180deg, #3f3f46, #18181b 58%, #050505) !important;
  background-position: 0 0, 0 0, 8px 8px, 0 0 !important;
  background-size: auto, 16px 16px, 16px 16px, auto !important;
  border-color: rgba(212,212,216,.22) !important;
}

body[data-theme-preset="dark_carbon"] .drawer {
  background:
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.03) 18%, transparent 19%),
    linear-gradient(45deg, rgba(255,255,255,.030) 25%, transparent 25%, transparent 75%, rgba(255,255,255,.030) 75%),
    linear-gradient(45deg, rgba(0,0,0,.24) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.24) 75%),
    linear-gradient(180deg, #3f3f46, #1f1f23 58%, #09090b) !important;
  background-position: 0 0, 0 0, 7px 7px, 0 0 !important;
  background-size: auto, 14px 14px, 14px 14px, auto !important;
}

body[data-theme-preset="factory_blue"] .drawer {
  background:
    linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,.04) 18%, transparent 19%),
    linear-gradient(180deg, #2f5f78, #12354a 56%, #061b2c) !important;
}

body[data-theme-preset="military_green"] .drawer {
  background:
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.035) 18%, transparent 19%),
    linear-gradient(180deg, #59633b, #2b3517 56%, #111806) !important;
}

body[data-theme-preset="light_office"] .drawer {
  background:
    linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.20) 20%, transparent 21%),
    linear-gradient(180deg, #ffffff, #dbe4ef 60%, #cbd5e1) !important;
}

body[data-theme-preset="light_office"] .drawer-part,
body[data-theme-preset="light_office"] .drawer-qty {
  color: #0f172a !important;
  text-shadow: none !important;
}

@media (max-width: 900px) {
  .cabinet-card { padding: 12px !important; }
  .drawer-grid { padding: 8px !important; gap: 6px !important; }
  .drawer { padding: 9px 8px 16px !important; }
  .drawer::after { bottom: 5px !important; height: 7px !important; }
}


/* AUTO USD/TRY RATE BUTTON */
#fetchUsdTryRateBtn {
  border-color: color-mix(in srgb, var(--status-ok) 38%, var(--line)) !important;
}

#fetchUsdTryRateBtn::before {
  content: "↻ ";
}

/* ROLE / PROFILE MANAGEMENT */
.profile-manager {
  display: grid;
  gap: 8px;
}

.profile-manager hr {
  width: 100%;
  border: 0;
  border-top: 1px solid var(--line);
  margin: 6px 0;
}

.status-line {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.forgot-password-btn {
  white-space: nowrap;
}

#profileUsername:disabled,
#profileOldPassword:disabled,
#profileNewPassword:disabled {
  opacity: .65;
  cursor: not-allowed;
}


/* PROFILE PANEL ENABLED FOR USER */
.profile-acc-item {
  display: block;
}

#profileManager input,
#profileManager button {
  width: 100%;
  max-width: 100%;
}

#sessionUser {
  cursor: pointer;
}

/* MATERIAL LIST ADD FIX */
#addMaterialBtn.drawer-bottom-action {
  display: inline-flex !important;
  border-color: color-mix(in srgb, var(--status-ok) 35%, var(--line)) !important;
}

.qty-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  padding: 2px 6px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent) 22%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent) 32%, transparent);
  font-size: 11px;
}

/* MOBIL TOPBAR - MASAUSTU GORUNUME DOKUNMAZ */
@media (max-width: 760px) {
  html, body {
    overflow-x: hidden !important;
  }

  .app-shell {
    padding: 0 !important;
  }

  .topbar-frame {
    position: sticky !important;
    top: 0 !important;
    z-index: 10050 !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }

  .topbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
    align-items: center !important;
    padding: 8px !important;
  }

  .logo {
    display: none !important;
  }

  .search-wrap.top-search {
    grid-column: 1 / 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    position: relative !important;
    z-index: 10070 !important;
  }

  .search-wrap.top-search input,
  #search {
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    font-size: 16px !important;
  }

  .dropdown-nav {
    grid-column: 2 / 3 !important;
    grid-row: 1 !important;
    width: auto !important;
    min-width: 46px !important;
    justify-self: end !important;
    position: relative !important;
    z-index: 10080 !important;
  }

  .dropdown-nav .drop {
    position: relative !important;
  }

  .dropdown-nav .drop > button,
  #topMenuBtn {
    width: 46px !important;
    min-width: 46px !important;
    height: 42px !important;
    padding: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-indent: -999px !important;
    position: relative !important;
  }

  .dropdown-nav .drop > button::after,
  #topMenuBtn::after {
    content: "⚙";
    text-indent: 0 !important;
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    font-size: 22px;
  }

  .auth-group {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: none !important;
    width: 100% !important;
    grid-template-columns: 1fr 1fr auto auto !important;
    gap: 8px !important;
    padding-top: 8px !important;
  }

  body.panel-open .auth-group,
  .topbar:has(.drop.open) .auth-group {
    display: grid !important;
  }

  .auth-group input,
  .auth-group button,
  .auth-group .session-user {
    min-width: 0 !important;
    width: 100% !important;
  }

  .dropdown-nav .drop-menu {
    position: fixed !important;
    top: 58px !important;
    left: 8px !important;
    right: 8px !important;
    width: auto !important;
    min-width: 0 !important;
    max-height: calc(100vh - 72px) !important;
    overflow-y: auto !important;
    z-index: 10090 !important;
  }

  .dropdown-nav .drop.open .drop-menu {
    display: block !important;
  }

  .search-results.search-results-standalone,
  #searchResults {
    position: fixed !important;
    top: 58px !important;
    left: 8px !important;
    right: 8px !important;
    width: auto !important;
    max-height: 55vh !important;
    overflow-y: auto !important;
    z-index: 10100 !important;
  }

  .bottom-panel {
    display: none !important;
  }

  .main-layout {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    margin: 0 !important;
  }

  .content-panel,
  .cabinet-area {
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .sidebar {
    display: none !important;
  }

  body.panel-open .sidebar {
    display: block !important;
    position: fixed !important;
    top: 58px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: auto !important;
    max-width: none !important;
    overflow-y: auto !important;
    z-index: 10060 !important;
    border-radius: 0 !important;
  }
}

/* === Mobil ayar simgesi + arama scroll düzeltmesi (sadece mobil) === */
@media (max-width: 900px) {
  .topbar-frame {
    position: sticky !important;
    top: 0 !important;
    z-index: 10050 !important;
  }

  .topbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 46px !important;
    gap: 8px !important;
    align-items: center !important;
  }

  .topbar .logo {
    display: none !important;
  }

  .search-wrap.top-search {
    grid-column: 1 / 2 !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .dropdown-nav {
    grid-column: 2 / 3 !important;
    justify-self: end !important;
    width: 46px !important;
    min-width: 46px !important;
  }

  .dropdown-nav .drop-menu {
    display: none !important;
  }

  .dropdown-nav .drop > button,
  #topMenuBtn {
    width: 46px !important;
    min-width: 46px !important;
    height: 42px !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: transparent !important;
    position: relative !important;
  }

  .dropdown-nav .drop > button::after,
  #topMenuBtn::after {
    content: "⚙" !important;
    color: var(--text) !important;
    position: absolute !important;
    inset: 0 !important;
    display: grid !important;
    place-items: center !important;
    font-size: 22px !important;
    text-indent: 0 !important;
  }

  #searchResults.search-results,
  #searchResults.search-results-standalone,
  #searchResults {
    position: fixed !important;
    top: 58px !important;
    left: 8px !important;
    right: 8px !important;
    width: auto !important;
    max-height: 55vh !important;
    overflow-y: auto !important;
    z-index: 10100 !important;
  }

  .bottom-panel {
    display: none !important;
  }

  body.panel-open .sidebar,
  body.panel-open #sidebar {
    display: block !important;
    position: fixed !important;
    top: 58px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: auto !important;
    max-width: none !important;
    overflow-y: auto !important;
    z-index: 10060 !important;
    border-radius: 0 !important;
  }

  body.panel-open #panel {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
  }
}


/* Mobile search result touch fix */
#searchResults {
  pointer-events: auto !important;
  touch-action: manipulation !important;
}
#searchResults .search-item {
  pointer-events: auto !important;
  touch-action: manipulation !important;
  user-select: none;
  -webkit-user-select: none;
}
@media (max-width: 760px) {
  #searchResults {
    z-index: 2147483000 !important;
  }
}


/* Gelişmiş Ürün Kartı modülü */
.product-details-modal .product-details-shell {
  width: min(980px, calc(100vw - 24px));
  max-height: calc(100vh - 30px);
  overflow: auto;
}
.product-details-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 14px;
}
.product-details-wide {
  grid-column: 1 / -1;
}
.product-details-grid textarea {
  width: 100%;
  min-height: 86px;
  resize: vertical;
  border-radius: 10px;
  border: 1px solid var(--cabinet-border, #2e4e88);
  background: rgba(255,255,255,.08);
  color: var(--text-color, #e9eef9);
  padding: 10px;
  outline: none;
}
.product-details-grid input {
  width: 100%;
}
.disabled-link {
  opacity: .45;
  pointer-events: none;
}
@media (max-width: 720px) {
  .product-details-grid {
    grid-template-columns: 1fr;
    padding: 10px;
  }
  .product-details-modal .product-details-shell {
    width: 100vw;
    height: 100vh;
    max-height: 100vh;
    border-radius: 0;
  }
  #productCardBtn {
    white-space: nowrap;
  }
}


/* Dolap ölçüsü: dış sınır sabitken çekmeceleri eşit otomatik diz. */
.drawer-grid.cabinet-sized-grid {
  box-sizing: border-box;
  max-width: 100%;
  overflow: hidden;
}
.drawer-grid.cabinet-sized-grid .drawer {
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  box-sizing: border-box;
}
.cabinet-size-note {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
}


/* Parça adı internet arama ve teknik kart AI muadil butonları */
.drawer-part-search-wrap{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  width:100%;
}
.drawer-part-search-wrap input{width:100%;min-width:0;}
.drawer-part-google-btn{white-space:nowrap;}
#pd_find_ai_alternatives{white-space:nowrap;}
@media (max-width: 760px){
  .drawer-part-search-wrap{grid-template-columns:1fr;}
  .drawer-part-google-btn{width:100%;}
  #pd_find_ai_alternatives{width:100%;}
}


/* Modül Yönetimi sıra butonları - küçük oklar */
.module-row{
  grid-template-columns:22px minmax(0,1fr) auto;
  align-items:center;
}
.module-order-actions{
  display:flex;
  flex-direction:column;
  gap:4px;
  align-items:center;
  justify-content:center;
}
.module-order-btn{
  width:24px;
  height:22px;
  padding:0;
  border-radius:7px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,#1d2f50,#13243d);
  color:var(--muted);
  font-size:12px;
  font-weight:800;
  line-height:1;
  cursor:pointer;
}
.module-order-btn:hover{
  border-color:var(--accent);
  color:#fff;
}
.module-order-btn:disabled{
  opacity:.45;
  cursor:wait;
}
@media(max-width:700px){
  .module-row{grid-template-columns:26px minmax(0,1fr) 30px;}
  .module-order-btn{width:25px;height:22px;font-size:12px;}
}


.product-details-modal .product-details-grid textarea,
.product-details-modal .product-details-grid input {
  background: rgba(12, 20, 36, .92) !important;
  color: var(--text-color, #e9eef9) !important;
  border: 1px solid var(--cabinet-border, #2e4e88) !important;
}
.product-details-modal .product-details-grid textarea::placeholder,
.product-details-modal .product-details-grid input::placeholder {
  color: rgba(233, 238, 249, .55) !important;
}


/* AI Asistan harici modal düzeltmeleri */
.ai-assistant-panel-btn{width:auto;min-width:150px;}
.ai-assistant-shell{width:min(1180px,calc(100vw - 20px));}
.ai-assistant-query-box{border:1px solid var(--line);border-radius:14px;background:rgba(8,14,26,.42);padding:10px;margin:12px 0;}
.ai-assistant-command-row{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:8px;margin:0;align-items:start;}
.ai-assistant-command-row textarea{width:100%;height:110px;min-height:110px;max-height:260px;resize:vertical;border-radius:10px;border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 74%, #000 26%);color:var(--text);padding:10px 12px;outline:none;font-size:14px;line-height:1.4;}
.ai-assistant-search-btn{height:40px;min-height:40px;padding:0 14px;border-radius:10px;align-self:start;}
.ai-assistant-answer{margin-top:8px;min-height:32px;padding:8px 10px;border:1px dashed rgba(148,163,184,.35);border-radius:10px;background:rgba(0,0,0,.16);}
.ai-assistant-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:8px 0 10px;}
.ai-assistant-toolbar label{display:flex;gap:7px;align-items:center;color:#d9e4ff;}
.ai-assistant-results{display:grid;gap:10px;max-height:56vh;overflow:auto;padding-right:4px;align-items:start;}
.ai-assistant-row{display:grid;grid-template-columns:28px minmax(170px,1fr) minmax(130px,.7fr) 90px minmax(240px,2.2fr);gap:10px;align-items:start;border:1px solid var(--line);border-radius:14px;background:rgba(12,20,36,.78);padding:10px;min-height:auto;height:auto;}
.ai-assistant-row:hover{border-color:var(--accent);background:rgba(18,32,58,.9);}
.ai-assistant-part{font-weight:800;color:#f2d36b;word-break:break-word;}
.ai-assistant-meta{color:#aebbd4;font-size:13px;word-break:break-word;overflow-wrap:anywhere;}
.ai-assistant-spec{color:#dbe5f8;font-size:13px;line-height:1.42;white-space:pre-wrap;max-height:none;overflow:visible;word-break:break-word;overflow-wrap:anywhere;}
.ai-assistant-context{position:fixed;z-index:999999;transform:none!important;min-width:230px;max-height:min(70vh,520px);overflow:auto;border:1px solid var(--line);border-radius:14px;background:#0b1323;box-shadow:0 22px 60px rgba(0,0,0,.45);padding:8px;}
.ai-assistant-context button{display:block;width:100%;text-align:left;border-radius:10px;background:transparent;color:var(--text);padding:10px 12px;min-height:36px;}
.ai-assistant-context button:hover{background:rgba(92,135,255,.18);}
@media(max-width:760px){.ai-assistant-command-row{grid-template-columns:1fr}.ai-assistant-search-btn{width:90px}.ai-assistant-row{grid-template-columns:28px 1fr}.ai-assistant-row > *{grid-column:auto}.ai-assistant-spec{grid-column:2 / -1;max-height:none;overflow:visible}}

/* Çekmece modalı Açıklama/Özellik alanı tema rengini korusun */
#drawerSpec{
  width:100%;
  min-height:110px;
  resize:vertical;
  border-radius:12px;
  border:1px solid var(--line);
  background:color-mix(in srgb, var(--panel) 74%, #000 26%) !important;
  color:var(--text) !important;
  outline:none;
}
#drawerSpec::placeholder{color:#7d8aa5;}

.ai-assistant-history{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px;}
.ai-history-chip{border:1px solid var(--line);border-radius:999px;background:rgba(15,23,42,.55);color:var(--text);padding:5px 9px;font-size:12px;cursor:pointer;}
.ai-history-chip:hover{border-color:var(--accent);background:rgba(92,135,255,.18);}
.ai-undo-btn{margin-left:8px;padding:5px 10px;min-height:28px;border-radius:9px;}

.ai-assistant-faq-link{font-weight:800;color:#f2d36b!important;}
.ai-assistant-faq-shell{width:min(860px,calc(100vw - 22px));}
.ai-assistant-faq-content{border:1px solid var(--line);border-radius:14px;background:rgba(8,14,26,.55);padding:14px;line-height:1.5;color:var(--text);}
.ai-assistant-faq-content h3{margin:12px 0 6px;color:#f2d36b;font-size:16px;}
.ai-assistant-faq-content p{margin:0 0 10px;color:#dbe5f8;}
.ai-assistant-history .muted{margin-right:4px;}

.ai-assistant-context hr{border:0;border-top:1px solid rgba(148,163,184,.22);margin:6px 4px;}


/* v1.3.1 Muhasebe modülü */
.accounting-panel { display: grid; gap: 14px; min-width: 0; }
.accounting-toolbar { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.accounting-summary { display: grid; gap: 14px; max-height: none; overflow: visible; padding-right: 0; min-width: 0; }
.accounting-grand { border: 1px solid rgba(72,126,255,.38); background: rgba(12,25,50,.72); border-radius: 18px; padding: 16px; display: grid; gap: 8px; min-width: 0; }
.accounting-grand-title { font-size: 20px; font-weight: 800; color: #eef5ff; }
.accounting-grand strong { font-size: clamp(24px, 4vw, 38px); line-height: 1.15; color: #f8d45c; word-break: break-word; }
.accounting-grand small { color: var(--muted, #aeb8c9); font-size: 14px; line-height: 1.45; }
.accounting-mini-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.accounting-mini-card { border: 1px solid rgba(72,126,255,.28); border-radius: 14px; background: rgba(15,32,61,.65); padding: 12px; display: grid; gap: 4px; min-width: 0; }
.accounting-mini-card b { color: #f8d45c; font-size: 20px; }
.accounting-mini-card span { color: var(--muted, #aeb8c9); font-size: 13px; }
.accounting-cabinet { border: 1px solid rgba(72,126,255,.30); border-radius: 16px; overflow: hidden; background: rgba(7,17,34,.55); min-width: 0; }
.accounting-cabinet-head { display: grid; grid-template-columns: minmax(90px, 1fr) auto minmax(120px, auto); gap: 12px; align-items: center; padding: 13px 14px; background: rgba(27,50,88,.72); cursor: pointer; list-style: none; }
.accounting-cabinet-head::-webkit-details-marker { display: none; }
.accounting-cabinet-head::before { content: '▶'; color: #a9c3ef; font-size: 12px; margin-right: 2px; }
details[open] > .accounting-cabinet-head::before { content: '▼'; }
.accounting-cabinet-name { color: #eef5ff; font-weight: 900; font-size: 18px; white-space: normal; overflow-wrap: anywhere; }
.accounting-cabinet-meta { color: var(--muted, #aeb8c9); font-size: 13px; white-space: nowrap; }
.accounting-cabinet-head strong { color: #f8d45c; font-weight: 900; font-size: 18px; text-align: right; white-space: nowrap; }
.accounting-drawers { display: grid; min-width: 0; }
.accounting-drawer-row { display: grid; grid-template-columns: 110px minmax(180px, 1fr) 170px 150px; gap: 10px; padding: 10px 14px; border-top: 1px solid rgba(255,255,255,.07); align-items: start; min-height: 44px; }
.accounting-drawer-row > span, .accounting-drawer-row > strong { min-width: 0; }
.acc-drawer-code { color: #a9c3ef; font-weight: 700; overflow-wrap: anywhere; }
.acc-part-name { color: #eef5ff; overflow-wrap: anywhere; line-height: 1.35; }
.acc-calc { color: #cbd7ef; white-space: nowrap; }
.accounting-drawer-row strong { text-align: right; color: #dbe7ff; white-space: nowrap; }
.accounting-empty { padding: 12px 14px; color: var(--muted, #aeb8c9); }
@media (max-width: 920px) {
  .accounting-cabinet-head { grid-template-columns: 1fr; gap: 6px; }
  .accounting-cabinet-meta, .accounting-cabinet-head strong { text-align: left; white-space: normal; }
  .accounting-drawer-row { grid-template-columns: 1fr; gap: 4px; }
  .acc-calc, .accounting-drawer-row strong { text-align: left; white-space: normal; }
  .accounting-mini-grid { grid-template-columns: 1fr; }
}

/* v1.3.2 Muhasebe görsel düzeltme */
.accounting-panel,
.accounting-summary,
.accounting-grand,
.accounting-cabinet,
.accounting-drawers { box-sizing: border-box; width: 100%; max-width: 100%; }
.accounting-summary { overflow: visible; }
.accounting-grand { padding: 16px; }
.accounting-grand-title { line-height: 1.25; }
.accounting-grand strong { display: block; max-width: 100%; overflow-wrap: anywhere; }
.accounting-cabinet { border-radius: 18px; }
.accounting-cabinet-head {
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) max-content;
  grid-template-areas:
    "arrow name total"
    "arrow meta total";
  column-gap: 10px;
  row-gap: 3px;
  align-items: center;
  min-height: 72px;
  padding: 14px 16px;
}
.accounting-cabinet-head::before { grid-area: arrow; align-self: center; margin: 0; }
.accounting-cabinet-name {
  grid-area: name;
  display: block;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.15;
  font-size: clamp(17px, 2vw, 22px);
}
.accounting-cabinet-meta {
  grid-area: meta;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.25;
}
.accounting-cabinet-head strong {
  grid-area: total;
  align-self: center;
  text-align: right;
  white-space: nowrap;
  font-size: clamp(18px, 2.4vw, 24px);
}
.accounting-drawer-row {
  grid-template-columns: minmax(80px, 120px) minmax(80px, 1fr) minmax(120px, max-content) !important;
  align-items: center;
  min-height: 48px;
}
.accounting-drawer-total-row .acc-part-name { display: none; }
.accounting-drawer-row strong { color: #f8d45c; font-size: 16px; }
@media (max-width: 680px) {
  .accounting-grand { padding: 14px; }
  .accounting-grand strong { font-size: 34px; line-height: 1.08; }
  .accounting-mini-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .accounting-mini-card { padding: 10px; }
  .accounting-cabinet-head {
    grid-template-columns: 18px minmax(0, 1fr);
    grid-template-areas:
      "arrow name"
      "arrow total"
      "arrow meta";
    min-height: 92px;
  }
  .accounting-cabinet-head strong,
  .accounting-cabinet-meta { text-align: left; }
  .accounting-drawer-row { grid-template-columns: minmax(70px, 100px) 1fr !important; gap: 6px 10px; }
  .accounting-drawer-row strong { grid-column: 1 / -1; text-align: left; }
}


/* === v1.3.7-son-calisan: Sadece Muhasebe modal === */
#muhasebeModal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 22px;
  background: rgba(2, 8, 20, .72);
  backdrop-filter: blur(7px);
}

#muhasebeModal.is-open {
  display: flex !important;
}

#muhasebeModal .muhasebe-modal-card {
  width: min(1180px, calc(100vw - 32px));
  max-height: calc(100vh - 36px);
  overflow: hidden;
  border: 1px solid rgba(58, 118, 220, .58);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(13, 27, 54, .98), rgba(5, 13, 28, .98));
  box-shadow: 0 26px 90px rgba(0,0,0,.60);
}

#muhasebeModal .muhasebe-modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 22px;
  border-bottom: 1px solid rgba(58, 118, 220, .36);
  background: rgba(13, 27, 54, .98);
}

#muhasebeModal .muhasebe-modal-title {
  color: #f4f7ff;
  font-weight: 900;
  font-size: 26px;
  line-height: 1.2;
}

#muhasebeModal .muhasebe-modal-close {
  border: 1px solid rgba(94, 146, 232, .65);
  background: rgba(24, 48, 88, .96);
  color: #f4f7ff;
  border-radius: 14px;
  padding: 10px 18px;
  font-weight: 800;
  cursor: pointer;
}

#muhasebeModal .muhasebe-modal-body {
  max-height: calc(100vh - 118px);
  overflow: auto;
  padding: 18px;
}

/* Muhasebe kaynak govdesi admin panelde yer kaplamasin */
.muhasebe-source-hidden {
  display: none !important;
}

/* Modal icinde muhasebe alanlari genis ve okunur kalsin */
#muhasebeModal .muhasebe-source-hidden {
  display: block !important;
}

#muhasebeModal .acc-header {
  display: none !important;
}

@media (max-width: 720px) {
  #muhasebeModal {
    padding: 8px;
  }
  #muhasebeModal .muhasebe-modal-card {
    width: calc(100vw - 16px);
    max-height: calc(100vh - 16px);
    border-radius: 18px;
  }
  #muhasebeModal .muhasebe-modal-head {
    padding: 14px;
  }
  #muhasebeModal .muhasebe-modal-title {
    font-size: 21px;
  }
  #muhasebeModal .muhasebe-modal-body {
    max-height: calc(100vh - 92px);
    padding: 12px;
  }
}


/* === v1.3.8: Sadece Muhasebe modal + duzgun muhasebe gorunumu === */
.accounting-modal.hidden{display:none!important;}
.accounting-modal.show{display:flex!important;}
.accounting-modal{
  position:fixed; inset:0; z-index:99999;
  align-items:center; justify-content:center;
  padding:22px;
}
.accounting-modal-backdrop{
  position:absolute; inset:0;
  background:rgba(2,8,20,.74);
  backdrop-filter:blur(7px);
}
.accounting-modal-card{
  position:relative; z-index:1;
  width:min(1180px, calc(100vw - 34px));
  max-height:calc(100vh - 36px);
  overflow:hidden;
  border:1px solid rgba(70,126,220,.55);
  border-radius:24px;
  background:linear-gradient(180deg, rgba(12,26,52,.98), rgba(5,13,28,.98));
  box-shadow:0 26px 90px rgba(0,0,0,.62);
}
.accounting-modal-head{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:18px 22px;
  border-bottom:1px solid rgba(70,126,220,.34);
  background:rgba(13,27,54,.98);
}
.accounting-modal-title{font-size:26px;font-weight:900;color:#f4f7ff;line-height:1.15;}
.accounting-modal-subtitle{font-size:13px;color:var(--muted,#aeb8c9);margin-top:4px;}
.accounting-modal-close{min-width:92px;}
.accounting-modal-body{
  max-height:calc(100vh - 116px);
  overflow:auto;
  padding:18px;
}
body.accounting-modal-open{overflow:hidden;}

.accounting-panel{display:grid;gap:14px;min-width:0;}
.accounting-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.accounting-summary{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:16px;align-items:start;min-width:0;}
.accounting-left,.accounting-right{display:grid;gap:14px;min-width:0;}
.accounting-grand{border:1px solid rgba(72,126,255,.38);background:rgba(12,25,50,.72);border-radius:18px;padding:16px;display:grid;gap:8px;min-width:0;}
.accounting-grand-title{font-size:20px;font-weight:800;color:#eef5ff;}
.accounting-grand strong{font-size:clamp(28px,4vw,42px);line-height:1.12;color:#f8d45c;word-break:break-word;}
.accounting-grand small{color:var(--muted,#aeb8c9);font-size:14px;line-height:1.45;}
.accounting-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.accounting-mini-card{border:1px solid rgba(72,126,255,.28);border-radius:14px;background:rgba(15,32,61,.65);padding:12px;display:grid;gap:4px;min-width:0;}
.accounting-mini-card b{color:#f8d45c;font-size:20px;}
.accounting-mini-card span{color:var(--muted,#aeb8c9);font-size:13px;}
.accounting-cabinet{border:1px solid rgba(72,126,255,.30);border-radius:16px;overflow:hidden;background:rgba(7,17,34,.55);min-width:0;}
.accounting-cabinet-head{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 14px;background:rgba(27,50,88,.72);cursor:pointer;list-style:none;}
.accounting-cabinet-head::-webkit-details-marker{display:none;}
.accounting-cabinet-head::before{content:'▶';color:#a9c3ef;font-size:12px;}
details[open]>.accounting-cabinet-head::before{content:'▼';}
.accounting-cabinet-name{color:#eef5ff;font-weight:900;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.accounting-cabinet-meta{color:var(--muted,#aeb8c9);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.accounting-cabinet-value{color:#f8d45c;font-weight:900;font-size:16px;white-space:nowrap;text-align:right;}
.accounting-drawer-list{display:grid;background:rgba(4,12,24,.40);}
.accounting-drawer-row{display:flex;align-items:center;justify-content:flex-end;padding:9px 14px;border-top:1px solid rgba(148,163,184,.12);min-height:36px;}
.accounting-drawer-row strong{color:#eaf1ff;font-size:15px;font-weight:800;white-space:nowrap;}
.accounting-empty{padding:12px 14px;color:var(--muted,#aeb8c9);}
.accounting-card{border:1px solid rgba(72,126,255,.30);border-radius:16px;background:rgba(7,17,34,.55);padding:14px;display:grid;gap:10px;}
.accounting-card h3{margin:0;color:#eef5ff;font-size:18px;}
.accounting-top-list{display:grid;}
.accounting-top-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid rgba(148,163,184,.12);}
.accounting-top-row:first-child{border-top:0;}
.accounting-top-name{font-weight:800;color:#eef5ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.accounting-top-meta{font-size:12px;color:var(--muted,#aeb8c9);}
.accounting-top-value{font-weight:900;color:#f8d45c;white-space:nowrap;}
.accounting-info{border-color:rgba(63,185,126,.45);background:rgba(4,45,34,.28);}
.accounting-info ul{margin:0;padding-left:18px;color:#dbe8f8;line-height:1.55;}
.accounting-missing-count{font-size:34px;font-weight:900;color:#ff5d87;}

@media(max-width:920px){
  .accounting-summary{grid-template-columns:1fr;}
}
@media(max-width:720px){
  .accounting-modal{padding:8px;}
  .accounting-modal-card{width:calc(100vw - 16px);max-height:calc(100vh - 16px);border-radius:18px;}
  .accounting-modal-head{padding:14px;}
  .accounting-modal-title{font-size:21px;}
  .accounting-modal-body{max-height:calc(100vh - 92px);padding:12px;}
  .accounting-mini-grid{grid-template-columns:1fr 1fr 1fr;}
  .accounting-cabinet-head{grid-template-columns:18px minmax(0,1fr);gap:8px;}
  .accounting-cabinet-value{grid-column:2;text-align:left;font-size:18px;}
}


/* === Mobil sade görünüm + ayar modalı v1 === */
.mobile-settings-btn {
  display: none;
}

@media (max-width: 768px) {
  html,
  body {
    overflow-x: hidden !important;
  }

  body {
    background: #07111f !important;
  }

  /* Mobilde metal/ışıltılı görünümü kapat */
  .cabinet,
  .cabinet-card,
  .drawer,
  .drawer-card,
  .dolap,
  .cekmece,
  .metal,
  [class*="metal"],
  [class*="cabinet"],
  [class*="drawer"] {
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
  }

  .cabinet,
  .cabinet-card,
  .dolap {
    background: #0b1728 !important;
    border: 1px solid rgba(68, 124, 210, .38) !important;
    border-radius: 16px !important;
    padding: 12px !important;
  }

  .drawer,
  .drawer-card,
  .cekmece {
    background: #101d31 !important;
    border: 1px solid rgba(67, 120, 205, .28) !important;
    border-radius: 12px !important;
    min-height: 68px !important;
  }

  .cabinet::before,
  .cabinet::after,
  .cabinet-card::before,
  .cabinet-card::after,
  .drawer::before,
  .drawer::after,
  .drawer-card::before,
  .drawer-card::after,
  .dolap::before,
  .dolap::after,
  .cekmece::before,
  .cekmece::after {
    content: none !important;
    display: none !important;
  }

  .topbar,
  .top-bar,
  .app-topbar,
  header,
  .header {
    gap: 8px !important;
  }

  .topbar input[type="search"],
  .topbar input[type="text"],
  .top-bar input[type="search"],
  .top-bar input[type="text"],
  .app-topbar input[type="search"],
  .app-topbar input[type="text"],
  header input[type="search"],
  header input[type="text"],
  .header input[type="search"],
  .header input[type="text"] {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    height: 42px !important;
  }

  .mobile-settings-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 44px;
    min-width: 44px;
    height: 42px;
    border-radius: 13px;
    border: 1px solid rgba(80, 136, 224, .55);
    background: #132340;
    color: #f5f8ff;
    font-size: 20px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: none !important;
    z-index: 1000;
  }

  body > .mobile-settings-btn {
    position: fixed;
    top: 12px;
    right: 66px;
    z-index: 9999;
  }

  /* Admin/yonetim paneli mobilde modal olarak acilsin */
  #adminPanel,
  #adminMenu,
  .admin-panel,
  .admin-sidebar,
  .settings-panel,
  .side-admin,
  .management-panel {
    position: fixed !important;
    inset: 64px 10px auto 10px !important;
    width: auto !important;
    max-width: none !important;
    max-height: calc(100vh - 78px) !important;
    overflow: auto !important;
    display: none !important;
    z-index: 9998 !important;
    border-radius: 18px !important;
    border: 1px solid rgba(80, 136, 224, .55) !important;
    background: #081426 !important;
    box-shadow: 0 22px 70px rgba(0,0,0,.55) !important;
    padding: 14px !important;
  }

  body.mobile-settings-open #adminPanel,
  body.mobile-settings-open #adminMenu,
  body.mobile-settings-open .admin-panel,
  body.mobile-settings-open .admin-sidebar,
  body.mobile-settings-open .settings-panel,
  body.mobile-settings-open .side-admin,
  body.mobile-settings-open .management-panel,
  #adminPanel.mobile-open,
  #adminMenu.mobile-open,
  .admin-panel.mobile-open,
  .admin-sidebar.mobile-open,
  .settings-panel.mobile-open,
  .side-admin.mobile-open,
  .management-panel.mobile-open {
    display: block !important;
  }

  body.mobile-settings-open::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 9997;
    background: rgba(0, 0, 0, .48);
    backdrop-filter: blur(4px);
  }

  .main,
  main,
  .content,
  .page,
  .layout {
    display: block !important;
  }

  .admin-panel .acc-header,
  .admin-sidebar .acc-header,
  .settings-panel .acc-header,
  #adminPanel .acc-header,
  #adminMenu .acc-header {
    font-size: 16px !important;
    padding: 13px 14px !important;
    border-radius: 12px !important;
  }
}


/* === Mobil ayar simgesi arama yanında + menü arama altında fix === */
@media (max-width: 768px) {
  body > .mobile-settings-btn {
    position: static !important;
    top: auto !important;
    right: auto !important;
  }

  .mobile-search-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .mobile-search-wrap input {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .mobile-settings-btn {
    position: static !important;
    display: inline-flex !important;
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 42px !important;
    z-index: 50 !important;
  }

  body.mobile-settings-open::before {
    z-index: 9000 !important;
  }

  #adminPanel,
  #adminMenu,
  .admin-panel,
  .admin-sidebar,
  .settings-panel,
  .side-admin,
  .management-panel {
    left: 10px !important;
    right: 10px !important;
    width: auto !important;
    max-width: none !important;
    z-index: 9001 !important;
    display: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
  }

  body.mobile-settings-open #adminPanel,
  body.mobile-settings-open #adminMenu,
  body.mobile-settings-open .admin-panel,
  body.mobile-settings-open .admin-sidebar,
  body.mobile-settings-open .settings-panel,
  body.mobile-settings-open .side-admin,
  body.mobile-settings-open .management-panel,
  #adminPanel.mobile-open,
  #adminMenu.mobile-open,
  .admin-panel.mobile-open,
  .admin-sidebar.mobile-open,
  .settings-panel.mobile-open,
  .side-admin.mobile-open,
  .management-panel.mobile-open {
    display: block !important;
  }
}


/* === Mobil admin menu gercek modal fix === */
.mobile-admin-menu-modal {
  display: none;
}

@media (max-width: 768px) {
  .mobile-admin-menu-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 99999 !important;
    display: none !important;
    background: rgba(0, 0, 0, .55) !important;
    backdrop-filter: blur(4px);
    padding: 0 10px 10px 10px;
  }

  .mobile-admin-menu-modal.is-open {
    display: block !important;
  }

  .mobile-admin-menu-card {
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    top: var(--mobile-admin-top, 64px) !important;
    max-height: calc(100vh - var(--mobile-admin-top, 64px) - 12px) !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    border: 1px solid rgba(80, 136, 224, .58) !important;
    background: #081426 !important;
    box-shadow: 0 22px 70px rgba(0,0,0,.60) !important;
    color: #f5f8ff !important;
  }

  .mobile-admin-menu-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 14px !important;
    border-bottom: 1px solid rgba(80, 136, 224, .35) !important;
    background: #0d1b32 !important;
    color: #f5f8ff !important;
    font-size: 17px !important;
  }

  .mobile-admin-menu-close {
    border: 1px solid rgba(100, 150, 235, .65) !important;
    background: #152a4d !important;
    color: #f5f8ff !important;
    border-radius: 12px !important;
    padding: 8px 12px !important;
    font-weight: 800 !important;
  }

  .mobile-admin-menu-body {
    max-height: calc(100vh - var(--mobile-admin-top, 64px) - 72px) !important;
    overflow: auto !important;
    padding: 12px !important;
  }

  .mobile-admin-menu-body * {
    max-width: 100% !important;
  }

  .mobile-admin-menu-body .acc-header,
  .mobile-admin-menu-body .accordion-header,
  .mobile-admin-menu-body button,
  .mobile-admin-menu-body .btn {
    cursor: pointer !important;
  }

  body.mobile-real-admin-open {
    overflow: hidden !important;
  }
}


/* === Mobil admin modal ekrana sığdırma fix === */
@media (max-width: 768px) {
  .mobile-admin-menu-modal {
    padding: 0 !important;
    overflow: hidden !important;
  }

  .mobile-admin-menu-card {
    left: 6px !important;
    right: 6px !important;
    top: var(--mobile-admin-top, 56px) !important;
    width: auto !important;
    max-width: calc(100vw - 12px) !important;
    max-height: calc(100dvh - var(--mobile-admin-top, 56px) - 8px) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
  }

  .mobile-admin-menu-head {
    min-height: 48px !important;
    padding: 10px 12px !important;
    font-size: 15px !important;
  }

  .mobile-admin-menu-close {
    padding: 7px 10px !important;
    font-size: 13px !important;
    border-radius: 10px !important;
  }

  .mobile-admin-menu-body {
    max-height: calc(100dvh - var(--mobile-admin-top, 56px) - 62px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 8px !important;
  }

  .mobile-admin-menu-body .acc-header,
  .mobile-admin-menu-body .accordion-header,
  .mobile-admin-menu-body button,
  .mobile-admin-menu-body .btn {
    max-width: 100% !important;
    min-height: 40px !important;
    padding: 9px 10px !important;
    font-size: 14px !important;
    white-space: normal !important;
  }

  .mobile-admin-menu-body input,
  .mobile-admin-menu-body textarea,
  .mobile-admin-menu-body select {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 420px) {
  .mobile-admin-menu-card {
    left: 4px !important;
    right: 4px !important;
    max-width: calc(100vw - 8px) !important;
    border-radius: 12px !important;
  }

  .mobile-admin-menu-body {
    padding: 6px !important;
  }
}


/* === v1.2.4 Muhasebe font kucultme ve cekmece satiri === */
#muhasebeModal,.muhasebe-modal,#accountingModal,.accounting-modal{font-size:13px!important}
#muhasebeModal h1,#muhasebeModal h2,#muhasebeModal h3,.muhasebe-modal h1,.muhasebe-modal h2,.muhasebe-modal h3,#accountingModal h1,#accountingModal h2,#accountingModal h3,.accounting-modal h1,.accounting-modal h2,.accounting-modal h3{font-size:18px!important;line-height:1.18!important}
#muhasebeModal .summary-value,#muhasebeModal .total-value,#muhasebeModal .money-total,.muhasebe-modal .summary-value,.muhasebe-modal .total-value,.muhasebe-modal .money-total,#accountingModal .summary-value,#accountingModal .total-value,#accountingModal .money-total,.accounting-modal .summary-value,.accounting-modal .total-value,.accounting-modal .money-total{font-size:28px!important;line-height:1.1!important}
#muhasebeModal .muhasebe-drawer-row,.muhasebe-modal .muhasebe-drawer-row,#accountingModal .muhasebe-drawer-row,.accounting-modal .muhasebe-drawer-row{display:grid!important;grid-template-columns:minmax(120px,1fr) auto!important;align-items:center!important;gap:10px!important;min-height:30px!important;padding:5px 10px!important;font-size:12px!important;line-height:1.2!important}
.muhasebe-drawer-row .drawer-name{color:#dbe7ff!important;font-weight:700!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:left!important}
.muhasebe-drawer-row .drawer-total{color:#ffe168!important;font-weight:800!important;white-space:nowrap!important;text-align:right!important}
@media(max-width:768px){
#muhasebeModal,.muhasebe-modal,#accountingModal,.accounting-modal{font-size:11px!important}
#muhasebeModal h1,#muhasebeModal h2,#muhasebeModal h3,.muhasebe-modal h1,.muhasebe-modal h2,.muhasebe-modal h3,#accountingModal h1,#accountingModal h2,#accountingModal h3,.accounting-modal h1,.accounting-modal h2,.accounting-modal h3{font-size:14px!important}
#muhasebeModal .summary-value,#muhasebeModal .total-value,#muhasebeModal .money-total,.muhasebe-modal .summary-value,.muhasebe-modal .total-value,.muhasebe-modal .money-total,#accountingModal .summary-value,#accountingModal .total-value,#accountingModal .money-total,.accounting-modal .summary-value,.accounting-modal .total-value,.accounting-modal .money-total{font-size:20px!important}
#muhasebeModal .muhasebe-drawer-row,.muhasebe-modal .muhasebe-drawer-row,#accountingModal .muhasebe-drawer-row,.accounting-modal .muhasebe-drawer-row{grid-template-columns:minmax(90px,1fr) auto!important;font-size:11px!important;padding:5px 7px!important}
}


/* === v1.2.5 Muhasebe cache-bust kesin görünüm === */
.accounting-drawer-row{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:10px!important;
  min-height:26px!important;
  padding:4px 8px!important;
  font-size:12px!important;
  line-height:1.15!important;
}
.accounting-drawer-name{
  flex:1 1 auto!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#dbe7ff!important;
  font-weight:700!important;
  letter-spacing:0!important;
  word-spacing:0!important;
}
.accounting-drawer-value,.accounting-drawer-row strong{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  color:#ffe168!important;
  font-size:12px!important;
  font-weight:800!important;
  text-align:right!important;
}
.accounting-cabinet-head,.accounting-cabinet-name{font-size:13px!important}
.accounting-cabinet-value{font-size:18px!important}
.accounting-grand strong{font-size:24px!important}


/* === MUHASEBE_FINAL_FIX_20260602 === */
#accountingSummary .accounting-drawer-row,
.accounting-modal .accounting-drawer-row,
#muhasebeModal .accounting-drawer-row,
.accounting-drawer-row.accounting-drawer-total-row{
  display:flex!important;
  grid-template-columns:none!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:10px!important;
  min-height:24px!important;
  padding:3px 8px!important;
  font-size:12px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
#accountingSummary .accounting-drawer-name,
.accounting-modal .accounting-drawer-name,
#muhasebeModal .accounting-drawer-name,
.accounting-drawer-row .accounting-drawer-name{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:none!important;
  color:#dbe7ff!important;
  font-weight:700!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  letter-spacing:0!important;
  word-spacing:0!important;
}
#accountingSummary .accounting-drawer-value,
.accounting-modal .accounting-drawer-value,
#muhasebeModal .accounting-drawer-value,
.accounting-drawer-row .accounting-drawer-value,
.accounting-drawer-row.accounting-drawer-total-row strong{
  display:block!important;
  flex:0 0 auto!important;
  grid-column:auto!important;
  color:#ffe168!important;
  font-size:12px!important;
  font-weight:800!important;
  text-align:right!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  letter-spacing:0!important;
  word-spacing:0!important;
}
.accounting-drawer-total-row .acc-part-name{display:none!important}
.accounting-cabinet[open] .accounting-drawer-list{display:block}
.accounting-cabinet-head{font-size:13px!important}
.accounting-cabinet-name{font-size:13px!important}
.accounting-cabinet-value{font-size:18px!important}
.accounting-grand strong{font-size:24px!important}
@media(max-width:768px){
  #accountingSummary .accounting-drawer-row,
  .accounting-modal .accounting-drawer-row,
  #muhasebeModal .accounting-drawer-row,
  .accounting-drawer-row.accounting-drawer-total-row{
    font-size:10.5px!important;
    min-height:22px!important;
    padding:3px 6px!important;
    gap:6px!important;
  }
  #accountingSummary .accounting-drawer-value,
  .accounting-modal .accounting-drawer-value,
  #muhasebeModal .accounting-drawer-value,
  .accounting-drawer-row .accounting-drawer-value,
  .accounting-drawer-row.accounting-drawer-total-row strong{
    font-size:10.5px!important;
  }
}


/* === MUHASEBE_MODAL_REBUILD_FINAL === */
#accountingSummary .accounting-drawer-row.accounting-drawer-total-row,
.accounting-modal .accounting-drawer-row.accounting-drawer-total-row,
#muhasebeModal .accounting-drawer-row.accounting-drawer-total-row{
  display:grid!important;
  grid-template-columns:minmax(0, 1fr) max-content!important;
  align-items:center!important;
  gap:12px!important;
  min-height:26px!important;
  padding:4px 10px!important;
  font-size:12px!important;
  line-height:1.18!important;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

#accountingSummary .accounting-drawer-name,
.accounting-modal .accounting-drawer-name,
#muhasebeModal .accounting-drawer-name{
  display:block!important;
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
  color:#dbe7ff!important;
  font-weight:700!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  letter-spacing:0!important;
  word-spacing:0!important;
}

#accountingSummary .accounting-drawer-value,
.accounting-modal .accounting-drawer-value,
#muhasebeModal .accounting-drawer-value{
  display:block!important;
  color:#ffe168!important;
  font-size:12px!important;
  font-weight:800!important;
  text-align:right!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  letter-spacing:0!important;
  word-spacing:0!important;
}

.accounting-drawer-total-row .drawer-name,
.accounting-drawer-total-row .drawer-total,
.accounting-drawer-total-row .acc-part-name,
.accounting-drawer-total-row .acc-calc,
.accounting-drawer-total-row .acc-drawer-code{
  display:none!important;
}

.accounting-cabinet:not([open]) .accounting-drawer-list{
  display:none!important;
}

.accounting-cabinet-head{font-size:13px!important}
.accounting-cabinet-name{font-size:13px!important}
.accounting-cabinet-value{font-size:18px!important}
.accounting-grand strong{font-size:24px!important}

@media(max-width:768px){
  #accountingSummary .accounting-drawer-row.accounting-drawer-total-row,
  .accounting-modal .accounting-drawer-row.accounting-drawer-total-row,
  #muhasebeModal .accounting-drawer-row.accounting-drawer-total-row{
    font-size:10.5px!important;
    min-height:23px!important;
    padding:3px 6px!important;
    gap:7px!important;
  }
  #accountingSummary .accounting-drawer-value,
  .accounting-modal .accounting-drawer-value,
  #muhasebeModal .accounting-drawer-value{
    font-size:10.5px!important;
  }
  .accounting-cabinet-head,.accounting-cabinet-name{font-size:11px!important}
  .accounting-cabinet-value{font-size:15px!important}
  .accounting-grand strong{font-size:18px!important}
}

/* === Label preview/print scrollbar fix === */
#print-area-temp,
#print-area-temp *{
  scrollbar-width:none!important;
}
#print-area-temp::-webkit-scrollbar,
#print-area-temp *::-webkit-scrollbar{
  display:none!important;
}


/* === LABEL_PRINT_FINAL_SETTINGS === */
#print-area-temp,
#print-area-temp *{
  scrollbar-width:none!important;
}
#print-area-temp::-webkit-scrollbar,
#print-area-temp *::-webkit-scrollbar{
  display:none!important;
}


/* === POS_EXACT_LABEL_HEIGHT_FIX === */
@media print{
  #print-area-temp{
    overflow:hidden!important;
    page-break-after:avoid!important;
    break-after:avoid!important;
  }
}


/* === LABEL_PRINT_3MM_TOPLEFT_FINAL === */
@media print{html,body{margin:0!important;padding:0!important;overflow:hidden!important;transform:none!important;}#print-area-temp{margin:0!important;padding:0!important;overflow:hidden!important;transform:none!important;}}#print-area-temp .spec{font-weight:900!important;}


/* === MOBILE_SEARCH_SETTINGS_AND_PAPER_FINAL === */
@media (max-width:768px){
  .topbar{grid-template-columns:minmax(0,1fr)!important;}
  .search-wrap.top-search,.mobile-search-wrap{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important;}
  .search-wrap.top-search>#search,.mobile-search-wrap>#search{flex:1 1 auto!important;min-width:0!important;width:auto!important;}
  #mobileSettingsBtn.mobile-settings-btn,.mobile-settings-btn{flex:0 0 44px!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:42px!important;margin:0!important;position:static!important;display:inline-flex!important;}
  #searchResults.search-results,#searchResults.search-results-standalone{position:fixed!important;top:58px!important;left:8px!important;right:8px!important;width:auto!important;max-height:48vh!important;z-index:10100!important;border-radius:14px!important;}
  .auth-group{grid-column:1/-1!important;}
}
/* === /MOBILE_SEARCH_SETTINGS_AND_PAPER_FINAL === */

/* === SEARCH_RESULT_SINGLE_SELECT_FIX === */
#searchResults{z-index:2147483000!important;pointer-events:auto!important;touch-action:manipulation!important;}
#searchResults .search-item{position:relative!important;z-index:2147483001!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:rgba(255,255,255,.08);}
/* === /SEARCH_RESULT_SINGLE_SELECT_FIX === */

/* === MOBILE_SEARCH_SELECT_SCROLL_FIX_V2 === */
@media (max-width:768px){
  #searchResults.search-results,
  #searchResults.search-results-standalone,
  #searchResults{
    position:fixed!important;
    top:58px!important;
    left:8px!important;
    right:8px!important;
    width:auto!important;
    max-height:52vh!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    z-index:2147483000!important;
    pointer-events:auto!important;
  }
  #searchResults .search-item{
    min-height:48px!important;
    padding:12px 14px!important;
    cursor:pointer!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }
}
/* === /MOBILE_SEARCH_SELECT_SCROLL_FIX_V2 === */

#searchResults .search-match{display:block;margin-top:3px;color:#9fb0c8;line-height:1.25;max-height:2.6em;overflow:hidden;}

/* === Mobil çekmece modalı: Kapat butonu sağ üstte sabit === */
@media (max-width: 700px){
  #drawerModal{
    padding: 8px !important;
  }

  #drawerModal .drawer-shell{
    position: relative !important;
    width: calc(100vw - 16px) !important;
    max-height: calc(100dvh - 16px) !important;
    margin: 0 auto !important;
    padding: 16px !important;
    overflow: auto !important;
    overscroll-behavior: contain !important;
  }

  #drawerModal .drawer-top{
    position: relative !important;
    top: auto !important;
    z-index: 25 !important;
    display: block !important;
    padding: 0 46px 12px 0 !important;
    margin: -2px -2px 12px -2px !important;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
  }

  #drawerModal .drawer-title{
    font-size: clamp(26px, 7vw, 38px) !important;
    line-height: 1.12 !important;
    padding-right: 4px !important;
    word-break: break-word !important;
  }

  #drawerModal .drawer-top-actions{
    display: grid !important;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    margin-top: 14px !important;
    padding-right: 0 !important;
    align-items: stretch !important;
  }

  #drawerModal .drawer-top-actions .btn-ghost{
    min-width: 0 !important;
    width: 100% !important;
    min-height: 50px !important;
    padding: 10px 8px !important;
    font-size: 16px !important;
    white-space: normal !important;
  }

  #drawerModal #closeDrawerBtnTop{
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 35 !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
    line-height: 1 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    pointer-events: auto !important;
  }

  #drawerModal #closeDrawerBtnTop::before{
    content: "✕";
    font-size: 32px !important;
    font-weight: 500 !important;
    color: #f4f7ff !important;
  }
}


/* MOBIL HIZLI LISTE GORUNUMU - cekmece adi mavi, stok beyaz */
@media (max-width: 900px){
  .cabinet-area{
    gap:10px !important;
  }

  .cabinet-card{
    border-radius:14px !important;
    padding:10px 10px 6px 10px !important;
  }

  .cabinet-card .drawer-grid,
  .cabinet-card .drawers-grid,
  .cabinet-card .cabinet-grid{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
  }

  .cabinet-card .drawer{
    display:grid !important;
    grid-template-columns:74px minmax(0,1fr) 88px !important;
    align-items:center !important;
    column-gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:44px !important;
    height:auto !important;
    margin:0 !important;
    padding:10px 8px !important;
    border-radius:0 !important;
    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#e5e7eb !important;
    transform:none !important;
  }

  .cabinet-card .drawer:last-child{
    border-bottom:0 !important;
  }

  .cabinet-card .drawer::before{
    display:none !important;
  }

  .cabinet-card .drawer:hover{
    transform:none !important;
    box-shadow:none !important;
  }

  .cabinet-card .drawer-label{
    display:block !important;
    color:#3b82f6 !important;
    font-size:16px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    margin:0 !important;
    white-space:nowrap !important;
  }

  .cabinet-card .drawer-part{
    color:#e5e7eb !important;
    font-size:15px !important;
    line-height:1.2 !important;
    font-weight:500 !important;
    min-height:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  .cabinet-card .drawer-qty{
    color:#ffffff !important;
    font-size:14px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    margin:0 !important;
    text-align:right !important;
    white-space:nowrap !important;
  }
}


/* === MOBILE_DRAWER_NO_COORD_AND_SETTINGS_CLEAN_V4 === */
@media (max-width: 768px){
  .mobile-search-wrap{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 54px !important;
    gap:10px !important;
    align-items:center !important;
    width:100% !important;
    margin:0 !important;
  }
  #mobileSettingsBtn.mobile-settings-btn,
  #mobileSettingsBtn{
    width:54px !important;
    height:54px !important;
    min-width:54px !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:16px !important;
    font-size:26px !important;
    line-height:1 !important;
    z-index:10020 !important;
  }

  /* Mobilde koordinat/adres gizli: sadece parça adı + stok */
  .cabinet-card .drawer-grid,
  .cabinet-card .drawers-grid,
  .cabinet-card .cabinet-grid{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
  }
  .cabinet-card .drawer{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    column-gap:12px !important;
    width:100% !important;
    max-width:100% !important;
    min-height:56px !important;
    padding:12px 14px !important;
    margin:0 !important;
    border-radius:0 !important;
    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.09) !important;
    background:linear-gradient(180deg, rgba(15,30,49,.72), rgba(11,24,40,.72)) !important;
    box-shadow:none !important;
    transform:none !important;
  }
  .cabinet-card .drawer:first-child{border-top-left-radius:12px !important;border-top-right-radius:12px !important;}
  .cabinet-card .drawer:last-child{border-bottom:0 !important;border-bottom-left-radius:12px !important;border-bottom-right-radius:12px !important;}
  .cabinet-card .drawer:hover{transform:none !important;box-shadow:none !important;}
  .cabinet-card .drawer::before{display:none !important;content:none !important;}
  .cabinet-card .drawer::after{
    content:"›" !important;
    position:static !important;
    display:block !important;
    width:auto !important;height:auto !important;
    margin-left:4px !important;
    background:none !important;border:0 !important;box-shadow:none !important;
    color:#94a3b8 !important;
    font-size:30px !important;
    line-height:1 !important;
    grid-column:3 !important;
  }
  .cabinet-card .drawer-label{display:none !important;}
  .cabinet-card .drawer-part{
    grid-column:1 !important;
    color:#f8fafc !important;
    font-size:20px !important;
    line-height:1.15 !important;
    font-weight:850 !important;
    text-align:left !important;
    margin:0 !important;
    padding:0 !important;
    text-shadow:none !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  .cabinet-card .drawer-qty{
    grid-column:2 !important;
    color:#ffffff !important;
    font-size:18px !important;
    line-height:1.1 !important;
    font-weight:900 !important;
    text-align:right !important;
    margin:0 !important;
    padding:0 !important;
    text-shadow:none !important;
    white-space:nowrap !important;
  }
  .cabinet-card .drawer{grid-template-columns:minmax(0,1fr) auto 18px !important;}

  /* Ayar simgesi: giriş/panel aramanın hemen altında, üst boşluk yok */
  body.mobile-login-open .auth-group{
    position:fixed !important;
    top:var(--mobile-menu-top, 64px) !important;
    left:0 !important;
    right:0 !important;
    z-index:10150 !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    padding:10px 12px !important;
    margin:0 !important;
    width:auto !important;
    background:rgba(6,14,27,.96) !important;
    border-top:1px solid rgba(58,112,190,.45) !important;
    border-bottom:1px solid rgba(58,112,190,.45) !important;
    box-shadow:0 10px 24px rgba(0,0,0,.28) !important;
  }
  body.mobile-login-open .auth-group input,
  body.mobile-login-open .auth-group button,
  body.mobile-login-open .auth-group .session-user{
    width:100% !important;
    min-width:0 !important;
    height:46px !important;
  }
  body.mobile-login-open .auth-group .session-user{display:none !important;}

  body.mobile-admin-open-clean #panel{
    position:fixed !important;
    top:var(--mobile-menu-top, 64px) !important;
    left:0 !important;
    right:0 !important;
    bottom:auto !important;
    width:auto !important;
    max-width:none !important;
    max-height:calc(100vh - var(--mobile-menu-top, 64px)) !important;
    overflow:auto !important;
    z-index:10140 !important;
    margin:0 !important;
    border-radius:0 !important;
    transform:none !important;
  }
  body.mobile-admin-open-clean #mobileAdminMenuModal,
  body.mobile-login-open #mobileAdminMenuModal{display:none !important;}
}
/* === /MOBILE_DRAWER_NO_COORD_AND_SETTINGS_CLEAN_V4 === */


/* === MOBILE_SETTINGS_MODAL_LOGIN_MENU_V5 === */
@media (max-width:768px){
  .mobile-search-wrap{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 54px!important;
    gap:10px!important;
    align-items:center!important;
    width:100%!important;
    margin:0!important;
  }
  #mobileSettingsBtn.mobile-settings-btn,#mobileSettingsBtn{
    width:54px!important;height:54px!important;min-width:54px!important;max-width:54px!important;
    padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;
    position:static!important;border-radius:16px!important;font-size:26px!important;line-height:1!important;z-index:10020!important;
  }
  #mobileSettingsModal{
    position:fixed!important;
    top:var(--mobile-settings-modal-top, 64px)!important;
    left:0!important;right:0!important;
    z-index:10180!important;
    display:none!important;
    max-height:calc(100dvh - var(--mobile-settings-modal-top, 64px))!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding:10px 12px 14px!important;
    margin:0!important;
    background:rgba(6,14,27,.97)!important;
    border-top:1px solid rgba(58,112,190,.50)!important;
    border-bottom:1px solid rgba(58,112,190,.50)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.38)!important;
  }
  #mobileSettingsModal.is-open{display:block!important;}
  #mobileSettingsModal .mobile-settings-auth{display:block!important;margin:0 0 10px 0!important;padding:0!important;}
  #mobileSettingsModal .auth-group,
  #mobileSettingsModal .auth-group.mobile-auth-inside-settings{
    position:static!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  #mobileSettingsModal .auth-group input,
  #mobileSettingsModal .auth-group button,
  #mobileSettingsModal .auth-group .session-user{
    width:100%!important;min-width:0!important;max-width:none!important;height:46px!important;margin:0!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
  }
  #mobileSettingsModal .auth-group input{display:block!important;padding:0 12px!important;}
  #mobileSettingsModal .auth-group .session-user{font-weight:800!important;color:#eaf1ff!important;}
  #mobileSettingsModal .mobile-settings-menu{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin:0!important;
    padding:0!important;
  }
  #mobileSettingsModal .mobile-settings-menu-item{
    width:100%!important;
    min-height:48px!important;
    padding:12px 14px!important;
    text-align:left!important;
    border-radius:14px!important;
    border:1px solid rgba(62,110,190,.45)!important;
    background:rgba(13,26,48,.92)!important;
    color:#f4f7ff!important;
    font-size:17px!important;
    font-weight:800!important;
    box-shadow:none!important;
  }
  #mobileSettingsModal .mobile-settings-menu-item:active{transform:scale(.99)!important;background:rgba(29,78,160,.88)!important;}
  body.mobile-settings-modal-open #panel{display:none!important;}
  body.mobile-settings-modal-open .auth-group:not(.mobile-auth-inside-settings){display:none!important;}
}
/* === /MOBILE_SETTINGS_MODAL_LOGIN_MENU_V5 === */


/* === MOBILE_SETTINGS_MODAL_COMPACT_V6 === */
@media (max-width:768px){
  .mobile-search-wrap{grid-template-columns:minmax(0,1fr) 46px!important;gap:8px!important;align-items:center!important;}
  #mobileSettingsBtn.mobile-settings-btn,#mobileSettingsBtn{
    width:46px!important;height:46px!important;min-width:46px!important;max-width:46px!important;
    border-radius:13px!important;font-size:22px!important;padding:0!important;touch-action:manipulation!important;
  }
  #mobileSettingsModal{
    top:var(--mobile-settings-modal-top,64px)!important;
    padding:8px 10px 10px!important;
    background:rgba(6,14,27,.98)!important;
    max-height:calc(100dvh - var(--mobile-settings-modal-top,64px))!important;
    overflow:auto!important;-webkit-overflow-scrolling:touch!important;
  }
  #mobileSettingsModal.is-open{display:block!important;}
  #mobileSettingsModal .mobile-settings-auth{margin:0 0 8px 0!important;padding:0!important;}
  #mobileSettingsModal .auth-group,
  #mobileSettingsModal .auth-group.mobile-auth-inside-settings{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;
    margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
  }
  #mobileSettingsModal .auth-group input,
  #mobileSettingsModal .auth-group button,
  #mobileSettingsModal .auth-group .session-user{
    height:38px!important;min-height:38px!important;width:100%!important;min-width:0!important;
    font-size:14px!important;border-radius:12px!important;padding:0 10px!important;margin:0!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
  }
  #mobileSettingsModal .auth-group input{display:block!important;}
  #mobileSettingsModal .auth-group .session-user{font-size:14px!important;font-weight:800!important;color:#eaf1ff!important;}
  #mobileSettingsModal .mobile-settings-menu{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;margin:0!important;padding:0!important;}
  #mobileSettingsModal .mobile-settings-menu-item{
    min-height:40px!important;height:40px!important;padding:0 12px!important;
    border-radius:12px!important;font-size:15px!important;font-weight:800!important;text-align:left!important;
    border:1px solid rgba(62,110,190,.42)!important;background:rgba(13,26,48,.94)!important;color:#f4f7ff!important;
    box-shadow:none!important;touch-action:manipulation!important;
  }
  #mobileSettingsModal .mobile-settings-menu-item:active{transform:scale(.99)!important;background:rgba(29,78,160,.88)!important;}
  body.mobile-settings-modal-open #panel{display:none!important;}
  body.mobile-settings-modal-open .auth-group:not(.mobile-auth-inside-settings){display:none!important;}
}
/* === /MOBILE_SETTINGS_MODAL_COMPACT_V6 === */


/* === MOBILE_SETTINGS_MODAL_TOP_LAYER_INSIDE_PANEL_V7 === */
@media (max-width:768px){
  #mobileSettingsModal{
    z-index:2147483600!important;
    left:0!important;right:0!important;
    top:var(--mobile-settings-modal-top,64px)!important;
    max-height:calc(100dvh - var(--mobile-settings-modal-top,64px))!important;
    overflow:auto!important;
    background:#06101f!important;
    border-bottom:1px solid rgba(58,112,190,.55)!important;
    box-shadow:0 18px 40px rgba(0,0,0,.55)!important;
  }
  #mobileSettingsModal.is-open{display:block!important;pointer-events:auto!important;}
  body.mobile-settings-modal-open::before{
    content:"";position:fixed;inset:0;z-index:2147483500!important;
    background:rgba(0,0,0,.55)!important;
  }
  #mobileSettingsModal .mobile-settings-menu-item{
    height:36px!important;min-height:36px!important;padding:0 10px!important;
    font-size:14px!important;border-radius:10px!important;margin:0!important;
  }
  #mobileSettingsModal .auth-group input,
  #mobileSettingsModal .auth-group button,
  #mobileSettingsModal .auth-group .session-user{
    height:36px!important;min-height:36px!important;font-size:13px!important;border-radius:10px!important;
  }
  #mobileSettingsPanelSlot{display:block!important;margin-top:8px!important;}
  #mobileSettingsPanelSlot #panel,
  #mobileSettingsModal #panel.mobile-panel-inside-settings{
    position:static!important;display:block!important;visibility:visible!important;opacity:1!important;
    width:100%!important;max-width:none!important;max-height:none!important;overflow:visible!important;
    margin:8px 0 0 0!important;padding:0!important;transform:none!important;
    background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;
    z-index:auto!important;
  }
  #mobileSettingsModal #panel .acc-header{
    min-height:36px!important;padding:8px 10px!important;font-size:14px!important;border-radius:10px!important;
  }
  #mobileSettingsModal #panel .acc-body{
    padding:8px!important;border-radius:10px!important;background:rgba(10,22,42,.92)!important;
  }
  body.mobile-settings-modal-open #panel.mobile-panel-inside-settings{display:block!important;}
  body.mobile-settings-modal-open #adminPanel,
  body.mobile-settings-modal-open #adminMenu,
  body.mobile-settings-modal-open .admin-panel,
  body.mobile-settings-modal-open .admin-sidebar,
  body.mobile-settings-modal-open .settings-panel,
  body.mobile-settings-modal-open .side-admin,
  body.mobile-settings-modal-open .management-panel{z-index:2147483600!important;}
}
/* === /MOBILE_SETTINGS_MODAL_TOP_LAYER_INSIDE_PANEL_V7 === */


/* === MOBILE_SETTINGS_FINAL_VISUAL_AUTH_OVERLAY_FIX === */
@media (max-width:768px){
  #mobileSettingsModal{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:var(--mobile-settings-modal-top,64px)!important;height:auto!important;max-height:none!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;z-index:2147483600!important;background:#06101f!important;border-top:1px solid rgba(58,112,190,.55)!important;box-shadow:0 18px 40px rgba(0,0,0,.65)!important;}
  #mobileSettingsModal.is-open{display:block!important;pointer-events:auto!important;}
  body.mobile-settings-modal-open{overflow:hidden!important;}
  body.mobile-settings-modal-open::before{content:""!important;position:fixed!important;inset:0!important;z-index:2147483500!important;background:rgba(0,0,0,.78)!important;pointer-events:auto!important;}
  #mobileSettingsModal .auth-group .hidden,#mobileSettingsModal .mobile-auth-force-hide{display:none!important;}
  #mobileSettingsModal .mobile-auth-force-show{display:flex!important;}
  #mobileSettingsModal input.mobile-auth-force-show{display:block!important;}
  #mobileSettingsModal .auth-group,#mobileSettingsModal .auth-group.mobile-auth-inside-settings{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;margin:0 0 8px 0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
  #mobileSettingsModal .auth-group input,#mobileSettingsModal .auth-group button,#mobileSettingsModal .auth-group .session-user{height:38px!important;min-height:38px!important;border-radius:12px!important;font-size:14px!important;margin:0!important;width:100%!important;min-width:0!important;max-width:none!important;align-items:center!important;justify-content:center!important;padding:0 10px!important;}
  #mobileSettingsModal .auth-group .session-user{background:rgba(10,22,42,.94)!important;border:1px solid rgba(62,110,190,.42)!important;color:#fff!important;font-weight:900!important;}
  #mobileSettingsModal .mobile-settings-menu{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;margin:0!important;padding:0 0 24px 0!important;}
  #mobileSettingsModal .mobile-settings-menu-item{height:38px!important;min-height:38px!important;padding:0 12px!important;font-size:15px!important;border-radius:12px!important;}
  #mobileSettingsModal .mobile-settings-menu-item.is-active{background:rgba(37,99,235,.96)!important;border-color:rgba(147,197,253,.75)!important;}
  #mobileSettingsModal .mobile-settings-inline-panel{display:block!important;margin:6px 0 8px 0!important;padding:8px!important;border:1px solid rgba(75,126,210,.38)!important;border-radius:10px!important;background:rgba(8,18,35,.98)!important;}
  #mobileSettingsModal .mobile-settings-body-inline{display:block!important;visibility:visible!important;opacity:1!important;position:static!important;transform:none!important;width:100%!important;max-width:none!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
  #mobileSettingsModal .mobile-accounting-box .accounting-grand,#mobileSettingsModal .mobile-accounting-box .accounting-card{margin:8px 0!important;padding:10px!important;border-radius:10px!important;background:rgba(10,22,42,.92)!important;border:1px solid rgba(75,126,210,.28)!important;}
  #mobileSettingsModal .mobile-accounting-box h3{font-size:15px!important;margin:0 0 8px 0!important;}
  #mobileSettingsModal .accounting-drawer-row,#mobileSettingsModal .accounting-top-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:7px 0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;}
}
/* === /MOBILE_SETTINGS_FINAL_VISUAL_AUTH_OVERLAY_FIX === */


/* === MOBILE_SINGLE_INLINE_MENU_CLEAN_V9_CSS === */
@media (max-width:768px){
  #mobileSettingsModal{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:var(--mobile-settings-modal-top,64px)!important;height:auto!important;max-height:none!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;z-index:2147483600!important;background:#06101f!important;border-top:1px solid rgba(58,112,190,.55)!important;box-shadow:0 18px 40px rgba(0,0,0,.65)!important;padding:10px 16px 28px 16px!important;box-sizing:border-box!important;}
  #mobileSettingsModal.is-open{display:block!important;pointer-events:auto!important;}
  body.mobile-settings-modal-open{overflow:hidden!important;}
  body.mobile-settings-modal-open::before{content:""!important;position:fixed!important;inset:0!important;z-index:2147483500!important;background:rgba(0,0,0,.80)!important;pointer-events:auto!important;}
  body.mobile-settings-modal-open #panel,
  body.mobile-settings-modal-open #panel.mobile-panel-inside-settings{display:none!important;visibility:hidden!important;}
  body.mobile-settings-modal-open #adminPanel,
  body.mobile-settings-modal-open #adminMenu,
  body.mobile-settings-modal-open .admin-panel,
  body.mobile-settings-modal-open .admin-sidebar,
  body.mobile-settings-modal-open .settings-panel,
  body.mobile-settings-modal-open .side-admin,
  body.mobile-settings-modal-open .management-panel{display:none!important;visibility:hidden!important;}
  body.mobile-settings-modal-open .auth-group:not(.mobile-auth-inside-settings){display:none!important;}
  #mobileSettingsModal .mobile-settings-auth{margin:0 0 8px 0!important;padding:0!important;}
  #mobileSettingsModal .auth-group,#mobileSettingsModal .auth-group.mobile-auth-inside-settings{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
  #mobileSettingsModal .auth-group input,#mobileSettingsModal .auth-group button,#mobileSettingsModal .auth-group .session-user{height:38px!important;min-height:38px!important;border-radius:12px!important;font-size:14px!important;margin:0!important;width:100%!important;min-width:0!important;max-width:none!important;align-items:center!important;justify-content:center!important;padding:0 10px!important;}
  #mobileSettingsModal .auth-group .session-user{background:rgba(10,22,42,.94)!important;border:1px solid rgba(62,110,190,.42)!important;color:#fff!important;font-weight:900!important;}
  #mobileSettingsModal .mobile-settings-menu{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;margin:0!important;padding:0 0 24px 0!important;}
  #mobileSettingsModal .mobile-settings-menu-item{height:38px!important;min-height:38px!important;padding:0 12px!important;font-size:15px!important;border-radius:12px!important;background:#0f1b31!important;color:#fff!important;border:1px solid rgba(62,110,190,.5)!important;text-align:left!important;font-weight:700!important;}
  #mobileSettingsModal .mobile-settings-menu-item.is-active{background:rgba(37,99,235,.96)!important;border-color:rgba(147,197,253,.75)!important;}
  #mobileSettingsModal .mobile-settings-inline-panel{display:block!important;margin:6px 0 8px 0!important;padding:8px!important;border:1px solid rgba(75,126,210,.38)!important;border-radius:10px!important;background:rgba(8,18,35,.98)!important;}
  #mobileSettingsModal .mobile-settings-body-inline{display:block!important;visibility:visible!important;opacity:1!important;position:static!important;transform:none!important;width:100%!important;max-width:none!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
  #mobileSettingsModal .mobile-settings-body-inline .acc-header{display:none!important;}
  #mobileSettingsModal .mobile-settings-empty{color:#aab7cc!important;font-size:14px!important;padding:8px!important;}
}
/* === /MOBILE_SINGLE_INLINE_MENU_CLEAN_V9_CSS === */


/* === MOBILE_ACCOUNTING_INLINE_FIX === */
@media (max-width:768px){
  #mobileSettingsModal .mobile-accounting-inline-panel{
    padding:10px!important;
  }
  #mobileSettingsModal .mobile-accounting-loading,
  #mobileSettingsModal .mobile-settings-empty{
    padding:14px!important;
    color:#cbd5e1!important;
    background:#0b1425!important;
    border:1px solid rgba(92,135,255,.35)!important;
    border-radius:12px!important;
  }
  #mobileSettingsModal .mobile-accounting-summary{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-bottom:12px!important;
  }
  #mobileSettingsModal .mobile-accounting-summary>div,
  #mobileSettingsModal .mobile-accounting-row{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:10px!important;
    padding:10px 12px!important;
    background:#0b1425!important;
    border:1px solid rgba(92,135,255,.28)!important;
    border-radius:12px!important;
    color:#e5e7eb!important;
  }
  #mobileSettingsModal .mobile-accounting-summary span,
  #mobileSettingsModal .mobile-accounting-row span{
    color:#cbd5e1!important;
    min-width:0!important;
  }
  #mobileSettingsModal .mobile-accounting-summary b,
  #mobileSettingsModal .mobile-accounting-row b{
    color:#fff!important;
    white-space:nowrap!important;
  }
  #mobileSettingsModal .mobile-accounting-title{
    margin:12px 2px 8px!important;
    font-weight:800!important;
    color:#60a5fa!important;
  }
  #mobileSettingsModal .mobile-accounting-row em{
    display:block!important;
    font-style:normal!important;
    font-size:11px!important;
    color:#94a3b8!important;
    margin-top:2px!important;
  }
}
/* === /MOBILE_ACCOUNTING_INLINE_FIX === */


/* === MUHASEBE_MOBIL_KESIN_INLINE_FIX_CSS === */
@media (max-width:768px){
  #mobileSettingsModal .mobile-accounting-inline-panel{
    margin:6px 0 10px 0!important;
    padding:10px!important;
    border:1px solid rgba(56,189,248,.24)!important;
    border-radius:12px!important;
    background:#0b1424!important;
    box-shadow:none!important;
    color:#e5eefc!important;
  }
  #mobileSettingsModal .mobile-accounting-loading,
  #mobileSettingsModal .mobile-settings-empty{
    padding:10px!important;
    font-size:13px!important;
    color:#dbeafe!important;
  }
  #mobileSettingsModal .mobile-accounting-summary{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    margin-bottom:10px!important;
  }
  #mobileSettingsModal .mobile-accounting-summary>div,
  #mobileSettingsModal .mobile-accounting-row,
  #mobileSettingsModal .mobile-accounting-drawer,
  #mobileSettingsModal .mobile-accounting-cabinet summary{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    padding:8px 9px!important;
    border-radius:10px!important;
    background:#111c2e!important;
    border:1px solid rgba(148,163,184,.14)!important;
    font-size:12px!important;
  }
  #mobileSettingsModal .mobile-accounting-summary span,
  #mobileSettingsModal .mobile-accounting-row span,
  #mobileSettingsModal .mobile-accounting-drawer span,
  #mobileSettingsModal .mobile-accounting-cabinet summary span{
    color:#dbeafe!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  #mobileSettingsModal .mobile-accounting-summary b,
  #mobileSettingsModal .mobile-accounting-row b,
  #mobileSettingsModal .mobile-accounting-drawer b,
  #mobileSettingsModal .mobile-accounting-cabinet summary b{
    color:#fff!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }
  #mobileSettingsModal .mobile-accounting-title{
    margin:12px 0 6px!important;
    color:#38bdf8!important;
    font-size:12px!important;
    font-weight:800!important;
  }
  #mobileSettingsModal .mobile-accounting-row em,
  #mobileSettingsModal .mobile-accounting-drawer em{
    display:block!important;
    color:#93a4bb!important;
    font-style:normal!important;
    font-size:11px!important;
    margin-top:2px!important;
  }
  #mobileSettingsModal .mobile-accounting-cabinet{
    margin:6px 0!important;
  }
  #mobileSettingsModal .mobile-accounting-cabinet summary{
    cursor:pointer!important;
    list-style:none!important;
  }
  #mobileSettingsModal .mobile-accounting-cabinet summary::-webkit-details-marker{display:none!important;}
  #mobileSettingsModal .mobile-accounting-drawer{
    margin:4px 0 4px 8px!important;
    background:#0f1828!important;
  }
}


/* === MODAL_CLOSE_CIRCLE_AND_COMPACT_BUTTONS_V1 === */
/* Tüm kapatma düğmeleri: daire içinde küçük X */
#closeDrawerBtnTop,
#closeDrawerBtn,
#closeProductDetailsBtn,
#panelCloseBtn,
#panelMobileCloseBtn,
#accountingModalCloseBtn,
#muhasebeModalCloseBtn,
#aiAssistantCloseBtn,
#aiAssistantFaqCloseBtn,
.close-modal,
.modal-close,
.modal-close-btn,
.drawer-close,
.accounting-modal-close,
.muhasebe-modal-close,
.mobile-admin-menu-close{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  max-width:28px!important;
  max-height:28px!important;
  padding:0!important;
  margin:0!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.28)!important;
  background:#263247!important;
  color:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:0!important;
  line-height:1!important;
  font-weight:900!important;
  box-shadow:none!important;
  cursor:pointer!important;
  flex:0 0 28px!important;
  text-indent:0!important;
  overflow:hidden!important;
}
#closeDrawerBtnTop::before,
#closeDrawerBtn::before,
#closeProductDetailsBtn::before,
#panelCloseBtn::before,
#panelMobileCloseBtn::before,
#accountingModalCloseBtn::before,
#muhasebeModalCloseBtn::before,
#aiAssistantCloseBtn::before,
#aiAssistantFaqCloseBtn::before,
.close-modal::before,
.modal-close::before,
.modal-close-btn::before,
.drawer-close::before,
.accounting-modal-close::before,
.muhasebe-modal-close::before,
.mobile-admin-menu-close::before{
  content:"✕"!important;
  font-size:15px!important;
  line-height:1!important;
  color:#fff!important;
  font-weight:900!important;
}
#closeDrawerBtnTop:hover,
#closeDrawerBtn:hover,
#closeProductDetailsBtn:hover,
#panelCloseBtn:hover,
#panelMobileCloseBtn:hover,
#accountingModalCloseBtn:hover,
#muhasebeModalCloseBtn:hover,
#aiAssistantCloseBtn:hover,
#aiAssistantFaqCloseBtn:hover,
.close-modal:hover,
.modal-close:hover,
.modal-close-btn:hover,
.drawer-close:hover,
.accounting-modal-close:hover,
.muhasebe-modal-close:hover,
.mobile-admin-menu-close:hover{background:#334155!important;}
#closeDrawerBtnTop:active,
#closeDrawerBtn:active,
#closeProductDetailsBtn:active,
#panelCloseBtn:active,
#panelMobileCloseBtn:active,
#accountingModalCloseBtn:active,
#muhasebeModalCloseBtn:active,
#aiAssistantCloseBtn:active,
#aiAssistantFaqCloseBtn:active,
.close-modal:active,
.modal-close:active,
.modal-close-btn:active,
.drawer-close:active,
.accounting-modal-close:active,
.muhasebe-modal-close:active,
.mobile-admin-menu-close:active{transform:scale(.94)!important;}

/* Kapat düğmeleri sağ üstte kalmalı, alt kapatma büyük butonları görünmesin */
#panelMobileCloseWrap{display:none!important;}
.drawer-top-actions #closeDrawerBtnTop,
.product-details-modal #closeProductDetailsBtn,
.accounting-modal-head #accountingModalCloseBtn,
#muhasebeModal .muhasebe-modal-close,
.ai-modal-head #aiAssistantCloseBtn,
.ai-modal-head #aiAssistantFaqCloseBtn{
  position:absolute!important;
  top:8px!important;
  right:8px!important;
  z-index:50!important;
}
.drawer-top,
.product-details-shell .drawer-top,
.accounting-modal-head,
#muhasebeModal .muhasebe-modal-head{position:relative!important;padding-right:44px!important;}

/* Normal butonları mobilde ve modal içinde küçült */
.modal button:not(#closeDrawerBtnTop):not(#closeDrawerBtn):not(#closeProductDetailsBtn):not(#panelCloseBtn):not(#panelMobileCloseBtn):not(#accountingModalCloseBtn):not(#muhasebeModalCloseBtn):not(#aiAssistantCloseBtn):not(#aiAssistantFaqCloseBtn),
.modal .btn,
.modal .btn-ghost,
.modal .primary,
.modal .danger,
.modal a.btn-ghost,
.accounting-modal button:not(#accountingModalCloseBtn),
#muhasebeModal button:not(#muhasebeModalCloseBtn),
#mobileSettingsModal button:not(.modal-close):not(.modal-close-btn){
  min-height:34px!important;
  height:auto!important;
  padding:6px 10px!important;
  font-size:13px!important;
  line-height:1.2!important;
  border-radius:8px!important;
}

@media (max-width:768px){
  button,.btn,.btn-ghost,.primary,.danger,a.btn-ghost{
    min-height:34px!important;
    padding:6px 10px!important;
    font-size:13px!important;
    line-height:1.2!important;
    border-radius:8px!important;
  }
  #drawerModal .drawer-top-actions{gap:6px!important;margin-top:8px!important;grid-template-columns:1fr 1fr!important;}
  #drawerModal .drawer-top-actions .btn-ghost:not(#closeDrawerBtnTop){
    min-height:34px!important;
    padding:6px 8px!important;
    font-size:13px!important;
  }
  #drawerModal #closeDrawerBtnTop{border-radius:50%!important;background:#263247!important;border:1px solid rgba(255,255,255,.28)!important;}
  #drawerModal #closeDrawerBtnTop::before{font-size:15px!important;font-weight:900!important;}
  #mobileSettingsModal .mobile-settings-menu-item{height:34px!important;min-height:34px!important;padding:0 10px!important;font-size:13px!important;border-radius:9px!important;}
  #mobileSettingsModal .auth-group input,
  #mobileSettingsModal .auth-group button,
  #mobileSettingsModal .auth-group .session-user{height:34px!important;min-height:34px!important;font-size:13px!important;border-radius:9px!important;padding:0 8px!important;}
  .modal input,.modal select,.modal textarea,#mobileSettingsModal input,#mobileSettingsModal select,#mobileSettingsModal textarea{font-size:13px!important;}
}
/* === /MODAL_CLOSE_CIRCLE_AND_COMPACT_BUTTONS_V1 === */


/* === DRAWER MODAL FINAL CLEAN LAYOUT V1 === */
.drawer-shell-final{
  max-width: min(1620px, calc(100vw - 28px));
}
.drawer-shell-final .drawer-top{
  border-bottom:1px solid var(--line);
  padding-bottom:12px;
}
.drawer-shell-final .drawer-top-actions{
  justify-content:flex-end;
}
.modal-x-btn{
  width:42px !important;
  height:42px !important;
  border-radius:50% !important;
  padding:0 !important;
  font-size:26px !important;
  line-height:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.drawer-content-final{
  grid-template-columns:minmax(620px, 1fr) 560px !important;
  gap:0 !important;
  margin:0 !important;
  border-bottom:1px solid var(--line);
}
.drawer-form-final{
  padding:18px 22px 18px 4px;
  border-right:1px solid var(--line);
}
.drawer-side-final{
  padding:18px 0 18px 22px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.drawer-form-final .field-row{
  grid-template-columns:180px minmax(0,1fr);
  gap:12px;
}
.input-with-action{
  display:grid;
  grid-template-columns:minmax(0,1fr) 150px;
  gap:10px;
  align-items:center;
}
.inline-action-btn{
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  text-decoration:none;
}
.drawer-preview-card,
.drawer-actions-panel{
  padding:16px;
  border-radius:16px;
  border:1px solid var(--line);
  background:var(--sidebar-bg);
}
.drawer-side-final .drawer-preview-box{
  height:360px;
  border-style:solid;
  background:#fff;
}
.drawer-actions-panel{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.drawer-action-main,
.drawer-action-wide{
  width:100%;
  min-height:58px;
  font-size:16px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.drawer-bottom-final{
  justify-content:flex-end !important;
  padding-top:18px;
}
.drawer-bottom-final .drawer-bottom-right{
  margin-left:auto;
  gap:18px;
}
.drawer-bottom-action{
  min-width:190px;
  min-height:58px;
  font-size:18px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.drawer-bottom-final .drawer-bottom-left{
  display:none !important;
}
#downloadImageBtn,
#addPurchaseBtn,
#closeDrawerBtn,
#drawerAutoFillBtn{
  display:none !important;
}
@media (max-width: 1100px){
  .drawer-content-final{
    grid-template-columns:1fr !important;
  }
  .drawer-form-final{
    border-right:0;
    padding-right:0;
  }
  .drawer-side-final{
    padding-left:0;
  }
  .drawer-form-final .field-row{
    grid-template-columns:1fr;
  }
  .input-with-action{
    grid-template-columns:1fr;
  }
}


/* === MODAL KOMPAKT + ANA SAYFA KOORDINATSIZ V2 === */
.drawer .drawer-label{
  display:none !important;
}
.drawer-shell-compact{
  width:min(1280px, calc(100vw - 32px)) !important;
  max-width:min(1280px, calc(100vw - 32px)) !important;
  max-height:calc(100vh - 36px) !important;
  overflow:auto !important;
}
.drawer-shell-compact .drawer-info-hero{
  font-size:28px !important;
}
.drawer-shell-compact .drawer-top{
  padding-bottom:10px !important;
}
.drawer-shell-compact .drawer-top-actions > button:not(#closeDrawerBtnTop){
  display:none !important;
}
.drawer-shell-compact .drawer-content-final{
  grid-template-columns:minmax(560px,1fr) 420px !important;
  gap:0 !important;
  margin:0 !important;
}
.drawer-shell-compact .drawer-form-final{
  padding:14px 18px 14px 0 !important;
}
.drawer-shell-compact .drawer-side-final{
  padding:14px 0 14px 18px !important;
  gap:10px !important;
}
.drawer-shell-compact .field-row{
  grid-template-columns:150px minmax(0,1fr) !important;
  gap:10px !important;
}
.drawer-shell-compact .field-row input,
.drawer-shell-compact .field-row textarea,
.drawer-shell-compact .field-row select{
  min-height:40px !important;
}
.drawer-shell-compact textarea#drawerSpec{
  min-height:88px !important;
}
.drawer-shell-compact .input-with-action{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 132px !important;
  gap:8px !important;
}
.drawer-shell-compact .inline-action-btn,
.drawer-shell-compact .upload-btn{
  min-height:40px !important;
  padding:8px 10px !important;
}
.drawer-shell-compact .drawer-preview-box{
  height:260px !important;
}
.drawer-shell-compact .drawer-preview-note{
  display:none !important;
}
.drawer-shell-compact .drawer-actions-panel{
  padding:14px !important;
}
.drawer-shell-compact .drawer-action-main,
.drawer-shell-compact .drawer-action-wide{
  min-height:48px !important;
  font-size:15px !important;
}
.drawer-shell-compact #openTechnicalCardBtn,
.drawer-shell-compact button[id*="Technical"],
.drawer-shell-compact button[id*="technical"]{
  display:none !important;
}
.drawer-shell-compact .drawer-bottom-final{
  padding-top:12px !important;
}
.drawer-shell-compact .drawer-bottom-right{
  margin-left:auto !important;
}
.drawer-shell-compact .drawer-bottom-action{
  min-width:150px !important;
  min-height:46px !important;
  font-size:15px !important;
}
.drawer-status-compact{
  min-height:0 !important;
  margin-top:0 !important;
  font-size:12px !important;
}
.drawer-status-compact:empty{
  display:none !important;
}
.drawer-status-compact:not(:empty){
  padding-top:6px;
  color:var(--muted);
}
.drawer-shell-compact input[type="file"]{
  width:100%;
  color:#dfe8ff;
}
.drawer-shell-compact input[type="file"]::file-selector-button{
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--button-ghost-bg);
  color:#e8efff;
  padding:7px 10px;
  margin-right:8px;
}
@media (max-width: 1100px){
  .drawer-shell-compact .drawer-content-final{
    grid-template-columns:1fr !important;
  }
  .drawer-shell-compact .drawer-form-final{
    border-right:0 !important;
    padding-right:0 !important;
  }
  .drawer-shell-compact .drawer-side-final{
    padding-left:0 !important;
  }
  .drawer-shell-compact .field-row{
    grid-template-columns:1fr !important;
  }
  .drawer-shell-compact .input-with-action{
    grid-template-columns:1fr !important;
  }
}

/* === ALTERNATIF MODAL TEMIZ FINAL === */
#altPreviewModal.ai-alt-modal .ai-alt-shell{
  width:min(1180px, calc(100vw - 48px)) !important;
  max-width:min(1180px, calc(100vw - 48px)) !important;
  max-height:calc(100vh - 56px) !important;
  padding:18px !important;
  overflow:auto !important;
  box-sizing:border-box !important;
}

#altPreviewModal .ai-alt-head{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:14px !important;
  padding-bottom:12px !important;
  border-bottom:1px solid var(--line) !important;
}

#altPreviewModal #closeAltPreviewBtn{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  min-height:34px !important;
  max-width:34px !important;
  max-height:34px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:50% !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(120,145,185,.26) !important;
  border:1px solid rgba(155,180,230,.38) !important;
  box-shadow:none !important;
  color:#e8efff !important;
  font-size:24px !important;
  font-weight:400 !important;
  line-height:1 !important;
  text-indent:0 !important;
  overflow:hidden !important;
}

/* Alternatif kapat butonunda ikinci X üretme. */
#altPreviewModal #closeAltPreviewBtn::before,
#altPreviewModal #closeAltPreviewBtn::after{
  content:none !important;
  display:none !important;
}

#altPreviewModal .ai-alt-layout{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 300px !important;
  gap:16px !important;
  padding-top:14px !important;
}

#altPreviewModal .ai-alt-results-panel,
#altPreviewModal .ai-alt-inspector{
  border:1px solid var(--line);
  border-radius:16px;
  background:color-mix(in srgb, var(--sidebar-bg) 88%, #000 12%);
  padding:14px;
}

#altPreviewModal .ai-alt-section-title{
  font-size:16px;
  font-weight:800;
  margin-bottom:10px;
  color:#f3f7ff;
}

#altPreviewModal .ai-alt-results{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:12px !important;
}

#altPreviewModal .ai-alt-card{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-height:350px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:14px;
  background:color-mix(in srgb, var(--panel) 86%, #000 14%);
}

#altPreviewModal .ai-alt-card.is-best{
  border-color:color-mix(in srgb, var(--accent, #5c87ff) 70%, white 8%);
  box-shadow:0 0 0 1px rgba(90,130,255,.2);
}

#altPreviewModal .ai-alt-image{
  height:130px;
  border-radius:12px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

#altPreviewModal .ai-alt-image img{
  width:100%;
  height:100%;
  object-fit:contain;
}

#altPreviewModal .ai-alt-noimage{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:color-mix(in srgb, var(--panel) 80%, #000 20%);
  color:var(--muted);
}

#altPreviewModal .ai-alt-card-title{
  font-weight:800;
  font-size:14px;
  line-height:1.25;
}

#altPreviewModal .ai-alt-card-source{
  color:var(--muted);
  font-size:12px;
}

#altPreviewModal .ai-alt-card-note{
  color:#c7d4ef;
  font-size:12px;
  line-height:1.38;
  max-height:78px;
  overflow:hidden;
}

#altPreviewModal .ai-alt-card-actions{
  margin-top:auto;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}

#altPreviewModal .ai-alt-source-btn{
  min-height:34px;
  padding:7px 10px;
  border-radius:10px;
  font-size:12px;
  text-decoration:none;
}

#altPreviewModal .ai-alt-use-btn{
  min-height:36px;
  padding:8px 12px;
  border-radius:10px;
  font-size:12px;
  margin-left:auto;
}

#altPreviewModal .ai-alt-summary{
  font-size:13px;
  line-height:1.45;
  color:#dce7ff;
  display:flex;
  flex-direction:column;
  gap:10px;
}

#altPreviewModal .ai-alt-best{
  padding:10px;
  border-radius:12px;
  background:rgba(70,105,190,.18);
  border:1px solid rgba(120,150,230,.28);
}

#altPreviewModal .ai-alt-checklist{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid var(--line);
  color:#c3cee5;
  font-size:12px;
  line-height:1.6;
}

#altPreviewModal .ai-alt-footer{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  padding-top:12px;
}

#altPreviewModal #closeAltPreviewBtnFooter,
#altPreviewModal .ai-alt-footer-close{
  display:none !important;
}

@media (max-width: 1050px){
  #altPreviewModal .ai-alt-layout{
    grid-template-columns:1fr !important;
  }
  #altPreviewModal .ai-alt-results{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 650px){
  #altPreviewModal .ai-alt-results{
    grid-template-columns:1fr !important;
  }
}



/* === ALT MODAL X POSITION FINAL FIX === */
#altPreviewModal .ai-alt-head{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:14px !important;
}

#altPreviewModal .ai-alt-head .drawer-title-wrap{
  flex:1 1 auto !important;
  min-width:0 !important;
}

#altPreviewModal .ai-alt-head .drawer-top-actions{
  flex:0 0 auto !important;
  margin-left:auto !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:flex-end !important;
}

#altPreviewModal #closeAltPreviewBtn{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  min-height:34px !important;
  max-width:34px !important;
  max-height:34px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:50% !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:24px !important;
  font-weight:400 !important;
  line-height:1 !important;
  color:#e8efff !important;
  background:rgba(120,145,185,.26) !important;
  border:1px solid rgba(155,180,230,.38) !important;
  box-shadow:none !important;
  text-indent:0 !important;
  overflow:hidden !important;
}

#altPreviewModal #closeAltPreviewBtn::before,
#altPreviewModal #closeAltPreviewBtn::after{
  content:none !important;
  display:none !important;
}


/* === MODAL_WIDTH_CLOSE_AND_STICKY_PRINT_V23 === */
:root{ --common-modal-width-v23:1280px; }
#drawerModal .drawer-shell-compact,
#altPreviewModal.ai-alt-modal .ai-alt-shell,
#productDetailsModal.product-details-modal .product-details-shell{
  width:min(var(--common-modal-width-v23), calc(100vw - 32px)) !important;
  max-width:min(var(--common-modal-width-v23), calc(100vw - 32px)) !important;
  box-sizing:border-box !important;
}
#closeDrawerBtnTop,
#closeAltPreviewBtn,
#closeProductDetailsBtn,
.modal-x-btn,
.modal-close-circle{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  min-height:34px !important;
  max-width:34px !important;
  max-height:34px !important;
  padding:0 !important;
  border-radius:50% !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:24px !important;
  line-height:1 !important;
  font-weight:400 !important;
  text-indent:0 !important;
}
#closeDrawerBtnTop::before, #closeDrawerBtnTop::after,
#closeAltPreviewBtn::before, #closeAltPreviewBtn::after,
#closeProductDetailsBtn::before, #closeProductDetailsBtn::after{
  content:none !important;
  display:none !important;
}
/* Dosya seçme alanları bilerek görünür bırakıldı. */
.drawer-shell-compact input[type="file"]{
  display:block !important;
  visibility:visible !important;
}
/* === /MODAL_WIDTH_CLOSE_AND_STICKY_PRINT_V23 === */


/* === ALT_MODAL_RIGHT_OVERFLOW_SCROLL_FIX_V24 === */
#altPreviewModal.ai-alt-modal{
  overflow:hidden !important;
  padding:10px !important;
  box-sizing:border-box !important;
}
#altPreviewModal.ai-alt-modal .ai-alt-shell{
  width:min(var(--common-modal-width-v23,1280px), calc(100vw - 32px)) !important;
  max-width:min(var(--common-modal-width-v23,1280px), calc(100vw - 32px)) !important;
  max-height:calc(100vh - 20px) !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  box-sizing:border-box !important;
}
#altPreviewModal .ai-alt-layout{
  grid-template-columns:minmax(0,1fr) !important;
  min-width:0 !important;
  overflow:hidden !important;
  flex:1 1 auto !important;
}
#altPreviewModal .ai-alt-inspector{
  display:none !important;
}
#altPreviewModal .ai-alt-results-panel{
  min-width:0 !important;
  overflow:auto !important;
  max-height:calc(100vh - 145px) !important;
  box-sizing:border-box !important;
}
#altPreviewModal .ai-alt-results{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
#altPreviewModal .ai-alt-card{
  min-width:0 !important;
  box-sizing:border-box !important;
}
#altPreviewModal .ai-alt-card-actions{
  min-width:0 !important;
}
#altPreviewModal .ai-alt-use-btn,
#altPreviewModal .ai-alt-source-btn{
  white-space:nowrap !important;
  min-width:0 !important;
}
@media (max-width: 760px){
  #altPreviewModal .ai-alt-results{
    grid-template-columns:1fr !important;
  }
}
/* === /ALT_MODAL_RIGHT_OVERFLOW_SCROLL_FIX_V24 === */


/* === DRAWER_LOCAL_FILE_AREA_NO_NATIVE_BUTTON_V26 === */
#drawerModal .drawer-local-file-row{
  display:grid !important;
  visibility:visible !important;
}
#drawerModal .drawer-local-file-row.hidden{
  display:grid !important;
  visibility:visible !important;
}
#drawerModal [data-field="local_image"],
#drawerModal [data-field="local_pdf"]{
  display:grid !important;
  visibility:visible !important;
}
#drawerModal input.drawer-hidden-file-input,
#drawerModal input[type="file"].drawer-hidden-file-input{
  position:absolute !important;
  left:-9999px !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}
#drawerModal .drawer-file-name{
  flex:1 1 auto;
  min-width:0;
  height:42px;
  display:flex;
  align-items:center;
  padding:0 14px;
  border:1px solid rgba(71,108,166,.35);
  border-radius:12px;
  background:rgba(8,14,26,.72);
  color:#d8e1f3;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  box-sizing:border-box;
}
#drawerModal .upload-inline.themed-file-row{
  display:flex !important;
  gap:10px;
  align-items:center;
  min-width:0;
}
/* === /DRAWER_LOCAL_FILE_AREA_NO_NATIVE_BUTTON_V26 === */


/* === DESKTOP_ROGUE_MUHASEBE_BUTTON_FIX_V42 === */
@media (min-width: 769px){
  body:not(.mobile-settings-modal-open) #mobileSettingsModal,
  body:not(.mobile-settings-modal-open) #mobileSettingsModal *,
  body:not(.mobile-settings-modal-open) .mobile-accounting-inline-panel{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  body:not(.mobile-settings-modal-open) .mobile-settings-menu-item[data-section-title="Muhasebe"]{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}
/* === /DESKTOP_ROGUE_MUHASEBE_BUTTON_FIX_V42 === */