/*
 * IT Envanter Pro v1.8.12-r3 — Editorial Atlas
 * Crystal 0.0.4-r3 Editorial Atlas tasarım dilinin IT Envanter Pro uyarlaması.
 * Tüm kurallar data-shell="editorial" altında scope edilir; mevcut stiller değişmez.
 */

.editorial-atlas-visual{display:none}

/* Archive renk paleti — diğer shell'lerle de kullanılabilir. */
:root[data-theme="archive"]{
  --accent:#315bc4;--accent2:#8da9f4;--accent-rgb:49,91,196;--accent-deep:#17377f;
  --brand-from:#5f7ed0;--brand-to:#142d6e;--hero-a:#243c78;--hero-b:#101d3c;--editorial-marker:#e5bf3f
}
:root[data-mode="light"][data-theme="archive"]{
  --accent:#244aa7;--accent2:#173b91;--accent-rgb:36,74,167;--accent-deep:#153477;--brand-from:#355bb6;--brand-to:#112d70
}
.theme-card[data-choice="archive"]{--preview-bg:#f2e9d4;--preview-side:#101d3a;--preview-accent:#e5bf3f}
.theme-card[data-choice="archive"] .theme-preview:before{border-right:2px solid #315bc4}

/* Kişiselleştirme önizlemesi. */
.shell-card{position:relative}
.shell-card-badge{position:absolute;z-index:2;top:7px;right:7px;padding:3px 6px;border:1px solid #d2aa24;border-radius:3px;background:#f0cb45;color:#101a31;font-size:7px;font-weight:950;letter-spacing:.08em}
.shell-card[data-shell-preview="editorial"] .shell-preview{border-radius:4px;border-color:#c9bea2;background:linear-gradient(90deg,transparent 48%,rgb(17 30 59/.09) 48% 49%,transparent 49%),#f2ead7}
.shell-card[data-shell-preview="editorial"] .shell-preview i{width:22%;background:#101e3b;border-right:3px solid #e5bf3f}
.shell-card[data-shell-preview="editorial"] .shell-preview span{left:28%;right:8%;top:10px;height:4px;border-radius:0;background:#244aa7}
.shell-card[data-shell-preview="editorial"] .shell-preview b{left:28%;right:8%;top:23px;height:23px;border-radius:2px;background:#111d37;box-shadow:0 27px 0 -9px #d4c8ab}
.shell-card[data-shell-preview="editorial"] .shell-preview b:after{content:"";position:absolute;right:7px;top:6px;width:16px;height:10px;transform:rotate(-4deg);background:#e5bf3f}

/* Editorial Atlas tokenları. */
:root[data-shell="editorial"]{
  --editorial-serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
  --editorial-sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --editorial-paper:#f3ecd9;--editorial-paper-2:#fbf6e8;--editorial-paper-3:#e9dfc5;
  --editorial-ink:#111d38;--editorial-ink-2:#1c2a4b;--editorial-on-ink:#f7eed9;
  --editorial-marker:#e5bf3f;--editorial-marker-soft:#f3db7e;--editorial-rule:#bbb096;
  --bg:#e9dfc8;--bg2:#e2d6bb;--panel:#f8f1df;--panel2:#eee5cf;--panel3:#e2d6bd;
  --line:#c8bda4;--line2:#a99d83;--text:#111a2d;--muted:#6d685e;--soft:#45443f;
  --surface-0:var(--bg);--surface-1:var(--editorial-paper);--surface-2:var(--panel);--surface-3:var(--panel2);--surface-4:var(--panel3);
  --surface-input:#fffaf0;--surface-modal:var(--editorial-paper-2);--surface-soft:var(--panel2);--surface-hover:#e6dbc1;
  --nav-text:#56554f;--primary-text:var(--text);--secondary-text:var(--muted);--tertiary-text:#7d776b;
  --topbar-rgb:243,236,217;--bottom-rgb:17,29,56;--radius-xs:3px;--radius-sm:5px;--radius-md:7px;--radius:9px;--radius-lg:12px;
  --shadow:0 20px 55px rgb(54 44 24/.12);--success-rgb:22,115,75;color-scheme:light
}
:root[data-mode="dark"][data-shell="editorial"]{
  --editorial-paper:#0b1512;--editorial-paper-2:#101d18;--editorial-paper-3:#16251f;
  --editorial-ink:#020b12;--editorial-ink-2:#0b1830;--editorial-on-ink:#f1e8d2;
  --editorial-marker:#d7ad4e;--editorial-marker-soft:#e3c57f;--editorial-rule:#3d493f;
  --bg:#07100d;--bg2:#0b1511;--panel:#0e1a16;--panel2:#13221c;--panel3:#1a2b24;
  --line:#2b3c33;--line2:#43564b;--text:#f3ecdc;--muted:#a59f91;--soft:#d3cbb9;
  --surface-0:var(--bg);--surface-1:var(--editorial-paper);--surface-2:var(--panel);--surface-3:var(--panel2);--surface-4:var(--panel3);
  --surface-input:#0b1713;--surface-modal:#0e1a16;--surface-soft:#101e19;--surface-hover:#182921;
  --nav-text:#aaa596;--primary-text:var(--text);--secondary-text:var(--muted);--tertiary-text:#8b897f;
  --topbar-rgb:11,21,18;--bottom-rgb:2,11,18;--shadow:0 24px 70px rgb(0 0 0/.3);color-scheme:dark
}
:root[data-shell="editorial"][data-radius="square"]{--radius-xs:1px;--radius-sm:2px;--radius-md:3px;--radius:4px;--radius-lg:5px}

:root[data-shell="editorial"] body{font-family:var(--editorial-sans);background-color:var(--bg);background-image:radial-gradient(circle at 14% 12%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 28%),repeating-linear-gradient(0deg,transparent 0 31px,color-mix(in srgb,var(--text) 2.4%,transparent) 31px 32px),radial-gradient(circle,color-mix(in srgb,var(--text) 7%,transparent) .6px,transparent .8px);background-size:auto,auto,7px 7px;background-attachment:fixed}
:root[data-shell="editorial"] ::selection{background:color-mix(in srgb,var(--editorial-marker) 72%,transparent);color:var(--editorial-ink)}
:root[data-shell="editorial"] :is(.topbar,.sidebar,.bottom-nav,.modal-head,.modal-foot,.login-card){backdrop-filter:none}
:root[data-shell="editorial"] :is(.hero h3,.section-title h3,.card-head h4,.release-hero h3,.release-head h4,.modal-head h3,.login-card h2,.login-visual h1,.dossier-hero h3,.infra-hero h3,.device-discovery-hero h3,.network-discovery-head h3,.assistant-learning-hero h3,.dbf-hero h3,.db189-hero h3){font-family:var(--editorial-serif);font-weight:700;letter-spacing:-.025em}
:root[data-shell="editorial"] .eyebrow{color:var(--accent);font-size:calc(9px + var(--font-step,0px));letter-spacing:.16em;text-transform:uppercase}
:root[data-mode="dark"][data-shell="editorial"] .eyebrow{color:var(--editorial-marker-soft)}

/* Ana çerçeve ve numaralı navigasyon. */
@media(min-width:901px){
  :root[data-shell="editorial"] .app-shell{grid-template-columns:270px minmax(0,1fr)}
  :root[data-shell="editorial"] .content{width:100%;max-width:1660px;padding:30px clamp(26px,3vw,52px) 110px}
}
:root[data-shell="editorial"] .sidebar{isolation:isolate;padding:22px 15px 16px;border-right:1px solid var(--editorial-rule);background:linear-gradient(90deg,transparent calc(100% - 7px),var(--editorial-marker) calc(100% - 7px) calc(100% - 4px),transparent calc(100% - 4px)),var(--surface-1)}
:root[data-shell="editorial"] .brand-row{position:relative;align-items:center;min-height:76px;padding:0 8px 29px;border-bottom:1px solid var(--editorial-rule)}
:root[data-shell="editorial"] .brand-row:after{content:"IT ENVANTER ATLASI  /  R3";position:absolute;left:9px;bottom:9px;color:var(--muted);font-size:7px;font-weight:900;letter-spacing:.17em}
:root[data-shell="editorial"] .brand-logo-img{width:42px;height:42px;padding:5px;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--line));border-radius:3px;background:transparent;box-shadow:none}
:root[data-shell="editorial"] .brand-row strong{font-family:var(--editorial-serif);font-size:calc(19px + var(--font-step,0px));letter-spacing:-.035em}
:root[data-shell="editorial"] .brand-row small{color:var(--muted);font-size:calc(8px + var(--font-step,0px));letter-spacing:.07em;text-transform:uppercase}
:root[data-shell="editorial"] .side-nav{counter-reset:editorial-nav;gap:3px;padding-top:12px}
:root[data-shell="editorial"] .side-nav>:is(.nav-item,.nav-group){counter-increment:editorial-nav}
:root[data-shell="editorial"] .side-nav>.nav-item:before,:root[data-shell="editorial"] .side-nav>.nav-group>summary:before{content:counter(editorial-nav,decimal-leading-zero);width:22px;color:var(--tertiary-text);font-family:var(--editorial-serif);font-size:10px;font-style:italic;font-weight:700}
:root[data-shell="editorial"] .side-nav>.nav-item>.ui-icon,:root[data-shell="editorial"] .side-nav>.nav-group>summary>.ui-icon{display:none}
:root[data-shell="editorial"] :is(.nav-item,.nav-group>summary){min-height:38px;border-radius:2px;color:var(--nav-text)}
:root[data-shell="editorial"] .nav-group{padding-top:3px;border-top:1px solid color-mix(in srgb,var(--editorial-rule) 64%,transparent)}
:root[data-shell="editorial"] .nav-group>summary{grid-template-columns:22px 1fr 18px;padding:10px 11px}
:root[data-shell="editorial"] .side-nav>.nav-item{gap:12px;padding:10px 11px}
:root[data-shell="editorial"] :is(.nav-item b,.nav-group>summary b){font-size:calc(11px + var(--font-step,0px));letter-spacing:.01em}
:root[data-shell="editorial"] .nav-submenu{margin:0 0 5px 31px;padding:0 0 0 8px;border-left:1px solid var(--editorial-rule)}
:root[data-shell="editorial"] .nav-submenu .nav-item{min-height:31px;padding:7px 9px}
:root[data-shell="editorial"] .nav-submenu .nav-item>span{width:8px;color:var(--editorial-marker);font-size:12px}
:root[data-shell="editorial"] :is(.nav-item,.nav-group>summary):hover{color:var(--text);background:color-mix(in srgb,var(--accent) 7%,var(--panel2))}
:root[data-shell="editorial"] .nav-item.active{color:var(--editorial-on-ink);background:var(--editorial-ink);box-shadow:inset 3px 0 var(--editorial-marker)}
:root[data-shell="editorial"] .nav-item.active:before{color:var(--editorial-marker)}
:root[data-shell="editorial"] .sidebar-foot{border-top:1px solid var(--editorial-rule)}
:root[data-shell="editorial"] .user-panel{padding:13px 7px}
:root[data-shell="editorial"] :is(.avatar,.user-badge){border-radius:3px;border-color:var(--editorial-rule);background:var(--panel2);color:var(--text)}

:root[data-shell="editorial"] .topbar{height:82px;padding:0 clamp(20px,2.5vw,40px);border-bottom:1px solid var(--editorial-rule);background:rgb(var(--topbar-rgb)/.97)}
:root[data-shell="editorial"] .topbar:after{content:"IT INVENTORY / LIVE";position:absolute;right:clamp(20px,2.5vw,40px);bottom:5px;color:var(--muted);font-size:6px;font-weight:900;letter-spacing:.18em}
:root[data-shell="editorial"] .topbar>div:first-child{min-width:180px;padding-right:10px;border-right:1px solid var(--editorial-rule)}
:root[data-shell="editorial"] .topbar h2{font-family:var(--editorial-serif);font-size:calc(24px + var(--font-step,0px));font-weight:700}
:root[data-shell="editorial"] .desktop-global-search{flex:1 1 280px;max-width:520px;margin-left:auto}
:root[data-shell="editorial"] .global-search-trigger{min-height:39px;border:0;border-bottom:1px solid var(--editorial-rule);border-radius:0;background:transparent}
:root[data-shell="editorial"] .global-search-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
:root[data-shell="editorial"] .top-actions{gap:7px}
:root[data-shell="editorial"] .top-actions>.btn.icon{border-radius:3px;background:transparent}
:root[data-shell="editorial"] .chip{border-radius:3px;border-color:var(--editorial-rule);background:transparent}

/* Kontroller, kartlar ve tablolar. */
:root[data-shell="editorial"] .btn{border-radius:4px;background:var(--panel2);box-shadow:none}
:root[data-shell="editorial"] .btn:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--panel2))}
:root[data-shell="editorial"] .btn.primary{border-color:var(--editorial-ink);background:var(--editorial-ink);color:var(--editorial-on-ink);box-shadow:inset 0 -3px var(--editorial-marker)}
:root[data-shell="editorial"] .btn.primary:hover{filter:none;background:var(--editorial-ink-2)}
:root[data-shell="editorial"] :is(input,select,textarea,.search,.filter,.ds-select-trigger,.ds-date-trigger,.catalog-searchbox,.command-search){border-radius:4px;background:var(--surface-input);color:var(--text);border-color:var(--editorial-rule)}
:root[data-shell="editorial"] :is(input,select,textarea,.search,.filter,.ds-select-trigger,.ds-date-trigger,.catalog-searchbox,.command-search):focus-within{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 15%,transparent)}
:root[data-shell="editorial"] :is(.card,.list-card,.settings-card,.metric,.finance,.release-card,.catalog-list-card,.catalog-maker-card,.catalog-category-card,.dossier-item,.dossier-form-row,.assignment-add-card-v2,.assignment-package-card,.ops-work-row,.ops-request-card,.ops-count-card,.ops-maint-row,.svc2-service-card,.svc2-inspection-row,.svc2-form-section,.svc2-check-card,.assistant-learning-card,.network-discovery-head,.network-discovery-controls,.network-discovery-result,.device-discovery-hero,.device-discovery-kpis>div,.device-discovery-card,.infra-hero,.infra-type-tile,.infra-kpis>div,.infra-discovery-card,.infra-profile-row,.infra-child-list article,.infra-printer-list article,.dbf-admin-card,.dbf-mssql,.db189-engine,.db189-primary,.db189-runtime,.db189-external){border-color:var(--editorial-rule);border-radius:5px;background:color-mix(in srgb,var(--panel) 97%,transparent);box-shadow:none}
:root[data-shell="editorial"] .card-head{min-height:63px;padding:14px 17px;border-bottom:1px solid var(--editorial-rule);background:transparent}
:root[data-shell="editorial"] .card-head h4{font-size:calc(18px + var(--font-step,0px))}
:root[data-shell="editorial"] .card-head .sub{display:block;margin-top:3px;font-size:calc(9px + var(--font-step,0px))}
:root[data-shell="editorial"] .badge{border:1px solid currentColor;border-radius:3px;background:transparent}
:root[data-shell="editorial"] .page-tools{padding-bottom:13px;border-bottom:1px solid var(--editorial-rule)}
:root[data-shell="editorial"] .table th{border-bottom:1px solid var(--editorial-ink);background:color-mix(in srgb,var(--editorial-ink) 5%,var(--panel));color:var(--muted);font-size:calc(9px + var(--font-step,0px));letter-spacing:.08em;text-transform:uppercase}
:root[data-shell="editorial"] .table td{border-bottom-color:var(--editorial-rule)}
:root[data-shell="editorial"] .table tbody tr:hover{background:color-mix(in srgb,var(--accent) 5%,var(--panel2))}
:root[data-shell="editorial"] :is(.mobile-row,.role-line,.backup-row,.session-row,.location-row,.document-row,.activity-row){border-color:var(--editorial-rule);background:transparent}
:root[data-shell="editorial"] .codebox{border-color:var(--editorial-rule);border-radius:4px;background:var(--editorial-ink);color:var(--editorial-on-ink)}

/* Modal / popup sistemi. */
:root[data-shell="editorial"] .modal-backdrop{background:rgb(2 8 13/.78)}
:root[data-shell="editorial"] .modal{border:1px solid var(--editorial-rule);border-radius:7px;background:var(--surface-modal);box-shadow:18px 18px 0 rgb(0 0 0/.14),var(--shadow)}
:root[data-shell="editorial"] .modal-head{border-bottom:3px solid var(--editorial-marker);background:var(--editorial-ink);color:var(--editorial-on-ink)}
:root[data-shell="editorial"] .modal-head h3{font-size:calc(21px + var(--font-step,0px))}
:root[data-shell="editorial"] .modal-head .btn{color:var(--editorial-on-ink)}
:root[data-shell="editorial"] .modal-foot{border-top-color:var(--editorial-rule);background:var(--surface-modal)}
:root[data-shell="editorial"] .appearance-intro{padding-bottom:16px;border-bottom:1px solid var(--editorial-rule)}
:root[data-shell="editorial"] .appearance-intro h3{font-family:var(--editorial-serif);font-size:calc(28px + var(--font-step,0px))}
:root[data-shell="editorial"] .appearance-section{padding-top:16px}
:root[data-shell="editorial"] .appearance-label strong{font-family:var(--editorial-serif);font-size:calc(15px + var(--font-step,0px))}
:root[data-shell="editorial"] :is(.shell-card,.theme-card,.preference-box,.segmented){border-radius:4px;border-color:var(--editorial-rule);background:var(--panel2)}
:root[data-shell="editorial"] :is(.shell-card,.theme-card).active{border-color:var(--editorial-ink);box-shadow:inset 0 -4px var(--editorial-marker)}
:root[data-shell="editorial"] .shell-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Dashboard açılış spread'i. */
:root[data-shell="editorial"] .editorial-dashboard-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);grid-template-rows:auto auto auto auto;column-gap:clamp(28px,4vw,70px);min-height:430px;padding:clamp(26px,3vw,50px) 0 22px;border:0;border-top:1px solid var(--editorial-rule);border-bottom:1px solid var(--editorial-rule);border-radius:0;background:transparent;box-shadow:none;overflow:visible}
:root[data-shell="editorial"] .editorial-dashboard-hero:after{display:none}
:root[data-shell="editorial"] .editorial-dashboard-hero>.eyebrow,:root[data-shell="editorial"] .editorial-dashboard-hero>h3,:root[data-shell="editorial"] .editorial-dashboard-hero>p,:root[data-shell="editorial"] .editorial-dashboard-hero>.quick-grid{grid-column:1}
:root[data-shell="editorial"] .editorial-dashboard-hero>h3{align-self:end;margin:13px 0 17px;font-size:clamp(calc(41px + var(--font-step,0px)),4.1vw,74px);line-height:.94;color:var(--text)}
:root[data-shell="editorial"] .editorial-dashboard-hero>h3>span{display:block}
:root[data-shell="editorial"] .editorial-headline{display:block;margin-top:4px;color:var(--accent);font-weight:600;font-style:italic;line-height:1}
:root[data-mode="dark"][data-shell="editorial"] .editorial-headline{color:var(--editorial-marker-soft)}
:root[data-shell="editorial"] .editorial-dashboard-hero>p{max-width:720px;color:var(--soft);font-size:calc(14px + var(--font-step,0px));line-height:1.72}
:root[data-shell="editorial"] .editorial-dashboard-hero>.quick-grid{align-self:start;margin-top:22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--editorial-rule);border-bottom:1px solid var(--editorial-rule)}
:root[data-shell="editorial"] .editorial-dashboard-hero .quick{position:relative;min-height:84px;border:0;border-right:1px solid var(--editorial-rule);border-radius:0;background:transparent;text-align:left}
:root[data-shell="editorial"] .editorial-dashboard-hero .quick:last-child{border-right:0}
:root[data-shell="editorial"] .editorial-dashboard-hero .quick:before{position:absolute;top:7px;right:8px;color:var(--tertiary-text);font-family:var(--editorial-serif);font-size:9px;font-style:italic}
:root[data-shell="editorial"] .editorial-dashboard-hero .quick:nth-child(1):before{content:"01"}:root[data-shell="editorial"] .editorial-dashboard-hero .quick:nth-child(2):before{content:"02"}:root[data-shell="editorial"] .editorial-dashboard-hero .quick:nth-child(3):before{content:"03"}:root[data-shell="editorial"] .editorial-dashboard-hero .quick:nth-child(4):before{content:"04"}
:root[data-shell="editorial"] .editorial-dashboard-hero .quick>span{color:var(--accent)}
:root[data-shell="editorial"] .editorial-dashboard-hero .quick:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}

