/* MOIYENA Portal Shell V2 — information architecture + navigation polish */
:root{
  --shell-green:#17301f;
  --shell-green-soft:#eef3eb;
  --shell-ink:#17251b;
  --shell-muted:#7a857b;
  --shell-line:rgba(74,94,78,.12);
  --shell-surface:rgba(255,253,249,.84);
  --shell-radius:14px;
}

/* Sidebar information architecture */
.side-nav{display:flex!important;flex-direction:column!important;gap:2px!important;overflow-y:auto;padding-right:3px}
.portal-nav-group-label{margin:17px 11px 5px;padding-top:12px;border-top:1px solid rgba(183,201,184,.10);font-size:7px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:rgba(205,219,205,.42);pointer-events:none}
.portal-nav-group-label:first-child{margin-top:2px;padding-top:0;border-top:0}
.nav-item{position:relative;transition:background .16s ease,color .16s ease,transform .16s ease!important}
.nav-item:hover{transform:translateX(2px)}
.nav-item.active:after{content:"";position:absolute;left:2px;top:11px;bottom:11px;width:2px;border-radius:999px;background:#b7c9b4}
.nav-item .nav-icon{font-size:10px!important;font-weight:700!important}
.sidebar.portal-shell-admin .side-brand span:after{content:" · YÖNETİM";opacity:.62}
.sidebar.portal-shell-customer .side-brand span:after{content:" · İŞLETME";opacity:.62}

/* Topbar context */
.portal-mode-pill{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:1px solid var(--shell-line);border-radius:999px;background:rgba(255,253,249,.58);font-size:7.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#5d6f60;white-space:nowrap}
.portal-mode-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:#6f8a70;box-shadow:0 0 0 4px rgba(111,138,112,.09)}
.portal-section-context{display:flex;align-items:center;gap:7px;margin-left:2px;color:#879087;font-size:8px;white-space:nowrap}
.portal-section-context b{color:#526054;font-size:8px}
.portal-section-context i{font-style:normal;opacity:.45}

/* Consistent page header hierarchy */
.app-section>.section-title-row{position:relative;padding-bottom:21px;border-bottom:1px solid rgba(72,91,76,.09)}
.app-section>.section-title-row:after{content:"";position:absolute;left:0;bottom:-1px;width:48px;height:1px;background:#758c75}
.app-section>.section-title-row p{line-height:1.65!important}
.section-title-row>button,.section-title-row>div+button{flex:0 0 auto}

/* Consistent form / control language across old and new modules */
.workspace-body button:not(.nav-item):not(.iv-del){transition:transform .14s ease,box-shadow .14s ease,background .14s ease,border-color .14s ease}
.workspace-body button:not(:disabled):not(.nav-item):not(.iv-del):hover{transform:translateY(-1px)}
.workspace-body input,.workspace-body select,.workspace-body textarea{transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}
.workspace-body input:focus,.workspace-body select:focus,.workspace-body textarea:focus{outline:none;border-color:#7b907a!important;box-shadow:0 0 0 3px rgba(104,130,102,.10)!important}

/* Import Studio becomes a product suite, not one endless page */
#section-import-studio>.section-title-row{margin-bottom:18px!important}
#section-import-studio>.is-hero{display:none!important}
.portal-import-suite{margin:0 0 20px}
.portal-import-tabs{position:sticky;top:72px;z-index:14;display:flex;gap:7px;align-items:center;padding:9px;border:1px solid rgba(65,83,68,.12);border-radius:15px;background:rgba(246,245,240,.90);backdrop-filter:blur(16px) saturate(120%);box-shadow:0 12px 30px rgba(20,32,24,.055);overflow-x:auto;scrollbar-width:none}
.portal-import-tabs::-webkit-scrollbar{display:none}
.portal-import-tab{display:flex;align-items:center;gap:8px;min-height:39px;padding:0 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:#667268;font-size:8px;font-weight:800;white-space:nowrap;cursor:pointer}
.portal-import-tab span{display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:7px;background:rgba(98,119,98,.08);font-size:7px;color:#708071}
.portal-import-tab:hover{background:rgba(255,255,255,.48)}
.portal-import-tab.active{background:#17301f;color:#f5f8f4;border-color:#17301f;box-shadow:0 8px 20px rgba(23,48,31,.16)}
.portal-import-tab.active span{background:rgba(255,255,255,.12);color:#dce9dc}
.portal-import-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:16px 2px 5px}
.portal-import-intro h2{margin:3px 0 5px;font:650 18px/1.2 Manrope;color:var(--shell-ink);letter-spacing:-.035em}
.portal-import-intro p{margin:0;max-width:720px;font-size:9.5px;line-height:1.6;color:var(--shell-muted)}
.portal-import-intro .portal-import-state{display:inline-flex;align-items:center;gap:6px;margin-top:3px;padding:6px 9px;border-radius:999px;background:#e9f0e7;color:#557058;font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.portal-import-stage{position:relative;min-height:180px}
.portal-import-module{display:none}
.portal-import-module.active{display:block;animation:portal-module-in .22s ease}
@keyframes portal-module-in{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}
#portal-fast-price-module>.is-panel:first-child{margin-top:0}
#stock-memory-panel,#invoice-import-v4,#price-compare-studio-v2,#operation-history{margin-top:0!important}

/* Admin/customer overview coherence */
#section-admin-overview .admin-overview-grid,#section-customers .customer-summary,#section-team .team-summary,#section-security .security-summary,#section-activity .audit-summary{gap:12px!important}
#section-admin-overview .admin-kpi,#section-customers .customer-summary>div,#section-team .team-summary>div,#section-security .security-summary>article,#section-activity .audit-summary>article{border-radius:16px!important;box-shadow:0 12px 30px rgba(20,32,24,.04)!important}
#section-customers .customer-admin-grid,#section-team .team-layout,#section-security .security-grid{align-items:start}

/* Dark mode alignment */
body.moiyena-dark .portal-mode-pill{background:#111a14;border-color:#324137;color:#a7b4aa}
body.moiyena-dark .portal-import-tabs{background:rgba(16,25,19,.92);border-color:#2e3c32;box-shadow:0 12px 30px rgba(0,0,0,.16)}
body.moiyena-dark .portal-import-tab{color:#9ba79d}
body.moiyena-dark .portal-import-tab:hover{background:#172019}
body.moiyena-dark .portal-import-tab.active{background:#dfe9dd;color:#18301e;border-color:#dfe9dd}
body.moiyena-dark .portal-import-tab.active span{background:rgba(24,48,30,.10);color:#315238}
body.moiyena-dark .portal-import-intro h2{color:#edf3ee}
body.moiyena-dark .portal-import-intro p{color:#95a097}
body.moiyena-dark .portal-import-intro .portal-import-state{background:#1b2a1e;color:#a8c4aa}
body.moiyena-dark .app-section>.section-title-row{border-bottom-color:#29362d}
body.moiyena-dark .portal-nav-group-label{border-top-color:rgba(201,220,203,.08);color:rgba(201,220,203,.34)}

@media(max-width:900px){
  .portal-section-context{display:none}
  .portal-import-tabs{top:64px;border-radius:12px;padding:7px}
  .portal-import-tab{min-height:38px;padding:0 10px}
  .portal-import-intro{display:block;padding-top:13px}
  .portal-import-intro .portal-import-state{margin-top:10px}
}
@media(max-width:620px){
  .portal-mode-pill{display:none}
  .portal-import-tabs{margin-left:-4px;margin-right:-4px}
  .portal-import-intro h2{font-size:16px}
  .app-section>.section-title-row{padding-bottom:16px}
}