/* Meta Workspace ortak ekran dili. Mevcut modül işlevlerine dokunmaz. */
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700;800;900&display=swap');
@media screen {
  :root { --workspace-bg:#f5f6f9; --workspace-side:#f0f2f5; --workspace-card:#fff; --workspace-line:#dce2e8; --workspace-ink:#252c34; --workspace-muted:#697586; --workspace-red:#e94340; }
  html,body { background:var(--workspace-bg) !important; color:var(--workspace-ink); font-family:'Nunito Sans','Segoe UI',Arial,sans-serif !important; }
  :is(.side,.rail,.portal-side,#kesimSidebar) { background:var(--workspace-side) !important; color:var(--workspace-ink) !important; border-color:var(--workspace-line) !important; box-shadow:none !important; }
  :is(.side,.rail,.portal-side,#kesimSidebar) :is(.brand,.logocard,.portal-brand,.kesim-side-brand,.crm-brand-link) { color:var(--workspace-ink) !important; background:transparent !important; border-bottom-color:var(--workspace-line) !important; }
  :is(.side,.rail,.portal-side,#kesimSidebar) :is(h1,strong,b,.rail-title,.pa-title) { color:var(--workspace-ink); }
  :is(.side,.rail,.portal-side,#kesimSidebar) :is(small,span,.sub,.grp,.railh,.rail-lbl,.sidebar-title) { color:var(--workspace-muted); }
  :is(.side,.rail,.portal-side,#kesimSidebar) :is(.nav a,.nav button,.nav2 a,.railnav a,.portal-nav a,.kesim-side-nav a,.sidebar-job) { color:#354253 !important; background:transparent; border-color:transparent; }
  :is(.side,.rail,.portal-side,#kesimSidebar) :is(.nav a,.nav button,.nav2 a,.railnav a,.portal-nav a,.kesim-side-nav a,.sidebar-job):hover { background:#e3e8ee !important; color:#222d38 !important; }
  :is(.side,.rail,.portal-side,#kesimSidebar) :is(.nav a,.nav button,.nav2 a,.railnav a,.portal-nav a,.kesim-side-nav a,.sidebar-job).active { background:var(--workspace-red) !important; border-color:var(--workspace-red) !important; color:#fff !important; }
  :is(.side,.rail,.portal-side,#kesimSidebar) :is(.nav a,.nav button,.nav2 a,.railnav a,.portal-nav a,.kesim-side-nav a,.sidebar-job).active :is(span,small,b,svg) { color:#fff !important; }
  :is(.side,.rail,.portal-side,#kesimSidebar) :is(.module-portal-return,.crm-portal-return,.portal-return,.rbtn:not(.primary)) { background:#fff !important; border:1px solid #cbd4de !important; color:#354253 !important; border-radius:9px !important; box-shadow:none !important; }
  :is(.side,.rail,.portal-side,#kesimSidebar) :is(.module-portal-return,.crm-portal-return,.portal-return,.rbtn:not(.primary)):hover { background:#e8edf2 !important; color:#202a36 !important; }
  :is(.side,.rail,.portal-side,#kesimSidebar) :is(.logocard img,.portal-logo,.kesim-side-logo,.crm-brand-logo,.brand .logo) { width:48px !important; height:48px !important; object-fit:contain !important; border-radius:10px !important; background:#fff !important; box-shadow:none !important; }
  :is(.topbar,.portal-topbar,.mainhead,.header-band,.main>.top,.hdr) { background:#fff !important; color:var(--workspace-ink) !important; border:1px solid var(--workspace-line) !important; border-top:4px solid var(--workspace-red) !important; border-radius:12px !important; box-shadow:0 4px 14px #1c29340b !important; }
  :is(.topbar,.portal-topbar,.mainhead,.header-band,.main>.top,.hdr) :is(h1,h2,strong,b) { color:var(--workspace-ink); }
  :is(.card,.kart,.app-card) { border-color:var(--workspace-line); }
  :is(input,select,textarea,button,a):focus-visible { outline:2px solid var(--workspace-red); outline-offset:2px; }
  .mainhead .date { background:#f0f2f5 !important; border-color:var(--workspace-line) !important; color:var(--workspace-ink) !important; }
  .stamp b { color:var(--workspace-red) !important; }
  .rail-tools .tbtn { background:#fff; color:#354253; border-color:#cbd4de; }
  .rail .logocard { display:flex; align-items:center; justify-content:flex-start; min-height:68px; background:#fff !important; border:1px solid var(--workspace-line); box-shadow:none; }
  .rail .logocard img { width:auto !important; max-width:152px !important; height:48px !important; object-fit:contain; }
  .rail .logocard::after { content:none !important; }
  .rail .logocard::before { content:none !important; }
  .rail .logocard .rail-brand-copy { display:flex; flex-direction:column; justify-content:center; min-width:0; gap:3px; flex:1 1 auto; color:var(--workspace-ink); font-size:13px; line-height:1.3; }
  .rail .logocard .rail-brand-copy b { font-size:14px; line-height:1.25; overflow-wrap:anywhere; }
  .rail .logocard .rail-brand-copy span { color:var(--workspace-muted); font-size:12px; line-height:1.35; overflow-wrap:anywhere; }
  .rail .stamp,.rail .stamp * { color:#455365 !important; }
  .rail .stamp b { color:var(--workspace-red) !important; }
  .rail .rail-lbl { color:#647286 !important; }
  .rail .years button { background:#fff !important; color:#354253 !important; border-color:#cbd4de !important; }
  .rail .years button.active { background:var(--workspace-red) !important; color:#fff !important; border-color:var(--workspace-red) !important; }
  .rail .rail-tools .tbtn:not(.aks-up),.rail .rail-sub .tbtn.aks-rep { background:#fff !important; color:#354253 !important; border:1px solid #cbd4de !important; }
  .rail .rail-tools .tbtn.aks-up { background:#fff2e8 !important; color:#8c4411 !important; border:1px solid #e5b58e !important; }
  .rail .rail-sub { background:#e9eef2 !important; border-color:var(--workspace-line) !important; border-left:4px solid var(--workspace-red) !important; }
  .rail .rail-scroll { min-height:0; flex:1 1 auto; overflow-y:auto !important; overflow-x:hidden; }
  .rail .rail-scroll .railnav { flex:0 0 auto; min-height:0; overflow:visible !important; }
  .rail .portal-return { display:block; flex:none; background:#fff !important; color:#354253 !important; border:1px solid #cbd4de !important; }
  .shell>.top { height:auto; min-height:76px; padding:10px 16px; margin:12px 0 14px; background:#fff; border:1px solid var(--workspace-line); border-top:4px solid var(--workspace-red); border-radius:12px; box-shadow:0 4px 14px #1c29340b; }
  .shell>.hero { align-items:center; padding:16px 20px; margin-bottom:14px; background:#fff; border:1px solid var(--workspace-line); border-radius:12px; }
  .portal-group.content,.portal-group.operations,.portal-group.tracking { --group:var(--workspace-red); --group-bg:#f0f2f5; --group-line:var(--workspace-line); }
  .portal-group { padding:10px; border-radius:12px; }
  .group-head { height:38px; background:#fff; border:1px solid var(--workspace-line); border-left:4px solid var(--workspace-red); color:var(--workspace-ink); border-radius:8px; }
  .group-head .group-count { color:var(--workspace-muted); opacity:1; }
  .app-card { border:1px solid var(--workspace-line); box-shadow:0 3px 10px #1c29340a; }
  .app-card .icon { background:#edf0f3; color:var(--workspace-red); }
  .app-card .status { color:#bd3432; }
  .task-portal-return,.portal-back { display:inline-flex !important; align-items:center; justify-content:center; min-height:36px; padding:8px 12px !important; background:#fff !important; border:1px solid #cbd4de !important; border-radius:9px !important; color:#354253 !important; text-decoration:none !important; box-shadow:none !important; }
  .task-portal-return:hover,.portal-back:hover { background:#e8edf2 !important; color:#202a36 !important; }
  .hdr .logo-meta { width:52px !important; height:52px !important; object-fit:contain; }
  .hdr .brand-text,.hdr .brand-text :is(h1,h2,p,span) { color:var(--workspace-ink) !important; }
  .hdr .brand-text.right { color:var(--workspace-muted) !important; }
  /* Ortak kabuk: tek dış sınır, tutarlı başlık ve kenar boşlukları. */
  .shell>.main>.top { min-height:88px; padding:18px 22px !important; margin:0 0 18px !important; align-items:center; }
  .shell>.main>.top .title { min-width:0; }
  .shell>.main>.top .title h2 { margin:0; font-size:clamp(21px,2vw,28px); line-height:1.2; letter-spacing:-.025em; }
  .shell>.main>.top .title .sub { margin:5px 0 0; font-size:13px; line-height:1.45; }
  .layout>.main>.topbar { background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; padding:0 0 14px !important; margin:0 !important; position:static; }
  .layout>.main>.topbar>.topbar-inner { background:#fff !important; color:var(--workspace-ink) !important; border:1px solid var(--workspace-line) !important; border-top:4px solid var(--workspace-red) !important; border-radius:12px !important; box-shadow:0 4px 14px #1c29340b !important; padding:18px 22px !important; }
  .layout>.main>.topbar .paneltitle { font-family:'Nunito Sans','Segoe UI',Arial,sans-serif !important; font-size:23px !important; font-weight:800 !important; line-height:1.2 !important; letter-spacing:-.025em; }
  .layout>.main>.topbar .tb-id { gap:5px; }
  .layout>.main>.topbar .stamp { margin-top:4px; }
  .layout>.main>.topbar .stamp, .layout>.main>.topbar .stamp * { line-height:1.4; }
  .meta-module-complaints .topbar { flex-wrap:wrap; gap:12px 18px; }
  .meta-module-complaints .topbar .module-heading { display:flex; flex-direction:column; min-width:210px; line-height:1.3; }
  .meta-module-complaints .topbar .module-heading strong { font-size:21px; font-weight:800; letter-spacing:-.025em; }
  .meta-module-complaints .topbar .module-heading small { color:var(--workspace-muted); font-size:12px; margin-top:3px; }
  .meta-module-complaints .topbar .search { flex:1 1 260px; min-width:180px; }
  .rail .logocard { gap:10px; min-height:76px; padding:10px 12px; overflow:hidden; }
  .rail .logocard img { flex:0 0 54px; width:54px !important; max-width:54px !important; height:54px !important; padding:3px; }
  .meta-module-cutting .meta-platform-bar,.meta-module-complaints .meta-platform-bar { display:none !important; }
  .meta-module-complaints>.app { min-height:100vh !important; }
  .meta-module-complaints .side { top:0 !important; height:100vh !important; }
  .meta-module-complaints .topbar { top:0 !important; }
  .meta-module-complaints .drawer { top:0 !important; height:100vh !important; }
  .meta-module-complaints .overlay { top:0 !important; }
  .side .crm-brand-link { min-height:76px; padding:10px 4px 16px; gap:10px; }
  .side .crm-brand-link img { flex:none; }
  .side .crm-brand-link span { min-width:0; line-height:1.3; }
  :is(.side,.rail,.portal-side,#kesimSidebar) :is(.crm-brand-link,.logocard,.portal-brand,.kesim-side-brand,.brand) { min-height:90px; box-sizing:border-box; align-items:center; border-radius:0 !important; border-top:0 !important; border-left:0 !important; border-right:0 !important; border-bottom:1px solid var(--workspace-line) !important; background:transparent !important; box-shadow:none !important; }
  :is(.side,.rail,.portal-side,#kesimSidebar) :is(.crm-brand-link,.logocard,.portal-brand,.kesim-side-brand,.brand) :is(strong,b,h1) { color:var(--workspace-ink) !important; font-size:14px; line-height:1.25; }
  :is(.side,.rail,.portal-side,#kesimSidebar) :is(.crm-brand-link,.logocard,.portal-brand,.kesim-side-brand,.brand) :is(small,span:not(.portal-brand-copy)) { line-height:1.35; }
  .side .crm-brand-logo,.portal-side .portal-logo,#kesimSidebar .kesim-side-logo,.side .brand .logo,.rail .logocard img { width:54px !important; height:54px !important; flex:0 0 54px; object-fit:contain !important; }
  .rail .logocard { padding:10px 8px 15px !important; margin:0 0 14px !important; }
  .shell { grid-template-columns:264px minmax(0,1fr); }
  .shell>.main { min-width:0; }
  .shell>.main .card { background:#fff; border:1px solid var(--workspace-line); border-radius:12px; box-shadow:0 4px 14px #1c29340b; }
  .shell>.main .dash-hero { background:#fff; border-left:1px solid var(--workspace-line); }
  .shell>.main .dash-hero::before { width:4px; background:var(--workspace-red); }
  .shell>.main :is(.stage,.summary-item,.feed-card,.hero-stat) { background:#fff; border-color:var(--workspace-line); border-radius:10px; box-shadow:none; }
  .shell>.main .metric-box { border-top-color:var(--workspace-line); }
  .shell>.main .metric-box::after { display:none; }
  .shell>.main .dash-kicker { background:#fff3f2; border-color:#f6cfcd; color:#b72d2b; }
  .rail .nav2 a.on { background:var(--workspace-red) !important; border-color:var(--workspace-red) !important; box-shadow:none !important; }
  .rail .nav2 a.on .tx :is(b,i), .rail .nav2 a.on .ic { color:#fff !important; }
  .rail .nav2 a:not(.on) .tx i { color:var(--workspace-muted) !important; }
  .mainhead, .portal-topbar, .hdr { padding:18px 22px !important; }
  .mainhead h1, .hdr h1 { line-height:1.2 !important; overflow-wrap:anywhere; }
  .meta-module-tasks .app { max-width:1440px; padding:22px 24px 60px; }
  .meta-module-tasks .hdr { display:grid; grid-template-columns:56px minmax(0,1fr) auto; gap:16px; align-items:center; margin:0 0 16px; border-radius:12px !important; }
  .meta-module-tasks .hdr-title-center { justify-self:start; text-align:left; }
  .meta-module-tasks .hdr-title-center h1 { font-size:clamp(22px,2vw,29px) !important; }
  .meta-module-tasks .hdr-title-center::after { color:var(--workspace-muted); }
  .meta-module-tasks .tabs { position:relative; top:auto; width:100%; max-width:none; justify-content:flex-start; margin:0 0 18px; border:1px solid var(--workspace-line); border-radius:12px; box-shadow:none; background:#fff; }
  .meta-module-tasks .tab.active { background:var(--workspace-red) !important; box-shadow:none !important; }
  .meta-module-tasks .card { background:#fff; border:1px solid var(--workspace-line); border-radius:12px; box-shadow:0 4px 14px #1c29340b; }
  /* Modül kimliği: portal kartı ve modül sol paneli aynı renk ailesini kullanır. */
  .app-card[data-module="technical_content"],body.module-technical { --module-accent:#187d71; --module-soft:#e9f5f1; }
  .app-card[data-module="corporate_content"],body.module-corporate { --module-accent:#557b39; --module-soft:#edf5e7; }
  .app-card[data-module="cutting"],body.meta-module-cutting { --module-accent:#426c97; --module-soft:#eaf1f9; }
  .app-card[data-module="shipment_orders"],body.module-shipment { --module-accent:#536eb1; --module-soft:#ebeffa; }
  .app-card[data-module="crm"],body.module-crm { --module-accent:#7554a3; --module-soft:#f1ebf8; }
  .app-card[data-module="proforma"],body.module-proforma:not(.module-proforma-domestic) { --module-accent:#277e8c; --module-soft:#e8f4f6; }
  .app-card[data-module="proforma_domestic"],body.module-proforma-domestic { --module-accent:#a86728; --module-soft:#fbf0e3; }
  .app-card[data-module="downtime"],body.module-downtime { --module-accent:#a16c24; --module-soft:#f8f0e2; }
  .app-card[data-module="complaints"],body.module-complaints { --module-accent:#ae5063; --module-soft:#faecef; }
  .app-card[data-module="tasks"],body.meta-module-tasks { --module-accent:#b8424b; --module-soft:#faecee; }
  .app-card[data-module="attendance"],body.module-attendance { --module-accent:#2a799a; --module-soft:#e8f3f8; }
  .app-card[data-module] { background:var(--module-soft) !important; border:1px solid color-mix(in srgb,var(--module-accent) 22%,white) !important; border-left:5px solid var(--module-accent) !important; }
  .app-card[data-module] .icon { background:#fff !important; color:var(--module-accent) !important; }
  .app-card[data-module] .status { color:var(--module-accent) !important; }
  .app-card[data-module] .content-actions a { background:var(--module-accent) !important; color:#fff !important; }
  .app-card[data-module] .content-actions a:nth-child(2) { background:#fff !important; color:var(--module-accent) !important; border:1px solid var(--module-accent) !important; }
  .app-card[data-module]:hover { border-color:var(--module-accent) !important; box-shadow:0 8px 22px color-mix(in srgb,var(--module-accent) 17%,transparent) !important; }
  body:is(.meta-module-cutting,.module-shipment,.module-crm,.module-proforma,.module-downtime,.module-complaints,.meta-module-tasks,.module-attendance) { --workspace-side:var(--module-soft); --workspace-red:var(--module-accent); }
  body.module-proforma .pa-rail { --pa-rail:var(--module-soft); background:var(--module-soft) !important; }
  body.meta-module-tasks .tabs { background:var(--module-soft) !important; border-left:5px solid var(--module-accent); }
  @media(max-width:760px) {
    .shell { grid-template-columns:1fr; }
    .shell>.main>.top { flex-wrap:wrap; padding:15px 16px !important; }
    .layout>.main>.topbar>.topbar-inner { padding:15px 16px !important; }
    .rail .logocard { justify-content:flex-start; }
    .meta-module-tasks .app { padding:12px; }
    .meta-module-tasks .hdr { grid-template-columns:48px minmax(0,1fr); gap:10px; }
    .meta-module-tasks .brand-right { grid-column:1 / -1; justify-self:end; }
    .meta-module-tasks .tabs { overflow-x:auto; white-space:nowrap; }
  }
}