:root[data-shell="editorial"] .editorial-atlas-visual{position:relative;isolation:isolate;display:block;grid-column:2;grid-row:1/5;min-height:350px;overflow:hidden;border:1px solid color-mix(in srgb,var(--editorial-marker) 48%,var(--editorial-ink));border-radius:4px;background:linear-gradient(90deg,transparent 49.7%,rgb(255 255 255/.08) 49.7% 50%,transparent 50%),linear-gradient(0deg,transparent 49.7%,rgb(255 255 255/.08) 49.7% 50%,transparent 50%),radial-gradient(circle at 55% 45%,color-mix(in srgb,var(--accent) 44%,transparent),transparent 36%),var(--editorial-ink);box-shadow:11px 11px 0 color-mix(in srgb,var(--editorial-marker) 68%,transparent)}
:root[data-shell="editorial"] .editorial-atlas-visual:before{content:"IT ENVANTER  /  SECTION IV";position:absolute;z-index:3;top:18px;left:20px;color:var(--editorial-on-ink);font-size:7px;font-weight:900;letter-spacing:.21em}
:root[data-shell="editorial"] .editorial-atlas-visual:after{content:"";position:absolute;inset:38px 18px 48px;border:1px solid rgb(255 255 255/.12);background:radial-gradient(circle at 15% 26%,var(--editorial-marker) 0 2px,transparent 3px),radial-gradient(circle at 77% 23%,var(--editorial-marker) 0 2px,transparent 3px),radial-gradient(circle at 68% 78%,var(--editorial-marker) 0 2px,transparent 3px),linear-gradient(35deg,transparent 47%,rgb(255 255 255/.09) 47.4% 47.8%,transparent 48.2%)}
:root[data-shell="editorial"] .editorial-orbit{position:absolute;z-index:1;width:260px;height:260px;left:50%;top:50%;transform:translate(-50%,-51%);border:1px solid rgb(255 255 255/.14);border-radius:50%;box-shadow:0 0 0 28px rgb(255 255 255/.025),0 0 0 70px rgb(255 255 255/.02);animation:editorialOrbit 24s linear infinite}
:root[data-shell="editorial"] .editorial-orbit i{position:absolute;width:8px;height:8px;border:2px solid var(--editorial-marker);border-radius:50%;background:var(--editorial-ink)}
:root[data-shell="editorial"] .editorial-orbit i:nth-child(1){left:24px;top:61px}:root[data-shell="editorial"] .editorial-orbit i:nth-child(2){right:18px;top:92px}:root[data-shell="editorial"] .editorial-orbit i:nth-child(3){left:108px;bottom:-4px}
:root[data-shell="editorial"] .editorial-orbit span{position:absolute;inset:42px;border:1px dashed rgb(255 255 255/.16);border-radius:50%}
:root[data-shell="editorial"] .editorial-it-symbol{position:absolute;z-index:2;left:50%;top:50%;width:154px;height:154px;transform:translate(-50%,-54%) rotate(-3deg);display:grid;place-items:center;border:1px solid rgb(255 255 255/.18);background:linear-gradient(135deg,rgb(255 255 255/.06),transparent);color:var(--editorial-on-ink);font-family:var(--editorial-serif);text-align:center;box-shadow:0 20px 24px rgb(0 0 0/.28)}
:root[data-shell="editorial"] .editorial-it-symbol b{font-size:74px;line-height:.8;letter-spacing:-.1em;margin-left:-.1em}
:root[data-shell="editorial"] .editorial-it-symbol small{position:absolute;bottom:18px;font-family:var(--editorial-sans);font-size:8px;font-weight:900;letter-spacing:.22em;color:var(--editorial-marker)}
:root[data-shell="editorial"] .editorial-note{position:absolute;z-index:4;right:16px;top:43px;width:150px;padding:11px 12px 12px;transform:rotate(-2.5deg);border:1px solid #8d7319;background:var(--editorial-marker);color:var(--editorial-ink);box-shadow:4px 5px 0 rgb(0 0 0/.24)}
:root[data-shell="editorial"] .editorial-note small{display:block;margin-bottom:5px;font-size:6px;font-weight:950;letter-spacing:.16em}
:root[data-shell="editorial"] .editorial-note strong{font-family:var(--editorial-serif);font-size:14px;line-height:1.08}
:root[data-shell="editorial"] .editorial-visual-caption{position:absolute;z-index:4;left:20px;right:20px;bottom:16px;display:flex;justify-content:space-between;gap:10px;color:var(--editorial-on-ink);font-size:7px;letter-spacing:.12em}
:root[data-shell="editorial"] .editorial-visual-caption b{color:var(--editorial-marker);font-size:7px}
@keyframes editorialOrbit{to{transform:translate(-50%,-51%) rotate(360deg)}}

/* Dashboard metrikleri ve anlatı bölümleri. */
:root[data-shell="editorial"] .metrics{counter-reset:editorial-metric;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:24px 0;border-top:1px solid var(--editorial-rule);border-bottom:1px solid var(--editorial-rule)}
:root[data-shell="editorial"] .dashboard-metric,:root[data-shell="editorial"] .metrics>.metric{counter-increment:editorial-metric;min-height:156px;padding:22px 20px;border:0;border-right:1px solid var(--editorial-rule);border-radius:0;background:transparent;box-shadow:none}
:root[data-shell="editorial"] .metrics>.metric:last-child{border-right:0}
:root[data-shell="editorial"] .metrics>.metric:before{content:counter(editorial-metric,decimal-leading-zero);display:block;margin-bottom:13px;color:var(--tertiary-text);font-family:var(--editorial-serif);font-size:10px;font-style:italic}
:root[data-shell="editorial"] .metrics>.metric:after{display:none}
:root[data-shell="editorial"] .metrics>.metric .label{font-size:calc(9px + var(--font-step,0px));letter-spacing:.08em;text-transform:uppercase}
:root[data-shell="editorial"] .metrics>.metric strong{font-family:var(--editorial-serif);font-size:calc(38px + var(--font-step,0px));font-weight:600}
:root[data-shell="editorial"] .metrics>.metric small{line-height:1.5}
:root[data-shell="editorial"] .two-col>.card{position:relative;border-radius:0;border-color:var(--editorial-rule);box-shadow:none}
:root[data-shell="editorial"] .two-col>.card:before{position:absolute;z-index:2;top:18px;right:18px;color:var(--tertiary-text);font-family:var(--editorial-serif);font-size:10px;font-style:italic}
:root[data-shell="editorial"] .two-col>.card:nth-child(1):before{content:"01"}:root[data-shell="editorial"] .two-col>.card:nth-child(2):before{content:"02"}
:root[data-shell="editorial"] .section-title{position:relative;margin-top:34px;padding:18px 0 11px;border-top:1px solid var(--editorial-ink);border-bottom:1px solid var(--editorial-rule)}
:root[data-shell="editorial"] .section-title:before{content:"§";position:absolute;right:0;top:14px;color:var(--editorial-marker);font-family:var(--editorial-serif);font-size:20px}
:root[data-shell="editorial"] .section-title h3{font-size:calc(25px + var(--font-step,0px))}

/* Modül başlıkları ve operasyon yüzeyleri. */
:root[data-shell="editorial"] :is(.dossier-hero,.catalog-section-intro,.catalog-header,.assistant-learning-hero,.dbf-hero,.db189-hero,.infra-hero,.device-discovery-hero,.network-discovery-head){border-radius:0;border-left:0;border-right:0;border-top:1px solid var(--editorial-rule);border-bottom:1px solid var(--editorial-rule);background:transparent;box-shadow:none}
:root[data-shell="editorial"] :is(.dossier-hero,.assistant-learning-hero,.dbf-hero,.db189-hero,.infra-hero,.device-discovery-hero,.network-discovery-head) h3{font-size:clamp(calc(27px + var(--font-step,0px)),3vw,44px)}
:root[data-shell="editorial"] :is(.catalog-nav-row,.catalog-tabbar,.ops-module-tabs,.network-tabs,.ds-warehouse-tabs){border-radius:4px;border-color:var(--editorial-rule);background:var(--panel2)}
:root[data-shell="editorial"] :is(.catalog-tab,.ops-module-tabs button,.network-tabs button,.ds-warehouse-tabs button){border-radius:2px}
:root[data-shell="editorial"] :is(.catalog-tab.active,.ops-module-tabs button.active,.network-tabs button.active,.ds-warehouse-tabs button.active){background:var(--editorial-ink);color:var(--editorial-on-ink);box-shadow:inset 0 -3px var(--editorial-marker)}
:root[data-shell="editorial"] :is(.catalog-category-icon,.catalog-maker-logo,.asset-icon,.infra-icon,.assignment-add-icon,.assistant-mark){border-radius:3px;border-color:var(--editorial-rule);background:var(--panel2);color:var(--accent)}
:root[data-shell="editorial"] :is(.catalog-category-card,.catalog-maker-card,.device-discovery-card,.infra-discovery-card,.svc2-service-card,.ops-work-row,.assistant-learning-card):hover{transform:none;border-color:var(--accent);background:color-mix(in srgb,var(--accent) 4%,var(--panel))}
:root[data-shell="editorial"] :is(.infra-type-grid,.infra-kpis,.device-discovery-kpis,.assistant-learning-kpis,.dbf-metrics){gap:0;border:1px solid var(--editorial-rule)}
:root[data-shell="editorial"] :is(.infra-type-tile,.infra-kpis>div,.device-discovery-kpis>div,.assistant-learning-kpis>div,.dbf-metrics>div){border:0;border-right:1px solid var(--editorial-rule);border-radius:0;background:transparent}
:root[data-shell="editorial"] :is(.infra-type-tile,.infra-kpis>div,.device-discovery-kpis>div,.assistant-learning-kpis>div,.dbf-metrics>div):last-child{border-right:0}
:root[data-shell="editorial"] :is(.infra-profile-note,.device-discovery-source,.network-discovery-last,.network-discovery-empty,.ops-flow-callout,.ops-inline-tip,.security-box){border-radius:4px;border-color:var(--editorial-rule);background:var(--panel2)}

/* Network / topology yüzeyleri kağıt üstünde teknik çizim karakteri alır. */
:root[data-shell="editorial"] :is(.network-map-board,.network-topology-board,.network-map-canvas,.network-board){background-color:var(--panel);background-image:linear-gradient(color-mix(in srgb,var(--editorial-rule) 34%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--editorial-rule) 34%,transparent) 1px,transparent 1px);background-size:24px 24px;border-color:var(--editorial-rule)}
:root[data-shell="editorial"] :is(.network-map-node,.network-device-card,.network-link-card){border-radius:4px;border-color:var(--editorial-rule);background:var(--surface-modal);box-shadow:4px 4px 0 color-mix(in srgb,var(--editorial-rule) 35%,transparent)}

/* Asistan. */
:root[data-shell="editorial"] .assistant-fab{border-radius:4px;border-color:var(--editorial-ink);background:var(--editorial-ink);color:var(--editorial-on-ink);box-shadow:inset 0 -3px var(--editorial-marker),0 12px 35px rgb(0 0 0/.2)}
:root[data-shell="editorial"] .assistant-fab>span{border-radius:2px;background:transparent;color:var(--editorial-marker)}
:root[data-shell="editorial"] .assistant-panel{border:1px solid var(--editorial-rule);border-radius:5px;background:var(--surface-modal);box-shadow:14px 14px 0 rgb(0 0 0/.15),var(--shadow)}
:root[data-shell="editorial"] .assistant-head{border-bottom:3px solid var(--editorial-marker);background:var(--editorial-ink);color:var(--editorial-on-ink)}
:root[data-shell="editorial"] .assistant-head>div:nth-child(2)>strong{font-family:var(--editorial-serif);font-size:calc(17px + var(--font-step,0px))}
:root[data-shell="editorial"] .assistant-head small,:root[data-shell="editorial"] .assistant-head .eyebrow{color:color-mix(in srgb,var(--editorial-on-ink) 70%,transparent)}
:root[data-shell="editorial"] .assistant-mark{border-color:var(--editorial-marker);background:transparent;color:var(--editorial-marker)}
:root[data-shell="editorial"] .assistant-message{border-radius:4px;border-color:var(--editorial-rule);background:var(--panel2)}
:root[data-shell="editorial"] .assistant-message.user{background:var(--editorial-ink);color:var(--editorial-on-ink);border-color:var(--editorial-ink)}
:root[data-shell="editorial"] .assistant-suggestions{border-top-color:var(--editorial-rule);background:var(--panel2)}
:root[data-shell="editorial"] .assistant-suggestions button{border-radius:3px;border-color:var(--editorial-rule);background:var(--panel)}
:root[data-shell="editorial"] .assistant-compose{border-top-color:var(--editorial-rule);background:var(--panel)}

/* Sürüm geçmişi. */
:root[data-shell="editorial"] .release-hero{position:relative;border:0;border-top:1px solid var(--editorial-rule);border-bottom:1px solid var(--editorial-rule);border-radius:0;background:transparent;box-shadow:none}
:root[data-shell="editorial"] .release-hero h3{font-size:clamp(calc(30px + var(--font-step,0px)),3vw,48px)}
:root[data-shell="editorial"] .release-count{border-radius:4px;border-color:var(--editorial-rule);background:var(--panel2)}
:root[data-shell="editorial"] .release-card{border-radius:0;border-color:var(--editorial-rule);background:transparent}
:root[data-shell="editorial"] .release-card.current{border-color:var(--editorial-ink);box-shadow:inset 4px 0 var(--editorial-marker)}
:root[data-shell="editorial"] .release-version{color:var(--accent);font-family:var(--editorial-serif);font-style:italic}
:root[data-shell="editorial"] .release-main-badge{border-radius:3px;border-color:var(--editorial-rule);background:transparent;color:var(--muted)}
:root[data-shell="editorial"] .release-revisions{border-top-color:var(--editorial-rule)}

/* Login — aynı atlas dili. */
:root[data-shell="editorial"] .login-shell{background:var(--bg);gap:0}
:root[data-shell="editorial"] .login-visual{position:relative;border-right:1px solid var(--editorial-rule);background:linear-gradient(90deg,transparent calc(100% - 8px),var(--editorial-marker) calc(100% - 8px) calc(100% - 5px),transparent calc(100% - 5px)),radial-gradient(circle at 70% 45%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 37%),var(--surface-1)}
:root[data-shell="editorial"] .login-visual:after{width:420px;height:420px;right:-80px;border-color:color-mix(in srgb,var(--accent) 20%,transparent);box-shadow:0 0 0 54px color-mix(in srgb,var(--accent) 4%,transparent),0 0 0 118px color-mix(in srgb,var(--accent) 2%,transparent)}
:root[data-shell="editorial"] .premium-logo{border-radius:3px;padding:7px;border:1px solid var(--editorial-rule);background:var(--panel2)}
:root[data-shell="editorial"] .login-visual h1{font-family:var(--editorial-serif);font-size:clamp(48px,6vw,82px);line-height:.92;color:var(--text)}
:root[data-shell="editorial"] .login-visual h1 span{display:block;color:var(--accent);font-style:italic;font-weight:600}
:root[data-mode="dark"][data-shell="editorial"] .login-visual h1 span{color:var(--editorial-marker-soft)}
:root[data-shell="editorial"] .login-visual p{color:var(--soft)}
:root[data-shell="editorial"] .login-points span{border-radius:3px;border-color:var(--editorial-rule);background:transparent;color:var(--muted)}
:root[data-shell="editorial"] .login-card{border:1px solid var(--editorial-rule);border-radius:5px;background:var(--surface-modal);box-shadow:12px 12px 0 color-mix(in srgb,var(--editorial-marker) 40%,transparent)}
:root[data-shell="editorial"] .login-card h2{font-family:var(--editorial-serif);font-size:calc(32px + var(--font-step,0px))}
:root[data-shell="editorial"] .appearance-fab{border-radius:3px;border-color:var(--editorial-rule);background:var(--panel2)}

/* Mobile / tablet. */
@media(max-width:1100px){
  :root[data-shell="editorial"] .editorial-dashboard-hero{grid-template-columns:1fr minmax(290px,.72fr);column-gap:28px}
  :root[data-shell="editorial"] .editorial-dashboard-hero>h3{font-size:clamp(calc(36px + var(--font-step,0px)),5vw,60px)}
  :root[data-shell="editorial"] .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  :root[data-shell="editorial"] .metrics>.metric:nth-child(2n){border-right:0}
  :root[data-shell="editorial"] .metrics>.metric:nth-child(n+3){border-top:1px solid var(--editorial-rule)}
}
@media(max-width:900px){
  :root[data-shell="editorial"] .topbar{height:76px;padding:0 16px;background:var(--surface-1)}
  :root[data-shell="editorial"] .topbar:after{display:none}
  :root[data-shell="editorial"] .topbar>div:first-child{border-right:0;padding-right:0}
  :root[data-shell="editorial"] .content{padding:18px 14px 105px}
  :root[data-shell="editorial"] .bottom-nav{border-top:3px solid var(--editorial-marker);background:var(--editorial-ink)!important}
  :root[data-shell="editorial"] .bottom-item{border-radius:2px;color:color-mix(in srgb,var(--editorial-on-ink) 64%,transparent)}
  :root[data-shell="editorial"] .bottom-item.active{color:var(--editorial-on-ink);background:rgb(255 255 255/.08)}
  :root[data-shell="editorial"] .editorial-dashboard-hero{display:block;min-height:0;padding:24px 0}
  :root[data-shell="editorial"] .editorial-dashboard-hero>h3{font-size:clamp(calc(34px + var(--font-step,0px)),11vw,54px)}
  :root[data-shell="editorial"] .editorial-atlas-visual{min-height:260px;margin:26px 0 12px;box-shadow:7px 7px 0 color-mix(in srgb,var(--editorial-marker) 68%,transparent)}
  :root[data-shell="editorial"] .editorial-dashboard-hero>.quick-grid{grid-template-columns:repeat(2,1fr)}
  :root[data-shell="editorial"] .editorial-dashboard-hero .quick:nth-child(2){border-right:0}
  :root[data-shell="editorial"] .editorial-dashboard-hero .quick:nth-child(n+3){border-top:1px solid var(--editorial-rule)}
  :root[data-shell="editorial"] .modal,:root[data-shell="editorial"] .modal.wide{border-radius:7px 7px 0 0}
  :root[data-shell="editorial"] .shell-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  :root[data-shell="editorial"] .metrics{grid-template-columns:1fr 1fr}
  :root[data-shell="editorial"] .metrics>.metric{min-height:132px;padding:17px 14px}
  :root[data-shell="editorial"] .metrics>.metric strong{font-size:calc(30px + var(--font-step,0px))}
  :root[data-shell="editorial"] .editorial-note{width:126px;right:10px;top:42px}
  :root[data-shell="editorial"] .editorial-orbit{width:210px;height:210px}
  :root[data-shell="editorial"] .editorial-it-symbol{width:122px;height:122px}
  :root[data-shell="editorial"] .editorial-it-symbol b{font-size:58px}
  :root[data-shell="editorial"] .shell-grid{grid-template-columns:1fr 1fr}
  :root[data-shell="editorial"] .login-card{box-shadow:7px 7px 0 color-mix(in srgb,var(--editorial-marker) 34%,transparent)}
}

@media(prefers-reduced-motion:reduce){:root[data-shell="editorial"] .editorial-orbit{animation:none}}
@media print{:root[data-shell="editorial"] body{background:#fff!important;background-image:none!important}:root[data-shell="editorial"] .sidebar,:root[data-shell="editorial"] .topbar,:root[data-shell="editorial"] .bottom-nav,:root[data-shell="editorial"] .assistant-fab{display:none!important}:root[data-shell="editorial"] .app-shell{display:block}:root[data-shell="editorial"] .content{max-width:none;padding:0}}


/* v1.8.12-r3-hf2 — Editorial Atlas UI Polish
   Dashboard KPI ayrımı, topbar arama merkezleme, modal kapatma kontrastı
   ve Hızlı İşlem yüzey okunabilirliği. */

/* Masaüstünde arama, sol başlık ve sağ aksiyonlardan bağımsız olarak çalışma alanının merkezinde kalır. */
@media (min-width:1051px){
  :root[data-shell="editorial"] .topbar{
    display:grid;
    grid-template-columns:minmax(180px,1fr) minmax(300px,520px) minmax(240px,1fr);
    align-items:center;
    column-gap:18px;
  }
  :root[data-shell="editorial"] .topbar>div:first-child{justify-self:start;width:100%;min-width:0}
  :root[data-shell="editorial"] .desktop-global-search{
    width:100%;max-width:none;margin:0;padding:0;justify-self:center;justify-content:center;
  }
  :root[data-shell="editorial"] .global-search-trigger{width:100%}
  :root[data-shell="editorial"] .top-actions{justify-self:end}
}
@media (max-width:1050px){
  :root[data-shell="editorial"] .topbar{display:flex}
}

/* Dashboard metrikleri artık editoryal çizgilerin içinde kaybolmak yerine okunabilir kart yüzeyleri oluşturur. */
:root[data-shell="editorial"] .metrics{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  margin:22px 0 20px;
  border:0;
  background:transparent;
}
:root[data-shell="editorial"] .dashboard-metric,
:root[data-shell="editorial"] .metrics>.metric{
  min-height:126px;
  padding:16px 17px;
  border:1px solid var(--editorial-rule);
  border-radius:6px;
  background:color-mix(in srgb,var(--surface-modal) 94%,var(--panel) 6%);
  box-shadow:0 7px 20px rgb(28 24 18/.055);
  transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease;
}
:root[data-shell="editorial"] .metrics>.metric:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--accent) 56%,var(--editorial-rule));
  background:color-mix(in srgb,var(--accent) 4%,var(--surface-modal));
  box-shadow:0 10px 24px rgb(28 24 18/.08);
}
:root[data-shell="editorial"] .metrics>.metric:before{
  margin-bottom:7px;
  color:color-mix(in srgb,var(--muted) 78%,var(--accent));
  font-size:9px;
}
:root[data-shell="editorial"] .metrics>.metric .label{
  font-size:calc(9.5px + var(--font-step,0px));
  font-weight:850;
  letter-spacing:.075em;
}
:root[data-shell="editorial"] .metrics>.metric strong{
  margin-top:3px;
  font-size:calc(34px + var(--font-step,0px));
  line-height:1;
}
:root[data-shell="editorial"] .metrics>.metric small{margin-top:5px;color:var(--muted);line-height:1.35}
:root[data-mode="dark"][data-shell="editorial"] .metrics>.metric{box-shadow:0 9px 24px rgb(0 0 0/.18)}

@media (max-width:1450px) and (min-width:1101px){
  :root[data-shell="editorial"] .metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:1100px){
  :root[data-shell="editorial"] .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  :root[data-shell="editorial"] .dashboard-metric,
  :root[data-shell="editorial"] .metrics>.metric{min-height:122px;padding:15px 16px}
}
@media (max-width:560px){
  :root[data-shell="editorial"] .metrics{grid-template-columns:1fr 1fr;gap:9px}
  :root[data-shell="editorial"] .dashboard-metric,
  :root[data-shell="editorial"] .metrics>.metric{min-height:116px;padding:14px 13px}
  :root[data-shell="editorial"] .metrics>.metric strong{font-size:calc(29px + var(--font-step,0px))}
}

/* Modal kapatma kontrolü lacivert başlık üzerinde net görünür ve klavyeyle de seçilebilir. */
:root[data-shell="editorial"] .modal-head #modalClose,
:root[data-shell="editorial"] .modal-head .btn.icon.ghost{
  flex:0 0 40px;
  width:40px;
  height:40px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--editorial-on-ink) 48%,transparent);
  border-radius:5px;
  background:color-mix(in srgb,var(--editorial-on-ink) 12%,transparent);
  color:var(--editorial-on-ink);
  font-size:24px;
  font-weight:900;
  line-height:1;
  box-shadow:inset 0 0 0 1px rgb(255 255 255/.04);
}
:root[data-shell="editorial"] .modal-head #modalClose:hover,
:root[data-shell="editorial"] .modal-head .btn.icon.ghost:hover{
  border-color:var(--editorial-marker);
  background:var(--editorial-marker);
  color:var(--editorial-ink);
}
:root[data-shell="editorial"] .modal-head #modalClose:focus-visible,
:root[data-shell="editorial"] .modal-head .btn.icon.ghost:focus-visible{
  outline:2px solid var(--editorial-marker);
  outline-offset:3px;
}
:root[data-shell="editorial"] .premium-dialog-close{
  border-color:color-mix(in srgb,var(--text) 32%,var(--editorial-rule));
  background:color-mix(in srgb,var(--panel2) 90%,var(--surface-modal));
  color:var(--text);
}
:root[data-shell="editorial"] .premium-dialog-close:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel2))}

/* Hızlı İşlem penceresinde dokuz aksiyon tek krem blok gibi görünmez. */
:root[data-shell="editorial"] .modal .ops-quick-head{
  border-color:color-mix(in srgb,var(--editorial-rule) 80%,var(--accent));
  background:color-mix(in srgb,var(--panel2) 86%,var(--surface-modal));
}
:root[data-shell="editorial"] .modal :is(.ops-quick-grid,.modal-quick-grid) .quick{
  border:1px solid color-mix(in srgb,var(--editorial-rule) 84%,var(--accent));
  border-radius:5px;
  background:color-mix(in srgb,var(--panel2) 88%,var(--surface-modal));
  box-shadow:0 3px 10px rgb(25 21 15/.045);
}
:root[data-shell="editorial"] .modal :is(.ops-quick-grid,.modal-quick-grid) .quick:hover,
:root[data-shell="editorial"] .modal :is(.ops-quick-grid,.modal-quick-grid) .quick:focus-visible{
  border-color:var(--accent);
  background:color-mix(in srgb,var(--accent) 7%,var(--panel2));
  outline:none;
}
:root[data-shell="editorial"] .modal .ops-quick-grid .quick>span{color:var(--accent)}


/* ================= v1.8.12-r3-hf3 Editorial Atlas Sticky Header Layer Fix =================
   Sticky topbar must behave as a real opaque application layer while content scrolls beneath it.
   HF2 used an alpha background; on the warm paper palette that let dashboard copy/buttons visually
   bleed into the header. Keep the sticky behavior, but make the surface fully opaque and separated. */
@media (min-width:901px){
  :root[data-shell="editorial"] .topbar{
    position:sticky;
    top:0;
    z-index:60;
    isolation:isolate;
    overflow:hidden;
    background:rgba(var(--topbar-rgb),1) !important;
    border-bottom:1px solid color-mix(in srgb,var(--editorial-rule) 88%,var(--text) 12%);
    box-shadow:0 1px 0 rgba(255,255,255,.22),0 10px 24px rgba(38,31,20,.08);
  }
  :root[data-mode="dark"][data-shell="editorial"] .topbar{
    box-shadow:0 1px 0 rgba(255,255,255,.03),0 12px 28px rgba(0,0,0,.28);
  }
  :root[data-shell="editorial"] .topbar::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:rgba(var(--topbar-rgb),1);
    pointer-events:none;
  }
}