:root {
  --bg: #f3f7f4;
  --chrome: #10243f;
  --panel: #ffffff;
  --ink: #17212b;
  --muted: #65727e;
  --line: #d7e2df;
  --brand: #147c71;
  --brand-dark: #0d4f60;
  --brand-soft: #e7f5f0;
  --accent: #e58b2f;
  --accent-strong: #c65f1b;
  --accent-soft: #fff1df;
  --blue: #2563eb;
  --blue-soft: #eaf1ff;
  --danger: #bd3d38;
  --ok: #178055;
  --shadow: 0 18px 48px rgba(16, 36, 63, .11);
  --shadow-soft: 0 8px 24px rgba(16, 36, 63, .08);
}

* { box-sizing: border-box; }

.license-gate {
  position: fixed;
  inset: 0;
  z-index: 20;
  display: grid;
  place-items: center;
  background:
    linear-gradient(135deg, rgba(16, 36, 63, .98), rgba(20, 124, 113, .92) 58%, rgba(229, 139, 47, .88)),
    var(--bg);
  padding: 24px;
}

.license-gate[hidden] {
  display: none !important;
}

.license-card {
  width: min(420px, 100%);
  background: white;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 8px;
  box-shadow: 0 30px 80px rgba(0,0,0,.28);
  padding: 24px;
}

.license-card img {
  width: 72px;
  height: 72px;
  border-radius: 16px;
  display: block;
  margin-bottom: 14px;
}

.license-card h2 {
  font-size: 22px;
}

.license-card button {
  width: 100%;
  margin-top: 14px;
}

.license-message {
  min-height: 22px;
  margin-top: 10px;
  color: var(--danger);
  font-size: 13px;
  font-weight: 700;
}

body.license-open {
  overflow: hidden !important;
}

body.license-open .app,
body:has(#licenseGate:not([hidden])) .app {
  display: none !important;
}

body.license-open .license-gate,
body:has(#licenseGate:not([hidden])) .license-gate {
  z-index: 99999 !important;
}

body {
  margin: 0;
  background:
    linear-gradient(180deg, #fff9f0 0, #f1faf7 280px, var(--bg) 640px),
    var(--bg);
  color: var(--ink);
  font-family: "Segoe UI", Arial, sans-serif;
  letter-spacing: 0;
}

button, input, select, textarea {
  font: inherit;
}

.app {
  width: min(1480px, calc(100% - 32px));
  margin: 0 auto;
  padding: 22px 0 36px;
}

.topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 16px 18px 18px;
  position: sticky;
  top: 0;
  z-index: 3;
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(244,252,249,.94)),
    #ffffff;
  backdrop-filter: blur(14px);
  border: 1px solid rgba(215, 226, 223, .95);
  border-radius: 10px;
  box-shadow: var(--shadow-soft);
  margin-bottom: 14px;
}

.app-nav {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0 0 16px;
  padding: 8px;
  background: rgba(255, 255, 255, .86);
  border: 1px solid var(--line);
  border-radius: 10px;
  box-shadow: var(--shadow-soft);
}

.nav-item {
  min-width: 112px;
  box-shadow: none;
  color: #39505e;
  background: transparent;
  border-color: transparent;
}

.nav-item.active {
  background: linear-gradient(135deg, var(--brand), var(--brand-dark));
  border-color: rgba(20, 124, 113, .4);
  color: #ffffff;
  box-shadow: 0 8px 18px rgba(20, 124, 113, .22);
}

.nav-item span {
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  margin-right: 6px;
  border-radius: 999px;
  background: rgba(20, 124, 113, .1);
  color: var(--brand-dark);
  font-size: 12px;
}

.nav-item.active span {
  background: rgba(255,255,255,.2);
  color: #ffffff;
}

.brand {
  display: flex;
  align-items: center;
  gap: 14px;
}

.brand img {
  width: 58px;
  height: 58px;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(20, 124, 113, .22);
}

.product-kicker {
  color: var(--accent-strong);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.pro-badge {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  margin-left: 8px;
  border-radius: 999px;
  padding: 3px 8px;
  background: linear-gradient(135deg, var(--brand), var(--blue));
  color: #ffffff;
  font-size: 10px;
  letter-spacing: .4px;
  box-shadow: 0 6px 14px rgba(20, 124, 113, .2);
  vertical-align: middle;
}

h1, h2, p { margin: 0; }

h1 {
  font-size: 27px;
  line-height: 1.15;
  color: var(--chrome);
}

h2 {
  font-size: 17px;
  line-height: 1.25;
  color: var(--chrome);
}

p, .muted, small {
  color: var(--muted);
}

.grid { display: block; }

.app-page { display: none; }

.app-page.active { display: block; }

.app-page[data-page="setup"],
.app-page[data-page="participants"] {
  max-width: 780px;
}

.app-page[data-page="home"],
.settings-panel {
  max-width: 1180px;
}

.panel {
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.94)),
    var(--panel);
  border: 1px solid var(--line);
  border-radius: 10px;
  box-shadow: var(--shadow);
  padding: 18px;
}

.top-status {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 8px;
}

.top-status span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  border: 1px solid #d7e2df;
  border-radius: 999px;
  padding: 4px 9px;
  background: #ffffff;
  color: #40504a;
  font-size: 12px;
  font-weight: 800;
}

.top-status .ok {
  border-color: #b9dfcf;
  background: #edf9f3;
  color: #126344;
}

.top-status .warn {
  border-color: #f0d1ba;
  background: #fff7ef;
  color: #8a4a1d;
}

.profile-box {
  margin-top: 14px;
  padding: 12px;
  border: 1px solid #d7e1dc;
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, var(--brand-soft));
}

.profile-box label {
  margin-top: 0;
}

.profile-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 10px;
}

.mini-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-top: 14px;
}

.mini-stats div {
  min-height: 66px;
  border: 1px solid #d7e1dc;
  border-radius: 8px;
  background: linear-gradient(145deg, #ffffff, var(--blue-soft));
  padding: 10px;
}

.mini-stats strong {
  display: block;
  color: var(--blue);
  font-size: 22px;
  line-height: 1;
}

.mini-stats span {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.panel-note {
  margin-top: 6px;
  font-size: 13px;
}

.wide {
  min-width: 0;
}

.template-panel {
  max-width: 1180px;
}

/* Rev3.9 - program içine gömülü hazır sertifika şablon galerisi */
.built-in-gallery-shell {
  margin: 4px 0 18px;
  padding: 14px;
  border: 1px solid #d7e2df;
  border-radius: 12px;
  background: linear-gradient(145deg, #ffffff, #f7fafc);
  box-shadow: var(--shadow-soft);
}

.built-in-gallery-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}

.built-in-gallery-head h3 {
  margin: 0 0 4px;
  color: var(--chrome);
  font-size: 17px;
}

.built-in-gallery-head p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.built-in-count {
  flex: 0 0 auto;
  padding: 6px 10px;
  border: 1px solid #b9d7d1;
  border-radius: 999px;
  background: #eefaf7;
  color: var(--brand-dark);
  font-size: 11px;
  font-weight: 900;
}

.built-in-template-gallery {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.built-in-template-card {
  min-width: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #d8e1e8;
  border-radius: 9px;
  background: #ffffff;
  color: var(--chrome);
  text-align: left;
  box-shadow: 0 5px 14px rgba(16,36,63,.06);
  cursor: pointer;
  transition: transform .14s ease, border-color .14s ease, box-shadow .14s ease;
}

.built-in-template-card:hover {
  transform: translateY(-2px);
  border-color: #8fb7ae;
  box-shadow: 0 10px 22px rgba(16,36,63,.12);
}

.built-in-template-card.active {
  border-color: var(--brand);
  box-shadow: 0 0 0 2px rgba(20,124,113,.16), 0 10px 22px rgba(16,36,63,.12);
}

.built-in-template-thumb {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 1754 / 1240;
  overflow: hidden;
  background: #f8f5ec;
  border-bottom: 1px solid #e5eaf0;
}

.built-in-template-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.built-in-template-meta {
  display: block;
  padding: 8px 9px 3px;
}

.built-in-template-meta strong,
.built-in-template-meta small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.built-in-template-meta strong {
  font-size: 12px;
  line-height: 1.25;
}

.built-in-template-meta small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 700;
}

.built-in-template-action {
  display: inline-flex;
  margin: 5px 9px 9px;
  padding: 4px 8px;
  border-radius: 999px;
  background: #eef8f5;
  color: var(--brand-dark);
  font-size: 10px;
  font-weight: 900;
}

.template-layout {
  display: grid;
  grid-template-columns: minmax(320px, 430px) 1fr;
  gap: 16px;
  align-items: start;
}

.dashboard-grid,
.settings-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(180px, 1fr));
  gap: 12px;
}

.dash-tile,
.settings-card {
  min-height: 96px;
  border: 1px solid #d7e2df;
  border-radius: 8px;
  background: linear-gradient(145deg, #ffffff, #eef9f5);
  padding: 14px;
  box-shadow: var(--shadow-soft);
  position: relative;
  overflow: hidden;
}

.dash-tile::before,
.settings-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--brand), var(--accent));
}

.dash-tile:nth-child(2)::before { background: linear-gradient(90deg, var(--blue), var(--brand)); }
.dash-tile:nth-child(3)::before { background: linear-gradient(90deg, var(--accent), #f4b85f); }
.dash-tile:nth-child(4)::before { background: linear-gradient(90deg, #7c3aed, var(--blue)); }
.dash-tile:nth-child(5)::before { background: linear-gradient(90deg, var(--brand-dark), var(--brand)); }
.dash-tile:nth-child(6)::before { background: linear-gradient(90deg, #d946ef, var(--accent)); }
}

.dash-tile span,
.settings-card span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.dash-tile strong,
.settings-card strong {
  display: block;
  margin-top: 8px;
  color: var(--chrome);
  font-size: 19px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.home-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 14px;
}

.template-tools {
  min-width: 0;
}

.template-tools h3 {
  margin: 13px 0 0;
  font-size: 14px;
}

.editor-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 10px;
}

.template-editor {
  border: 1px solid #d7e2df;
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, #f2f8fb);
  padding: 12px;
  box-shadow: var(--shadow-soft);
}

.editor-side-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 0 0 10px;
  padding: 4px;
  border: 1px solid #d7e2df;
  border-radius: 8px;
  background: #f3f7f6;
}

.editor-side-tab {
  min-height: 38px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: #52616f;
  font-weight: 800;
  cursor: pointer;
}

.editor-side-tab.active {
  border-color: #b8c9d8;
  background: #ffffff;
  color: var(--brand-dark);
  box-shadow: 0 4px 12px rgba(16, 36, 63, .08);
}

.editor-side-controls[hidden] {
  display: none !important;
}

.template-stage {
  position: relative;
  width: 100%;
  aspect-ratio: 1754 / 1240;
  overflow: hidden;
  border: 1px solid #b8c9d8;
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(37,99,235,.08) 1px, transparent 1px),
    linear-gradient(180deg, rgba(20,124,113,.08) 1px, transparent 1px),
    linear-gradient(145deg, #ffffff, #f7fbff);
  background-size: 32px 32px;
}

.template-stage img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.stage-placeholder {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 18px;
  color: #607082;
  font-size: 13px;
  font-weight: 800;
  text-align: center;
}

.draggable-field {
  position: absolute;
  z-index: 1;
  display: grid;
  place-items: center;
  min-width: 48px;
  min-height: 28px;
  border: 1px solid rgba(20, 124, 113, .85);
  border-radius: 6px;
  background: rgba(255, 255, 255, .86);
  color: var(--brand-dark);
  box-shadow: 0 10px 24px rgba(16, 36, 63, .14);
  cursor: grab;
  font-size: 12px;
  line-height: 1.2;
  text-align: center;
  white-space: normal;
  touch-action: none;
}

.draggable-field.dragging {
  cursor: grabbing;
  background: rgba(255, 241, 223, .96);
  border-color: var(--accent);
  color: var(--accent-strong);
}

.participant-field {
  background: rgba(234, 241, 255, .9);
  border-color: rgba(37, 99, 235, .65);
  color: #1d4ed8;
}

.body-field {
  background: rgba(231, 245, 240, .9);
}

.meta-field {
  background: rgba(255, 241, 223, .9);
  border-color: rgba(229, 139, 47, .7);
  color: #9a4b12;
}

.signature-field {
  background: rgba(245, 239, 255, .9);
  border-color: rgba(124, 58, 237, .62);
  color: #6d28d9;
}

.body-field {
  z-index: 3;
  align-items: flex-start;
  padding-top: 10px;
}

.participant-field,
.meta-field,
.signature-field {
  z-index: 3;
}

.table-field {
  z-index: 2;
  border-style: dashed;
  background: rgba(255,255,255,.7);
}

.template-controls {
  display: grid;
  grid-template-columns: repeat(2, minmax(130px, 1fr));
  gap: 10px;
}

.check-row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  margin-top: 13px;
}

.check-row input {
  width: auto;
}

.token-help {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}

.token-help span {
  border: 1px solid #cfe0dc;
  border-radius: 999px;
  padding: 4px 8px;
  background: linear-gradient(180deg, #ffffff, var(--brand-soft));
  color: var(--brand-dark);
  font-size: 11px;
  font-weight: 800;
}

.section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

label {
  display: grid;
  gap: 7px;
  margin-top: 13px;
  color: #33403b;
  font-weight: 600;
  font-size: 13px;
}

input, select, textarea {
  width: 100%;
  border: 1px solid #c8d7d9;
  border-radius: 6px;
  padding: 9px 10px;
  background: #ffffff;
  color: var(--ink);
  box-shadow: inset 0 1px 0 rgba(16, 36, 63, .03);
}

input:focus, select:focus, textarea:focus {
  outline: 2px solid rgba(37, 99, 235, .18);
  border-color: var(--blue);
}

textarea {
  resize: vertical;
  min-height: 160px;
}

.two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.compact {
  gap: 6px;
}

button, .file-button {
  border: 1px solid #c4d4d8;
  border-radius: 6px;
  padding: 9px 13px;
  background: linear-gradient(180deg, #ffffff, #f3f8fb);
  color: #24302c;
  cursor: pointer;
  font-weight: 700;
  white-space: nowrap;
  box-shadow: 0 2px 0 rgba(16, 36, 63, .05);
}

button:hover, .file-button:hover {
  border-color: var(--brand);
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(16, 36, 63, .09);
}

.primary {
  background: linear-gradient(135deg, var(--brand), var(--brand-dark));
  color: white;
  border-color: var(--brand);
  box-shadow: 0 10px 20px rgba(20, 124, 113, .22);
}

.primary:hover {
  background: var(--brand-dark);
}

.danger-button {
  border-color: #efc2bd;
  background: linear-gradient(180deg, #fff7f6, #ffe9e6);
  color: var(--danger);
}

.danger-button:hover {
  border-color: var(--danger);
  box-shadow: 0 8px 18px rgba(189, 61, 56, .14);
}

.file-button input,
.file-drop input {
  display: none;
}

.file-drop {
  border: 1px dashed #9eb8bd;
  border-radius: 8px;
  padding: 14px;
  background: linear-gradient(145deg, #ffffff, #eef6ff);
  text-align: center;
  cursor: pointer;
}

.file-drop span {
  display: block;
  color: var(--brand-dark);
  font-weight: 800;
}

.summary {
  margin-top: 14px;
  padding: 12px;
  border-radius: 8px;
  background: linear-gradient(135deg, #eafaf3, #edf4ff);
  border: 1px solid #cce3d8;
  color: #17382f;
  font-size: 13px;
  line-height: 1.5;
}

.summary.bad {
  background: #fff2ef;
  border-color: #f1c8c2;
  color: #6b201b;
}

.topics {
  display: grid;
  gap: 12px;
}

.topic-group {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0;
  background: linear-gradient(180deg, #ffffff, #f7fbfb);
  overflow: hidden;
  box-shadow: var(--shadow-soft);
}

.topic-toggle {
  width: 100%;
  min-height: 46px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: linear-gradient(90deg, rgba(231,245,240,.8), rgba(255,255,255,.85));
  padding: 11px 14px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
  text-align: left;
}

.topic-toggle::before {
  content: "▾";
  width: 20px;
  color: var(--accent);
  font-size: 14px;
  font-weight: 900;
  grid-row: 1;
  grid-column: 1;
}

.topic-toggle span {
  padding-left: 24px;
  color: #21312c;
  font-size: 14px;
  font-weight: 900;
}

.topic-toggle strong {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.topic-body {
  padding: 0 12px 12px;
}

.topic-group.collapsed .topic-body {
  display: none;
}

.topic-group.collapsed .topic-toggle::before {
  content: "▸";
}

.topic-row {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) 92px 36px;
  gap: 8px;
  margin-top: 8px;
}

.topic-minutes {
  text-align: right;
}

.icon {
  width: 36px;
  height: 36px;
  padding: 0;
  display: grid;
  place-items: center;
  color: var(--danger);
  font-size: 20px;
}

.count {
  margin-top: 12px;
  color: var(--brand-dark);
  font-weight: 800;
}

.preview-panel {
  margin-top: 16px;
}

.print-area {
  display: none;
}

.preview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-items: start;
}

.pdf-preview-card {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 10px;
  overflow: hidden;
  background: #eef1f0;
  box-shadow: var(--shadow-soft);
}

.pdf-preview-label {
  padding: 10px 12px;
  background: #fff;
  border-bottom: 1px solid var(--line);
  color: var(--brand-dark);
  font-size: 13px;
  font-weight: 800;
}

.pdf-preview-canvas {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1754 / 1240;
  background: #fff;
}

.certificate {
  position: relative;
  overflow: hidden;
  min-height: 460px;
  border: 7px double #244f46;
  padding: 28px;
  text-align: center;
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.98)),
    radial-gradient(circle at 20% 10%, rgba(200,121,65,.16), transparent 32%),
    radial-gradient(circle at 80% 90%, rgba(17,106,91,.15), transparent 28%);
}

.certificate.template-preview {
  border: 1px solid #cbd7d1;
  background-size: cover;
  background-position: center;
  text-align: left;
}

.template-preview .template-overlay {
  position: absolute;
  inset: 0;
  color: #111;
  font-weight: 600;
}

.template-name {
  position: absolute;
  left: 13%;
  top: 22%;
  width: 46%;
  text-align: center;
  font-size: 20px;
  font-weight: 800;
}

.template-participant {
  position: absolute;
  color: #111;
  overflow: hidden;
}

.template-body {
  position: absolute;
  color: #111;
  overflow: hidden;
}

.template-fields {
  position: absolute;
  display: grid;
  gap: 7px;
  color: #111;
  overflow: hidden;
}

.template-fields div {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 12px;
}

.template-signatures {
  position: absolute;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  color: #111;
}

.template-signatures span {
  border-top: 1px solid currentColor;
  padding-top: 8px;
}

.certificate .eyebrow {
  font-size: 14px;
  color: var(--muted);
  font-weight: 700;
  letter-spacing: 0;
}

.certificate h3 {
  margin: 18px 0 20px;
  font-size: 30px;
  color: var(--brand-dark);
}

.person {
  margin: 20px auto;
  width: min(420px, 100%);
  border-bottom: 2px solid #94a49d;
  padding-bottom: 8px;
  font-size: 28px;
  font-weight: 800;
}

.certificate p {
  color: #303b37;
  line-height: 1.55;
}

.cert-meta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 22px;
  text-align: left;
  font-size: 13px;
}

.cert-meta div {
  background: rgba(255,255,255,.72);
  border: 1px solid #dce4df;
  border-radius: 6px;
  padding: 8px;
}

.plan {
  border: 1px solid var(--line);
  border-radius: 8px;
  overflow: hidden;
  background: white;
}

.plan table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.plan th, .plan td {
  border-bottom: 1px solid var(--line);
  padding: 8px 10px;
  text-align: left;
  vertical-align: top;
}

.plan th {
  background: #eef3f0;
}

.plan td:last-child,
.plan th:last-child {
  width: 92px;
  text-align: right;
}

.status-ok { color: var(--ok); font-weight: 800; }
.status-bad { color: var(--danger); font-weight: 800; }


/* Rev3.6 - Sertifika türleri ana sayfası */
.app-page[data-page="home"] {
  max-width: none;
}

.home-page {
  padding: 0;
  overflow: hidden;
}

.home-hero {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
  padding: 28px 30px;
  border-bottom: 1px solid #dce8e4;
  background:
    radial-gradient(circle at 88% 15%, rgba(37, 99, 235, .11), transparent 30%),
    radial-gradient(circle at 72% 80%, rgba(20, 124, 113, .12), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #f4fbf8 58%, #eef5ff 100%);
}

.home-eyebrow {
  display: inline-flex;
  margin-bottom: 8px;
  color: var(--brand);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1.4px;
}

.home-hero h2 {
  max-width: 780px;
  font-size: clamp(23px, 2.1vw, 34px);
  line-height: 1.12;
}

.home-hero p {
  max-width: 820px;
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.6;
}

.home-hero-actions {
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.training-library-head {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: flex-end;
  padding: 24px 30px 14px;
}

.training-library-head h3 {
  margin: 0;
  color: var(--chrome);
  font-size: 20px;
}

.training-library-head p {
  margin-top: 4px;
  font-size: 13px;
}

.training-search {
  display: flex;
  align-items: center;
  gap: 8px;
  width: min(330px, 100%);
  margin: 0;
  padding: 0 12px;
  border: 1px solid #d4e1dd;
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 5px 18px rgba(16,36,63,.05);
}

.training-search span {
  color: var(--brand);
  font-size: 22px;
  transform: translateY(-1px);
}

.training-search input {
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  padding: 12px 0;
}

.training-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  padding: 0 30px 28px;
}

.training-card {
  --card-color: #147c71;
  --card-soft: #e8f7f3;
  position: relative;
  display: grid;
  grid-template-columns: 78px 1fr 24px;
  gap: 13px;
  align-items: center;
  min-height: 138px;
  padding: 16px;
  overflow: hidden;
  text-align: left;
  border: 1px solid #d9e3e0;
  border-radius: 12px;
  background: linear-gradient(150deg, #ffffff 0%, #ffffff 58%, var(--card-soft) 150%);
  color: var(--ink);
  box-shadow: 0 8px 24px rgba(16,36,63,.065);
  cursor: pointer;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.training-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--card-color);
  opacity: .9;
}

.training-card:hover {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--card-color) 45%, #d9e3e0);
  box-shadow: 0 15px 34px rgba(16,36,63,.13);
}

.training-card.selected {
  border-color: var(--card-color);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--card-color) 18%, transparent), 0 15px 34px rgba(16,36,63,.10);
}

.training-card-art {
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  border-radius: 18px;
  background: var(--card-soft);
  color: var(--card-color);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.7);
}

.training-card-art svg {
  width: 50px;
  height: 50px;
  overflow: visible;
  fill: currentColor;
  stroke: currentColor;
  stroke-width: 2.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.training-card-art svg .icon-cut {
  fill: #fff;
  stroke: #fff;
}

.training-card-art svg .icon-accent {
  fill: color-mix(in srgb, var(--card-color) 42%, #ffffff);
  stroke: color-mix(in srgb, var(--card-color) 42%, #ffffff);
}

.training-card-body {
  min-width: 0;
  display: block;
}

.training-card-title {
  display: block;
  color: var(--chrome);
  font-size: 15px;
  font-weight: 900;
  line-height: 1.22;
}

.training-card-subtitle {
  display: block;
  min-height: 34px;
  margin-top: 5px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}

.training-card-template {
  display: inline-flex;
  max-width: 100%;
  margin-top: 8px;
  padding: 4px 7px;
  border-radius: 999px;
  background: var(--card-soft);
  color: var(--card-color);
  font-size: 10px;
  font-weight: 850;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.training-card-arrow {
  color: var(--card-color);
  font-size: 22px;
  font-weight: 900;
  transition: transform .16s ease;
}

.training-card:hover .training-card-arrow {
  transform: translateX(3px);
}

.tone-teal { --card-color: #147c71; --card-soft: #e6f6f1; }
.tone-orange { --card-color: #d7681d; --card-soft: #fff0e4; }
.tone-blue { --card-color: #2563eb; --card-soft: #eaf1ff; }
.tone-violet { --card-color: #7c3aed; --card-soft: #f1eafe; }
.tone-cyan { --card-color: #0891b2; --card-soft: #e4f8fb; }
.tone-amber { --card-color: #b7791f; --card-soft: #fff6dd; }
.tone-slate { --card-color: #475569; --card-soft: #edf1f5; }
.tone-red { --card-color: #c2413a; --card-soft: #fdeceb; }
.tone-yellow { --card-color: #c48900; --card-soft: #fff6d4; }
.tone-green { --card-color: #16855b; --card-soft: #e7f7ef; }
.tone-indigo { --card-color: #4f46e5; --card-soft: #ececff; }
.tone-navy { --card-color: #173c69; --card-soft: #e8eff7; }

.training-empty {
  margin: 0 30px 28px;
  padding: 24px;
  border: 1px dashed #cbd8d4;
  border-radius: 10px;
  background: #f8fbfa;
  color: var(--muted);
  text-align: center;
  font-weight: 700;
}

.home-current-work {
  margin: 0 30px 30px;
  padding: 18px;
  border: 1px solid #dbe6e2;
  border-radius: 12px;
  background: linear-gradient(180deg, #fbfdfc, #f2f8f5);
}

.home-current-head {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  margin-bottom: 12px;
}

.home-current-head span {
  display: block;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 1.1px;
}

.home-current-head strong {
  display: block;
  margin-top: 3px;
  color: var(--chrome);
  font-size: 16px;
}

.compact-dashboard {
  grid-template-columns: 2fr repeat(4, 1fr);
  gap: 9px;
}

.compact-dashboard .dash-tile {
  min-height: 78px;
  padding: 12px;
}

.compact-dashboard .dash-tile strong {
  font-size: 15px;
}

.selected-training-strip {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 8px;
  margin-top: 14px;
  padding: 10px;
  border: 1px solid #cfe2dc;
  border-radius: 9px;
  background: linear-gradient(135deg, #edf9f5, #eef4ff);
}

.selected-training-strip div {
  min-width: 0;
}

.selected-training-strip span {
  display: block;
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .5px;
}

.selected-training-strip strong {
  display: block;
  margin-top: 3px;
  color: var(--brand-dark);
  font-size: 12px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

@media (max-width: 1120px) {
  .training-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .built-in-template-gallery { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .compact-dashboard { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-hero, .training-library-head { align-items: flex-start; flex-direction: column; }
  .home-hero-actions { justify-content: flex-start; }
  .training-search { width: 100%; }
  .selected-training-strip { grid-template-columns: 1fr; }

  .template-layout, .preview, .dashboard-grid, .settings-grid {
    grid-template-columns: 1fr;
  }

  .topbar {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 680px) {
  .training-card-grid { grid-template-columns: 1fr; padding-left: 16px; padding-right: 16px; }
  .built-in-template-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .built-in-gallery-head { flex-direction: column; }
  .home-hero, .training-library-head { padding-left: 18px; padding-right: 18px; }
  .home-current-work { margin-left: 16px; margin-right: 16px; }
  .compact-dashboard { grid-template-columns: 1fr; }
}

@media print {
  body { background: white; }
  .topbar, .grid, .preview-panel > .section-head { display: none; }
  .app { width: 100%; padding: 0; }
  .panel { box-shadow: none; border: 0; padding: 0; }
  .preview-panel { display: none; }
  .print-area { display: block; }
  .preview { display: block; }
  .plan { page-break-after: always; margin: 16px; }
  .certificate {
    page-break-after: always;
    min-height: 92vh;
    margin: 18px;
  }
}

.field-note {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 650;
  line-height: 1.25;
}

input[readonly] {
  background: #f3f7f5;
  color: #53615c;
  cursor: default;
}

/* Rev4.0 - Gelişmiş şablon düzenleyici */
.designer-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin: 0 0 10px;
  padding: 9px;
  border: 1px solid #d7e2df;
  border-radius: 8px;
  background: linear-gradient(180deg,#f8fbfd,#eef5f7);
}

.designer-toolbar button {
  min-height: 34px;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 800;
}

.icon-picker-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  color: #52616f;
  font-size: 11px;
  font-weight: 800;
}

.icon-picker-label select {
  min-width: 136px;
  height: 34px;
  padding: 5px 7px;
}

.designer-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 215px;
  gap: 10px;
  align-items: stretch;
}

.layer-panel {
  min-width: 0;
  max-height: 100%;
  border: 1px solid #d7e2df;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(16,36,63,.06);
}

.layer-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 9px 10px;
  border-bottom: 1px solid #e0e7e5;
  background: #f5f8f8;
}

.layer-panel-head strong,
.layer-panel-head small { display:block; }
.layer-panel-head small { color: var(--muted); margin-top:2px; font-size:10px; }
.layer-panel-head button { width:28px; min-width:28px; height:28px; padding:0; border-radius:6px; }

.layer-list {
  max-height: 390px;
  overflow: auto;
  padding: 6px;
}

.layer-row {
  display: grid;
  grid-template-columns: 28px minmax(0,1fr) 28px 28px;
  gap: 4px;
  align-items: center;
  margin-bottom: 5px;
  padding: 5px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: #f9fbfb;
}

.layer-row.selected {
  border-color: #4a84c6;
  background: #eef6ff;
  box-shadow: inset 0 0 0 1px rgba(74,132,198,.12);
}

.layer-row.system-layer { background:#faf8ff; }
.layer-row .layer-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #243746;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}
.layer-row button { width:28px; min-width:28px; height:28px; padding:0; font-size:12px; border-radius:5px; }
.layer-row .layer-delete { color:#b42318; }

.custom-layer-host { position:absolute; inset:0; pointer-events:none; z-index:4; }
.custom-layer-item {
  position:absolute;
  z-index:4;
  box-sizing:border-box;
  pointer-events:auto;
  cursor:grab;
  transform-origin:center center;
  border:1px solid transparent;
  touch-action:none;
}
.custom-layer-item.selected {
  border-color:#2563eb;
  outline:1px dashed rgba(37,99,235,.7);
  outline-offset:2px;
}
.custom-layer-item.dragging { cursor:grabbing; }
.custom-layer-item .layer-render-image { width:100%; height:100%; object-fit:contain; display:block; pointer-events:none; }
.custom-layer-item .layer-render-text {
  width:100%; height:100%; display:flex; align-items:center; box-sizing:border-box;
  overflow:hidden; padding:2px 4px; white-space:pre-wrap; line-height:1.15; pointer-events:none;
}
.custom-layer-item .resize-handle {
  position:absolute; right:-7px; bottom:-7px; width:14px; height:14px; border-radius:50%;
  background:#2563eb; border:2px solid white; box-shadow:0 1px 4px rgba(0,0,0,.3); cursor:nwse-resize;
  display:none; pointer-events:auto;
}
.custom-layer-item.selected .resize-handle { display:block; }

.selected-layer-editor {
  margin-top: 12px;
  padding: 11px;
  border: 1px solid #d7e2df;
  border-radius: 8px;
  background: linear-gradient(180deg,#fff,#f7fafb);
}
.selected-layer-head { display:flex; justify-content:space-between; gap:10px; align-items:flex-start; }
.selected-layer-head h3 { margin:0; }
.selected-layer-head .panel-note { margin:3px 0 0; }
.selected-layer-controls {
  display:grid;
  grid-template-columns:repeat(4,minmax(110px,1fr));
  gap:8px;
  margin-top:10px;
}
.selected-layer-controls[hidden] { display:none!important; }
.selected-layer-controls label { min-width:0; }
.layer-order-actions { display:flex; gap:6px; align-items:end; }
.layer-order-actions button { flex:1; }

@media (max-width: 1180px) {
  .designer-workspace { grid-template-columns:1fr; }
  .layer-panel { max-height:none; }
  .layer-list { max-height:220px; }
  .selected-layer-controls { grid-template-columns:repeat(2,minmax(130px,1fr)); }
}

.built-in-template-thumb img.template-thumb-icon { position:absolute; width:24%; height:34%; left:38%; top:5%; object-fit:contain; filter:drop-shadow(0 3px 4px rgba(0,0,0,.18)); }

.designer-workspace.back-only { grid-template-columns: 1fr; }


/* Rev4.4 - Satış stabilizasyonu ve hassas tasarım araçları */
.designer-toolbar-divider { width:1px; height:28px; background:#ccd8dc; margin:0 2px; }
.designer-toolbar .toggle-button.active { background:#0b6b72; border-color:#0b6b72; color:#fff; }
.stage-guide { position:absolute; z-index:1200; pointer-events:none; background:rgba(219,39,119,.78); box-shadow:0 0 0 1px rgba(255,255,255,.45); }
.stage-guide.vertical { top:0; bottom:0; width:1px; }
.stage-guide.horizontal { left:0; right:0; height:1px; }
.custom-layer-item.locked { cursor:not-allowed; }
.custom-layer-item.locked.selected { border-color:#64748b; outline-color:rgba(100,116,139,.65); }
.custom-layer-item.locked .resize-handle { display:none!important; }
.layer-row { grid-template-columns:28px minmax(0,1fr) 28px 28px 28px; }
.layer-align-actions { grid-column:span 2; display:flex; flex-direction:column; gap:5px; padding:6px; border:1px solid #e2e8f0; border-radius:7px; background:#f8fafc; }
.layer-align-actions > span { font-size:10px; font-weight:800; color:#52616f; }
.layer-align-actions > div { display:grid; grid-template-columns:repeat(6,1fr); gap:4px; }
.layer-align-actions button { min-width:0; height:30px; padding:0; font-size:16px; }
.designer-shortcut-hint { margin-top:8px; padding:7px 9px; border-radius:7px; background:#f1f5f9; color:#52616f; font-size:10px; line-height:1.45; }
.designer-shortcut-hint strong { color:#1f3344; }
.diagnostic-card button { margin-top:8px; width:100%; }


/* Rev5.0 · Firma Profilleri */
.company-profile-center {
  margin-top: 14px;
  padding: 15px;
  border: 1px solid #c8d9d1;
  border-radius: 12px;
  background: linear-gradient(145deg, #ffffff 0%, #f2faf6 100%);
  box-shadow: 0 9px 26px rgba(28, 82, 64, .07);
}
.company-profile-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 12px;
}
.company-profile-head h3 { margin: 3px 0 4px; font-size: 17px; color: #173e32; }
.company-profile-head p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.45; }
.profile-kicker { color: var(--brand); font-size: 10px; font-weight: 900; letter-spacing: .12em; }
.active-profile-badge {
  flex: 0 0 auto;
  border: 1px solid #d5dfda;
  border-radius: 999px;
  padding: 6px 10px;
  background: #fff;
  color: #62726b;
  font-size: 10px;
  font-weight: 900;
}
.active-profile-badge.active { border-color: #9bd2bd; background: #eaf8f1; color: #126344; }
.profile-selector-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 9px; }
.profile-actions-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.profile-brand-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 12px; }
.profile-brand-card {
  display: grid;
  grid-template-columns: 70px 1fr;
  gap: 9px;
  align-items: center;
  min-height: 98px;
  padding: 9px;
  border: 1px solid #d8e4de;
  border-radius: 9px;
  background: rgba(255,255,255,.82);
}
.profile-brand-preview {
  width: 70px; height: 70px; display: grid; place-items: center; overflow: hidden;
  border: 1px dashed #b8ccc2; border-radius: 9px; background: #f8fbfa;
  color: #8ba097; font-size: 10px; font-weight: 900;
}
.profile-brand-preview.stamp { border-radius: 50%; }
.profile-brand-preview img { width: 100%; height: 100%; object-fit: contain; }
.profile-brand-card strong { display: block; font-size: 12px; color: #29483d; }
.profile-brand-card small { display: block; margin-top: 3px; color: var(--muted); font-size: 10px; line-height: 1.35; }
.profile-brand-actions { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.compact-file-button { margin: 0; min-height: 32px; justify-content: center; }
.profile-status {
  margin-top: 10px; padding: 8px 10px; border-radius: 7px; background: #f4f7f5;
  color: #66766f; font-size: 11px; font-weight: 700;
}
.profile-status.ok { background: #eaf8f1; color: #126344; }
.profile-status.warn { background: #fff5eb; color: #8a4a1d; }
.trainer-profile-tools { margin-top: 8px; padding: 10px; border: 1px solid #d8e4de; border-radius: 9px; background: #fbfdfc; }
.trainer-profile-tools label:first-child { margin-top: 0; }
@media (max-width: 900px) {
  .profile-selector-grid, .profile-brand-grid { grid-template-columns: 1fr; }
  .profile-actions-4 { grid-template-columns: 1fr 1fr; }
  .company-profile-head { flex-direction: column; }
}


/* Rev5.1 – Akıllı Excel Aktarımı */
.smart-import-panel {
  margin: 12px 0 14px;
  padding: 14px;
  border: 1px solid rgba(39, 69, 96, .16);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(247,250,252,.98), rgba(239,246,249,.92));
  box-shadow: 0 10px 28px rgba(24, 54, 77, .07);
}
.smart-import-panel[hidden] { display: none !important; }
.smart-import-head { display: flex; justify-content: space-between; gap: 14px; align-items: end; margin-bottom: 10px; }
.smart-import-head > div { display: grid; gap: 3px; }
.smart-import-head strong { font-size: 15px; color: #18384e; }
.smart-import-head small { color: #657785; }
.smart-import-head label { min-width: 210px; font-size: 12px; color: #526673; }
.smart-import-head select { margin-top: 4px; width: 100%; }
.smart-import-summary { padding: 9px 11px; margin-bottom: 10px; border-radius: 11px; background: #fff; color: #526673; font-size: 12px; border: 1px solid rgba(39,69,96,.10); }
.smart-import-summary strong { color: #173c53; }
.smart-import-summary .warn { color: #a44d18; }
.smart-import-mapping { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 10px; }
.smart-import-mapping label { display: grid; gap: 4px; font-size: 12px; color: #526673; }
.smart-import-mapping label b { font-size: 10px; color: #b45428; font-weight: 700; margin-left: 4px; }
.smart-import-mapping select { width: 100%; min-width: 0; }
.smart-import-mapping select.auto-mapped { border-color: #5d9b8c; box-shadow: 0 0 0 2px rgba(93,155,140,.10); }
.smart-preview-wrap { overflow-x: auto; margin: 11px 0 9px; border: 1px solid rgba(39,69,96,.12); border-radius: 12px; background: #fff; }
.smart-preview-table { width: 100%; border-collapse: collapse; font-size: 11px; min-width: 600px; }
.smart-preview-table th { text-align: left; padding: 8px; background: #edf4f7; color: #264c61; white-space: nowrap; border-bottom: 1px solid rgba(39,69,96,.12); }
.smart-preview-table td { padding: 8px; color: #3f5664; border-bottom: 1px solid rgba(39,69,96,.08); white-space: nowrap; }
.smart-preview-table tr:last-child td { border-bottom: 0; }
.smart-import-actions { justify-content: flex-end; }
.smart-import-actions button:disabled { opacity: .45; cursor: not-allowed; }
.participant-data-summary { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0; align-items: center; }
.participant-data-summary[hidden] { display: none !important; }
.participant-data-summary strong { width: 100%; font-size: 11px; color: #60737e; }
.participant-data-summary span { padding: 5px 8px; border-radius: 999px; background: rgba(44,112,128,.09); color: #28586b; font-size: 10px; }
.participant-data-summary span b { font-weight: 800; }
@media (max-width: 900px) {
  .smart-import-head { align-items: stretch; flex-direction: column; }
  .smart-import-head label { min-width: 0; }
  .smart-import-mapping { grid-template-columns: 1fr; }
}


/* Rev5.2 - Otomatik Sertifika Numarası */
.certificate-number-card { margin: 14px 0; padding: 14px; border: 1px solid rgba(37,84,104,.18); border-radius: 14px; background: linear-gradient(145deg, rgba(246,251,252,.98), rgba(239,247,249,.94)); box-shadow: 0 8px 24px rgba(31,77,95,.06); }
.certificate-number-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; }
.certificate-number-head strong, .certificate-number-head small { display:block; }
.certificate-number-head small { margin-top:3px; color:var(--muted); font-size:10px; }
.certificate-number-toggle { display:flex; flex-direction:row; align-items:center; gap:6px; white-space:nowrap; font-weight:700; }
.certificate-number-toggle input, .certificate-year-check input { width:auto; margin:0; }
.certificate-number-grid { display:grid; grid-template-columns:1fr .7fr 1fr 1.2fr; gap:8px; }
.certificate-number-grid label { margin:0; }
.certificate-year-check { display:flex; flex-direction:row; align-items:center; gap:7px; margin:10px 0 8px; font-weight:600; }
.certificate-number-preview { display:flex; align-items:center; justify-content:space-between; gap:12px; border-radius:10px; padding:9px 11px; background:#fff; border:1px dashed rgba(37,84,104,.22); }
.certificate-number-preview span { color:var(--muted); font-size:10px; }
.certificate-number-preview strong { font-family:Consolas, 'Courier New', monospace; letter-spacing:.5px; color:#1e5d70; font-size:14px; }
.certificate-number-status { margin:7px 0 9px; min-height:16px; font-size:10px; color:var(--muted); }
.certificate-number-status.ok { color:#177a58; font-weight:700; }
.certificate-number-status.warn { color:#9a6a18; }
@media (max-width: 900px) { .certificate-number-grid { grid-template-columns:1fr 1fr; } }

/* Rev5.3 · PDF / Baskı Merkezi */
.pdf-center-page {
  margin-top: 16px;
}

.pdf-center-head {
  align-items: flex-start;
}

.pdf-output-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 4px 0 12px;
}

.pdf-output-summary > div {
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid #d7e2df;
  border-radius: 9px;
  background: linear-gradient(180deg, #ffffff, #f4f8f7);
}

.pdf-output-summary span {
  display: block;
  margin-bottom: 4px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.pdf-output-summary strong {
  display: block;
  color: var(--brand-dark);
  font-size: 19px;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

.pdf-action-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 11px;
  border: 1px solid #d6e2df;
  border-radius: 10px;
  background: #f7faf9;
}

.pdf-action-bar button {
  min-height: 40px;
}

.pdf-action-status {
  min-height: 28px;
  margin: 8px 0 12px;
  padding: 7px 10px;
  border-radius: 7px;
  color: #53615c;
  background: #f4f6f5;
  font-size: 12px;
  font-weight: 700;
}

.pdf-action-status.working {
  color: #74510b;
  background: #fff7df;
}

.pdf-action-status.ok {
  color: #12604e;
  background: #e9f7f1;
}

.pdf-action-status.bad {
  color: #8c2f2b;
  background: #fff0ef;
}

.pdf-center-grid {
  display: grid;
  grid-template-columns: minmax(260px, 330px) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.pdf-participant-panel,
.pdf-preview-workspace {
  min-width: 0;
  border: 1px solid #d9e3e0;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}

.pdf-participant-head,
.pdf-preview-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 11px 12px;
  border-bottom: 1px solid #e0e7e5;
  background: #f7faf9;
}

.pdf-participant-head strong,
.pdf-preview-toolbar strong {
  display: block;
  color: var(--brand-dark);
  font-size: 13px;
}

.pdf-participant-head span,
.pdf-preview-toolbar span {
  display: block;
  margin-top: 2px;
  color: var(--muted);
  font-size: 10px;
}

.pdf-selection-buttons {
  display: flex;
  gap: 5px;
}

.pdf-selection-buttons button,
.pdf-preview-person-nav button {
  min-height: 30px;
  padding: 5px 8px;
  font-size: 10px;
}

.pdf-participant-search {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 9px;
  padding: 7px 9px;
  border: 1px solid #d7e2df;
  border-radius: 8px;
  background: #fff;
}

.pdf-participant-search span {
  color: var(--muted);
  font-size: 18px;
}

.pdf-participant-search input {
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  outline: 0;
  font-size: 12px;
}

.pdf-participant-list {
  max-height: 570px;
  overflow: auto;
  padding: 0 8px 8px;
}

.pdf-participant-row {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  margin: 5px 0;
  padding: 8px;
  border: 1px solid #e1e7e5;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
}

.pdf-participant-row:hover {
  border-color: #b9cec8;
  background: #f8fbfa;
}

.pdf-participant-row.selected {
  border-color: #7eb6a8;
  background: #edf8f4;
}

.pdf-participant-row input {
  width: 16px;
  height: 16px;
}

.pdf-participant-main {
  min-width: 0;
}

.pdf-participant-main strong {
  display: block;
  overflow: hidden;
  color: #22302c;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pdf-participant-main small {
  display: block;
  margin-top: 2px;
  overflow: hidden;
  color: var(--muted);
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pdf-participant-cert {
  max-width: 125px;
  overflow: hidden;
  color: #52645f;
  font-size: 9px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pdf-participant-empty {
  padding: 24px 12px;
  color: var(--muted);
  text-align: center;
  font-size: 11px;
}

.pdf-preview-workspace .preview {
  padding: 12px;
}

.pdf-preview-person-nav {
  display: flex;
  align-items: center;
  gap: 5px;
}

.pdf-preview-person-nav select {
  width: min(330px, 38vw);
  min-height: 32px;
  padding: 5px 8px;
  font-size: 10px;
}

.pdf-preview-person-nav button {
  min-width: 32px;
  font-size: 18px;
  line-height: 1;
}

.print-canvas-page {
  display: none;
}

@media (max-width: 980px) {
  .pdf-output-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pdf-center-grid { grid-template-columns: 1fr; }
  .pdf-participant-list { max-height: 330px; }
  .pdf-preview-person-nav select { width: min(430px, 55vw); }
}

@media (max-width: 620px) {
  .pdf-output-summary { grid-template-columns: 1fr 1fr; }
  .pdf-participant-head,
  .pdf-preview-toolbar { align-items: flex-start; flex-direction: column; }
  .pdf-preview-person-nav { width: 100%; }
  .pdf-preview-person-nav select { flex: 1; width: auto; }
  .pdf-action-bar button { flex: 1 1 100%; }
}

@page {
  size: A4 landscape;
  margin: 0;
}

@media print {
  .print-area {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .print-canvas-page {
    display: block;
    width: 297mm;
    height: 210mm;
    margin: 0;
    padding: 0;
    overflow: hidden;
    page-break-after: always;
    break-after: page;
    background: #fff;
  }
  .print-canvas-page:last-child {
    page-break-after: auto;
    break-after: auto;
  }
  .print-canvas-page img {
    display: block;
    width: 297mm;
    height: 210mm;
    object-fit: fill;
  }
}

/* Rev5.4 · Otomatik kayıt ve çalışma kurtarma */
.recovery-gate {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(8, 20, 38, .82);
  backdrop-filter: blur(10px);
}
.recovery-gate[hidden] { display: none !important; }
.recovery-card {
  width: min(860px, 96vw);
  max-height: 92vh;
  overflow: auto;
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 28px 90px rgba(0,0,0,.32);
  padding: 28px;
  border: 1px solid rgba(18, 57, 93, .12);
}
.recovery-icon {
  width: 54px;
  height: 54px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  font-size: 30px;
  font-weight: 800;
  background: #e8f3ff;
  color: #0d5ca8;
  margin-bottom: 14px;
}
.recovery-kicker {
  display: inline-block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  color: #0d5ca8;
  margin-bottom: 6px;
}
.recovery-copy h2 { margin: 0 0 7px; font-size: 28px; }
.recovery-copy p { margin: 0; color: #556575; }
.recovery-choice-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 22px;
}
.recovery-choice {
  min-height: 132px;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 5px;
  padding: 17px;
  border-radius: 16px;
  border: 1px solid #d8e2ec;
  background: #fff;
}
.recovery-choice:hover { transform: translateY(-1px); border-color: #8bb9e1; }
.recovery-choice strong { font-size: 14px; }
.recovery-choice span { color: #607182; font-size: 11px; }
.recovery-choice small { color: #80909e; font-size: 10px; }
.recovery-choice.primary { background: #0d5ca8; color: #fff; border-color: #0d5ca8; }
.recovery-choice.primary span,
.recovery-choice.primary small { color: rgba(255,255,255,.78); }
.recovery-choice.danger-soft { background: #fff8f5; border-color: #f1c7b8; }
.recovery-note {
  margin: 18px 0 0;
  padding: 12px 14px;
  background: #f7fafc;
  border-radius: 12px;
  color: #637381;
  font-size: 11px;
}
#autosaveStatus.saving { color: #c17900; }
#autosaveStatus.ok { color: #167b45; }
#autosaveStatus.warn { color: #b0482d; }
.recovery-settings-card { grid-column: span 2; }
.recovery-settings-card > small { color: #7b8a97; margin-top: 2px; }
.recovery-settings-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}
.recovery-settings-meta div {
  padding: 9px 10px;
  border-radius: 10px;
  background: #f6f9fc;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.recovery-settings-meta b { font-size: 10px; color: #536678; }
.recovery-settings-meta span { font-size: 10px; color: #7a8996; }
.recovery-settings-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 12px;
}
.recovery-settings-actions button { flex: 1 1 150px; }
@media (max-width: 760px) {
  .recovery-choice-grid { grid-template-columns: 1fr; }
  .recovery-settings-card { grid-column: span 1; }
  .recovery-settings-meta { grid-template-columns: 1fr; }
}


/* Rev5.5 Personel & Sertifika Arşivi */
.archive-page { min-height: 620px; }
.archive-head { align-items: flex-start; }
.archive-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:14px 0; }
.archive-stats > div { border:1px solid #dbe5ee; border-radius:14px; padding:13px 15px; background:linear-gradient(180deg,#fff,#f7fafc); display:flex; flex-direction:column; gap:4px; }
.archive-stats span { color:#6d7d8b; font-size:11px; }
.archive-stats strong { font-size:22px; color:#173b5e; }
.archive-toolbar { display:grid; grid-template-columns:auto minmax(260px,1fr) 180px 200px 140px; gap:8px; align-items:center; margin:12px 0; }
.archive-mode-switch { display:flex; padding:3px; border:1px solid #d8e2ec; border-radius:11px; background:#f4f8fb; }
.archive-mode-switch button { border:0; background:transparent; padding:8px 11px; border-radius:8px; font-size:11px; }
.archive-mode-switch button.active { background:#0d5ca8; color:#fff; box-shadow:0 2px 8px rgba(13,92,168,.18); }
.archive-search { position:relative; margin:0; }
.archive-search span { position:absolute; left:11px; top:50%; transform:translateY(-50%); color:#718292; }
.archive-search input { width:100%; padding-left:30px; }
.archive-status { font-size:11px; color:#637789; margin:6px 0 10px; min-height:17px; }
.archive-status.ok { color:#167b45; }.archive-status.warn { color:#a05b00; }.archive-status.bad { color:#b13f35; }
.archive-table-wrap { border:1px solid #dbe5ee; border-radius:14px; overflow:auto; max-height:520px; background:#fff; }
.archive-table { width:100%; border-collapse:collapse; min-width:980px; font-size:11px; }
.archive-table th { position:sticky; top:0; z-index:2; background:#eef4f9; color:#41586c; text-align:left; padding:10px 9px; border-bottom:1px solid #d7e2eb; white-space:nowrap; }
.archive-table td { padding:9px; border-bottom:1px solid #edf1f5; vertical-align:middle; }
.archive-table tbody tr:hover { background:#f8fbfe; }
.archive-table .archive-name { font-weight:700; color:#173b5e; }
.archive-table .archive-sub { display:block; margin-top:2px; color:#8593a0; font-size:9px; }
.archive-badge { display:inline-flex; align-items:center; padding:3px 7px; border-radius:999px; font-size:9px; font-weight:700; }
.archive-badge.active { background:#e8f7ee; color:#187444; }.archive-badge.cancelled { background:#fff0ed; color:#af4938; }
.archive-actions { display:flex; flex-wrap:wrap; gap:5px; min-width:250px; }
.archive-actions button { padding:6px 8px; font-size:9px; }
.archive-empty { padding:45px 20px; text-align:center; display:flex; flex-direction:column; gap:6px; color:#708190; }
.archive-empty strong { font-size:16px; color:#36546f; }
.archive-person-count { font-weight:800; color:#0d5ca8; }
@media (max-width:1100px) { .archive-toolbar { grid-template-columns:1fr 1fr; }.archive-search { grid-column:1/-1; }.archive-stats { grid-template-columns:repeat(2,1fr); } }
@media (max-width:650px) { .archive-stats { grid-template-columns:1fr 1fr; }.archive-toolbar { grid-template-columns:1fr; }.archive-search { grid-column:auto; } }


/* Rev5.6 Ayarlar Merkezi */
.settings-head-actions { display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
.settings-save-state { font-size:11px; font-weight:800; color:#64748b; padding:7px 10px; background:#f4f7fa; border-radius:999px; }
.settings-save-state.ok { color:#167b45; background:#edf9f2; }
.settings-save-state.warn { color:#a15c00; background:#fff7e8; }
.system-settings-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:14px 0 18px; }
.system-settings-section { border:1px solid #d8e4e1; border-radius:14px; padding:16px; background:linear-gradient(180deg,#fff,#f8fbfa); box-shadow:var(--shadow-soft); display:grid; gap:11px; }
.system-settings-title { display:flex; justify-content:space-between; align-items:baseline; gap:10px; padding-bottom:9px; border-bottom:1px solid #e5edeb; }
.system-settings-title b { color:var(--chrome); font-size:15px; }
.system-settings-title span { color:var(--muted); font-size:10px; font-weight:800; }
.system-settings-section label { display:grid; gap:5px; color:#455768; font-size:11px; font-weight:800; }
.system-settings-section input[type="text"], .system-settings-section select { width:100%; min-height:38px; }
.system-settings-section small { color:#738391; font-size:10px; line-height:1.5; }
.setting-check { display:flex !important; grid-template-columns:none !important; align-items:center; gap:8px !important; padding:9px 10px; border-radius:9px; background:#f2f7f5; }
.setting-check input { width:auto; }
.setting-current-template { padding:11px 12px; background:#f2f7f5; border-radius:10px; }
.setting-current-template span { display:block; font-size:10px; color:#6d7c88; font-weight:800; }
.setting-current-template strong { display:block; margin-top:4px; color:#183f37; font-size:13px; }
.setting-button-row { display:flex; flex-wrap:wrap; gap:7px; }
.setting-button-row button { flex:1 1 150px; }
button.danger-soft { border-color:#edc3b8; color:#9b3a28; background:#fff7f4; }
@media(max-width:900px){ .system-settings-grid{grid-template-columns:1fr;} .settings-head-actions{width:100%;justify-content:flex-end;} }


/* Rev5.7 · QR doğrulama ve geçerlilik */
.verification-validity-card{margin:16px 0;padding:16px;border:1px solid #d7e3df;border-radius:16px;background:linear-gradient(135deg,#fbfdfc,#f2f8f6)}
.verification-validity-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:13px}.verification-validity-head strong{display:block;font-size:16px;color:#18372e}.verification-validity-head small{display:block;margin-top:4px;color:#6b7d77;line-height:1.35}
.verification-validity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.verification-validity-grid label{margin:0}.verification-example{display:grid;grid-template-columns:auto 1fr;gap:3px 14px;align-items:center;margin-top:12px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #e2ebe8}.verification-example span{font-size:11px;color:#71827c;text-transform:uppercase;font-weight:800}.verification-example strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#163f34}.verification-example small{grid-column:2;color:#64746f}
.certificate-verify-panel{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(300px,1.2fr);gap:14px;align-items:center;padding:16px 18px;margin:0 0 16px;border:1px solid #cadfd7;border-radius:18px;background:linear-gradient(135deg,#f7fbf9,#edf7f3)}.certificate-verify-copy strong{display:block;font-size:18px;margin:3px 0;color:#173b31}.certificate-verify-copy small{color:#667a73}.certificate-verify-form{display:flex;gap:8px}.certificate-verify-form input{flex:1}.certificate-verify-result{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;border-radius:12px;background:#fff;border:1px solid #dce8e4}.certificate-verify-result>div{display:flex;flex-direction:column;gap:4px}.certificate-verify-result span{font-size:12px;color:#687873}.certificate-verify-result.ok{border-color:#7fc6a8;background:#f3fbf7}.certificate-verify-result.warn{border-color:#e7be61;background:#fffaf0}.certificate-verify-result.bad{border-color:#e19a9a;background:#fff6f6}
.archive-stats-6{grid-template-columns:repeat(6,minmax(0,1fr))}.archive-badge.valid{background:#e4f6ec;color:#197448}.archive-badge.expiring{background:#fff2cc;color:#8a6410}.archive-badge.expired{background:#fde3e3;color:#a22f2f}.archive-badge.unlimited{background:#e8eef7;color:#3f5d88}
@media(max-width:1100px){.verification-validity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-stats-6{grid-template-columns:repeat(3,minmax(0,1fr))}.certificate-verify-panel{grid-template-columns:1fr}.certificate-verify-result{grid-template-columns:1fr}.certificate-verify-result{grid-column:auto}}

/* Rev5.8 — Personel Veritabanı */
.personnel-directory-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0;padding:14px 16px;border:1px solid #dfe7ef;border-radius:16px;background:linear-gradient(135deg,#f8fbfd,#fff)}
.personnel-directory-tools>div:first-child{display:flex;flex-direction:column;gap:3px}.personnel-directory-tools strong{font-size:14px;color:#173042}.personnel-directory-tools span{font-size:12px;color:#667b89}.personnel-directory-tools[hidden]{display:none!important}
.archive-danger{color:#b42318;font-weight:700}.archive-warning{color:#b54708;font-weight:700}
.app-modal{position:fixed;inset:0;z-index:10000;background:rgba(12,25,35,.56);display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(3px)}
.app-modal[hidden]{display:none!important}.app-modal-card{width:min(760px,96vw);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 24px 80px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.5);padding:22px}
.app-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.app-modal-head h3{margin:3px 0 0;font-size:22px;color:#173042}.app-modal-head>button{border:0;background:#eef3f6;width:36px;height:36px;border-radius:50%;font-size:24px;line-height:1;cursor:pointer}
.personnel-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.personnel-editor-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#536a78}.personnel-editor-grid input,.personnel-editor-grid textarea{width:100%;box-sizing:border-box;border:1px solid #cfdbe3;border-radius:10px;padding:10px 11px;font:inherit;color:#203746;background:#fff}.personnel-notes{grid-column:1/-1}.app-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.personnel-history-card{width:min(1040px,97vw)}.personnel-history-body{overflow:auto}.personnel-history-summary{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.personnel-history-summary>*{padding:8px 11px;border-radius:999px;background:#eef4f7;font-size:12px;color:#334e5e}.personnel-history-summary b{background:#173042;color:#fff}
@media(max-width:760px){.personnel-directory-tools{align-items:flex-start;flex-direction:column}.personnel-editor-grid{grid-template-columns:1fr}.personnel-notes{grid-column:auto}}


/* Rev5.9 satış öncesi sağlamlaştırma */
.sales-readiness-card{grid-column:span 2}.sales-check-results{display:grid;gap:7px;margin-top:10px}.sales-check-row{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid #d9e2ea;border-radius:10px;background:#f8fafc;font-size:12px}.sales-check-row b{font-size:12px}.sales-check-row span{text-align:right;color:#607080}.sales-check-row.ok{border-color:#b9e3cc;background:#f2fbf6}.sales-check-row.bad{border-color:#f2c4c4;background:#fff5f5}.sales-check-results>small{color:#607080;margin-top:2px}@media(max-width:900px){.sales-readiness-card{grid-column:span 1}.sales-check-row{display:block}.sales-check-row span{display:block;text-align:left;margin-top:3px}}

/* =========================================================
   REV5.95-A — PROFESSIONAL UI REFRESH
   Ana Sayfa + Firma Profilleri
   ========================================================= */
:root {
  --pro-navy:#10243f;
  --pro-navy-2:#17395c;
  --pro-teal:#0f8176;
  --pro-gold:#d79a3b;
  --pro-surface:#f7fafb;
  --pro-border:#dfe7eb;
}

.app-page[data-page="setup"] { max-width: 1180px; }
.home-page { max-width: 1240px !important; padding: 0 !important; overflow: hidden; }

.home-hero {
  padding: 30px 32px !important;
  border-bottom: 1px solid rgba(255,255,255,.14);
  background:
    radial-gradient(circle at 88% 12%, rgba(215,154,59,.22), transparent 30%),
    linear-gradient(125deg, #10243f 0%, #163b5d 52%, #0f8176 118%) !important;
  color: white;
}
.home-hero h2 { color:#fff !important; font-size:28px !important; max-width:700px; }
.home-hero p { color:rgba(255,255,255,.78) !important; max-width:760px; }
.home-eyebrow { color:#f1c779 !important; letter-spacing:.14em; }
.home-hero-actions button:not(.primary) { background:rgba(255,255,255,.1); color:#fff; border-color:rgba(255,255,255,.24); }
.home-hero-actions .primary { background:linear-gradient(135deg,#dca348,#f0be68); color:#1d2b3a; border-color:transparent; }

.training-library-head { margin: 0 !important; padding: 24px 28px 14px !important; background:#fff; }
.training-card-grid { padding: 0 28px 20px !important; }
.training-search { min-width:280px; }

.pro-quick-center {
  margin: 2px 28px 22px;
  padding: 18px;
  border:1px solid var(--pro-border);
  border-radius:16px;
  background:linear-gradient(180deg,#ffffff,#f7fafb);
  box-shadow:0 12px 30px rgba(16,36,63,.06);
}
.pro-section-head { display:flex; justify-content:space-between; gap:16px; align-items:end; margin-bottom:14px; }
.pro-section-head h3 { margin:2px 0 2px; color:var(--pro-navy); font-size:17px; }
.pro-section-head p { margin:0; font-size:12px; }
.pro-kicker { font-size:10px; font-weight:900; color:var(--pro-teal); letter-spacing:.14em; }
.pro-quick-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
.pro-quick-card {
  min-height:104px; text-align:left; padding:14px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center;
  border:1px solid #dfe8ea; border-radius:13px; background:#fff; color:var(--ink); box-shadow:none; transition:.18s ease;
}
.pro-quick-card:hover { transform:translateY(-2px); border-color:#9ecfc8; box-shadow:0 12px 24px rgba(16,36,63,.09); }
.pro-q-icon { display:grid; place-items:center; min-width:32px; height:28px; padding:0 8px; border-radius:9px; margin-bottom:9px; background:#eaf6f3; color:var(--pro-teal); font-weight:900; font-size:11px; }
.pro-quick-card strong { font-size:13px; color:var(--pro-navy); }
.pro-quick-card small { font-size:10px; margin-top:3px; line-height:1.3; }
.home-current-work { margin:0 28px 28px !important; border-radius:16px !important; }
.compact-dashboard { grid-template-columns:repeat(5,minmax(0,1fr)) !important; }

/* Firma Profili: tüm genişliği kullanan kurumsal merkez */
.pro-setup-page { padding:22px 24px 28px !important; }
.pro-setup-page > h2 { font-size:22px; }
.pro-setup-page > .panel-note { max-width:860px; margin-bottom:14px; }
.company-profile-center {
  display:grid !important;
  grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);
  gap:14px 18px !important;
  padding:20px !important;
  margin:16px 0 18px;
  border-radius:16px !important;
  border:1px solid #dbe6e6 !important;
  background:
    radial-gradient(circle at 95% 0%, rgba(15,129,118,.08), transparent 34%),
    linear-gradient(180deg,#fbfdfd,#f5f9f8) !important;
  box-shadow:0 14px 34px rgba(16,36,63,.07);
}
.company-profile-head { grid-column:1/-1; padding-bottom:12px; border-bottom:1px solid #e1e9e8; }
.company-profile-head h3 { font-size:20px !important; color:var(--pro-navy) !important; }
.profile-kicker { color:var(--pro-teal) !important; }
.profile-selector-grid { grid-column:1; grid-template-columns:1fr 1fr !important; align-self:start; }
.profile-actions-4 { grid-column:1; align-self:start; }
.profile-brand-grid { grid-column:2; grid-row:2 / span 2; grid-template-columns:1fr 1fr !important; margin-top:0 !important; align-self:stretch; }
.profile-brand-card {
  min-height:178px; align-content:center; border-radius:14px !important; background:#fff !important;
  border:1px solid #dfe8e7 !important; box-shadow:0 8px 20px rgba(16,36,63,.05);
}
.profile-brand-preview { width:72px !important; height:72px !important; background:#f7faf9 !important; }
.company-profile-center > label { grid-column:1; margin:0 !important; }
.profile-status { grid-column:2; margin:0 !important; align-self:end; border-radius:11px !important; min-height:46px; display:flex; align-items:center; }
.active-profile-badge { padding:7px 11px !important; }

/* setup form alanlarını genişlikte daha dengeli göster */
.pro-setup-page > label,
.pro-setup-page > .two,
.pro-setup-page > .program-picker,
.pro-setup-page > #trainingProgramHint,
.pro-setup-page > #sectorField { max-width:none !important; }
.pro-setup-page > .two { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.selected-training-strip { border-radius:13px !important; background:linear-gradient(135deg,#f4f9fb,#edf7f4) !important; }

@media (max-width:1000px) {
  .pro-quick-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .company-profile-center { grid-template-columns:1fr; }
  .company-profile-head,.profile-selector-grid,.profile-actions-4,.profile-brand-grid,.company-profile-center > label,.profile-status { grid-column:1; grid-row:auto; }
  .profile-brand-grid { grid-template-columns:1fr 1fr !important; }
}
@media (max-width:680px) {
  .pro-quick-grid { grid-template-columns:1fr 1fr; }
  .compact-dashboard { grid-template-columns:1fr 1fr !important; }
  .profile-selector-grid,.profile-brand-grid,.profile-actions-4 { grid-template-columns:1fr !important; }
}

/* =========================================================
   REV5.95-B — COMPLETE PROFESSIONAL DESKTOP UI
   Tüm ekranlar: farklı görsel kimlik + sol navigasyon + koyu çalışma alanları
   ========================================================= */
:root {
  --ui-bg:#e7edf2;
  --ui-ink:#13263a;
  --ui-navy:#0c2037;
  --ui-navy2:#143a5a;
  --ui-teal:#0b8077;
  --ui-cyan:#23a9bb;
  --ui-gold:#d59a3b;
  --ui-purple:#6d63b8;
  --ui-orange:#d97936;
  --ui-red:#b94f52;
  --ui-soft:#eef3f6;
  --ui-border:#cfdae2;
  --ui-shadow:0 18px 50px rgba(17,42,66,.11);
}

body {
  min-height:100vh;
  background:
    radial-gradient(circle at 10% 2%, rgba(35,169,187,.13), transparent 28%),
    radial-gradient(circle at 92% 8%, rgba(213,154,59,.12), transparent 24%),
    linear-gradient(145deg,#e9eff3 0%,#e2e9ee 54%,#edf1f4 100%) !important;
}

.app {
  width:min(1580px, calc(100% - 26px)) !important;
  margin:0 auto !important;
  padding:14px 0 26px !important;
  display:grid !important;
  grid-template-columns:218px minmax(0,1fr);
  grid-template-rows:auto 1fr;
  grid-template-areas:"top top" "nav content";
  gap:14px;
}

.topbar {
  grid-area:top;
  position:sticky !important;
  top:8px !important;
  z-index:12 !important;
  margin:0 !important;
  min-height:92px;
  padding:14px 18px !important;
  border:1px solid rgba(255,255,255,.2) !important;
  border-radius:18px !important;
  background:
    radial-gradient(circle at 72% -20%, rgba(35,169,187,.24), transparent 36%),
    linear-gradient(125deg,#0b1d32 0%,#123753 58%,#0b665f 128%) !important;
  box-shadow:0 18px 40px rgba(9,29,48,.22) !important;
  color:#fff;
}
.topbar .brand h1 { color:#fff !important; font-size:25px !important; letter-spacing:-.025em; }
.topbar .brand p { color:rgba(255,255,255,.64) !important; font-size:12px; }
.topbar .brand img { width:54px;height:54px;border-radius:15px !important;box-shadow:0 10px 24px rgba(0,0,0,.24) !important; }
.topbar .product-kicker { color:#ffd78e !important; }
.topbar .pro-badge { background:linear-gradient(135deg,#2bb7c8,#3b75e6) !important; }
.topbar .top-status span { border:1px solid rgba(255,255,255,.15); background:rgba(255,255,255,.09) !important; color:#d8f6eb !important; }
.topbar .actions { display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end; }
.topbar .actions button { border:1px solid rgba(255,255,255,.18) !important; background:rgba(255,255,255,.08) !important; color:#f7fbfd !important; box-shadow:none !important; }
.topbar .actions button:hover { background:rgba(255,255,255,.15) !important; }
.topbar .actions .primary { background:linear-gradient(135deg,#15a596,#0a7b72) !important;border-color:transparent !important;box-shadow:0 9px 20px rgba(5,115,105,.32) !important; }

.app-nav {
  grid-area:nav;
  position:sticky !important;
  top:115px;
  align-self:start;
  display:flex !important;
  flex-direction:column;
  gap:5px !important;
  margin:0 !important;
  padding:12px !important;
  border:1px solid rgba(255,255,255,.11) !important;
  border-radius:18px !important;
  background:
    radial-gradient(circle at 0 100%, rgba(13,128,119,.22), transparent 45%),
    linear-gradient(180deg,#11283f,#0b1d31) !important;
  box-shadow:0 18px 38px rgba(12,32,55,.17) !important;
}
.app-nav::before {
  content:"ÇALIŞMA ALANI";
  color:#7690a8;
  font-size:9px;
  font-weight:900;
  letter-spacing:.16em;
  padding:6px 10px 8px;
}
.nav-item {
  width:100%;min-width:0 !important;
  justify-content:flex-start !important;
  text-align:left;
  min-height:44px;
  padding:8px 10px !important;
  border-radius:11px !important;
  color:#b9cad8 !important;
  border:1px solid transparent !important;
  background:transparent !important;
  font-weight:700;
}
.nav-item span { background:rgba(255,255,255,.08) !important;color:#93adbf !important; }
.nav-item:hover { background:rgba(255,255,255,.06) !important;color:#fff !important; }
.nav-item.active {
  background:linear-gradient(135deg,rgba(24,167,151,.96),rgba(26,116,138,.96)) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.12) !important;
  box-shadow:0 9px 22px rgba(0,0,0,.2) !important;
}
.nav-item.active span { background:rgba(255,255,255,.18) !important;color:white !important; }

.grid { grid-area:content; min-width:0; }
.app-page { max-width:none !important; width:100%; }
.panel.app-page {
  border:0 !important;
  border-radius:20px !important;
  box-shadow:var(--ui-shadow) !important;
  padding:24px !important;
  overflow:hidden;
}

/* Ortak alanların “aynı beyaz kart” görünümünü kır */
.app-page label { color:#415568; }
.app-page input,.app-page select,.app-page textarea {
  border:1px solid #cbd8e0 !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.88) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6);
}
.app-page input:focus,.app-page select:focus,.app-page textarea:focus { border-color:#5bb7ad !important;box-shadow:0 0 0 3px rgba(20,151,137,.1) !important;outline:0; }
.app-page button { border-radius:10px; }

/* HOME — lacivert + krem + teal */
.home-page {
  padding:0 !important;
  background:linear-gradient(180deg,#f4f0e8 0,#f7fafb 48%,#edf4f3 100%) !important;
}
.home-hero { border-radius:0 !important; }
.training-library-head { background:transparent !important; }
.training-card-grid .training-card:nth-child(4n+1) { background:linear-gradient(155deg,#fff7e9,#ffffff) !important; border-color:#ead5ad !important; }
.training-card-grid .training-card:nth-child(4n+2) { background:linear-gradient(155deg,#edf8f5,#ffffff) !important; border-color:#b8ddd5 !important; }
.training-card-grid .training-card:nth-child(4n+3) { background:linear-gradient(155deg,#edf4fb,#ffffff) !important; border-color:#c3d7ea !important; }
.training-card-grid .training-card:nth-child(4n+4) { background:linear-gradient(155deg,#f5f0fb,#ffffff) !important; border-color:#d4c7e8 !important; }
.pro-quick-center { background:linear-gradient(120deg,#122b43,#173f55) !important;border:0 !important;color:white; }
.pro-quick-center h3,.pro-quick-center strong { color:white !important; }
.pro-quick-center p,.pro-quick-center small { color:#a9c2cf !important; }
.pro-quick-card { background:rgba(255,255,255,.07) !important;border-color:rgba(255,255,255,.1) !important;color:#fff !important; }
.pro-quick-card:hover { background:rgba(255,255,255,.12) !important; }

/* FIRMA / EĞİTİM — açık mavi/teal çalışma masası */
.app-page[data-page="setup"] {
  background:
    radial-gradient(circle at 98% 1%, rgba(17,150,139,.13),transparent 34%),
    linear-gradient(145deg,#eef7f7,#f8fbfc 48%,#edf3f7) !important;
}
.app-page[data-page="setup"] > h2::before { content:"◆"; color:#0b887d;margin-right:9px; }
.selected-training-strip { background:linear-gradient(120deg,#123552,#0c756f) !important;border:0 !important;color:white;box-shadow:0 12px 26px rgba(21,72,91,.14); }
.selected-training-strip span { color:#9cc9c6 !important; }
.selected-training-strip strong { color:white !important; }
.company-profile-center { background:linear-gradient(145deg,#ffffff,#edf6f5) !important;border-left:5px solid #0c8d82 !important; }
.profile-brand-card:nth-child(1) { background:linear-gradient(145deg,#f0f9f7,#fff) !important; }
.profile-brand-card:nth-child(2) { background:linear-gradient(145deg,#fff7ec,#fff) !important; }

/* KATILIMCILAR — buz mavisi + koyu import alanı */
.app-page[data-page="participants"] {
  background:linear-gradient(145deg,#edf5fa,#f9fbfd 48%,#eef8f6) !important;
}
.app-page[data-page="participants"] > h2::before { content:"●";color:#2b7ea8;margin-right:9px; }
.smart-import-panel { background:linear-gradient(135deg,#102b43,#164c63) !important;border:0 !important;color:white !important;box-shadow:0 15px 32px rgba(15,47,72,.16); }
.smart-import-panel h3,.smart-import-panel strong,.smart-import-panel label { color:#fff !important; }
.smart-import-panel p,.smart-import-panel small { color:#b7d0dc !important; }
.smart-import-panel input,.smart-import-panel select { background:rgba(255,255,255,.96) !important; }
.participant-data-summary { background:linear-gradient(90deg,#dff4ef,#e8f1fa) !important;border-left:4px solid #168d82 !important; }
#participantsText { min-height:250px;background:#fff !important;box-shadow:0 8px 25px rgba(35,69,92,.06); }

/* KONULAR — sıcak, eğitim planı görünümü */
.app-page[data-page="topics"] {
  background:
    radial-gradient(circle at 95% 0%,rgba(222,165,66,.17),transparent 33%),
    linear-gradient(145deg,#faf6ed,#fffdfa 52%,#f3f6f8) !important;
}
.app-page[data-page="topics"] h2::before { content:"▦";color:#c98724;margin-right:9px; }
.app-page[data-page="topics"] table { background:#fffaf1; }
.app-page[data-page="topics"] th { background:#19354d !important;color:#fff !important; }

/* ŞABLONLAR — mini tasarım stüdyosu */
.app-page[data-page="templates"] {
  background:linear-gradient(145deg,#182737,#101d2a 60%,#17323a) !important;
  color:#dce7ee;
}
.app-page[data-page="templates"] h2,.app-page[data-page="templates"] h3,.app-page[data-page="templates"] strong { color:#f2f7fa !important; }
.app-page[data-page="templates"] p,.app-page[data-page="templates"] small,.app-page[data-page="templates"] .panel-note { color:#9fb1bd !important; }
.app-page[data-page="templates"] .section-head { border-bottom-color:rgba(255,255,255,.1) !important; }
.template-tools,.template-editor,.layer-panel,.template-controls,.built-in-template-gallery {
  background:#f7fafc !important;color:#24394b;border-color:#d9e2e8 !important;border-radius:14px !important;
}
.template-tools h3,.template-editor h3,.layer-panel h3,.template-controls h3,.built-in-template-gallery h3 { color:#173149 !important; }
.template-tools p,.template-editor p,.layer-panel p,.template-controls p { color:#6f8290 !important; }
.template-stage { box-shadow:0 20px 50px rgba(0,0,0,.35) !important; }

/* PDF — gerçek çıktı masası */
.app-page[data-page="preview"] {
  background:linear-gradient(145deg,#172535,#0e1926 62%,#142d35) !important;
  color:#e8f0f4;
}
.app-page[data-page="preview"] h2,.app-page[data-page="preview"] h3,.app-page[data-page="preview"] strong { color:#fff !important; }
.app-page[data-page="preview"] p,.app-page[data-page="preview"] small { color:#9fb0bc !important; }
.pdf-participant-panel { background:#f5f8fa !important;border-radius:15px !important; }
.pdf-participant-panel * { color:#334b5e; }
.pdf-preview-workspace { background:#0b141e !important;border:1px solid rgba(255,255,255,.08) !important;border-radius:16px !important; }
.pdf-preview-toolbar { background:#142636 !important;border-color:rgba(255,255,255,.09) !important;color:white; }
.pdf-preview-toolbar button { background:#20394c !important;color:#e9f1f5 !important;border-color:#315064 !important; }

/* ARŞİV — veri merkezi: mor/lacivert vurgular */
.app-page[data-page="archive"] {
  background:
    radial-gradient(circle at 98% 0%,rgba(109,99,184,.13),transparent 33%),
    linear-gradient(145deg,#f1f3fa,#fafbfd 45%,#eef5f6) !important;
}
.archive-head h2::before { content:"▣";color:#665bb0;margin-right:9px; }
.certificate-verify-panel { background:linear-gradient(120deg,#152f4c,#5e579f) !important;border:0 !important;color:#fff;box-shadow:0 15px 32px rgba(44,45,91,.16); }
.certificate-verify-panel strong { color:#fff !important; }
.certificate-verify-panel small { color:#c7cae4 !important; }
.archive-stats > div { border:0 !important;box-shadow:0 8px 20px rgba(27,53,81,.07); }
.archive-stats > div:nth-child(1) { background:linear-gradient(145deg,#eaf1ff,#fff) !important; }
.archive-stats > div:nth-child(2) { background:linear-gradient(145deg,#e8f8f2,#fff) !important; }
.archive-stats > div:nth-child(3) { background:linear-gradient(145deg,#fff4dc,#fff) !important; }
.archive-stats > div:nth-child(4) { background:linear-gradient(145deg,#f1ebff,#fff) !important; }
.archive-stats > div:nth-child(5) { background:linear-gradient(145deg,#fff0e8,#fff) !important; }
.archive-stats > div:nth-child(6) { background:linear-gradient(145deg,#eaf7fb,#fff) !important; }
.archive-table-wrap { box-shadow:0 10px 28px rgba(23,54,78,.07);border:0 !important; }
.archive-table th { background:#172f47 !important;color:#eaf1f5 !important; }
.archive-table tbody tr:nth-child(even) { background:#f7f9fc; }

/* AYARLAR — grafit sistem paneli + renk kodlu bölümler */
.app-page[data-page="settings"] {
  background:
    radial-gradient(circle at 100% 0%,rgba(35,169,187,.12),transparent 32%),
    linear-gradient(145deg,#edf1f4,#f8fafb 46%,#eef4f3) !important;
}
.app-page[data-page="settings"] > .section-head {
  margin:-24px -24px 20px !important;
  padding:22px 24px !important;
  background:linear-gradient(120deg,#14283d,#1a4759) !important;
  border:0 !important;
}
.app-page[data-page="settings"] > .section-head h2 { color:white !important; }
.app-page[data-page="settings"] > .section-head p { color:#b7cad5 !important; }
.settings-save-state { background:rgba(255,255,255,.1) !important;color:#d7e7ee !important;border:1px solid rgba(255,255,255,.1); }
.system-settings-grid { gap:16px !important; }
.system-settings-section {
  border:0 !important;
  border-radius:16px !important;
  box-shadow:0 12px 26px rgba(18,47,68,.08) !important;
  padding:18px !important;
}
.system-settings-section:nth-child(1) { background:linear-gradient(145deg,#eaf3ff,#fff) !important;border-top:4px solid #3c78be !important; }
.system-settings-section:nth-child(2) { background:linear-gradient(145deg,#e8f7f2,#fff) !important;border-top:4px solid #168879 !important; }
.system-settings-section:nth-child(3) { background:linear-gradient(145deg,#fff5e5,#fff) !important;border-top:4px solid #d08a2c !important; }
.system-settings-section:nth-child(4) { background:linear-gradient(145deg,#f1edff,#fff) !important;border-top:4px solid #7366ba !important; }
.settings-grid { gap:12px !important; }
.settings-card {
  border:0 !important;border-radius:14px !important;box-shadow:0 8px 20px rgba(19,49,71,.06) !important;
  background:#fff !important;
}
.settings-card:nth-child(3n+1) { border-left:4px solid #17887c !important; }
.settings-card:nth-child(3n+2) { border-left:4px solid #d59836 !important; }
.settings-card:nth-child(3n+3) { border-left:4px solid #6572b9 !important; }
.sales-readiness-card { background:linear-gradient(140deg,#10283f,#164d5b) !important;color:white; }
.sales-readiness-card strong,.sales-readiness-card b { color:white !important; }
.sales-readiness-card small { color:#b5cbd4 !important; }
.sales-check-row { background:rgba(255,255,255,.08) !important;border-color:rgba(255,255,255,.1) !important; }
.sales-check-row span { color:#c9d9df !important; }

/* Küçük ortak iyileştirmeler */
.section-head { padding-bottom:13px; }
.section-head h2 { font-size:21px !important;letter-spacing:-.015em; }
.panel-note { line-height:1.55; }
button.primary { background:linear-gradient(135deg,#0d8e82,#0b6d78) !important;box-shadow:0 8px 18px rgba(13,126,119,.17); }
button.danger-button,button.danger-soft { border-color:#e5b8b6 !important; }

@media (max-width:1050px) {
  .app { grid-template-columns:1fr;grid-template-areas:"top" "nav" "content"; }
  .app-nav { position:static !important; flex-direction:row !important;overflow:auto; }
  .app-nav::before { display:none; }
  .nav-item { width:auto;min-width:max-content !important; }
}
@media (max-width:720px) {
  .app { width:calc(100% - 14px) !important; }
  .topbar { position:static !important; }
  .topbar,.topbar .brand { align-items:flex-start; }
  .topbar { flex-direction:column; }
  .panel.app-page { padding:16px !important;border-radius:14px !important; }
  .app-page[data-page="settings"] > .section-head { margin:-16px -16px 16px !important;padding:18px 16px !important; }
}

/* =========================================================
   REV5.95-C — TAM OTURMUŞ PROFESYONEL ARAYÜZ
   Sol menü taşma düzeltmesi + alt ekranların yeniden kurgulanması
   ========================================================= */
html, body { overflow-x:hidden !important; }
.app { align-items:start !important; }
.grid {
  min-width:0 !important;
  width:100% !important;
  position:relative !important;
  overflow:visible !important;
}
.panel.app-page {
  min-width:0 !important;
  margin:0 !important;
  position:relative !important;
  isolation:isolate;
}

/* Sol navigasyon artık viewport içinde kalır, içeriğin üstüne binmez */
.app-nav {
  box-sizing:border-box !important;
  max-height:calc(100vh - 132px) !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  z-index:8 !important;
  scrollbar-width:thin;
  scrollbar-color:#35526a transparent;
}
.app-nav::-webkit-scrollbar { width:6px; }
.app-nav::-webkit-scrollbar-thumb { background:#35526a;border-radius:999px; }
.nav-item { flex:0 0 auto !important; }

/* SETUP: üst profil merkezi + altta iki gerçek çalışma paneli */
.pro-setup-page {
  background:
    linear-gradient(180deg,rgba(238,248,248,.98),rgba(242,247,250,.98)) !important;
}
.setup-detail-grid {
  display:grid;
  grid-template-columns:minmax(320px,.82fr) minmax(520px,1.38fr);
  gap:18px;
  align-items:start;
  margin-top:18px;
}
.setup-form-card {
  min-width:0;
  border-radius:18px;
  padding:18px;
  box-shadow:0 14px 34px rgba(20,52,73,.08);
  border:1px solid rgba(183,205,215,.72);
}
.company-details-card {
  background:
    radial-gradient(circle at 100% 0%,rgba(18,143,132,.12),transparent 32%),
    linear-gradient(145deg,#f7fcfb,#eaf5f3) !important;
  border-top:4px solid #138a80;
}
.training-details-card {
  background:
    radial-gradient(circle at 100% 0%,rgba(53,117,181,.12),transparent 28%),
    linear-gradient(145deg,#f7faff,#edf4fa) !important;
  border-top:4px solid #326fa8;
}
.setup-card-title {
  display:flex;align-items:center;gap:11px;
  margin:-3px 0 15px;padding-bottom:12px;
  border-bottom:1px solid rgba(72,103,124,.13);
}
.setup-card-title > span {
  width:34px;height:34px;display:grid;place-items:center;border-radius:10px;
  color:white;font-size:11px;font-weight:900;
  background:linear-gradient(135deg,#163c58,#118b80);
  box-shadow:0 8px 18px rgba(17,84,94,.16);
}
.training-details-card .setup-card-title > span { background:linear-gradient(135deg,#183b5d,#437eb7); }
.setup-card-title strong { display:block;color:#17324a;font-size:15px; }
.setup-card-title small { display:block;margin-top:2px;color:#728492;font-size:10px;line-height:1.35; }
.setup-form-card > label,
.setup-form-card > .two,
.setup-form-card > .program-picker,
.setup-form-card > .trainer-profile-tools,
.setup-form-card > .certificate-number-card,
.setup-form-card > .verification-validity-card { margin-bottom:13px !important; }
.setup-form-card label { font-weight:800;color:#385064; }
.setup-form-card textarea { min-height:82px; }
.setup-form-card .certificate-number-card,
.setup-form-card .verification-validity-card {
  border:0 !important;border-radius:15px !important;
  box-shadow:0 8px 22px rgba(31,69,94,.07) !important;
  background:rgba(255,255,255,.82) !important;
}
.setup-form-card .certificate-number-card { border-left:4px solid #d79c39 !important; }
.setup-form-card .verification-validity-card { border-left:4px solid #6b64b3 !important; }
.setup-duration-summary {
  margin-top:18px !important;border:0 !important;border-radius:15px !important;
  background:linear-gradient(120deg,#17364f,#116e69) !important;color:#e9f6f5 !important;
  box-shadow:0 12px 26px rgba(22,67,80,.14) !important;
}

/* ŞABLONLAR: gerçek tasarım stüdyosu — kolonların menünün altına kaymasını engelle */
.app-page[data-page="templates"] { overflow:visible !important; }
.app-page[data-page="templates"] > .section-head {
  margin:-24px -24px 18px !important;padding:20px 22px !important;
  background:linear-gradient(120deg,#0b1723,#173149 70%,#145b5a) !important;
  border:0 !important;
}
.built-in-gallery-shell {
  background:linear-gradient(145deg,#22384a,#162737) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:17px !important;padding:16px !important;margin-bottom:16px !important;
}
.built-in-gallery-head h3 { color:#f4f8fa !important; }
.built-in-gallery-head p { color:#9eb2bf !important; }
.built-in-count { background:#d99f3d !important;color:#172838 !important;border:0 !important; }
.template-layout {
  width:100% !important;min-width:0 !important;
  grid-template-columns:minmax(250px,310px) minmax(0,1fr) !important;
  gap:16px !important;align-items:start !important;
}
.template-layout > * { min-width:0 !important; }
.template-layout > .template-tools:first-child {
  background:linear-gradient(180deg,#eef4f7,#ffffff) !important;
  border-top:4px solid #2a7b9d !important;
  position:sticky;top:130px;max-height:calc(100vh - 150px);overflow:auto;
}
.template-layout > .template-tools:nth-child(2) {
  background:#172737 !important;border:1px solid rgba(255,255,255,.09) !important;
  padding:12px !important;
}
.template-layout > .template-tools:nth-child(2) > * { min-width:0 !important; }
.template-editor { background:#f7fafc !important;border-radius:15px !important;padding:14px !important; }
.designer-workspace {
  width:100% !important;min-width:0 !important;
  grid-template-columns:minmax(0,1fr) 250px !important;
  gap:12px !important;
}
.template-stage { max-width:100% !important;min-width:0 !important; }
.layer-panel { min-width:0 !important; }
.editor-side-controls,.selected-layer-editor { background:#f6f9fb !important;border-radius:14px !important; }

/* PDF: çıktı komuta merkezi */
.app-page[data-page="preview"] > .section-head,
.pdf-center-head {
  background:linear-gradient(120deg,#0c1722,#183247 74%,#155c60) !important;
  border:1px solid rgba(255,255,255,.08) !important;border-radius:16px !important;
  padding:16px !important;
}
.pdf-output-summary > div:nth-child(1) { background:linear-gradient(145deg,#e9f2ff,#fff) !important; }
.pdf-output-summary > div:nth-child(2) { background:linear-gradient(145deg,#e5f7f1,#fff) !important; }
.pdf-output-summary > div:nth-child(3) { background:linear-gradient(145deg,#fff2df,#fff) !important; }
.pdf-output-summary > div:nth-child(4) { background:linear-gradient(145deg,#efeaff,#fff) !important; }
.pdf-action-bar {
  border:0 !important;border-radius:14px !important;
  background:#152b3e !important;box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.pdf-center-grid { min-width:0 !important; }
.pdf-participant-panel { border-top:4px solid #2e7fb0 !important; }
.pdf-preview-workspace { border-top:4px solid #159083 !important; }

/* ARŞİV: toolbar ve tabloyu gerçek veri paneline dönüştür */
.app-page[data-page="archive"] > .archive-head,
.app-page[data-page="archive"] > .section-head {
  background:linear-gradient(120deg,#172c48,#544e94) !important;
  color:white;border-radius:16px;padding:16px !important;border:0 !important;
}
.app-page[data-page="archive"] > .archive-head h2,
.app-page[data-page="archive"] > .section-head h2 { color:white !important; }
.app-page[data-page="archive"] > .archive-head p,
.app-page[data-page="archive"] > .section-head p { color:#c8cee5 !important; }
.archive-toolbar {
  background:linear-gradient(145deg,#ffffff,#eef3f8) !important;
  border:1px solid #d7e1ea;border-radius:14px;padding:10px !important;
  box-shadow:0 8px 20px rgba(25,52,79,.06);
}
.archive-mode-switch { background:#182f47 !important;border:0 !important; }
.archive-mode-switch button { color:#b9cbd8 !important; }
.archive-mode-switch button.active { background:linear-gradient(135deg,#655db0,#347ca7) !important;color:#fff !important; }
.archive-table-wrap { border-radius:16px !important;box-shadow:0 14px 32px rgba(23,54,78,.1) !important; }
.archive-table th { padding:12px 10px !important; }

/* AYARLAR: aynı beyaz kart görünümü tamamen kırıldı */
.app-page[data-page="settings"] { padding-bottom:30px !important; }
.system-settings-grid {
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  align-items:stretch;
}
.system-settings-section {
  position:relative;overflow:hidden;padding:20px !important;
  min-height:240px;
}
.system-settings-section::after {
  content:"";position:absolute;right:-28px;bottom:-28px;width:110px;height:110px;border-radius:50%;
  background:rgba(255,255,255,.5);pointer-events:none;
}
.system-settings-section:nth-child(1) { background:linear-gradient(145deg,#dceaff,#f8fbff) !important; }
.system-settings-section:nth-child(2) { background:linear-gradient(145deg,#dff4ed,#f8fdfb) !important; }
.system-settings-section:nth-child(3) { background:linear-gradient(145deg,#fff0d6,#fffaf1) !important; }
.system-settings-section:nth-child(4) { background:linear-gradient(145deg,#e9e3ff,#faf8ff) !important; }
.system-settings-title { position:relative;z-index:1;border-bottom:0 !important;margin-bottom:5px; }
.system-settings-title b { font-size:17px !important; }
.settings-grid {
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  margin-top:18px;
}
.settings-card {
  min-height:150px;padding:16px !important;
  background:linear-gradient(145deg,#ffffff,#f4f7f9) !important;
}
.sales-readiness-card { grid-column:1/-1; }

@media (max-width:1280px) {
  .setup-detail-grid { grid-template-columns:1fr; }
  .template-layout { grid-template-columns:280px minmax(0,1fr) !important; }
  .designer-workspace { grid-template-columns:minmax(0,1fr) 220px !important; }
}
@media (max-width:1050px) {
  .app-nav { max-height:none !important;overflow-x:auto !important;overflow-y:hidden !important; }
  .template-layout { grid-template-columns:1fr !important; }
  .template-layout > .template-tools:first-child { position:static;max-height:none; }
  .designer-workspace { grid-template-columns:1fr !important; }
  .system-settings-grid,.settings-grid { grid-template-columns:1fr !important; }
}

/* =========================================================
   REV5.95-D — WEBVIEW2 YERLESIM KILIDI
   Grid-area ölçekleme sapmasını kaldırır. Sol menü sabit kolon,
   tüm aktif sayfalar zorunlu olarak sağ çalışma alanında kalır.
   ========================================================= */
@media (min-width:901px) {
  .app {
    display:block !important;
    width:min(1580px, calc(100% - 26px)) !important;
  }
  .topbar {
    width:100% !important;
    margin:0 0 14px 0 !important;
  }
  .app-nav {
    float:left !important;
    width:218px !important;
    min-width:218px !important;
    max-width:218px !important;
    position:sticky !important;
    top:115px !important;
    margin:0 !important;
  }
  .grid {
    display:block !important;
    margin-left:232px !important;
    width:calc(100% - 232px) !important;
    max-width:calc(100% - 232px) !important;
    min-width:0 !important;
  }
  .grid::after { content:"";display:block;clear:both; }
  .grid > .app-page {
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
  }
  .grid > .app-page.active { display:block !important; }
  .app-page[data-page="templates"],
  .app-page[data-page="preview"],
  .app-page[data-page="archive"],
  .app-page[data-page="settings"] {
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    clear:none !important;
  }
  .template-layout,
  .pdf-center-grid,
  .archive-toolbar,
  .system-settings-grid,
  .settings-grid { max-width:100% !important;min-width:0 !important; }
}

@media (max-width:900px) {
  .app { display:block !important; }
  .app-nav {
    float:none !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    position:static !important;
    display:flex !important;
    flex-direction:row !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    margin:0 0 14px !important;
  }
  .app-nav::before { display:none !important; }
  .grid {
    margin-left:0 !important;
    width:100% !important;
    max-width:100% !important;
  }
}


/* REV5.95-E — DOM yerleşim güvenliği */
@media (min-width:901px){
  .grid > .app-page{box-sizing:border-box!important;width:100%!important;max-width:none!important;}
  .grid > .app-page[data-page="templates"],
  .grid > .app-page[data-page="preview"],
  .grid > .app-page[data-page="archive"],
  .grid > .app-page[data-page="settings"]{margin:0!important;float:none!important;}
}

/* =========================================================
   REV5.95-F — FERAHLATILMIS KURUMSAL RENK PALETI
   Koyu lacivert blokları azaltır; petrol/slate/teal ve kırık
   beyaz tonlarıyla daha aydınlık, modern masaüstü UI sağlar.
   ========================================================= */
:root{
  --f-ink:#203847;
  --f-slate:#477183;
  --f-slate-2:#5d8593;
  --f-teal:#188e88;
  --f-teal-soft:#dff2ef;
  --f-blue-soft:#e4eff5;
  --f-canvas:#eef4f5;
  --f-card:#f9fbfb;
}
body{
  background:
    radial-gradient(circle at 10% 0%,rgba(41,164,173,.12),transparent 30%),
    radial-gradient(circle at 92% 4%,rgba(221,174,92,.10),transparent 25%),
    linear-gradient(145deg,#edf4f5 0%,#e8f0f2 52%,#f4f1eb 100%) !important;
}
.topbar{
  background:
    radial-gradient(circle at 76% -25%,rgba(109,211,203,.28),transparent 38%),
    linear-gradient(125deg,#31586d 0%,#397889 56%,#16877f 120%) !important;
  box-shadow:0 14px 34px rgba(48,90,106,.18) !important;
  border-color:rgba(255,255,255,.32) !important;
}
.topbar .brand p{color:rgba(255,255,255,.78)!important}
.topbar .top-status span{background:rgba(255,255,255,.15)!important;color:#f0fffb!important}
.topbar .actions button{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.28)!important}
.topbar .actions button:hover{background:rgba(255,255,255,.23)!important}
.topbar .actions .primary{background:linear-gradient(135deg,#25aa9f,#14877f)!important;box-shadow:0 7px 17px rgba(20,135,127,.22)!important}

.app-nav{
  background:
    radial-gradient(circle at 0 100%,rgba(66,177,169,.22),transparent 48%),
    linear-gradient(180deg,#365f72,#294b5e) !important;
  box-shadow:0 14px 30px rgba(46,83,99,.15)!important;
  border-color:rgba(255,255,255,.22)!important;
}
.app-nav::before{color:#b9d1dc!important}
.nav-item{color:#e3edf1!important}
.nav-item span{background:rgba(255,255,255,.13)!important;color:#d6e8ee!important}
.nav-item:hover{background:rgba(255,255,255,.11)!important}
.nav-item.active{background:linear-gradient(135deg,#28a7a0,#2786a0)!important;box-shadow:0 8px 18px rgba(29,127,138,.18)!important}
.app-nav::-webkit-scrollbar-thumb{background:#7597a5!important}

/* Şablon stüdyosu: koyu oda yerine aydınlık tasarım masası */
.app-page[data-page="templates"]{
  background:
    radial-gradient(circle at 100% 0%,rgba(34,151,158,.11),transparent 32%),
    linear-gradient(145deg,#e5eff2,#f5f9f9 48%,#edf3f1) !important;
  color:var(--f-ink)!important;
}
.app-page[data-page="templates"] h2,
.app-page[data-page="templates"] h3,
.app-page[data-page="templates"] strong{color:#234657!important}
.app-page[data-page="templates"] p,
.app-page[data-page="templates"] small,
.app-page[data-page="templates"] .panel-note{color:#6e8792!important}
.app-page[data-page="templates"] > .section-head{
  background:linear-gradient(120deg,#4a7587,#448b92 72%,#319387)!important;
  box-shadow:0 10px 24px rgba(62,117,129,.13)!important;
}
.app-page[data-page="templates"] > .section-head h2,
.app-page[data-page="templates"] > .section-head h3,
.app-page[data-page="templates"] > .section-head strong{color:#fff!important}
.app-page[data-page="templates"] > .section-head p{color:#e2f0f2!important}
.built-in-gallery-shell{
  background:linear-gradient(145deg,#54798a,#3f697b)!important;
  border-color:rgba(255,255,255,.24)!important;
  box-shadow:0 10px 24px rgba(64,104,120,.14)!important;
}
.built-in-gallery-head h3{color:#fff!important}
.built-in-gallery-head p{color:#dcebee!important}
.template-layout > .template-tools:nth-child(2){
  background:#dfecef!important;
  border-color:#c7dadd!important;
}
.template-editor{background:#f8fbfb!important}
.template-stage{box-shadow:0 16px 38px rgba(54,83,97,.18)!important}

/* PDF: geniş koyu yüzeyleri kaldır, yalnızca gerçek önizleme çerçevesi slate */
.app-page[data-page="preview"]{
  background:
    radial-gradient(circle at 96% 0%,rgba(32,157,151,.10),transparent 30%),
    linear-gradient(145deg,#e7f0f2,#f7faf9 50%,#edf3f1)!important;
  color:var(--f-ink)!important;
}
.app-page[data-page="preview"] h2,
.app-page[data-page="preview"] h3,
.app-page[data-page="preview"] strong{color:#244656!important}
.app-page[data-page="preview"] p,
.app-page[data-page="preview"] small{color:#6e8490!important}
.app-page[data-page="preview"] > .section-head,
.pdf-center-head{
  background:linear-gradient(120deg,#4d7687,#42858e 74%,#299085)!important;
  box-shadow:0 10px 24px rgba(65,119,130,.14)!important;
  border-color:rgba(255,255,255,.24)!important;
}
.app-page[data-page="preview"] > .section-head h2,
.app-page[data-page="preview"] > .section-head h3,
.app-page[data-page="preview"] > .section-head strong,
.pdf-center-head h2,.pdf-center-head h3,.pdf-center-head strong{color:#fff!important}
.app-page[data-page="preview"] > .section-head p,.pdf-center-head p{color:#e2eff1!important}
.pdf-action-bar{
  background:linear-gradient(135deg,#dce9ed,#d4e7e6)!important;
  border:1px solid #c1d9dd!important;
  box-shadow:0 8px 20px rgba(70,108,120,.09)!important;
}
.pdf-action-bar button:not(.primary){background:#fff!important;color:#29495a!important;border-color:#bfd1d8!important}
.pdf-preview-workspace{
  background:#66808c!important;
  border-color:#87a0aa!important;
  box-shadow:0 12px 26px rgba(62,88,100,.14)!important;
}
.pdf-preview-toolbar{
  background:#4f6f7e!important;
  border-color:#7895a1!important;
  color:#fff!important;
}
.pdf-preview-toolbar button{background:#668895!important;color:#fff!important;border-color:#8ba6b0!important}
.pdf-participant-panel{background:#f9fbfb!important;border-color:#cbdce1!important}

/* Arşiv: mor/lacivert yerine yumuşak slate-purple vurgular */
.app-page[data-page="archive"] > .archive-head,
.app-page[data-page="archive"] > .section-head{
  background:linear-gradient(120deg,#55758b,#697aa5 58%,#668c91)!important;
  box-shadow:0 10px 24px rgba(81,105,132,.13)!important;
}
.app-page[data-page="archive"] > .archive-head p,
.app-page[data-page="archive"] > .section-head p{color:#e5edf4!important}
.certificate-verify-panel{
  background:linear-gradient(120deg,#5d7d90,#777ab0)!important;
  box-shadow:0 10px 24px rgba(86,94,135,.13)!important;
}
.archive-mode-switch{background:#dfe9ee!important;border:1px solid #c7d8df!important}
.archive-mode-switch button{color:#526d7c!important}
.archive-mode-switch button.active{background:linear-gradient(135deg,#6f75a9,#438c9b)!important;color:#fff!important}
.archive-table th{background:#5a7887!important;color:#fff!important}

/* Ayarlar: başlık koyuluğunu azalt */
.app-page[data-page="settings"] > .section-head{
  background:linear-gradient(120deg,#557788,#4f8790)!important;
  box-shadow:0 10px 24px rgba(71,116,128,.12)!important;
}
.app-page[data-page="settings"] > .section-head p{color:#e3eef1!important}
.settings-save-state{background:rgba(255,255,255,.18)!important;color:#fff!important;border-color:rgba(255,255,255,.22)!important}

/* Genel koyu bilgi bloklarını biraz aç */
.setup-duration-summary{
  background:linear-gradient(120deg,#52788a,#3f918b)!important;
  box-shadow:0 10px 22px rgba(65,120,128,.12)!important;
}

/* =========================================================
   REV5.95-G — TIPOGRAFI & KONTRAST IYILESTIRMESI
   Ferah tema korunurken metin hiyerarşisini güçlendirir.
   ========================================================= */
:root{
  --g-title:#173647;
  --g-heading:#244b5c;
  --g-text:#365767;
  --g-muted:#587380;
  --g-soft:#718895;
  --g-label:#2d5263;
}
body{color:var(--g-text)!important;letter-spacing:.002em!important;}

/* Genel başlık hiyerarşisi */
h1,h2,h3,h4,.section-head h2,.section-head h3,.page-title,.panel-title{
  color:var(--g-title)!important;
  font-weight:800!important;
  letter-spacing:-.015em!important;
}
.section-head h2,.archive-head h2,.pdf-center-head h2{font-size:1.42rem!important;line-height:1.18!important;}
h3{font-weight:750!important;}

/* Normal metin / açıklama */
p,.subtext,.helper,.panel-note,.section-head p,.archive-head p,.pdf-center-head p{
  color:var(--g-muted)!important;
  font-weight:500!important;
  line-height:1.5!important;
}
small,.muted,.hint,.field-help{
  color:var(--g-soft)!important;
  font-weight:550!important;
  line-height:1.42!important;
}
label,.field-label,.setting-current-template span,.system-settings-title span{
  color:var(--g-label)!important;
  font-weight:700!important;
}
strong,b{font-weight:800!important;}

/* Formlarda daha net okunurluk */
input,textarea,select{
  color:#203f4f!important;
  font-weight:600!important;
}
input::placeholder,textarea::placeholder{color:#8297a1!important;opacity:1!important;font-weight:500!important;}
button{font-weight:750!important;letter-spacing:-.005em!important;}

/* Sol menü okunurluğu */
.app-nav::before{color:#c4dce4!important;font-weight:800!important;letter-spacing:.12em!important;}
.nav-item{color:#f2f7f9!important;font-weight:750!important;}
.nav-item span{color:#e9f4f6!important;font-weight:800!important;}
.nav-item.active{color:#fff!important;}

/* Üst bar */
.topbar .brand h1,.topbar .brand strong{color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.1)!important;}
.topbar .brand p{color:#e2f0f3!important;font-weight:600!important;}
.topbar .top-status span{font-weight:750!important;}

/* Renkli başlıklarda beyaz tipografi net kalsın */
.app-page[data-page="templates"] > .section-head h2,
.app-page[data-page="templates"] > .section-head h3,
.app-page[data-page="preview"] > .section-head h2,
.app-page[data-page="preview"] > .section-head h3,
.pdf-center-head h2,.pdf-center-head h3,
.app-page[data-page="archive"] > .archive-head h2,
.app-page[data-page="archive"] > .section-head h2,
.certificate-verify-panel h2,.certificate-verify-panel h3,
.app-page[data-page="settings"] > .section-head h2,
.app-page[data-page="settings"] > .section-head h3{
  color:#fff!important;font-weight:850!important;text-shadow:0 1px 2px rgba(20,49,61,.16)!important;
}
.app-page[data-page="templates"] > .section-head p,
.app-page[data-page="preview"] > .section-head p,
.pdf-center-head p,
.app-page[data-page="archive"] > .archive-head p,
.app-page[data-page="archive"] > .section-head p,
.certificate-verify-panel p,
.app-page[data-page="settings"] > .section-head p{
  color:#eef8f9!important;font-weight:600!important;
}

/* Kartların metin kontrastı */
.system-settings-section b,.system-settings-section strong,
.settings-card strong,.archive-stat-card strong,.pdf-stat-card strong,
.template-tools strong,.pdf-participant-panel strong{
  color:#1f4353!important;
}
.system-settings-title b{color:#204858!important;font-size:1.02rem!important;}
.system-settings-title span{color:#5d7884!important;}
.settings-card span,.archive-stat-card span,.pdf-stat-card span{color:#58727e!important;font-weight:700!important;}

/* Tablolar */
table td{color:#314f5d!important;font-weight:550!important;}
table th{font-weight:800!important;letter-spacing:.01em!important;}

/* Seçili kişi / özet gibi açık kutular */
.pdf-participant-panel,.system-settings-section,.settings-card{
  color:#365564!important;
}

/* Beyaz üstü açık gri yazı kalan özel alanları bastır */
.app-page:not([data-page="templates"]):not([data-page="preview"]) .panel-note,
.app-page:not([data-page="templates"]):not([data-page="preview"]) small{
  color:#627d89!important;
}

/* =========================================================
   REV5.95-H — PREMIUM PRODUCT UI
   Daha kurumsal, katmanlı, yüksek kontrastlı masaüstü arayüz.
   ========================================================= */
:root{
  --h-ink:#173445;
  --h-ink-2:#284b5d;
  --h-muted:#607986;
  --h-line:#d7e4e8;
  --h-surface:#ffffff;
  --h-surface-2:#f5f9fa;
  --h-surface-3:#edf5f6;
  --h-teal:#138f8b;
  --h-teal-2:#35aaa2;
  --h-blue:#4e7f9a;
  --h-indigo:#6375a4;
  --h-amber:#d9a441;
  --h-danger:#cf5a52;
  --h-shadow:0 14px 38px rgba(39,79,94,.11);
  --h-shadow-sm:0 6px 18px rgba(39,79,94,.09);
}

/* Genel yüzey */
body{
  background:
    radial-gradient(circle at 13% 12%,rgba(78,157,177,.12),transparent 30%),
    radial-gradient(circle at 91% 8%,rgba(214,175,103,.09),transparent 27%),
    linear-gradient(180deg,#f4f8f9 0%,#edf4f5 100%)!important;
}
.app-shell{max-width:none!important;padding:16px 18px 24px!important;}

/* Üst bar: daha rafine, daha az ağır */
.topbar{
  border:1px solid rgba(255,255,255,.38)!important;
  background:linear-gradient(110deg,#3f7084 0%,#478b94 54%,#23998f 100%)!important;
  box-shadow:0 12px 34px rgba(38,91,104,.16)!important;
  border-radius:20px!important;
  position:relative!important;
  overflow:hidden!important;
}
.topbar::after{
  content:"";position:absolute;left:24px;right:24px;bottom:0;height:2px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);opacity:.7;
}
.topbar .brand h1{font-size:1.62rem!important;letter-spacing:-.025em!important;}
.topbar .brand p{opacity:.9!important;}
.topbar .actions button{box-shadow:none!important;border-color:rgba(255,255,255,.28)!important;}

/* Navigasyon: profesyonel ray */
.app-nav{
  background:linear-gradient(180deg,#315d70,#356f7b)!important;
  border:1px solid rgba(255,255,255,.32)!important;
  box-shadow:var(--h-shadow)!important;
  border-radius:18px!important;
}
.nav-item{
  border-radius:12px!important;
  margin:4px 8px!important;
  min-height:48px!important;
  transition:transform .16s ease,background .16s ease,box-shadow .16s ease!important;
}
.nav-item:hover{background:rgba(255,255,255,.10)!important;transform:translateX(2px)!important;}
.nav-item.active{
  background:linear-gradient(90deg,#1f9f9a,#36aaa4)!important;
  box-shadow:0 7px 16px rgba(20,122,121,.24)!important;
}
.nav-item .step,.nav-item > :first-child{
  background:rgba(255,255,255,.11)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;
}

/* Sağ ana sayfa kutularını gerçek 'page surface' yap */
.app-page{
  border:1px solid rgba(116,157,169,.18)!important;
  border-radius:20px!important;
  box-shadow:var(--h-shadow)!important;
  overflow:hidden!important;
}

/* Büyük gradient başlıkları küçült: ürün sayfası header stili */
.app-page[data-page="templates"] > .section-head,
.app-page[data-page="preview"] > .section-head,
.app-page[data-page="archive"] > .section-head,
.app-page[data-page="settings"] > .section-head{
  background:linear-gradient(135deg,#fbfdfd,#eef6f7)!important;
  border:0!important;
  border-bottom:1px solid var(--h-line)!important;
  border-radius:0!important;
  padding:22px 24px!important;
  box-shadow:none!important;
  position:relative!important;
}
.app-page[data-page="templates"] > .section-head::before,
.app-page[data-page="preview"] > .section-head::before,
.app-page[data-page="archive"] > .section-head::before,
.app-page[data-page="settings"] > .section-head::before{
  content:"";position:absolute;left:0;top:19px;bottom:19px;width:4px;border-radius:0 6px 6px 0;
  background:linear-gradient(180deg,var(--h-teal),#62b9b1);
}
.app-page[data-page="templates"] > .section-head h2,
.app-page[data-page="preview"] > .section-head h2,
.app-page[data-page="archive"] > .section-head h2,
.app-page[data-page="settings"] > .section-head h2,
.pdf-center-head h2,.archive-head h2{
  color:var(--h-ink)!important;text-shadow:none!important;font-size:1.5rem!important;
}
.app-page[data-page="templates"] > .section-head p,
.app-page[data-page="preview"] > .section-head p,
.app-page[data-page="archive"] > .section-head p,
.app-page[data-page="settings"] > .section-head p,
.pdf-center-head p,.archive-head p{
  color:var(--h-muted)!important;text-shadow:none!important;font-weight:600!important;
}
.profile-kicker{
  color:var(--h-teal)!important;font-weight:850!important;letter-spacing:.105em!important;font-size:.72rem!important;
}

/* Header aksiyonları: toolbar grubu */
.section-head .actions,.archive-head .actions,.pdf-center-head .actions{
  background:#fff!important;border:1px solid var(--h-line)!important;border-radius:14px!important;
  padding:6px!important;box-shadow:var(--h-shadow-sm)!important;gap:6px!important;
}
.section-head .actions button,.archive-head .actions button,.pdf-center-head .actions button,
.section-head .file-button{
  min-height:40px!important;border-radius:10px!important;
}

/* ========== ŞABLON STÜDYOSU ========== */
.app-page[data-page="templates"]{background:#f3f8f9!important;}
.built-in-gallery-shell{
  margin:18px 22px!important;padding:0!important;background:#fff!important;
  border:1px solid var(--h-line)!important;border-radius:18px!important;box-shadow:var(--h-shadow-sm)!important;overflow:hidden!important;
}
.built-in-gallery-head{
  padding:18px 20px!important;background:linear-gradient(90deg,#f8fbfc,#eef6f7)!important;
  border-bottom:1px solid var(--h-line)!important;
}
.built-in-gallery-head h3{color:var(--h-ink)!important;font-weight:850!important;font-size:1.16rem!important;}
.built-in-gallery-head p,.built-in-gallery-head .muted{color:var(--h-muted)!important;font-weight:600!important;}
.built-in-count{background:#fff4dc!important;color:#946617!important;border:1px solid #eed8aa!important;box-shadow:none!important;font-weight:800!important;}
.built-in-template-gallery{padding:16px!important;gap:14px!important;background:#f8fbfc!important;}
.built-in-template-card{
  border:1px solid #dbe6e9!important;border-radius:14px!important;background:#fff!important;
  box-shadow:0 4px 13px rgba(37,77,91,.07)!important;overflow:hidden!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.built-in-template-card:hover{transform:translateY(-3px)!important;box-shadow:0 12px 26px rgba(37,77,91,.14)!important;border-color:#9dc8cb!important;}
.built-in-template-card img{background:#f3f5f2!important;border-bottom:1px solid #e4ebed!important;}
.built-in-template-card strong{color:#173f50!important;font-size:.93rem!important;}
.built-in-template-card .muted{color:#687f89!important;}
.built-in-template-card button{border-radius:9px!important;}
.template-layout{padding:0 22px 22px!important;gap:16px!important;}
.template-tools,.layer-panel,.selected-layer-editor{
  background:#fff!important;border:1px solid var(--h-line)!important;border-radius:16px!important;box-shadow:var(--h-shadow-sm)!important;
}
.template-editor{background:#eaf2f4!important;border:1px solid #d3e2e6!important;border-radius:18px!important;box-shadow:inset 0 1px 0 #fff!important;}
.editor-head{background:#fff!important;border-bottom:1px solid var(--h-line)!important;}
.editor-head h3{color:var(--h-ink)!important;}
.designer-toolbar{background:#f8fbfc!important;border-bottom:1px solid var(--h-line)!important;}
.template-stage{box-shadow:0 15px 34px rgba(31,68,82,.18)!important;border-radius:8px!important;}

/* ========== PDF / BASKI ========== */
.app-page[data-page="preview"]{background:#f4f8f9!important;}
.pdf-output-summary{padding:18px 22px 0!important;gap:12px!important;}
.pdf-stat-card{
  background:#fff!important;border:1px solid var(--h-line)!important;border-radius:14px!important;
  box-shadow:0 5px 14px rgba(36,78,93,.07)!important;position:relative!important;overflow:hidden!important;
}
.pdf-stat-card::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:var(--h-blue);}
.pdf-stat-card:nth-child(2)::before{background:var(--h-teal);}.pdf-stat-card:nth-child(3)::before{background:var(--h-amber);}.pdf-stat-card:nth-child(4)::before{background:var(--h-indigo);}
.pdf-stat-card strong{font-size:1.28rem!important;color:var(--h-ink)!important;}
.pdf-action-bar{
  margin:12px 22px!important;background:#fff!important;border:1px solid var(--h-line)!important;border-radius:14px!important;
  padding:10px!important;box-shadow:var(--h-shadow-sm)!important;
}
.pdf-action-bar button{min-height:42px!important;border-radius:10px!important;}
.pdf-action-status{margin:0 22px 12px!important;background:#eef7f6!important;border:1px solid #cfe6e3!important;color:#3f686b!important;border-radius:10px!important;padding:9px 12px!important;}
.pdf-center-grid{padding:0 22px 22px!important;gap:16px!important;}
.pdf-participant-panel{
  background:#fff!important;border:1px solid var(--h-line)!important;border-radius:16px!important;box-shadow:var(--h-shadow-sm)!important;
}
.pdf-preview-workspace{
  background:#dce9ec!important;border:1px solid #c4d8de!important;border-radius:17px!important;box-shadow:var(--h-shadow-sm)!important;overflow:hidden!important;
}
.pdf-preview-toolbar{background:#496f80!important;border-bottom:1px solid rgba(255,255,255,.22)!important;}
.pdf-preview-toolbar,.pdf-preview-toolbar *{color:#fff!important;}
.pdf-preview-toolbar select{color:#244756!important;background:#fff!important;}
.preview{background:linear-gradient(145deg,#dce7ea,#cfdde1)!important;padding:16px!important;}

/* ========== ARŞİV ========== */
.app-page[data-page="archive"]{background:#f5f8fb!important;}
.certificate-verify-panel{
  margin:18px 22px 0!important;background:#fff!important;border:1px solid var(--h-line)!important;
  border-radius:17px!important;box-shadow:var(--h-shadow-sm)!important;padding:18px!important;position:relative!important;overflow:hidden!important;
}
.certificate-verify-panel::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#6c7fb2,#9a83b8);}
.certificate-verify-panel h2,.certificate-verify-panel h3{color:var(--h-ink)!important;text-shadow:none!important;}
.certificate-verify-panel p{color:var(--h-muted)!important;font-weight:600!important;}
.certificate-verify-form input{background:#f8fafc!important;border:1px solid #d8e0ea!important;}
.archive-stats{padding:16px 22px 0!important;gap:12px!important;}
.archive-stat-card{
  background:#fff!important;border:1px solid #dde6ea!important;border-radius:14px!important;box-shadow:0 5px 14px rgba(36,78,93,.06)!important;position:relative!important;overflow:hidden!important;
}
.archive-stat-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:#638aa0;}
.archive-stat-card:nth-child(2)::before{background:#4f9c91}.archive-stat-card:nth-child(3)::before{background:#d8a74c}.archive-stat-card:nth-child(4)::before{background:#8379b1}.archive-stat-card:nth-child(5)::before{background:#d88968}.archive-stat-card:nth-child(6)::before{background:#778d9c}
.archive-toolbar{
  margin:16px 22px 0!important;padding:10px!important;background:#fff!important;border:1px solid var(--h-line)!important;border-radius:15px!important;box-shadow:var(--h-shadow-sm)!important;
}
.archive-mode-switch{background:#edf3f5!important;padding:4px!important;border-radius:10px!important;}
.archive-mode-switch button.active{background:#4c8398!important;color:#fff!important;box-shadow:0 3px 8px rgba(49,102,122,.18)!important;}
.archive-table-wrap{margin:14px 22px 22px!important;background:#fff!important;border:1px solid var(--h-line)!important;border-radius:15px!important;box-shadow:var(--h-shadow-sm)!important;overflow:hidden!important;}
.archive-table thead th{background:#52798a!important;color:#fff!important;border:0!important;}
.archive-table tbody tr:hover{background:#f0f7f8!important;}

/* ========== AYARLAR ========== */
.app-page[data-page="settings"]{background:#f5f8f9!important;}
.system-settings-grid{padding:18px 22px!important;gap:16px!important;}
.system-settings-section{
  background:#fff!important;border:1px solid var(--h-line)!important;border-radius:16px!important;box-shadow:var(--h-shadow-sm)!important;overflow:hidden!important;padding:0!important;
}
.system-settings-title{
  padding:15px 17px!important;background:linear-gradient(90deg,#f9fbfc,#edf5f6)!important;border-bottom:1px solid var(--h-line)!important;
}
.system-settings-title b{font-size:1.05rem!important;color:var(--h-ink)!important;}
.system-settings-section > label,.system-settings-section > .setting-row,.system-settings-section > p,.system-settings-section > div:not(.system-settings-title){margin-left:17px!important;margin-right:17px!important;}
.system-settings-section > :last-child{margin-bottom:17px!important;}

/* İnce detaylar */
button,.file-button{transition:transform .15s ease,box-shadow .15s ease,background .15s ease!important;}
button:hover,.file-button:hover{transform:translateY(-1px)!important;}
.primary{background:linear-gradient(135deg,#148f8a,#1ca39b)!important;box-shadow:0 5px 12px rgba(19,143,138,.18)!important;}
.secondary-button,button:not(.primary):not(.danger-button):not(.nav-item){border-color:#cddce1!important;}
.danger-button{background:#fff3f1!important;color:#b74740!important;border-color:#efc6c2!important;}
input,textarea,select{border-color:#cfdee3!important;background:#fff!important;box-shadow:inset 0 1px 2px rgba(30,65,78,.025)!important;}
input:focus,textarea:focus,select:focus{border-color:#63aaa8!important;box-shadow:0 0 0 3px rgba(35,151,146,.10)!important;outline:none!important;}

/* Okunurluk güvenlik katmanı */
.built-in-gallery-head *, .certificate-verify-panel *, .archive-toolbar *, .system-settings-section *{text-shadow:none!important;}
.built-in-gallery-head p,.built-in-gallery-head small,.certificate-verify-copy p{opacity:1!important;}



/* Rev5.95-I — Premium İSG ikon ailesi */
.training-card-art {
  width: 78px;
  height: 78px;
  border-radius: 22px;
  background: linear-gradient(145deg,#ffffff 0%,#f4f8fa 100%);
  border: 1px solid rgba(44,80,96,.13);
  box-shadow: 0 10px 24px rgba(35,67,82,.10), inset 0 1px 0 rgba(255,255,255,.92);
  overflow: hidden;
}
.training-card-art .premium-training-icon {
  width: 68px;
  height: 64px;
  object-fit: cover;
  object-position: center;
  border-radius: 16px;
  transform: scale(.98);
}
.built-in-template-thumb img.template-thumb-icon {
  width: 25% !important;
  height: 36% !important;
  left: 37.5% !important;
  top: 4.5% !important;
  border-radius: 12px;
  object-fit: cover !important;
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(31,63,79,.12);
  box-shadow: 0 7px 16px rgba(18,46,64,.16) !important;
  filter: none !important;
}
.icon-picker-preview img,
.layer-render-image {
  image-rendering: auto;
}

/* =========================================================
   REV5.97 — ENTERPRISE + WINDOWS FLUENT UI REBUILD
   Scope: shell + Home + Firma + PDF + Archive
   ========================================================= */
:root{
  --e-bg:#f3f6f9;
  --e-surface:#ffffff;
  --e-surface-2:#f8fafc;
  --e-border:#dbe3ea;
  --e-border-strong:#c9d5df;
  --e-text:#172b3d;
  --e-muted:#627789;
  --e-navy:#17324d;
  --e-navy-2:#234760;
  --e-teal:#0f8f87;
  --e-teal-2:#0a756f;
  --e-teal-soft:#e8f5f3;
  --e-blue-soft:#edf4fa;
  --e-amber:#b7791f;
  --e-danger:#c64138;
  --e-shadow:0 8px 26px rgba(26,50,72,.08);
  --e-shadow-soft:0 2px 10px rgba(26,50,72,.06);
}

html,body{background:var(--e-bg)!important;color:var(--e-text)!important;font-family:"Segoe UI Variable","Segoe UI",Inter,Arial,sans-serif!important;}
body{letter-spacing:0!important;}

/* App shell */
.topbar{
  position:sticky!important;top:0!important;z-index:40!important;
  min-height:86px!important;margin:12px 14px 0!important;padding:14px 18px!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid var(--e-border)!important;border-radius:14px!important;
  box-shadow:var(--e-shadow-soft)!important;backdrop-filter:blur(14px)!important;
  color:var(--e-text)!important;
}
.topbar::after{display:none!important;}
.topbar .brand{gap:13px!important;align-items:center!important;}
.topbar .brand img{width:50px!important;height:50px!important;border-radius:12px!important;box-shadow:0 4px 14px rgba(24,60,78,.12)!important;}
.topbar .brand h1{color:var(--e-navy)!important;text-shadow:none!important;font-size:1.48rem!important;font-weight:760!important;letter-spacing:-.025em!important;}
.topbar .brand p{color:var(--e-muted)!important;font-size:12px!important;font-weight:560!important;margin-top:2px!important;}
.topbar .product-kicker{color:var(--e-teal)!important;}
.topbar .pro-badge{background:#167ab0!important;color:#fff!important;box-shadow:none!important;}
.topbar .top-status{gap:7px!important;margin-top:6px!important;}
.topbar .top-status span{background:#f1f6f8!important;border:1px solid #dce8ed!important;color:#476276!important;font-size:11px!important;font-weight:650!important;padding:4px 8px!important;border-radius:999px!important;}
.topbar .actions{gap:8px!important;}
.topbar .actions button{height:38px!important;padding:0 15px!important;border-radius:8px!important;border:1px solid var(--e-border-strong)!important;background:#fff!important;color:#244057!important;box-shadow:none!important;font-weight:650!important;}
.topbar .actions button:hover{background:#f5f8fa!important;border-color:#b7c7d3!important;transform:none!important;}
.topbar .actions .primary{background:var(--e-teal)!important;border-color:var(--e-teal)!important;color:#fff!important;box-shadow:0 4px 12px rgba(15,143,135,.16)!important;}
.topbar .actions .primary:hover{background:var(--e-teal-2)!important;}

.grid{
  display:grid!important;grid-template-columns:208px minmax(0,1fr)!important;gap:14px!important;
  align-items:start!important;max-width:none!important;margin:14px!important;padding:0!important;
}
.app-nav{
  grid-column:1!important;position:sticky!important;top:112px!important;align-self:start!important;
  width:208px!important;max-height:calc(100vh - 130px)!important;margin:0!important;padding:10px!important;
  background:#fff!important;border:1px solid var(--e-border)!important;border-radius:12px!important;
  box-shadow:var(--e-shadow-soft)!important;overflow:auto!important;
}
.app-nav::before{content:"ÇALIŞMA ALANI"!important;display:block!important;padding:8px 10px 10px!important;color:#7b8f9f!important;font-size:10px!important;font-weight:800!important;letter-spacing:.14em!important;}
.app-nav .nav-item{height:42px!important;min-height:42px!important;margin:2px 0!important;padding:0 10px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#3f596d!important;font-weight:650!important;justify-content:flex-start!important;gap:10px!important;box-shadow:none!important;}
.app-nav .nav-item span{width:25px!important;height:25px!important;display:inline-grid!important;place-items:center!important;border-radius:7px!important;background:#eef3f6!important;color:#667f91!important;font-size:11px!important;}
.app-nav .nav-item:hover{background:#f3f7f9!important;color:var(--e-navy)!important;transform:none!important;}
.app-nav .nav-item.active{position:relative!important;background:var(--e-teal-soft)!important;color:#0a655f!important;font-weight:730!important;}
.app-nav .nav-item.active::before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--e-teal);}
.app-nav .nav-item.active span{background:#d4ece8!important;color:#0a655f!important;}

.app-page{grid-column:2!important;min-width:0!important;width:100%!important;max-width:none!important;margin:0!important;}
.panel.app-page{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;}

/* generic controls for redesigned pages */
.home-page button,.pro-setup-page button,.pdf-center-page button,.archive-page button{border-radius:8px!important;font-family:inherit!important;}
.home-page input,.pro-setup-page input,.pro-setup-page select,.pro-setup-page textarea,.pdf-center-page input,.pdf-center-page select,.archive-page input,.archive-page select{
  border:1px solid var(--e-border-strong)!important;border-radius:8px!important;background:#fff!important;color:var(--e-text)!important;box-shadow:inset 0 1px 1px rgba(30,55,75,.02)!important;
}
.home-page input:focus,.pro-setup-page input:focus,.pro-setup-page select:focus,.pro-setup-page textarea:focus,.pdf-center-page input:focus,.pdf-center-page select:focus,.archive-page input:focus,.archive-page select:focus{outline:2px solid rgba(15,143,135,.16)!important;border-color:#6cbab4!important;}

/* HOME — enterprise launch workspace */
.home-page{padding:0!important;overflow:visible!important;}
.home-hero{
  display:grid!important;grid-template-columns:minmax(0,1.6fr) minmax(260px,.65fr)!important;gap:0!important;
  min-height:210px!important;background:#fff!important;border:1px solid var(--e-border)!important;border-radius:14px!important;overflow:hidden!important;box-shadow:var(--e-shadow-soft)!important;
}
.home-hero-copy{padding:30px 32px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;background:#fff!important;}
.home-eyebrow{color:var(--e-teal)!important;font-size:11px!important;font-weight:800!important;letter-spacing:.13em!important;}
.home-hero h2{color:var(--e-navy)!important;font-size:2rem!important;line-height:1.15!important;max-width:760px!important;margin:8px 0 10px!important;letter-spacing:-.035em!important;}
.home-hero p{color:var(--e-muted)!important;max-width:720px!important;line-height:1.6!important;font-size:14px!important;}
.home-hero-actions{padding:26px!important;background:linear-gradient(150deg,#183b56,#215c69)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:10px!important;border-left:1px solid rgba(255,255,255,.08)!important;}
.home-hero-actions button{height:42px!important;border:1px solid rgba(255,255,255,.24)!important;background:rgba(255,255,255,.10)!important;color:#fff!important;font-weight:700!important;}
.home-hero-actions .primary{background:#20a69b!important;border-color:#20a69b!important;}
.training-library-head{margin:22px 0 10px!important;padding:0 2px!important;align-items:flex-end!important;}
.training-library-head h3{font-size:1.15rem!important;color:var(--e-navy)!important;margin:0!important;}
.training-library-head p{color:var(--e-muted)!important;font-size:12px!important;margin-top:3px!important;}
.training-search{width:300px!important;background:#fff!important;border:1px solid var(--e-border)!important;border-radius:8px!important;height:38px!important;box-shadow:none!important;}
.training-card-grid{gap:12px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.training-card{border:1px solid var(--e-border)!important;border-radius:12px!important;background:#fff!important;box-shadow:0 2px 8px rgba(28,53,72,.045)!important;min-height:148px!important;overflow:hidden!important;transition:.16s ease!important;}
.training-card:hover{transform:translateY(-2px)!important;border-color:#aac7d1!important;box-shadow:0 9px 24px rgba(28,53,72,.09)!important;}
.training-card::before{height:3px!important;}
.training-card .training-card-icon{width:52px!important;height:52px!important;border-radius:10px!important;background:#f5f8fa!important;border:1px solid #e3eaef!important;box-shadow:none!important;}
.pro-quick-center,.home-current-work{margin-top:16px!important;background:#fff!important;border:1px solid var(--e-border)!important;border-radius:12px!important;box-shadow:var(--e-shadow-soft)!important;padding:18px!important;}
.pro-section-head{padding:0 0 12px!important;border-bottom:1px solid #edf1f4!important;margin-bottom:12px!important;}
.pro-kicker{color:#7d91a2!important;font-size:10px!important;letter-spacing:.12em!important;}
.pro-section-head h3{color:var(--e-navy)!important;font-size:1.05rem!important;}
.pro-quick-grid{grid-template-columns:repeat(5,1fr)!important;gap:9px!important;}
.pro-quick-card{min-height:88px!important;background:#f8fafb!important;border:1px solid #e1e8ed!important;box-shadow:none!important;text-align:left!important;padding:12px!important;}
.pro-quick-card:hover{background:#f2f7f7!important;border-color:#b7d7d3!important;transform:none!important;}
.pro-q-icon{width:30px!important;height:30px!important;border-radius:8px!important;background:#e8f3f2!important;color:#167d76!important;font-size:13px!important;}
.home-current-head{border-bottom:1px solid #edf1f4!important;padding-bottom:12px!important;margin-bottom:12px!important;}
.compact-dashboard{grid-template-columns:repeat(5,1fr)!important;gap:8px!important;}
.dash-tile{border:1px solid #e4eaef!important;background:#fafcfd!important;border-radius:9px!important;box-shadow:none!important;padding:11px 12px!important;}
.dash-tile span{color:#758999!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.07em!important;}
.dash-tile strong{color:var(--e-navy)!important;font-size:14px!important;}

/* COMPANY / TRAINING — profile workspace */
.pro-setup-page>h2,.pro-setup-page>.panel-note{display:none!important;}
.selected-training-strip{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;margin:0 0 12px!important;border:1px solid var(--e-border)!important;border-radius:10px!important;background:#fff!important;overflow:hidden!important;box-shadow:none!important;}
.selected-training-strip>div{padding:11px 14px!important;border-right:1px solid #e6ecef!important;}
.selected-training-strip>div:last-child{border-right:0!important;}
.selected-training-strip span{font-size:10px!important;color:#788c9b!important;text-transform:uppercase!important;letter-spacing:.08em!important;}
.selected-training-strip strong{color:var(--e-navy)!important;font-size:13px!important;margin-top:2px!important;}
.company-profile-center{display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(310px,.75fr)!important;gap:14px!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;}
.company-profile-head{grid-column:1/-1!important;background:#fff!important;border:1px solid var(--e-border)!important;border-radius:12px!important;padding:18px 20px!important;box-shadow:var(--e-shadow-soft)!important;}
.company-profile-head h3{color:var(--e-navy)!important;font-size:1.18rem!important;margin:3px 0!important;}
.company-profile-head p{color:var(--e-muted)!important;font-size:12px!important;}
.profile-kicker{color:var(--e-teal)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.12em!important;}
.active-profile-badge{background:#eef6f5!important;color:#0b6f69!important;border:1px solid #cae6e2!important;border-radius:999px!important;padding:6px 10px!important;}
.profile-selector-grid,.profile-actions{grid-column:1!important;}
.profile-selector-grid{background:#fff!important;border:1px solid var(--e-border)!important;border-radius:12px 12px 0 0!important;padding:18px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;border-bottom:0!important;}
.profile-actions-4{background:#fff!important;border:1px solid var(--e-border)!important;border-top:1px solid #eef2f4!important;border-radius:0 0 12px 12px!important;padding:12px 18px 18px!important;display:flex!important;gap:8px!important;flex-wrap:wrap!important;}
.profile-actions-4 button{height:38px!important;}
.profile-actions-4 .primary{background:var(--e-teal)!important;color:#fff!important;border-color:var(--e-teal)!important;}
.profile-brand-grid{grid-column:2!important;grid-row:2/5!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;align-content:start!important;}
.profile-brand-card{display:grid!important;grid-template-columns:66px 1fr!important;gap:12px!important;align-items:center!important;background:#fff!important;border:1px solid var(--e-border)!important;border-radius:12px!important;padding:14px!important;box-shadow:var(--e-shadow-soft)!important;}
.profile-brand-preview{width:64px!important;height:64px!important;border-radius:10px!important;background:#f7fafb!important;border:1px dashed #bdccd5!important;}
.profile-brand-card strong{color:var(--e-navy)!important;}
.profile-brand-card small{color:var(--e-muted)!important;}
.profile-brand-actions{grid-column:1/-1!important;display:flex!important;gap:7px!important;}
.company-profile-center>label{grid-column:1!important;background:#fff!important;border:1px solid var(--e-border)!important;border-radius:10px!important;padding:13px 15px!important;}
.profile-status{grid-column:2!important;background:#f8fafb!important;border:1px solid var(--e-border)!important;border-radius:10px!important;padding:12px 14px!important;color:#6c8090!important;}
.setup-detail-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;margin-top:14px!important;}
.setup-form-card{background:#fff!important;border:1px solid var(--e-border)!important;border-radius:12px!important;padding:18px!important;box-shadow:var(--e-shadow-soft)!important;}
.setup-card-title{margin:-18px -18px 16px!important;padding:14px 18px!important;border-bottom:1px solid #e8edf1!important;background:#fbfcfd!important;border-radius:12px 12px 0 0!important;}
.setup-card-title>span{background:#e9f3f2!important;color:#13766f!important;border-radius:7px!important;}
.setup-card-title strong{color:var(--e-navy)!important;}
.setup-card-title small{color:var(--e-muted)!important;}

/* PDF — command center */
.pdf-center-page{background:transparent!important;padding:0!important;}
.pdf-center-head{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;background:#fff!important;border:1px solid var(--e-border)!important;border-radius:12px!important;padding:18px 20px!important;box-shadow:var(--e-shadow-soft)!important;margin-bottom:12px!important;}
.pdf-center-head h2{color:var(--e-navy)!important;font-size:1.25rem!important;margin:2px 0!important;}
.pdf-center-head p{color:var(--e-muted)!important;font-size:12px!important;}
.pdf-center-head .actions button{height:36px!important;background:#fff!important;border:1px solid var(--e-border-strong)!important;color:#355268!important;}
.pdf-output-summary{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important;margin-bottom:10px!important;}
.pdf-output-summary>div{position:relative!important;background:#fff!important;border:1px solid var(--e-border)!important;border-radius:10px!important;padding:12px 14px 11px!important;box-shadow:none!important;overflow:hidden!important;}
.pdf-output-summary>div::before{content:""!important;position:absolute!important;left:0;top:0;bottom:0;width:3px;background:#8ca5b5!important;}
.pdf-output-summary>div:nth-child(2)::before{background:#38a89e!important}.pdf-output-summary>div:nth-child(3)::before{background:#d69a3a!important}.pdf-output-summary>div:nth-child(4)::before{background:#7587b4!important}
.pdf-output-summary span{color:#788b99!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:.07em!important;}
.pdf-output-summary strong{color:var(--e-navy)!important;font-size:16px!important;}
.pdf-action-bar{display:flex!important;gap:7px!important;align-items:center!important;background:#fff!important;border:1px solid var(--e-border)!important;border-radius:10px!important;padding:9px!important;margin-bottom:8px!important;box-shadow:none!important;}
.pdf-action-bar button{height:38px!important;background:#fff!important;border:1px solid var(--e-border-strong)!important;color:#2d4b61!important;font-weight:650!important;}
.pdf-action-bar .primary{background:var(--e-teal)!important;color:#fff!important;border-color:var(--e-teal)!important;}
.pdf-action-status{background:#f8fafb!important;border:1px solid #e1e8ed!important;border-radius:8px!important;color:#687d8d!important;padding:8px 10px!important;margin-bottom:10px!important;}
.pdf-center-grid{display:grid!important;grid-template-columns:285px minmax(0,1fr)!important;gap:10px!important;align-items:start!important;}
.pdf-participant-panel{background:#fff!important;border:1px solid var(--e-border)!important;border-radius:10px!important;padding:12px!important;box-shadow:none!important;}
.pdf-participant-head{padding-bottom:10px!important;border-bottom:1px solid #edf1f4!important;margin-bottom:9px!important;}
.pdf-participant-head strong{color:var(--e-navy)!important;}
.pdf-participant-head span{color:var(--e-muted)!important;font-size:10px!important;}
.pdf-selection-buttons button{height:30px!important;font-size:10px!important;}
.pdf-participant-search{border:1px solid var(--e-border)!important;border-radius:8px!important;background:#fafcfd!important;}
.pdf-preview-workspace{background:#dde5ea!important;border:1px solid #cdd9e1!important;border-radius:10px!important;overflow:hidden!important;box-shadow:none!important;}
.pdf-preview-toolbar{background:#f8fafb!important;border-bottom:1px solid #cfdbe2!important;color:var(--e-text)!important;padding:10px 12px!important;}
.pdf-preview-toolbar strong{color:var(--e-navy)!important;}
.pdf-preview-toolbar span{color:var(--e-muted)!important;}
.pdf-preview-person-nav button{background:#eef3f6!important;color:#35566c!important;border:1px solid #d3dee5!important;}
.preview{padding:14px!important;background:#dce5ea!important;gap:12px!important;}
.preview .certificate-preview,.preview .preview-page{box-shadow:0 10px 26px rgba(20,48,66,.16)!important;border-radius:5px!important;}

/* ARCHIVE — records center */
.archive-page{padding:0!important;}
.archive-head{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;background:#fff!important;border:1px solid var(--e-border)!important;border-radius:12px!important;padding:18px 20px!important;box-shadow:var(--e-shadow-soft)!important;margin-bottom:10px!important;}
.archive-head h2{color:var(--e-navy)!important;font-size:1.25rem!important;margin:2px 0!important;}
.archive-head p{color:var(--e-muted)!important;font-size:12px!important;}
.archive-head .actions button{height:36px!important;background:#fff!important;border:1px solid var(--e-border-strong)!important;color:#355268!important;}
.certificate-verify-panel{display:grid!important;grid-template-columns:260px minmax(0,1fr)!important;gap:14px!important;align-items:center!important;background:#fff!important;border:1px solid var(--e-border)!important;border-left:3px solid var(--e-teal)!important;border-radius:10px!important;padding:14px 16px!important;margin-bottom:10px!important;box-shadow:none!important;}
.certificate-verify-copy strong{display:block!important;color:var(--e-navy)!important;font-size:14px!important;margin:3px 0!important;}
.certificate-verify-copy small{color:var(--e-muted)!important;}
.certificate-verify-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;}
.certificate-verify-form input{height:38px!important;}
.certificate-verify-form button{height:38px!important;background:var(--e-teal)!important;border-color:var(--e-teal)!important;color:#fff!important;}
.certificate-verify-result{grid-column:1/-1!important;background:#f6faf9!important;border:1px solid #d6e9e6!important;border-radius:8px!important;padding:10px!important;}
.archive-stats-6{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:7px!important;margin-bottom:10px!important;}
.archive-stats-6>div{background:#fff!important;border:1px solid var(--e-border)!important;border-radius:9px!important;padding:10px 12px!important;box-shadow:none!important;}
.archive-stats-6 span{color:#7a8e9c!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:.06em!important;}
.archive-stats-6 strong{color:var(--e-navy)!important;font-size:17px!important;}
.archive-toolbar{display:grid!important;grid-template-columns:auto minmax(240px,1fr) repeat(3,minmax(140px,.34fr))!important;gap:7px!important;background:#fff!important;border:1px solid var(--e-border)!important;border-radius:10px!important;padding:9px!important;margin-bottom:8px!important;align-items:center!important;}
.archive-mode-switch{display:flex!important;padding:2px!important;background:#eef3f6!important;border-radius:7px!important;border:1px solid #dde6eb!important;}
.archive-mode-switch button{height:30px!important;padding:0 10px!important;border:0!important;background:transparent!important;color:#607789!important;font-size:10px!important;}
.archive-mode-switch button.active{background:#fff!important;color:#176e68!important;box-shadow:0 1px 4px rgba(25,55,73,.09)!important;}
.archive-search{background:#fafcfd!important;border:1px solid var(--e-border)!important;border-radius:7px!important;height:34px!important;}
.archive-toolbar select{height:34px!important;font-size:11px!important;}
.archive-status{background:transparent!important;color:#718594!important;padding:6px 2px!important;font-size:10px!important;}
.archive-table-wrap{background:#fff!important;border:1px solid var(--e-border)!important;border-radius:10px!important;overflow:auto!important;box-shadow:var(--e-shadow-soft)!important;}
.archive-table{border-collapse:collapse!important;background:#fff!important;}
.archive-table thead th{position:sticky!important;top:0!important;background:#f4f7f9!important;color:#50697c!important;border-bottom:1px solid #dce5eb!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.045em!important;padding:10px 11px!important;}
.archive-table tbody td{border-bottom:1px solid #edf1f4!important;padding:10px 11px!important;color:#29445a!important;}
.archive-table tbody tr:hover{background:#f8fbfc!important;}
.archive-empty{background:#fff!important;border:1px dashed #c7d4dd!important;border-radius:10px!important;color:#617888!important;padding:28px!important;}
.personnel-directory-tools{background:#fff!important;border:1px solid var(--e-border)!important;border-radius:10px!important;padding:10px 12px!important;margin-bottom:8px!important;}

@media (max-width:1180px){
  .training-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .pro-quick-grid{grid-template-columns:repeat(3,1fr)!important;}
  .archive-toolbar{grid-template-columns:1fr 1fr!important;}
  .archive-stats-6{grid-template-columns:repeat(3,1fr)!important;}
}
@media (max-width:900px){
  .grid{grid-template-columns:1fr!important;margin:10px!important;}
  .app-nav{grid-column:1!important;position:static!important;width:100%!important;display:flex!important;overflow-x:auto!important;padding:7px!important;max-height:none!important;}
  .app-nav::before{display:none!important;}.app-nav .nav-item{min-width:max-content!important;}
  .app-page{grid-column:1!important;}
  .home-hero{grid-template-columns:1fr!important;}.home-hero-actions{border-left:0!important;}
  .company-profile-center,.setup-detail-grid,.pdf-center-grid{grid-template-columns:1fr!important;}
  .profile-brand-grid,.profile-selector-grid,.profile-actions,.company-profile-center>label,.profile-status{grid-column:1!important;grid-row:auto!important;}
  .archive-stats-6{grid-template-columns:repeat(2,1fr)!important;}
  .certificate-verify-panel{grid-template-columns:1fr!important;}
}

/* =========================================================
   REV5.97-B — POLISHED STABLE SHELL
   Amaç: kayma/taşma önleme + daha profesyonel uygulama kabuğu
   ========================================================= */
:root{
  --ui-bg:#eef3f7;
  --ui-card:#ffffff;
  --ui-card-soft:#f7fafc;
  --ui-line:#dce5ed;
  --ui-line-strong:#c8d5df;
  --ui-text:#10243f;
  --ui-muted:#65798b;
  --ui-blue:#0b66d8;
  --ui-blue-2:#084faa;
  --ui-teal:#0f8f87;
  --ui-teal-soft:#e7f5f3;
  --ui-shadow:0 14px 34px rgba(18,42,68,.10);
  --ui-shadow-soft:0 5px 16px rgba(18,42,68,.07);
}

html,
body{
  width:100%!important;
  min-width:0!important;
  min-height:100%!important;
  overflow-x:hidden!important;
  background:var(--ui-bg)!important;
  color:var(--ui-text)!important;
  font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif!important;
  letter-spacing:0!important;
}

body.license-open,
body:has(#licenseGate:not([hidden])){
  overflow:hidden!important;
}

body.license-open .app,
body:has(#licenseGate:not([hidden])) .app{
  display:none!important;
}

.license-gate{
  z-index:99999!important;
  background:
    radial-gradient(circle at 28% 20%,rgba(36,160,182,.32),transparent 34%),
    linear-gradient(135deg,#10243f 0%,#147c71 56%,#e39a3f 100%)!important;
}

.license-card{
  width:min(420px,calc(100vw - 36px))!important;
  border-radius:10px!important;
  border:1px solid rgba(255,255,255,.55)!important;
  box-shadow:0 26px 70px rgba(7,23,42,.30)!important;
}

body:not(.license-open) .app{
  width:min(1560px,calc(100vw - 24px))!important;
  min-height:calc(100vh - 24px)!important;
  margin:12px auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:236px minmax(0,1fr)!important;
  grid-template-rows:78px minmax(0,1fr)!important;
  grid-template-areas:"top top" "nav content"!important;
  gap:12px!important;
  overflow:visible!important;
}

body:not(.license-open) .topbar{
  grid-area:top!important;
  position:sticky!important;
  top:12px!important;
  z-index:60!important;
  min-width:0!important;
  min-height:78px!important;
  height:78px!important;
  margin:0!important;
  padding:11px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  border:1px solid var(--ui-line)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:var(--ui-shadow-soft)!important;
  backdrop-filter:blur(16px)!important;
  overflow:hidden!important;
}

.brand{
  min-width:0!important;
}

.topbar .brand img{
  width:48px!important;
  height:48px!important;
  flex:0 0 48px!important;
  border-radius:12px!important;
  object-fit:contain!important;
}

.topbar .brand h1{
  margin:0!important;
  color:var(--ui-text)!important;
  font-size:20px!important;
  line-height:1.12!important;
  font-weight:800!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.topbar .brand p{
  max-width:640px!important;
  margin:2px 0 0!important;
  color:var(--ui-muted)!important;
  font-size:12px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.topbar .top-status{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin-top:5px!important;
}

.topbar .top-status span{
  max-width:220px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.topbar .actions{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
}

.topbar .actions button{
  height:36px!important;
  min-width:0!important;
  padding:0 12px!important;
  border-radius:8px!important;
  font-size:12px!important;
  white-space:nowrap!important;
}

body:not(.license-open) .grid{
  grid-area:content!important;
  display:block!important;
  min-width:0!important;
  height:calc(100vh - 114px)!important;
  margin:0!important;
  padding:0!important;
  overflow:auto!important;
  border-radius:12px!important;
  scrollbar-gutter:stable!important;
}

body:not(.license-open) .app-nav{
  grid-area:nav!important;
  position:sticky!important;
  top:102px!important;
  align-self:start!important;
  width:236px!important;
  max-width:236px!important;
  height:calc(100vh - 114px)!important;
  max-height:none!important;
  margin:0!important;
  padding:12px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  border:1px solid var(--ui-line)!important;
  border-radius:12px!important;
  background:var(--ui-card)!important;
  box-shadow:var(--ui-shadow-soft)!important;
  overflow:hidden!important;
}

.app-nav::before{
  content:"İSG SERTİFİKA"!important;
  display:block!important;
  padding:7px 8px 11px!important;
  color:#8092a3!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}

.app-nav .nav-item{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:40px!important;
  min-height:40px!important;
  flex:0 0 40px!important;
  margin:0!important;
  padding:0 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#496174!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:700!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-align:left!important;
  transform:none!important;
}

.app-nav .nav-item span{
  width:24px!important;
  height:24px!important;
  flex:0 0 24px!important;
  margin:0!important;
  display:inline-grid!important;
  place-items:center!important;
  border:1px solid #d2dce5!important;
  border-radius:7px!important;
  background:#f4f7fa!important;
  color:#63798c!important;
  box-shadow:none!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:800!important;
}

.app-nav .nav-item:hover{
  background:#f5f8fb!important;
  color:var(--ui-text)!important;
  transform:none!important;
}

.app-nav .nav-item.active{
  background:#eaf3ff!important;
  color:var(--ui-blue)!important;
  font-weight:800!important;
}

.app-nav .nav-item.active::before{
  display:none!important;
}

.app-nav .nav-item.active span{
  border-color:#9fc6fb!important;
  background:#f8fbff!important;
  color:var(--ui-blue)!important;
}

.panel.app-page,
.app-page{
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.app-page:not(.active){
  display:none!important;
}

.app-page.active{
  display:block!important;
  min-width:0!important;
}

.app-page.active > h2,
.section-head h2,
.archive-head h2,
.pdf-center-head h2,
.company-profile-head h3,
.home-hero h2{
  letter-spacing:0!important;
}

.home-page,
.pro-setup-page,
.pdf-center-page,
.archive-page,
.settings-panel,
.template-panel,
.app-page[data-page="participants"],
.app-page[data-page="topics"]{
  padding:0!important;
  overflow:visible!important;
}

.home-hero,
.training-card,
.pro-quick-center,
.home-current-work,
.selected-training-strip,
.company-profile-head,
.profile-selector-grid,
.profile-actions-4,
.profile-brand-card,
.setup-form-card,
.pdf-center-head,
.pdf-output-summary>div,
.pdf-action-bar,
.pdf-participant-panel,
.pdf-preview-workspace,
.archive-head,
.archive-toolbar,
.archive-table-wrap,
.certificate-verify-panel,
.settings-card,
.system-settings-section,
.template-tools,
.template-editor{
  border-color:var(--ui-line)!important;
  box-shadow:var(--ui-shadow-soft)!important;
}

.home-page{
  display:grid!important;
  gap:14px!important;
}

.home-hero{
  min-height:185px!important;
  border-radius:12px!important;
}

.home-hero h2{
  font-size:28px!important;
}

.training-card-grid{
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
  gap:12px!important;
}

.training-card{
  min-height:132px!important;
}

.pro-quick-grid,
.compact-dashboard{
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
}

.company-profile-center,
.setup-detail-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}

.profile-brand-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}

.pdf-center-grid{
  grid-template-columns:minmax(260px,310px) minmax(0,1fr)!important;
}

.archive-toolbar{
  grid-template-columns:auto minmax(220px,1fr) repeat(3,minmax(130px,170px))!important;
}

table,
.archive-table{
  width:100%!important;
}

button,
.file-button,
input,
select,
textarea{
  max-width:100%!important;
  letter-spacing:0!important;
}

@media (max-width:1180px){
  body:not(.license-open) .app{
    grid-template-columns:210px minmax(0,1fr)!important;
  }

  body:not(.license-open) .app-nav{
    width:210px!important;
    max-width:210px!important;
  }

  .topbar .brand h1{
    font-size:18px!important;
  }

  .topbar .brand p,
  .topbar .top-status{
    display:none!important;
  }

  .company-profile-center,
  .setup-detail-grid,
  .pdf-center-grid{
    grid-template-columns:1fr!important;
  }

  .profile-brand-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .archive-toolbar{
    grid-template-columns:1fr 1fr!important;
  }
}

@media (max-width:900px){
  body:not(.license-open) .app{
    width:calc(100vw - 16px)!important;
    min-height:auto!important;
    margin:8px!important;
    display:block!important;
  }

  body:not(.license-open) .topbar{
    position:relative!important;
    top:auto!important;
    height:auto!important;
    min-height:0!important;
    margin:0 0 10px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  .topbar .actions{
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
  }

  body:not(.license-open) .app-nav{
    position:relative!important;
    top:auto!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    margin:0 0 10px!important;
    display:flex!important;
    flex-direction:row!important;
    overflow:auto!important;
  }

  .app-nav::before{
    display:none!important;
  }

  .app-nav .nav-item{
    width:auto!important;
    min-width:max-content!important;
  }

  body:not(.license-open) .grid{
    height:auto!important;
    overflow:visible!important;
  }

  .home-hero,
  .company-profile-center,
  .setup-detail-grid,
  .profile-brand-grid,
  .pdf-center-grid,
  .archive-toolbar{
    grid-template-columns:1fr!important;
  }
}

/*
   REV5.97-G - HOME DASHBOARD RIGHT SIDE
   Ana sayfanin sag bolumunu referans dashboard duzenine yaklastirir.
*/
body:not(.license-open) .home-page{
  min-height:calc(100vh - 28px)!important;
  padding:0!important;
}

.home-dashboard-shell{
  width:100%!important;
  min-height:calc(100vh - 28px)!important;
  padding:16px 18px 20px!important;
  border:1px solid #dbe6ee!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 12px 28px rgba(24,45,66,.06)!important;
}

.home-dashboard-top{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 240px!important;
  align-items:start!important;
  gap:20px!important;
  margin-bottom:26px!important;
}

.home-dashboard-top h2{
  margin:0 0 8px!important;
  color:#10243f!important;
  font-size:28px!important;
  line-height:1.15!important;
  font-weight:950!important;
  letter-spacing:0!important;
}

.home-dashboard-top p{
  margin:0!important;
  color:#75869a!important;
  font-size:14px!important;
  line-height:1.3!important;
  font-weight:750!important;
}

.home-clock{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  gap:8px!important;
  color:#6f8094!important;
  font-weight:800!important;
}

.home-clock span{
  font-size:13px!important;
  white-space:nowrap!important;
}

.home-clock strong{
  color:#10243f!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:950!important;
}


.home-dashboard-main{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 302px!important;
  gap:28px!important;
  align-items:start!important;
}

.home-training-panel{
  min-width:0!important;
}

.home-page .training-library-head{
  margin:0 0 16px!important;
  padding:0!important;
  display:flex!important;
  align-items:flex-end!important;
}

.home-page .training-library-head h3,
.home-activity-panel h3{
  margin:0!important;
  color:#10243f!important;
  font-size:23px!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:0!important;
}

.home-page .training-library-head p,
.home-page .training-search{
  display:none!important;
}

.home-page .training-card-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(118px,1fr))!important;
  gap:16px!important;
  padding:0!important;
}

.home-page .training-card-grid .training-card:nth-child(n+9){
  display:none!important;
}

.home-page .training-card{
  min-height:148px!important;
  padding:18px 10px 16px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  border:1px solid #e1eaf2!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 8px 18px rgba(24,45,66,.045)!important;
  text-align:center!important;
  overflow:hidden!important;
}

.home-page .training-card::before{
  display:none!important;
}

.home-page .training-card:hover{
  transform:translateY(-1px)!important;
  border-color:#c5d8ea!important;
  box-shadow:0 12px 24px rgba(24,45,66,.08)!important;
}

.home-page .training-card.selected{
  border-color:#7cb4f5!important;
  box-shadow:0 0 0 3px rgba(11,102,216,.12),0 12px 24px rgba(24,45,66,.08)!important;
}

.home-page .training-card-art{
  width:58px!important;
  height:58px!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:16px!important;
  background:#f3f8fb!important;
  border:1px solid #edf4f8!important;
}

.home-page .training-card-art svg,
.home-page .training-card-art img,
.home-page .premium-training-icon{
  width:42px!important;
  height:42px!important;
  object-fit:contain!important;
}

.home-page .training-card-body{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:8px!important;
}

.home-page .training-card-title{
  max-width:100%!important;
  color:#10243f!important;
  font-size:14px!important;
  line-height:1.15!important;
  font-weight:950!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

.home-page .training-card-subtitle{
  color:#8391a3!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:850!important;
  white-space:nowrap!important;
}

.home-page .training-card-template,
.home-page .training-card-arrow{
  display:none!important;
}

.home-activity-panel{
  min-height:362px!important;
  padding-left:26px!important;
  border-left:1px solid #edf2f6!important;
}

.home-activity-panel h3{
  margin-bottom:24px!important;
}

.home-activity-list{
  display:flex!important;
  flex-direction:column!important;
  gap:20px!important;
}

.home-activity-item{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  align-items:center!important;
  gap:14px!important;
}

.home-activity-avatar{
  width:44px!important;
  height:44px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:950!important;
  box-shadow:0 8px 16px rgba(24,45,66,.11)!important;
}

.avatar-blue{background:#145da0!important;}
.avatar-pink{background:#e963a2!important;}
.avatar-coral{background:#f37763!important;}
.avatar-teal{background:#20afa4!important;}

.home-activity-item p{
  min-width:0!important;
  margin:0!important;
}

.home-activity-item strong{
  display:block!important;
  color:#10243f!important;
  font-size:14px!important;
  line-height:1.1!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.home-activity-item small{
  display:block!important;
  margin-top:5px!important;
  color:#718396!important;
  font-size:12px!important;
  line-height:1.3!important;
  font-weight:800!important;
}

.home-activity-panel > button{
  width:100%!important;
  height:44px!important;
  margin-top:24px!important;
  border:2px solid #4e9bff!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#2071e6!important;
  font-size:15px!important;
  font-weight:950!important;
  box-shadow:none!important;
}

.home-activity-panel > button:hover{
  background:#f5f9ff!important;
  transform:none!important;
}

.home-page .pro-quick-center,
.home-page .home-current-work{
  display:none!important;
}

@media (max-width:1180px){
  .home-dashboard-main{
    grid-template-columns:1fr!important;
  }

  .home-activity-panel{
    padding-left:0!important;
    border-left:0!important;
  }

  .home-page .training-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:720px){
  .home-dashboard-top{
    grid-template-columns:1fr!important;
  }

  .home-clock{
    align-items:flex-start!important;
  }

  .home-page .training-card-grid{
    grid-template-columns:1fr!important;
  }
}

/*
   REV5.97-H - COMPANY PROFILE SCREEN
   Firma sayfasini profesyonel profil yonetimi ekranina donusturur.
*/
body:not(.license-open) .pro-setup-page{
  min-height:calc(100vh - 28px)!important;
  padding:26px 30px 32px!important;
  display:grid!important;
  grid-template-columns:minmax(430px,1.08fr) minmax(330px,.92fr)!important;
  grid-template-areas:
    "title title"
    "note note"
    "tabs tabs"
    "form profile"!important;
  column-gap:30px!important;
  row-gap:0!important;
  border:1px solid #dbe6ee!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 12px 28px rgba(24,45,66,.06)!important;
}

body:not(.license-open) .pro-setup-page > h2{
  grid-area:title!important;
  display:block!important;
  margin:0 0 7px!important;
  color:#10243f!important;
  font-size:25px!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:0!important;
}

body:not(.license-open) .pro-setup-page > .panel-note{
  grid-area:note!important;
  display:block!important;
  max-width:none!important;
  margin:0 0 24px!important;
  color:#75869a!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:750!important;
}

.company-profile-tabs{
  grid-area:tabs!important;
  height:46px!important;
  margin:0 0 24px!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:42px!important;
  border-bottom:1px solid #e4edf4!important;
}

.company-profile-tabs button{
  height:46px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#6f8094!important;
  font-size:13px!important;
  font-weight:850!important;
  white-space:nowrap!important;
}

.company-profile-tabs button:hover{
  color:#0b66d8!important;
  transform:none!important;
}

.company-profile-tabs button.active{
  position:relative!important;
  color:#2472dc!important;
  font-weight:950!important;
}

.company-profile-tabs button.active::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-1px!important;
  height:3px!important;
  border-radius:999px!important;
  background:#4e9bff!important;
}

body:not(.license-open) .pro-setup-page > .selected-training-strip{
  display:none!important;
}

body:not(.license-open) .pro-setup-page .setup-detail-grid{
  grid-area:form!important;
  min-width:0!important;
  display:block!important;
  margin:0!important;
}

body:not(.license-open) .pro-setup-page .company-details-card{
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body:not(.license-open) .pro-setup-page .company-details-card .setup-card-title{
  display:none!important;
}

body:not(.license-open) .pro-setup-page .company-details-card label{
  margin:0 0 17px!important;
  color:#52677c!important;
  font-size:12px!important;
  font-weight:850!important;
}

body:not(.license-open) .pro-setup-page .company-details-card input,
body:not(.license-open) .pro-setup-page .company-details-card textarea{
  height:44px!important;
  margin-top:7px!important;
  padding:0 14px!important;
  border:1px solid #dfe9f1!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#243c56!important;
  box-shadow:0 3px 9px rgba(24,45,66,.035)!important;
  font-size:13px!important;
  font-weight:700!important;
}

body:not(.license-open) .pro-setup-page .company-details-card textarea{
  min-height:76px!important;
  height:76px!important;
  padding-top:12px!important;
  line-height:1.45!important;
}

body:not(.license-open) .pro-setup-page .company-details-card .two{
  gap:22px!important;
}

body:not(.license-open) .pro-setup-page .training-details-card{
  margin-top:20px!important;
  padding:18px!important;
  border:1px solid #e1eaf2!important;
  border-radius:12px!important;
  background:#f8fbfd!important;
  box-shadow:none!important;
}

body:not(.license-open) .pro-setup-page .training-details-card .setup-card-title{
  margin-bottom:14px!important;
}

body:not(.license-open) .pro-setup-page .training-details-card .setup-card-title span{
  background:#eaf4ff!important;
  color:#0b66d8!important;
}

body:not(.license-open) .pro-setup-page .company-profile-center{
  grid-area:profile!important;
  min-width:0!important;
  align-self:start!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body:not(.license-open) .pro-setup-page .company-profile-head{
  padding:0!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
}

body:not(.license-open) .pro-setup-page .company-profile-head .profile-kicker{
  display:none!important;
}

body:not(.license-open) .pro-setup-page .company-profile-head h3{
  margin:0!important;
  color:#10243f!important;
  font-size:17px!important;
  line-height:1.15!important;
  font-weight:950!important;
}

body:not(.license-open) .pro-setup-page .company-profile-head p{
  margin:5px 0 0!important;
  color:#7c8da0!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:700!important;
}

body:not(.license-open) .pro-setup-page .active-profile-badge{
  flex:0 0 auto!important;
  padding:7px 10px!important;
  border:1px solid #d6e7f8!important;
  border-radius:999px!important;
  background:#edf6ff!important;
  color:#2472dc!important;
  font-size:11px!important;
  font-weight:900!important;
}

body:not(.license-open) .pro-setup-page .profile-selector-grid{
  padding:0!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
  border:0!important;
  background:transparent!important;
}

body:not(.license-open) .pro-setup-page .profile-selector-grid label,
body:not(.license-open) .pro-setup-page .company-profile-center > label{
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#52677c!important;
  font-size:12px!important;
  font-weight:850!important;
}

body:not(.license-open) .pro-setup-page .profile-selector-grid select,
body:not(.license-open) .pro-setup-page .profile-selector-grid input,
body:not(.license-open) .pro-setup-page .company-profile-center > label select{
  height:40px!important;
  margin-top:7px!important;
  border:1px solid #dfe9f1!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#243c56!important;
  box-shadow:0 3px 9px rgba(24,45,66,.035)!important;
  font-size:12px!important;
  font-weight:700!important;
}

body:not(.license-open) .pro-setup-page .profile-actions-4{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  margin:0!important;
}

body:not(.license-open) .pro-setup-page .profile-actions-4 button{
  height:38px!important;
  border-radius:8px!important;
  font-size:12px!important;
  font-weight:850!important;
  box-shadow:none!important;
}

body:not(.license-open) .pro-setup-page .profile-brand-grid{
  min-height:258px!important;
  padding:26px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:16px!important;
  border:1px solid #dfe9f1!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
  box-shadow:0 12px 24px rgba(24,45,66,.055)!important;
}

body:not(.license-open) .pro-setup-page .profile-brand-card{
  min-width:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body:not(.license-open) .pro-setup-page .profile-brand-preview{
  width:132px!important;
  height:96px!important;
  margin:0 auto 14px!important;
  border:1px dashed #b8cce0!important;
  border-radius:14px!important;
  background:#f7fbfd!important;
  box-shadow:inset 0 0 0 6px #fff!important;
}

body:not(.license-open) .pro-setup-page .profile-brand-preview.stamp{
  border-radius:50%!important;
}

body:not(.license-open) .pro-setup-page .profile-brand-preview img{
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
}

body:not(.license-open) .pro-setup-page .profile-brand-card strong{
  color:#10243f!important;
  font-size:14px!important;
  font-weight:950!important;
}

body:not(.license-open) .pro-setup-page .profile-brand-card small{
  display:block!important;
  min-height:32px!important;
  margin-top:5px!important;
  color:#738599!important;
  font-size:11px!important;
  line-height:1.35!important;
  font-weight:700!important;
}

body:not(.license-open) .pro-setup-page .profile-brand-actions{
  width:100%!important;
  margin-top:12px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}

body:not(.license-open) .pro-setup-page .profile-brand-actions button,
body:not(.license-open) .pro-setup-page .profile-brand-actions .file-button{
  height:34px!important;
  padding:0 8px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  font-size:11px!important;
  font-weight:850!important;
  box-shadow:none!important;
}

body:not(.license-open) .pro-setup-page .profile-status{
  margin:0!important;
  padding:10px 12px!important;
  border:1px solid #dfe9f1!important;
  border-radius:9px!important;
  background:#f7fbfd!important;
  color:#5d7084!important;
  font-size:12px!important;
  font-weight:750!important;
}

@media (max-width:1180px){
  body:not(.license-open) .pro-setup-page{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "title"
      "note"
      "tabs"
      "profile"
      "form"!important;
  }

  .company-profile-tabs{
    gap:22px!important;
    overflow-x:auto!important;
  }
}

@media (max-width:720px){
  body:not(.license-open) .pro-setup-page{
    padding:20px!important;
  }

  body:not(.license-open) .pro-setup-page .profile-selector-grid,
  body:not(.license-open) .pro-setup-page .profile-brand-grid,
  body:not(.license-open) .pro-setup-page .profile-actions-4,
  body:not(.license-open) .pro-setup-page .company-details-card .two{
    grid-template-columns:1fr!important;
  }
}

/* =========================================================
   REV5.97-C — REFERANS YERLESIM FINAL
   Üst bar + sol menü + scroll'lu içerik; iş mantığına dokunmaz.
   ========================================================= */
@media (min-width:901px){
  html,
  body{
    overflow:hidden!important;
    background:#eaf1f6!important;
  }

  body.license-open,
  body:has(#licenseGate:not([hidden])){
    overflow:hidden!important;
  }

  body.license-open .app,
  body:has(#licenseGate:not([hidden])) .app{
    display:none!important;
  }

  body:not(.license-open) .app{
    width:100vw!important;
    height:100vh!important;
    max-width:none!important;
    min-height:0!important;
    margin:0!important;
    padding:14px!important;
    display:grid!important;
    grid-template-columns:294px minmax(0,1fr)!important;
    grid-template-rows:96px minmax(0,1fr)!important;
    grid-template-areas:"top top" "nav content"!important;
    gap:16px!important;
    background:#eaf1f6!important;
    overflow:hidden!important;
  }

  body:not(.license-open) .topbar{
    grid-area:top!important;
    position:relative!important;
    top:auto!important;
    z-index:20!important;
    height:96px!important;
    min-height:96px!important;
    margin:0!important;
    padding:14px 18px!important;
    border:1px solid #dbe6ee!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 8px 22px rgba(27,52,79,.08)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;
    overflow:hidden!important;
  }

  .topbar .brand{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
  }

  .topbar .brand img{
    width:62px!important;
    height:62px!important;
    flex:0 0 62px!important;
    border-radius:14px!important;
  }

  .topbar .brand h1{
    margin:0!important;
    color:#10243f!important;
    font-size:25px!important;
    line-height:1.05!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }

  .topbar .brand p{
    margin:5px 0 0!important;
    color:#6b7d90!important;
    font-size:14px!important;
    font-weight:650!important;
    white-space:nowrap!important;
  }

  .topbar .product-kicker{
    height:18px!important;
    margin-bottom:2px!important;
  }

  .topbar .pro-badge{
    height:18px!important;
    padding:2px 10px!important;
    border-radius:999px!important;
    background:#177fb7!important;
    color:#fff!important;
    font-size:12px!important;
    line-height:14px!important;
  }

  .topbar .top-status{
    display:flex!important;
    gap:8px!important;
    margin-top:7px!important;
  }

  .topbar .top-status span{
    height:22px!important;
    display:inline-flex!important;
    align-items:center!important;
    padding:0 11px!important;
    border:1px solid #d3e1eb!important;
    border-radius:999px!important;
    background:#f5f9fb!important;
    color:#40586c!important;
    font-size:12px!important;
    font-weight:800!important;
  }

  .topbar .actions{
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:10px!important;
  }

  .topbar .actions button{
    height:46px!important;
    min-width:82px!important;
    padding:0 18px!important;
    border:1px solid #cbd9e4!important;
    border-radius:9px!important;
    background:#fff!important;
    color:#17324d!important;
    box-shadow:none!important;
    font-size:14px!important;
    font-weight:850!important;
    white-space:nowrap!important;
  }

  .topbar .actions .primary{
    min-width:112px!important;
    background:#0f8f87!important;
    border-color:#0f8f87!important;
    color:#fff!important;
    box-shadow:0 8px 16px rgba(15,143,135,.16)!important;
  }

  body:not(.license-open) .app-nav{
    grid-area:nav!important;
    position:relative!important;
    top:auto!important;
    width:294px!important;
    max-width:294px!important;
    height:100%!important;
    max-height:none!important;
    margin:0!important;
    padding:18px 15px 18px!important;
    border:1px solid #dbe6ee!important;
    border-radius:13px!important;
    background:#fff!important;
    box-shadow:0 8px 22px rgba(27,52,79,.075)!important;
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    overflow:hidden!important;
  }

  .app-nav::before{
    content:"İSG SERTİFİKA"!important;
    display:block!important;
    padding:3px 8px 14px!important;
    color:#7e90a2!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
  }

  .app-nav .nav-item{
    width:100%!important;
    height:51px!important;
    min-height:51px!important;
    flex:0 0 51px!important;
    margin:0!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    border:0!important;
    border-radius:8px!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#17324d!important;
    font-size:15px!important;
    line-height:1!important;
    font-weight:850!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }

  .app-nav .nav-item span{
    width:30px!important;
    height:30px!important;
    flex:0 0 30px!important;
    display:inline-grid!important;
    place-items:center!important;
    margin:0!important;
    border:1px solid #cbd9e4!important;
    border-radius:8px!important;
    background:#f7fafc!important;
    color:#5e7488!important;
    font-size:13px!important;
    font-weight:900!important;
  }

  .app-nav .nav-item:hover{
    background:#f5f9fc!important;
    color:#0b66d8!important;
  }

  .app-nav .nav-item.active{
    background:#e8f2ff!important;
    color:#0b66d8!important;
    font-weight:900!important;
  }

  .app-nav .nav-item.active::before{
    display:none!important;
  }

  .app-nav .nav-item.active span{
    border-color:#6ca9f6!important;
    background:#fff!important;
    color:#0b66d8!important;
  }

  .sidebar-user-card{
    width:100%!important;
    min-height:92px!important;
    margin:auto 0 0!important;
    padding:14px!important;
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) 14px!important;
    align-items:center!important;
    gap:12px!important;
    border:1px solid #dbe6ee!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 10px 22px rgba(27,52,79,.07)!important;
    overflow:hidden!important;
  }

  .sidebar-user-avatar{
    width:48px!important;
    height:48px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    background:linear-gradient(135deg,#0b66d8,#0f8f87)!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:950!important;
  }

  .sidebar-user-card strong{
    display:block!important;
    color:#10243f!important;
    font-size:14px!important;
    line-height:1.1!important;
    font-weight:950!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .sidebar-user-card small{
    display:block!important;
    margin-top:5px!important;
    color:#6f8294!important;
    font-size:12px!important;
    font-weight:800!important;
  }

  .sidebar-user-card b{
    color:#6f8294!important;
    font-size:14px!important;
    line-height:1!important;
  }

  body:not(.license-open) .grid{
    grid-area:content!important;
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    margin:0!important;
    padding:0 8px 0 0!important;
    display:block!important;
    overflow:auto!important;
    overflow-x:hidden!important;
    border-radius:13px!important;
    scrollbar-gutter:stable!important;
  }

  .panel.app-page,
  .app-page{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  .app-page.active{
    display:block!important;
  }

  .home-hero{
    min-height:350px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 340px!important;
    align-items:center!important;
    border:1px solid #dbe6ee!important;
    border-radius:13px!important;
    background:#fff!important;
    box-shadow:0 8px 22px rgba(27,52,79,.07)!important;
    overflow:hidden!important;
  }

  .home-hero-copy{
    padding:56px 80px!important;
  }

  .home-eyebrow{
    color:#009688!important;
    font-size:13px!important;
    font-weight:950!important;
    letter-spacing:.16em!important;
  }

  .home-hero h2{
    max-width:720px!important;
    margin:22px 0 24px!important;
    color:#10243f!important;
    font-size:35px!important;
    line-height:1.16!important;
    font-weight:950!important;
  }

  .home-hero p{
    max-width:720px!important;
    color:#52687c!important;
    font-size:16px!important;
    line-height:1.7!important;
    font-weight:650!important;
  }

  .home-hero-actions{
    width:340px!important;
    height:182px!important;
    margin-right:38px!important;
    padding:32px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:14px!important;
    background:#1f4b61!important;
    border:0!important;
  }

  .home-hero-actions button{
    height:52px!important;
    border-radius:9px!important;
    font-size:20px!important;
    font-weight:900!important;
  }

  .training-library-head{
    margin:34px 2px 14px!important;
    padding:0!important;
  }

  .training-library-head h3{
    color:#10243f!important;
    font-size:22px!important;
    font-weight:950!important;
  }

  .training-search{
    width:376px!important;
    height:52px!important;
    border-radius:10px!important;
    background:#fff!important;
  }

  .training-card-grid{
    grid-template-columns:repeat(4,minmax(220px,1fr))!important;
    gap:16px!important;
    padding:0 0 24px!important;
  }

  .training-card{
    min-height:164px!important;
    border-radius:10px!important;
    background:#fff!important;
    border:1px solid #dbe6ee!important;
    box-shadow:0 8px 20px rgba(27,52,79,.06)!important;
    overflow:hidden!important;
  }

  .pro-quick-center,
  .home-current-work{
    border-radius:12px!important;
    border:1px solid #dbe6ee!important;
    background:#fff!important;
    box-shadow:0 8px 22px rgba(27,52,79,.07)!important;
  }
}

@media (min-width:901px) and (max-width:1280px){
  body:not(.license-open) .app{
    grid-template-columns:248px minmax(0,1fr)!important;
  }

  body:not(.license-open) .app-nav{
    width:248px!important;
    max-width:248px!important;
  }

  .topbar .brand h1{
    font-size:21px!important;
  }

  .topbar .brand p,
  .topbar .top-status{
    display:none!important;
  }

  .home-hero{
    grid-template-columns:1fr!important;
  }

  .home-hero-actions{
    width:auto!important;
    height:auto!important;
    margin:0 36px 36px!important;
  }

  .training-card-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/*
   REV5.97-D - FULL SIDEBAR SHELL
   Ust uygulama barini kaldirir; marka, navigasyon ve oturum kontrollerini
   tek parca sol menude toplar.
*/
body:not(.license-open) .app{
  width:100%!important;
  height:100vh!important;
  min-height:720px!important;
  padding:14px!important;
  gap:16px!important;
  display:grid!important;
  grid-template-columns:294px minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr)!important;
  grid-template-areas:"nav content"!important;
  overflow:hidden!important;
  background:#eaf1f6!important;
}

body:not(.license-open) .topbar{
  display:none!important;
}

body:not(.license-open) .app-nav{
  grid-area:nav!important;
  position:relative!important;
  top:auto!important;
  left:auto!important;
  width:294px!important;
  max-width:294px!important;
  height:calc(100vh - 28px)!important;
  min-height:692px!important;
  padding:24px 16px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  gap:7px!important;
  overflow:hidden!important;
  border:1px solid #dbe6ee!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 12px 28px rgba(24,45,66,.07)!important;
}

.app-nav::before{
  display:none!important;
  content:none!important;
}

.sidebar-brand{
  width:100%!important;
  margin:0 0 14px!important;
  padding:0 12px 14px!important;
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  border-bottom:1px solid #edf3f7!important;
}

.sidebar-logo-wrap{
  width:56px!important;
  height:56px!important;
  flex:0 0 56px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#eefbff 0%,#e8f3ff 46%,#dff8f4 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(27,103,195,.08),0 10px 20px rgba(15,116,152,.13)!important;
}

.sidebar-logo-wrap img{
  width:46px!important;
  height:46px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 6px 8px rgba(16,96,130,.16))!important;
}

.sidebar-brand strong{
  display:block!important;
  color:#10243f!important;
  font-size:20px!important;
  line-height:1.05!important;
  font-weight:950!important;
  letter-spacing:0!important;
}

.sidebar-brand small{
  display:block!important;
  margin-top:4px!important;
  color:#596f84!important;
  font-size:14px!important;
  line-height:1.1!important;
  font-weight:800!important;
}

.app-nav .nav-item{
  width:100%!important;
  min-width:0!important;
  height:39px!important;
  min-height:39px!important;
  max-height:39px!important;
  padding:0 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#52677c!important;
  box-shadow:none!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:850!important;
  text-align:left!important;
  overflow:hidden!important;
}

.app-nav .nav-item span{
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
  display:inline-grid!important;
  place-items:center!important;
  border:1px solid #b9cce0!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#52677c!important;
  font-size:13px!important;
  font-weight:900!important;
}

.app-nav .nav-item:hover{
  background:#f3f8fd!important;
  color:#0b66d8!important;
  transform:none!important;
}

.app-nav .nav-item.active{
  background:#e7f1ff!important;
  color:#0b66d8!important;
  font-weight:950!important;
}

.app-nav .nav-item.active::before{
  display:none!important;
}

.app-nav .nav-item.active span{
  border-color:#5c9df2!important;
  color:#0b66d8!important;
  background:#fff!important;
}

.sidebar-user-card{
  width:100%!important;
  min-height:116px!important;
  margin:auto 0 0!important;
  padding:12px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px 12px!important;
  border:1px solid #dbe6ee!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 10px 22px rgba(27,52,79,.07)!important;
}

.sidebar-user-avatar{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,#0b66d8,#10a99c)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:950!important;
}

.sidebar-user-card strong{
  display:block!important;
  max-width:100%!important;
  color:#10243f!important;
  font-size:14px!important;
  line-height:1.1!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.sidebar-user-card small{
  display:block!important;
  margin-top:4px!important;
  color:#6c7f92!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:800!important;
}

.sidebar-user-main{
  min-width:0!important;
}

.sidebar-actions{
  width:100%!important;
  margin:auto 0 0!important;
  padding:10px 0 0!important;
  display:none!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  border-top:1px solid #edf3f7!important;
}

.sidebar-actions button{
  width:100%!important;
  height:36px!important;
  min-height:36px!important;
  padding:0 10px!important;
  border-radius:8px!important;
  border:1px solid #d2e0eb!important;
  background:#fff!important;
  color:#263f57!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:850!important;
  white-space:nowrap!important;
}

.sidebar-actions #saveLocalBtn,
.sidebar-actions #clearLocalBtn{
  display:none!important;
}

.sidebar-actions #pdfBtn{
  height:38px!important;
  border-color:#0f8f87!important;
  background:#0f8f87!important;
  color:#fff!important;
  box-shadow:0 8px 16px rgba(15,143,135,.18)!important;
}

.sidebar-user-card #sidebarProfileBtn,
.sidebar-user-card #logoutBtn{
  grid-column:1 / -1!important;
  width:100%!important;
  height:30px!important;
  margin:0!important;
  padding:0 10px!important;
  border-radius:8px!important;
  border:1px solid #d2e0eb!important;
  background:#f7fafc!important;
  color:#263f57!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:850!important;
  white-space:nowrap!important;
}

.sidebar-user-card #sidebarProfileBtn{
  border-color:#bfdefb!important;
  background:#eaf4ff!important;
  color:#0b66d8!important;
}

.app-nav > .nav-item{
  height:39px!important;
  min-height:39px!important;
  max-height:39px!important;
  padding-top:0!important;
  padding-bottom:0!important;
}

.sidebar-user-card #sidebarProfileBtn:hover,
.sidebar-user-card #logoutBtn:hover{
  background:#eef5fa!important;
  border-color:#bcd0df!important;
  transform:none!important;
}

body:not(.license-open) .grid{
  grid-area:content!important;
  width:100%!important;
  height:calc(100vh - 28px)!important;
  min-height:692px!important;
  margin:0!important;
  padding:0 8px 0 0!important;
  overflow:auto!important;
  overflow-x:hidden!important;
  scrollbar-gutter:stable!important;
}

body:not(.license-open) .grid > .app-page{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}

@media (max-width:900px){
  body:not(.license-open) .app{
    height:auto!important;
    min-height:100vh!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"nav" "content"!important;
    overflow:auto!important;
  }

  body:not(.license-open) .app-nav{
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
  }

  .sidebar-brand{
    margin-bottom:10px!important;
  }

  .sidebar-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body:not(.license-open) .grid{
    height:auto!important;
    min-height:0!important;
    padding:0!important;
  }
}

/*
   REV5.97-H2 - COMPANY SCREEN FINAL PRIORITY
   Full-sidebar override'indan sonra calisir ve Firma ekranini iki kolonlu
   profesyonel profile geri alir.
*/
body:not(.license-open) .grid > .pro-setup-page.active,
body:not(.license-open) .pro-setup-page.active{
  min-height:calc(100vh - 28px)!important;
  padding:26px 30px 32px!important;
  display:grid!important;
  grid-template-columns:minmax(430px,1.08fr) minmax(330px,.92fr)!important;
  grid-template-areas:
    "title title"
    "note note"
    "tabs tabs"
    "form profile"!important;
  column-gap:30px!important;
  row-gap:0!important;
  border:1px solid #dbe6ee!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 12px 28px rgba(24,45,66,.06)!important;
}

body:not(.license-open) .pro-setup-page.active > h2{
  grid-area:title!important;
  display:block!important;
  margin:0 0 7px!important;
  color:#10243f!important;
  font-size:25px!important;
  line-height:1.1!important;
  font-weight:950!important;
}

body:not(.license-open) .pro-setup-page.active > .panel-note{
  grid-area:note!important;
  display:block!important;
  max-width:none!important;
  margin:0 0 24px!important;
  color:#75869a!important;
  font-size:13px!important;
  font-weight:750!important;
}

body:not(.license-open) .pro-setup-page.active > .company-profile-tabs{
  grid-area:tabs!important;
  display:flex!important;
}

body:not(.license-open) .pro-setup-page.active > .selected-training-strip{
  display:none!important;
}

body:not(.license-open) .pro-setup-page.active > .setup-detail-grid{
  grid-area:form!important;
  display:block!important;
  min-width:0!important;
  margin:0!important;
}

body:not(.license-open) .pro-setup-page.active > .company-profile-center{
  grid-area:profile!important;
  display:grid!important;
  min-width:0!important;
  align-self:start!important;
}

body:not(.license-open) .pro-setup-page.active .company-profile-center > *,
body:not(.license-open) .pro-setup-page.active .profile-selector-grid,
body:not(.license-open) .pro-setup-page.active .profile-actions-4,
body:not(.license-open) .pro-setup-page.active .profile-brand-grid,
body:not(.license-open) .pro-setup-page.active .profile-status{
  grid-column:1 / -1!important;
  width:100%!important;
  max-width:none!important;
}

body:not(.license-open) .pro-setup-page.active .profile-brand-grid{
  grid-row:auto!important;
}

body:not(.license-open) .pro-setup-page.active .company-details-card{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body:not(.license-open) .pro-setup-page.active .company-details-card .setup-card-title{
  display:none!important;
}

@media (max-width:1180px){
  body:not(.license-open) .grid > .pro-setup-page.active,
  body:not(.license-open) .pro-setup-page.active{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "title"
      "note"
      "tabs"
      "profile"
      "form"!important;
  }
}

/*
   REV5.97-I - ACTIVE COMPANY TABS
   Firma sekmelerini gercek icerik filtreleri olarak calistirir.
*/
body:not(.license-open) .pro-setup-page.active[data-company-tab] .company-profile-tabs button.active{
  color:#0b66d8!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .training-details-card{
  display:none!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="brand"],
body:not(.license-open) .pro-setup-page.active[data-company-tab="contact"],
body:not(.license-open) .pro-setup-page.active[data-company-tab="address"],
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"],
body:not(.license-open) .pro-setup-page.active[data-company-tab="authorities"]{
  grid-template-columns:1fr!important;
  grid-template-areas:
    "title"
    "note"
    "tabs"
    "profile"
    "form"!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="brand"] > .setup-detail-grid,
body:not(.license-open) .pro-setup-page.active[data-company-tab="brand"] .profile-selector-grid,
body:not(.license-open) .pro-setup-page.active[data-company-tab="brand"] .profile-actions-4,
body:not(.license-open) .pro-setup-page.active[data-company-tab="brand"] .company-profile-center > label,
body:not(.license-open) .pro-setup-page.active[data-company-tab="brand"] .profile-status{
  display:none!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="brand"] > .company-profile-center{
  max-width:720px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="brand"] .profile-brand-grid{
  min-height:340px!important;
  grid-template-columns:1fr 1fr!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="contact"] > .company-profile-center,
body:not(.license-open) .pro-setup-page.active[data-company-tab="address"] > .company-profile-center,
body:not(.license-open) .pro-setup-page.active[data-company-tab="authorities"] > .company-profile-center{
  display:none!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="contact"] > .setup-detail-grid,
body:not(.license-open) .pro-setup-page.active[data-company-tab="address"] > .setup-detail-grid,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] > .setup-detail-grid,
body:not(.license-open) .pro-setup-page.active[data-company-tab="authorities"] > .setup-detail-grid{
  max-width:720px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="contact"] .training-details-card,
body:not(.license-open) .pro-setup-page.active[data-company-tab="address"] .training-details-card{
  display:none!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="contact"] .company-details-card > label,
body:not(.license-open) .pro-setup-page.active[data-company-tab="contact"] .company-details-card > textarea,
body:not(.license-open) .pro-setup-page.active[data-company-tab="contact"] .company-details-card > .setup-card-title{
  display:none!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="contact"] .company-details-card > label:has(#companyWebsite),
body:not(.license-open) .pro-setup-page.active[data-company-tab="contact"] .company-details-card > .two:has(#companyPhone){
  display:grid!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="address"] .company-details-card > label,
body:not(.license-open) .pro-setup-page.active[data-company-tab="address"] .company-details-card > .two,
body:not(.license-open) .pro-setup-page.active[data-company-tab="address"] .company-details-card > .setup-card-title{
  display:none!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="address"] .company-details-card > label:has(#companyAddress){
  display:block!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="address"] #companyAddress{
  min-height:170px!important;
  height:170px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] > .company-profile-center{
  max-width:720px!important;
  margin-bottom:18px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-profile-head,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .profile-selector-grid,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .profile-actions-4,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .profile-brand-grid{
  display:none!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-details-card{
  display:none!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card{
  margin-top:0!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="authorities"] .company-details-card{
  display:none!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="authorities"] .training-details-card{
  margin-top:0!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="authorities"] .training-details-card > *{
  display:none!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="authorities"] .training-details-card > .setup-card-title,
body:not(.license-open) .pro-setup-page.active[data-company-tab="authorities"] .training-details-card > label:has(#trainerName),
body:not(.license-open) .pro-setup-page.active[data-company-tab="authorities"] .training-details-card > .trainer-profile-tools,
body:not(.license-open) .pro-setup-page.active[data-company-tab="authorities"] .training-details-card > label:has(#employerName){
  display:block!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="authorities"] .training-details-card > .trainer-profile-tools{
  display:grid!important;
}

/*
   REV5.97-J - PAGE ISOLATION FIX
   Her bolum yalnizca kendi aktif sayfasini gosterir; paneller alt alta akmaz.
*/
body:not(.license-open) .grid > .app-page,
body:not(.license-open) .grid > .panel.app-page,
body:not(.license-open) .grid > section.app-page,
body:not(.license-open) .grid > aside.app-page{
  display:none!important;
}

body:not(.license-open) .grid > .app-page.active,
body:not(.license-open) .grid > .panel.app-page.active,
body:not(.license-open) .grid > section.app-page.active{
  display:block!important;
}

body:not(.license-open) .grid > aside.app-page.active{
  display:block!important;
}

body:not(.license-open) .grid > .pro-setup-page.active{
  display:grid!important;
}

/*
   REV5.97-K - COMPANY PROFILE CLEAN HEADER
   Firma ekraninda bilgi karti yerine dogrudan secim ve form akisi baslar.
*/
body:not(.license-open) .pro-setup-page.active[data-company-tab="info"]{
  grid-template-columns:minmax(520px,1.18fr) minmax(330px,.82fr)!important;
  grid-template-areas:
    "title title"
    "note note"
    "tabs tabs"
    "form profile"!important;
  column-gap:28px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] > .company-profile-center{
  gap:12px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .company-profile-head{
  display:none!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .profile-selector-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  padding:16px!important;
  border:1px solid #dbe7f2!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;
  box-shadow:0 12px 24px rgba(16,36,63,.06)!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .profile-selector-grid::before{
  content:"Firma Seçimi";
  display:block!important;
  color:#10243f!important;
  font-size:16px!important;
  font-weight:950!important;
  letter-spacing:0!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .active-profile-badge{
  justify-self:start!important;
  max-width:100%!important;
  white-space:normal!important;
  line-height:1.25!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  border:1px solid #cfe4ff!important;
  background:#edf6ff!important;
  color:#0b66d8!important;
  font-size:12px!important;
  font-weight:900!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .profile-actions-4{
  margin-top:0!important;
  border-radius:12px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .company-details-card{
  padding:0!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .company-details-card::before{
  content:"Firma Bilgileri";
  display:block!important;
  margin:0 0 15px!important;
  color:#10243f!important;
  font-size:18px!important;
  font-weight:950!important;
}

@media (max-width:1180px){
  body:not(.license-open) .pro-setup-page.active[data-company-tab="info"]{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "title"
      "note"
      "tabs"
      "profile"
      "form"!important;
  }
}

/*
   REV5.97-L - COMPANY INFO NO-SCROLL LAYOUT
   Firma Bilgileri sekmesini form + sagda kompakt profil secici olarak toplar.
*/
body:not(.license-open) .pro-setup-page.active[data-company-tab="info"]{
  min-height:auto!important;
  padding:24px 28px 26px!important;
  grid-template-columns:minmax(560px,1fr) 360px!important;
  grid-template-rows:auto auto auto 1fr!important;
  grid-template-areas:
    "title title"
    "note note"
    "tabs tabs"
    "form profile"!important;
  column-gap:22px!important;
  row-gap:0!important;
  align-content:start!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] > h2{
  margin-bottom:4px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] > .panel-note{
  margin-bottom:18px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] > .company-profile-tabs{
  margin-bottom:18px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] > .setup-detail-grid{
  grid-area:form!important;
  min-width:0!important;
  align-self:start!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] > .company-profile-center{
  grid-area:profile!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  align-self:start!important;
  position:sticky!important;
  top:18px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .profile-selector-grid,
body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .profile-actions-4{
  grid-column:1!important;
  width:100%!important;
  max-width:100%!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .profile-selector-grid{
  padding:14px!important;
  gap:10px!important;
  border-radius:12px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .profile-selector-grid label{
  gap:6px!important;
  font-size:12px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .profile-selector-grid select,
body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .profile-selector-grid input{
  height:42px!important;
  min-height:42px!important;
  padding:0 12px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .profile-selector-grid::before{
  font-size:15px!important;
  margin-bottom:2px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .active-profile-badge{
  font-size:11px!important;
  padding:7px 10px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .profile-actions-4{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .profile-actions-4 button{
  height:40px!important;
  min-height:40px!important;
  padding:0 10px!important;
  border-radius:9px!important;
  font-size:12px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .profile-actions-4 .primary{
  grid-column:1 / -1!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .profile-actions-4 .danger-button{
  grid-column:1 / -1!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .profile-brand-grid,
body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .company-profile-center > label,
body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .profile-status{
  display:none!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .company-details-card{
  border:1px solid #dbe7f2!important;
  border-radius:12px!important;
  background:#fff!important;
  padding:18px!important;
  box-shadow:0 12px 24px rgba(16,36,63,.05)!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .company-details-card label{
  margin-bottom:11px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .company-details-card input,
body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .company-details-card textarea{
  min-height:42px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .company-details-card textarea{
  height:86px!important;
  min-height:86px!important;
}

@media (max-width:1180px){
  body:not(.license-open) .pro-setup-page.active[data-company-tab="info"]{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "title"
      "note"
      "tabs"
      "profile"
      "form"!important;
  }

  body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] > .company-profile-center{
    position:static!important;
  }
}

/*
   REV5.97-M - DURATION SUMMARY ON TOPICS
   Sure kontrol ozeti Firma ekranindan Konular ekranina tasindi.
*/
body:not(.license-open) .app-page[data-page="topics"] > .setup-duration-summary{
  margin:0 0 16px!important;
  padding:14px 16px!important;
  border-radius:12px!important;
  border:1px solid #cfe1ec!important;
  background:linear-gradient(135deg,#eef8fb 0%,#f7fbff 100%)!important;
  color:#24435b!important;
  box-shadow:0 10px 20px rgba(16,36,63,.05)!important;
}

body:not(.license-open) .app-page[data-page="topics"] > .setup-duration-summary strong{
  color:#0b66d8!important;
}

body:not(.license-open) .app-page[data-page="topics"] > .setup-duration-summary.bad{
  border-color:#f1b8ac!important;
  background:linear-gradient(135deg,#fff4f1 0%,#fffafa 100%)!important;
  color:#8a2f22!important;
}

/*
   REV5.97-N - COMPANY SELECTOR PIN FIX
   Masaustu genisliklerde profil secici sag kolonda kalir, forma karismaz.
*/
@media (min-width:901px){
  body:not(.license-open) .grid > .pro-setup-page.active[data-company-tab="info"],
  body:not(.license-open) .pro-setup-page.active[data-company-tab="info"]{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 340px!important;
    grid-template-rows:auto auto auto 1fr!important;
    grid-template-areas:
      "title title"
      "note note"
      "tabs tabs"
      "form profile"!important;
    column-gap:20px!important;
    align-items:start!important;
  }

  body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] > .setup-detail-grid{
    grid-area:form!important;
    grid-column:auto!important;
    grid-row:auto!important;
    max-width:none!important;
    width:100%!important;
  }

  body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] > .company-profile-center{
    grid-area:profile!important;
    grid-column:auto!important;
    grid-row:auto!important;
    width:340px!important;
    max-width:340px!important;
    justify-self:end!important;
    position:sticky!important;
    top:16px!important;
  }

  body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .profile-selector-grid{
    padding:13px!important;
  }

  body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .profile-actions-4{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .profile-actions-4 button,
  body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .profile-actions-4 .primary,
  body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .profile-actions-4 .danger-button{
    grid-column:1!important;
    width:100%!important;
  }
}

@media (max-width:900px){
  body:not(.license-open) .pro-setup-page.active[data-company-tab="info"]{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "title"
      "note"
      "tabs"
      "profile"
      "form"!important;
  }

  body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] > .company-profile-center{
    width:100%!important;
    max-width:none!important;
    position:static!important;
  }
}

/*
   REV5.97-O - COMPANY VISUAL PANEL
   Firma secimi ve bilgileri solda; sagda kurumsal onizleme vitrini.
*/
.company-visual-panel{
  display:none;
}

@media (min-width:901px){
  body:not(.license-open) .grid > .pro-setup-page.active[data-company-tab="info"],
  body:not(.license-open) .pro-setup-page.active[data-company-tab="info"]{
    grid-template-columns:minmax(280px,340px) minmax(360px,1fr) minmax(260px,320px)!important;
    grid-template-areas:
      "title title title"
      "note note note"
      "tabs tabs tabs"
      "profile form visual"!important;
    column-gap:18px!important;
  }

  body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] > .company-profile-center{
    grid-area:profile!important;
    width:100%!important;
    max-width:none!important;
    justify-self:stretch!important;
    position:static!important;
  }

  body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] > .setup-detail-grid{
    grid-area:form!important;
    width:100%!important;
  }

  body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] > .company-visual-panel{
    grid-area:visual!important;
    display:grid!important;
    gap:12px!important;
    align-self:start!important;
    position:sticky!important;
    top:16px!important;
  }
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .company-visual-panel{
  color:#10243f!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .company-visual-brand,
body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .company-visual-certificate,
body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .company-visual-stamp{
  border:1px solid #dbe7f2!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;
  box-shadow:0 14px 26px rgba(16,36,63,.07)!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .company-visual-brand{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  padding:14px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .company-visual-logo{
  width:58px!important;
  height:58px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:16px!important;
  border:1px solid #dceaf5!important;
  background:#fff!important;
  overflow:hidden!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .company-visual-logo img{
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .company-visual-logo small{
  color:#8aa0b4!important;
  font-size:10px!important;
  font-weight:900!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .company-visual-brand span,
body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .company-visual-stamp > span{
  display:block!important;
  color:#74869a!important;
  font-size:11px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .company-visual-brand strong{
  display:block!important;
  margin-top:3px!important;
  color:#10243f!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:950!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .company-visual-certificate{
  padding:14px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .company-visual-certificate img{
  display:block!important;
  width:100%!important;
  aspect-ratio:1.414 / 1!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:10px!important;
  border:1px solid #dfe8f0!important;
  background:#fff!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .company-visual-stamp{
  padding:14px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .company-visual-stamp > div{
  min-height:96px!important;
  margin-top:10px!important;
  display:grid!important;
  place-items:center!important;
  border:1px dashed #cddbe8!important;
  border-radius:12px!important;
  background:#fff!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .company-visual-stamp img{
  max-width:86%!important;
  max-height:86px!important;
  object-fit:contain!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .company-visual-stamp small{
  color:#8aa0b4!important;
  font-size:12px!important;
  font-weight:850!important;
}

body:not(.license-open) .pro-setup-page.active:not([data-company-tab="info"]) > .company-visual-panel,
body:not(.license-open) .pro-setup-page.active[data-company-tab="brand"] > .company-visual-panel,
body:not(.license-open) .pro-setup-page.active[data-company-tab="contact"] > .company-visual-panel,
body:not(.license-open) .pro-setup-page.active[data-company-tab="address"] > .company-visual-panel,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] > .company-visual-panel,
body:not(.license-open) .pro-setup-page.active[data-company-tab="authorities"] > .company-visual-panel{
  display:none!important;
}

@media (max-width:900px){
  body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] > .company-visual-panel{
    display:none!important;
  }
}

/*
   REV5.97-P - COMPANY SETTINGS PRO VIEW
   Firma Ayarlari sekmesi kisa bir varsayilanlar ekrani ve gorsel vitrin olur.
*/
@media (min-width:901px){
  body:not(.license-open) .grid > .pro-setup-page.active[data-company-tab="settings"],
  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"]{
    grid-template-columns:minmax(420px,560px) minmax(300px,360px)!important;
    grid-template-areas:
      "title title"
      "note note"
      "tabs tabs"
      "profile visual"!important;
    column-gap:22px!important;
    align-items:start!important;
  }

  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] > .company-profile-center{
    grid-area:profile!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    max-width:none!important;
    width:100%!important;
    margin:0!important;
  }

  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] > .company-visual-panel{
    grid-area:visual!important;
    display:grid!important;
    gap:12px!important;
    align-self:start!important;
    position:sticky!important;
    top:16px!important;
  }
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] > .setup-detail-grid{
  display:none!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-profile-center::before{
  content:"Firma Varsayılanları";
  display:block!important;
  color:#10243f!important;
  font-size:20px!important;
  font-weight:950!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-profile-center::after{
  content:"Seçili firmanın varsayılan şablonunu ve kurumsal görünümünü buradan takip edin.";
  display:block!important;
  margin-top:-8px!important;
  color:#6f8194!important;
  font-size:13px!important;
  font-weight:750!important;
  line-height:1.45!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-profile-center > label,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .profile-status{
  display:block!important;
  grid-column:1!important;
  width:100%!important;
  max-width:none!important;
  border:1px solid #dbe7f2!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;
  box-shadow:0 14px 26px rgba(16,36,63,.06)!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-profile-center > label{
  padding:18px!important;
  color:#10243f!important;
  font-size:13px!important;
  font-weight:900!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-profile-center > label .field-note{
  display:block!important;
  margin:5px 0 10px!important;
  color:#7b8c9e!important;
  font-size:12px!important;
  font-weight:700!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-profile-center > label select{
  margin-top:10px!important;
  height:46px!important;
  min-height:46px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .profile-status{
  padding:14px 16px!important;
  color:#24435b!important;
  font-size:13px!important;
  font-weight:850!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-visual-brand,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-visual-certificate,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-visual-stamp{
  border:1px solid #dbe7f2!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;
  box-shadow:0 14px 26px rgba(16,36,63,.07)!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-visual-brand{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  padding:14px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-visual-logo{
  width:58px!important;
  height:58px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:16px!important;
  border:1px solid #dceaf5!important;
  background:#fff!important;
  overflow:hidden!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-visual-logo img,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-visual-stamp img{
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-visual-brand span,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-visual-stamp > span{
  display:block!important;
  color:#74869a!important;
  font-size:11px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-visual-brand strong{
  display:block!important;
  margin-top:3px!important;
  color:#10243f!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:950!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-visual-certificate{
  padding:14px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-visual-certificate img{
  display:block!important;
  width:100%!important;
  aspect-ratio:1.414 / 1!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:10px!important;
  border:1px solid #dfe8f0!important;
  background:#fff!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-visual-stamp{
  padding:14px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-visual-stamp > div{
  min-height:96px!important;
  margin-top:10px!important;
  display:grid!important;
  place-items:center!important;
  border:1px dashed #cddbe8!important;
  border-radius:12px!important;
  background:#fff!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-visual-stamp img{
  max-width:86%!important;
  max-height:86px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-visual-logo small,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-visual-stamp small{
  color:#8aa0b4!important;
  font-size:12px!important;
  font-weight:850!important;
}

@media (max-width:900px){
  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"]{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "title"
      "note"
      "tabs"
      "profile"!important;
  }

  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] > .company-visual-panel{
    display:none!important;
  }
}

/*
   REV5.97-Q - COMPANY SETTINGS REQUIRED FIELDS RESTORE
   Firma Ayarlari sekmesinde sektor, tehlike sinifi ve egitim temel alanlari geri gelir.
*/
@media (min-width:901px){
  body:not(.license-open) .grid > .pro-setup-page.active[data-company-tab="settings"],
  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"]{
    grid-template-columns:minmax(0,560px) minmax(0,1fr) minmax(280px,330px)!important;
    grid-template-areas:
      "title title title"
      "note note note"
      "tabs tabs tabs"
      "profile form visual"!important;
    column-gap:18px!important;
  }
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] > .setup-detail-grid{
  grid-area:form!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-details-card{
  display:none!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
  margin:0!important;
  padding:18px!important;
  border:1px solid #dbe7f2!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 14px 26px rgba(16,36,63,.06)!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .setup-card-title{
  display:flex!important;
  grid-column:1 / -1!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > *{
  display:none!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .setup-card-title,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .program-picker,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > #trainingProgramHint,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > #sectorField,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .two{
  display:grid!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .setup-card-title{
  display:flex!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .program-picker,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > #trainingProgramHint,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > #sectorField,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .two{
  grid-column:1 / -1!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .program-picker{
  grid-template-columns:1fr auto!important;
  align-items:end!important;
  gap:10px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .two{
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .two:nth-of-type(n+4){
  display:none!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .two{
  display:none!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .two:has(#hazardClass),
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .two:has(#trainingDate),
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .two:has(#trainingPlace){
  display:grid!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card label{
  margin:0!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card input,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card select{
  height:44px!important;
  min-height:44px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card #applyTrainingProgramBtn{
  height:44px!important;
  white-space:nowrap!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card .certificate-number-card,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card .verification-validity-card,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card .trainer-profile-tools,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > #basicDurationFields,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > #manualDurationField,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > label:has(#trainerName),
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > label:has(#employerName){
  display:none!important;
}

@media (max-width:900px){
  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"]{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "title"
      "note"
      "tabs"
      "profile"
      "form"!important;
  }

  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card,
  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .two,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .program-picker{
    grid-template-columns:1fr!important;
  }
}

/*
   REV5.97-R - COMPANY SETTINGS COMPLETE POLISH
   Ayarlar sekmesinde gerekli tum belge ayarlari geri gelir; belge tarihi bu ekranda gizlenir.
*/
@media (min-width:901px){
  body:not(.license-open) .grid > .pro-setup-page.active[data-company-tab="settings"],
  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"]{
    grid-template-columns:minmax(300px,360px) minmax(520px,1fr) minmax(260px,310px)!important;
    grid-template-areas:
      "title title title"
      "note note note"
      "tabs tabs tabs"
      "profile form visual"!important;
    column-gap:18px!important;
    align-items:start!important;
  }
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] > .setup-detail-grid{
  display:block!important;
  grid-area:form!important;
  max-width:none!important;
  width:100%!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  padding:18px!important;
  overflow:visible!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > *,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .two,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > #basicDurationFields,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .trainer-profile-tools,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card .certificate-number-card,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card .verification-validity-card{
  display:grid!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .setup-card-title{
  display:flex!important;
  grid-column:1 / -1!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .program-picker,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > #trainingProgramHint,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > #sectorField,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .two,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > #basicDurationFields,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > label:has(#trainerName),
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .trainer-profile-tools,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > label:has(#employerName),
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card .certificate-number-card,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card .verification-validity-card{
  grid-column:1 / -1!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > label:has(#trainerName),
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > label:has(#employerName){
  display:block!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .two:has(#trainingDate) label:has(#documentDate){
  display:none!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .two:has(#trainingDate){
  grid-template-columns:1fr!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .certificate-number-card,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .verification-validity-card{
  margin:2px 0 0!important;
  padding:18px!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 12px 24px rgba(16,36,63,.055)!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .certificate-number-grid,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .verification-validity-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .trainer-profile-tools{
  grid-template-columns:1fr!important;
  gap:12px!important;
  padding:14px!important;
  border:1px solid #dbe7f2!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] #manualDurationField[hidden],
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] #certValidityFixedField[hidden]{
  display:none!important;
}

@media (max-width:900px){
  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card,
  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .certificate-number-grid,
  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .verification-validity-grid{
    grid-template-columns:1fr!important;
  }
}

/*
   REV5.97-S - COMPANY SETTINGS CLEAN GRID
   Ayarlar sekmesindeki buyuk gorsel vitrin kaldirilir; zorunlu egitim, numara ve QR alanlari duzenli karta yayilir.
*/
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] > .company-visual-panel{
  display:none!important;
}

@media (min-width:901px){
  body:not(.license-open) .grid > .pro-setup-page.active[data-company-tab="settings"],
  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"]{
    grid-template-columns:minmax(300px,360px) minmax(0,1fr)!important;
    grid-template-areas:
      "title title"
      "note note"
      "tabs tabs"
      "profile form"!important;
    column-gap:18px!important;
    row-gap:16px!important;
    align-items:start!important;
  }
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] > .company-profile-center{
  grid-area:profile!important;
  position:sticky!important;
  top:18px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  max-width:none!important;
  margin:0!important;
  padding:16px!important;
  border:1px solid #d8e6f2!important;
  border-radius:16px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.94),rgba(247,251,255,.94)),
    radial-gradient(circle at 100% 0%,rgba(8,145,178,.12),transparent 42%)!important;
  box-shadow:0 18px 34px rgba(16,36,63,.08)!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-profile-center::before{
  content:"Firma varsayilanlari";
  display:block!important;
  color:#10243f!important;
  font-size:18px!important;
  font-weight:900!important;
  letter-spacing:0!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-profile-center::after{
  content:"Bu bolumde secili firmanin sablon tercihi ve profil kaydi yonetilir. Egitim detaylari sag paneldedir.";
  display:block!important;
  color:#607589!important;
  font-size:12px!important;
  line-height:1.45!important;
  padding-top:2px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-profile-head,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .profile-brand-grid{
  display:none!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .profile-selector-grid,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .profile-actions-4,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-profile-center > label,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .profile-status{
  display:grid!important;
  grid-column:1!important;
  width:100%!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .profile-actions-4{
  grid-template-columns:1fr!important;
  gap:9px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .profile-status{
  min-height:0!important;
  padding:12px 14px!important;
  align-items:center!important;
  color:#577087!important;
  background:#f3f8fd!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] > .setup-detail-grid{
  grid-area:form!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  min-width:0!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-details-card{
  display:none!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(260px,1fr))!important;
  gap:14px!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:18px!important;
  border:1px solid #d8e6f2!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbfd 100%)!important;
  box-shadow:0 18px 34px rgba(16,36,63,.075)!important;
  overflow:visible!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > *{
  min-width:0!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .setup-card-title{
  display:flex!important;
  grid-column:1 / -1!important;
  margin:-18px -18px 4px!important;
  padding:15px 18px!important;
  border-radius:16px 16px 0 0!important;
  background:#fbfdff!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .program-picker,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > #trainingProgramHint,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > #sectorField,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > #basicDurationFields,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > #manualDurationField,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > label:has(#trainerName),
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .trainer-profile-tools,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > label:has(#employerName),
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card .certificate-number-card,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card .verification-validity-card{
  grid-column:1 / -1!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .program-picker{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:12px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .two,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] #basicDurationFields,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .certificate-number-grid,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .verification-validity-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .two:has(#trainingDate) label:has(#documentDate){
  display:none!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .two:has(#trainingDate){
  grid-template-columns:1fr!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card label{
  margin:0!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card input,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card select,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card textarea{
  border-color:#cfe0ee!important;
  box-shadow:0 8px 18px rgba(16,36,63,.035)!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .certificate-number-card,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .verification-validity-card,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .trainer-profile-tools{
  margin:0!important;
  padding:16px!important;
  border:1px solid #dbe7f2!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 12px 24px rgba(16,36,63,.055)!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .certificate-number-card{
  border-left:4px solid #d79527!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .verification-validity-card{
  border-left:4px solid #6f63c6!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .trainer-profile-tools{
  grid-template-columns:1fr!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] #manualDurationField[hidden],
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] #certValidityFixedField[hidden]{
  display:none!important;
}

@media (max-width:1100px){
  body:not(.license-open) .grid > .pro-setup-page.active[data-company-tab="settings"],
  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"]{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "title"
      "note"
      "tabs"
      "profile"
      "form"!important;
  }

  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] > .company-profile-center{
    position:static!important;
  }
}

@media (max-width:900px){
  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card,
  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .program-picker,
  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .two,
  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] #basicDurationFields,
  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .certificate-number-grid,
  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .verification-validity-grid{
    grid-template-columns:1fr!important;
  }
}

/*
   REV5.97-T - COMPANY SETTINGS FLOW LAYOUT
   Ayarlar sekmesi Firma Bilgileri gibi normal akisla calisir; profil karti sabit kalip alttaki alanlari kapatmaz.
*/
@media (min-width:901px){
  body:not(.license-open) .grid > .pro-setup-page.active[data-company-tab="settings"],
  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"]{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "title"
      "note"
      "tabs"
      "profile"
      "form"!important;
    row-gap:16px!important;
  }
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] > .company-profile-center{
  position:static!important;
  top:auto!important;
  z-index:auto!important;
  display:grid!important;
  grid-template-columns:minmax(280px,.92fr) minmax(420px,1.08fr)!important;
  gap:14px!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:16px!important;
  border:1px solid #d8e6f2!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 16px 32px rgba(16,36,63,.07)!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-profile-center::before{
  content:"Firma varsayilanlari";
  grid-column:1 / -1!important;
  margin-bottom:2px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-profile-center::after{
  content:""!important;
  display:none!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .profile-selector-grid{
  grid-column:1!important;
  align-self:start!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .profile-actions-4{
  grid-column:1!important;
  grid-template-columns:1fr 1fr!important;
  align-self:start!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-profile-center > label{
  grid-column:2!important;
  grid-row:2!important;
  align-self:start!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .profile-status{
  grid-column:2!important;
  grid-row:3!important;
  align-self:stretch!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] > .setup-detail-grid{
  grid-area:form!important;
  max-width:none!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card{
  grid-template-columns:repeat(2,minmax(300px,1fr))!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .certificate-number-card,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .verification-validity-card{
  display:grid!important;
  grid-template-columns:1fr!important;
}

@media (max-width:1100px){
  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] > .company-profile-center{
    grid-template-columns:1fr!important;
  }

  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .profile-selector-grid,
  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .profile-actions-4,
  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-profile-center > label,
  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .profile-status{
    grid-column:1!important;
    grid-row:auto!important;
  }
}

/*
   REV5.97-U - COMPANY SETTINGS CARD PREMIUM
   Ayarlar sekmesi kartlari daha temiz, bagli ve satilabilir urun hissi verecek sekilde parlatilir.
*/
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"]{
  background:linear-gradient(180deg,#ffffff 0%,#f7fbfd 100%)!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] > h2{
  margin-bottom:2px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] > .company-profile-center{
  grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr)!important;
  gap:16px!important;
  padding:20px!important;
  border:1px solid #d9e7f3!important;
  border-radius:18px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(246,251,255,.98)),
    radial-gradient(circle at 0% 0%,rgba(13,148,136,.10),transparent 34%),
    radial-gradient(circle at 100% 12%,rgba(59,130,246,.10),transparent 32%)!important;
  box-shadow:0 20px 42px rgba(16,36,63,.075)!important;
  overflow:hidden!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-profile-center::before{
  color:#09213d!important;
  font-size:20px!important;
  line-height:1.15!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .profile-selector-grid,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-profile-center > label,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .profile-status{
  padding:16px!important;
  border:1px solid #dbe8f3!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 12px 26px rgba(16,36,63,.045)!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .profile-selector-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .active-profile-badge{
  grid-column:1 / -1!important;
  width:fit-content!important;
  max-width:100%!important;
  padding:9px 13px!important;
  border-color:#bad8fb!important;
  background:linear-gradient(135deg,#eaf4ff,#f5fbff)!important;
  color:#0b66d8!important;
  box-shadow:0 10px 22px rgba(11,102,216,.08)!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-profile-center > label{
  grid-row:2 / span 2!important;
  align-self:stretch!important;
  align-content:center!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-profile-center > label select{
  height:50px!important;
  border-radius:12px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .profile-status{
  grid-column:1 / -1!important;
  grid-row:auto!important;
  min-height:54px!important;
  margin-top:0!important;
  border-color:#cfdfed!important;
  background:linear-gradient(135deg,#f7fbff,#eef7fb)!important;
  color:#526b80!important;
  font-weight:800!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .profile-actions-4{
  grid-column:1!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  padding:0!important;
  border:0!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .profile-actions-4 button{
  min-height:46px!important;
  border-radius:12px!important;
  font-weight:900!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .profile-actions-4 #saveProfileBtn{
  background:linear-gradient(135deg,#0f9a8c,#0a8278)!important;
  box-shadow:0 13px 24px rgba(15,154,140,.20)!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .profile-actions-4 #deleteProfileBtn{
  background:#fff6f4!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card{
  padding:20px!important;
  border-radius:18px!important;
  border-color:#d9e7f3!important;
  background:
    linear-gradient(180deg,#ffffff 0%,#f8fbfd 100%),
    radial-gradient(circle at 100% 0%,rgba(20,184,166,.08),transparent 36%)!important;
  box-shadow:0 20px 42px rgba(16,36,63,.075)!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .setup-card-title{
  margin:-20px -20px 8px!important;
  padding:18px 20px!important;
  border-bottom:1px solid #e3edf5!important;
  background:linear-gradient(135deg,#fbfdff,#f2f8fc)!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .setup-card-title span{
  width:42px!important;
  height:42px!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#e8f3ff,#dff7f3)!important;
  color:#0b66d8!important;
  box-shadow:0 12px 20px rgba(11,102,216,.08)!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .setup-card-title strong{
  font-size:20px!important;
  color:#09213d!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .setup-card-title small{
  font-size:12px!important;
  color:#607589!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .program-picker{
  padding:14px!important;
  border:1px solid #dbe8f3!important;
  border-radius:16px!important;
  background:#fff!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] #trainingProgramHint{
  padding:14px 16px!important;
  border:1px solid #e0eaf2!important;
  border-left:4px solid #0f9a8c!important;
  border-radius:14px!important;
  background:#f7fcfb!important;
  color:#5c7184!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] #sectorField,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > .two,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] #basicDurationFields,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > label:has(#trainerName),
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card > label:has(#employerName){
  padding:14px!important;
  border:1px solid #e0eaf2!important;
  border-radius:16px!important;
  background:#fff!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .certificate-number-card,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .verification-validity-card,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .trainer-profile-tools{
  border-radius:18px!important;
  box-shadow:0 16px 30px rgba(16,36,63,.065)!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .certificate-number-preview,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .verification-example{
  border-radius:14px!important;
  background:linear-gradient(135deg,#ffffff,#f7fbff)!important;
}

@media (max-width:1100px){
  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] > .company-profile-center,
  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .profile-selector-grid,
  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .profile-actions-4{
    grid-template-columns:1fr!important;
  }

  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-profile-center > label{
    grid-row:auto!important;
  }
}

/*
   REV5.97-V - SETTINGS TEMPLATE ONLY
   Firma secimi ve profil yonetimi Firma Bilgileri sekmesinde kalir; Ayarlar'da sadece sertifika varsayilani gosterilir.
*/
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] > .company-profile-center{
  display:grid!important;
  grid-template-columns:1fr!important;
  padding:18px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-profile-center::before{
  content:"Sertifika varsayilani";
  display:block!important;
  grid-column:1!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-profile-center::after{
  content:"Secili firma icin varsayilan sertifika sablonunu belirle. Firma secimi ve profil kaydi Firma Bilgileri sekmesindedir.";
  display:block!important;
  grid-column:1!important;
  color:#607589!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.45!important;
  margin-top:-8px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .profile-selector-grid,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .profile-actions-4,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .profile-status{
  display:none!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-profile-center > label{
  grid-column:1!important;
  grid-row:auto!important;
  width:100%!important;
  max-width:none!important;
  min-height:118px!important;
  padding:18px!important;
  align-content:center!important;
  border-radius:16px!important;
  background:
    linear-gradient(135deg,#ffffff 0%,#f8fcff 100%),
    radial-gradient(circle at 100% 0%,rgba(13,148,136,.11),transparent 34%)!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-profile-center > label select{
  width:100%!important;
  margin-top:14px!important;
}

@media (min-width:901px){
  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] > .company-profile-center{
    max-width:none!important;
  }
}

/*
   REV5.97-W - SETTINGS SIDE BY SIDE
   Ayarlar kartlari masaustunde yan yana gelir; solda sablon varsayilani, sagda egitim/belge ayarlari kalir.
*/
@media (min-width:1181px){
  body:not(.license-open) .grid > .pro-setup-page.active[data-company-tab="settings"],
  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"]{
    grid-template-columns:minmax(320px,380px) minmax(0,1fr)!important;
    grid-template-areas:
      "title title"
      "note note"
      "tabs tabs"
      "profile form"!important;
    column-gap:18px!important;
    row-gap:16px!important;
    align-items:start!important;
  }

  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] > .company-profile-center{
    grid-area:profile!important;
    width:100%!important;
    min-height:0!important;
    align-self:start!important;
    margin:0!important;
  }

  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] > .setup-detail-grid{
    grid-area:form!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }

  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .training-details-card{
    grid-template-columns:repeat(2,minmax(260px,1fr))!important;
  }
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] > .company-profile-center{
  border-left:4px solid #0f9a8c!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-profile-center > label{
  min-height:150px!important;
  box-shadow:0 14px 28px rgba(16,36,63,.055)!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-profile-center::before{
  font-size:19px!important;
}

body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-profile-center::after{
  margin:0!important;
}

@media (max-width:1180px){
  body:not(.license-open) .grid > .pro-setup-page.active[data-company-tab="settings"],
  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"]{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "title"
      "note"
      "tabs"
      "profile"
      "form"!important;
  }
}


/* ============================================================
   Rev5.98-SAFE — Katılımcı Yönetimi / isolated enterprise table
   Sadece participants ekranını etkiler.
   ============================================================ */
.participant-manager-page{padding:28px!important;background:#fff!important;border:1px solid #dfe6ec!important;border-radius:12px!important;box-shadow:0 2px 10px rgba(15,42,62,.045)!important;max-width:none!important;}
.participant-manager-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px;}
.participant-manager-header h2{margin:0 0 7px!important;font-size:25px!important;line-height:1.2!important;color:#12263a!important;font-weight:750!important;letter-spacing:-.35px!important;}
.participant-manager-header h2::before{content:none!important;}
.participant-manager-header p{margin:0!important;color:#66798a!important;font-size:13px!important;}
.participant-manager-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.participant-manager-actions button{height:42px!important;border-radius:8px!important;padding:0 16px!important;font-weight:700!important;font-size:13px!important;box-shadow:none!important;transform:none!important;}
.pm-primary{background:#0969d7!important;color:#fff!important;border:1px solid #0969d7!important;}
.pm-primary:hover{background:#075fbe!important;border-color:#075fbe!important;}
.pm-secondary{background:#fff!important;color:#24384b!important;border:1px solid #d6e0e8!important;}
.pm-secondary:hover{background:#f7fafc!important;border-color:#bfcdd8!important;}
.pm-bulk-wrap{position:relative;}
.pm-bulk-menu{position:absolute;right:0;top:48px;z-index:30;min-width:190px;padding:6px;background:#fff;border:1px solid #d8e1e8;border-radius:9px;box-shadow:0 12px 30px rgba(19,45,66,.14);}
.pm-bulk-menu[hidden]{display:none!important;}
.pm-bulk-menu button{width:100%;height:36px!important;text-align:left!important;background:#fff!important;color:#294054!important;border:0!important;padding:0 11px!important;border-radius:6px!important;}
.pm-bulk-menu button:hover{background:#f3f7fa!important;}
.pm-bulk-menu .pm-danger-action{color:#b73939!important;}
.participant-manager-filters{display:grid;grid-template-columns:minmax(300px,1.65fr) minmax(180px,.9fr) minmax(180px,.9fr);gap:14px;margin-bottom:18px;}
.participant-manager-filters input,.participant-manager-filters select{height:44px!important;border:1px solid #d8e2e9!important;border-radius:8px!important;background:#fff!important;color:#24384b!important;font-size:13px!important;box-shadow:none!important;outline:none!important;}
.participant-manager-filters input:focus,.participant-manager-filters select:focus{border-color:#6aa9e8!important;box-shadow:0 0 0 3px rgba(9,105,215,.08)!important;}
.pm-search{position:relative;display:block!important;margin:0!important;}
.pm-search span{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:21px;color:#91a1ae;z-index:2;pointer-events:none;}
.pm-search input{width:100%!important;padding:0 14px 0 43px!important;}
.participant-manager-filters select{padding:0 38px 0 14px!important;}
.pm-table-shell{border:1px solid #dce5eb;border-radius:10px;overflow:hidden;background:#fff;}
.pm-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px;}
.pm-table th{height:54px;padding:0 18px;text-align:left;background:#f5f8fa;color:#24384b;font-weight:750;border-bottom:1px solid #dfe7ec;white-space:nowrap;}
.pm-table td{height:64px;padding:0 18px;border-bottom:1px solid #e8eef2;color:#324b60;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pm-table tbody tr:last-child td{border-bottom:0;}
.pm-table tbody tr:hover{background:#fbfdff;}
.pm-table td:first-child{font-weight:700;color:#24384b;}
.pm-table th:nth-child(1){width:20%}.pm-table th:nth-child(2){width:17%}.pm-table th:nth-child(3){width:19%}.pm-table th:nth-child(4){width:18%}.pm-table th:nth-child(5){width:15%}.pm-table th:nth-child(6){width:11%;text-align:center}
.pm-table td:last-child{text-align:center;}
.pm-status{display:inline-flex;align-items:center;justify-content:center;min-height:31px;padding:0 11px;border-radius:6px;font-weight:700;font-size:12px;border:1px solid;}
.pm-status.completed{color:#26843d;background:#f7fcf8;border-color:#6dc47e;}
.pm-status.ongoing{color:#c17a00;background:#fffaf0;border-color:#f0bb55;}
.pm-row-actions{display:inline-flex;align-items:center;gap:5px;}
.pm-icon-btn{width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#36546c!important;font-size:17px!important;box-shadow:none!important;}
.pm-icon-btn:hover{background:#eef4f8!important;color:#0b67bd!important;}
.pm-icon-btn.delete:hover{background:#fff1f1!important;color:#bd3b3b!important;}
.pm-empty{padding:32px;text-align:center;color:#7a8c9a;background:#fbfcfd;font-size:13px;}
.pm-footerbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 2px 0;color:#6c7e8c;font-size:12px;}
.pm-link-button{background:transparent!important;border:0!important;color:#176cb2!important;padding:5px!important;box-shadow:none!important;font-size:12px!important;font-weight:700!important;}
.pm-link-button:hover{text-decoration:underline;background:transparent!important;}
.pm-advanced{margin-top:16px;padding:18px;border:1px solid #dfe7ec;border-radius:10px;background:#f8fafb;}
.pm-advanced[hidden]{display:none!important;}
.pm-advanced-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start;margin-bottom:14px;}
.pm-import-drop{margin:0!important;background:#fff!important;border:1px dashed #b9cad6!important;border-radius:9px!important;}
.pm-legacy-stats{margin:0!important;min-width:320px;}
.pm-textarea-label{display:block;margin:14px 0 6px;color:#3b5366;font-weight:700;font-size:12px;}
.participant-manager-page #participantsText{min-height:135px!important;margin:0!important;background:#fff!important;border:1px solid #d8e2e9!important;border-radius:8px!important;box-shadow:none!important;font-family:inherit!important;}
.pm-legacy-actions{margin-top:10px!important;}
.participant-manager-page .smart-import-panel{margin-top:14px!important;}
@media(max-width:980px){.participant-manager-header{flex-direction:column}.participant-manager-actions{justify-content:flex-start}.participant-manager-filters{grid-template-columns:1fr}.pm-table-shell{overflow-x:auto}.pm-table{min-width:840px}.pm-advanced-grid{grid-template-columns:1fr}.pm-legacy-stats{min-width:0}}


/* =========================================================
   REV5.99 — ŞABLON GALERİSİ PRO
   Referans görsele yakın açık, temiz ve satılabilir şablon ekranı
   ========================================================= */
.app-page[data-page="templates"],
.template-pro-gallery-page {
  background:
    radial-gradient(circle at 100% 0%, rgba(31,120,183,.10), transparent 28%),
    linear-gradient(180deg,#f7fbff 0%,#f4f8fb 100%) !important;
  color:#18364c !important;
}
.app-page[data-page="templates"] .section-head.template-pro-head {
  margin:-24px -24px 18px !important;
  padding:22px 24px 18px !important;
  background:transparent !important;
  border:0 !important;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
}
.template-page-badge {
  display:inline-flex;
  align-items:center;
  padding:10px 18px;
  border-radius:12px;
  background:linear-gradient(135deg,#12375d,#143a6a);
  color:#fff;
  font-size:13px;
  font-weight:900;
  letter-spacing:.03em;
  box-shadow:0 10px 24px rgba(17,52,91,.18);
  margin-bottom:14px;
}
.app-page[data-page="templates"] .template-pro-head h2 {
  color:#17344d !important;
  font-size:30px !important;
  margin:0 0 6px;
  letter-spacing:-.03em;
}
.app-page[data-page="templates"] .template-pro-head p {
  color:#6a7f91 !important;
  font-size:15px;
  margin:0;
}
.template-head-actions,
.template-secondary-toolbar {
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.template-head-actions button,
.template-secondary-toolbar button,
.template-secondary-toolbar .file-button {
  min-height:44px;
  border-radius:12px !important;
  box-shadow:0 8px 20px rgba(26,68,103,.08);
}
.template-head-actions button.primary {
  background:linear-gradient(135deg,#1d68ea,#1b57d2) !important;
  border-color:#1d68ea !important;
}
.template-secondary-toolbar {
  margin:0 0 18px;
  padding:12px 14px;
  background:#ffffff;
  border:1px solid #dbe7f0;
  border-radius:16px;
  box-shadow:0 10px 28px rgba(24,55,78,.06);
}
.template-secondary-toolbar .file-button {
  padding:11px 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.template-import-chip input { display:none; }
.built-in-gallery-shell {
  background:#fff !important;
  border:1px solid #dfe8ef !important;
  border-radius:20px !important;
  padding:18px !important;
  margin-bottom:18px !important;
  box-shadow:0 14px 34px rgba(23,58,87,.06) !important;
}
.built-in-gallery-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}
.built-in-gallery-head h3 {
  color:#17344d !important;
  font-size:22px !important;
  margin:0 0 6px;
}
.built-in-gallery-head p {
  color:#6f8395 !important;
  margin:0;
}
.built-in-count {
  background:#eef4fb !important;
  color:#1e4e86 !important;
  border:1px solid #d6e4f1 !important;
  border-radius:999px !important;
  padding:10px 14px !important;
  font-weight:800;
}
.built-in-template-gallery {
  background:transparent !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px !important;
}
.pro-template-card {
  padding:0 !important;
  display:flex !important;
  flex-direction:column;
  align-items:stretch;
  gap:0 !important;
  overflow:hidden;
  background:#fff !important;
  border:1px solid #d9e4ec !important;
  border-radius:18px !important;
  box-shadow:0 10px 24px rgba(23,55,78,.06);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  color:#17344d !important;
  text-align:left;
}
.pro-template-card:hover {
  transform:translateY(-3px);
  box-shadow:0 18px 30px rgba(24,58,86,.12);
  border-color:#b7d0e3 !important;
}
.pro-template-card.active {
  border-color:#1f67e6 !important;
  box-shadow:0 0 0 3px rgba(31,103,230,.10), 0 18px 30px rgba(24,58,86,.10);
}
.pro-template-thumb {
  aspect-ratio:1.48 / 1;
  background:linear-gradient(180deg,#fafbfd,#f3f7fa);
  padding:10px;
  border-bottom:1px solid #e6eef4;
}
.pro-template-thumb img {
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:12px;
  display:block;
  box-shadow:0 3px 10px rgba(18,38,59,.08);
}
.pro-template-meta {
  display:flex !important;
  flex-direction:column;
  gap:3px;
  padding:14px 14px 8px !important;
}
.pro-template-meta strong {
  color:#17344d !important;
  font-size:16px;
  line-height:1.3;
}
.pro-template-meta small {
  color:#7a8ea0 !important;
  font-size:13px;
  line-height:1.35;
}
.pro-template-footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 14px 14px;
  gap:10px;
}
.pro-template-action {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  background:#edf4ff !important;
  color:#1e58b7 !important;
  font-weight:800;
  border:1px solid #d7e6ff !important;
}
.pro-template-menu {
  color:#6a7f91;
  font-weight:900;
  letter-spacing:.12em;
  font-size:18px;
}
.template-layout {
  width:100% !important;
  min-width:0 !important;
  grid-template-columns:minmax(290px,340px) minmax(0,1fr) !important;
  gap:18px !important;
  align-items:start !important;
}
.template-layout > .template-tools:first-child,
.template-layout > .template-tools:nth-child(2),
.template-editor,
.layer-panel,
.editor-side-controls,
.selected-layer-editor {
  background:#ffffff !important;
  border:1px solid #dce7ef !important;
  color:#19384d !important;
  box-shadow:0 12px 28px rgba(23,57,84,.06) !important;
}
.template-layout > .template-tools:first-child {
  border-top:4px solid #2a73de !important;
}
.template-layout > .template-tools:nth-child(2) {
  padding:14px !important;
}
.template-layout > .template-tools:first-child h3,
.template-layout > .template-tools:first-child label,
.template-layout > .template-tools:nth-child(2) h3,
.template-layout > .template-tools:nth-child(2) strong,
.template-editor h3,
.layer-panel h3 {
  color:#16344d !important;
}
.template-layout > .template-tools:first-child p,
.template-layout > .template-tools:first-child small,
.template-layout > .template-tools:nth-child(2) p,
.template-layout > .template-tools:nth-child(2) small,
.template-editor p,
.layer-panel p {
  color:#708497 !important;
}
.designer-toolbar {
  background:#f4f8fc !important;
  border:1px solid #dce7ef !important;
  border-radius:14px !important;
}
.template-stage {
  box-shadow:0 20px 36px rgba(21,52,78,.14) !important;
}
@media (max-width:1280px) {
  .built-in-template-gallery { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:980px) {
  .app-page[data-page="templates"] .section-head.template-pro-head {
    align-items:flex-start;
    flex-direction:column;
  }
  .built-in-template-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .template-layout { grid-template-columns:1fr !important; }
}
@media (max-width:640px) {
  .built-in-template-gallery { grid-template-columns:1fr; }
  .template-page-badge { margin-bottom:10px; }
}


/* REV5.99B — Screenshot benzeri Şablon Kataloğu */
.template-browser-shell {
  padding:0 !important;
  background:#f8fbff !important;
  border:1px solid #dbe5ef !important;
  box-shadow:none !important;
  overflow:hidden;
}
.template-browser-layout {
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  min-height:100%;
}
.template-browser-sidebar {
  background:linear-gradient(180deg,#092b53 0%, #0d3869 55%, #0a315d 100%);
  padding:18px 14px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.template-browser-brand {
  color:#ffffff;
  padding:8px 6px 18px;
  border-bottom:1px solid rgba(255,255,255,.1);
  margin-bottom:8px;
}
.template-browser-brand strong {
  display:block;
  font-size:18px;
  line-height:1.15;
}
.template-browser-brand span {
  display:block;
  font-size:12px;
  opacity:.8;
  margin-top:3px;
}
.template-filter-link {
  appearance:none;
  border:0;
  border-radius:12px;
  min-height:42px;
  padding:0 14px;
  text-align:left;
  font-size:14px;
  font-weight:700;
  color:#eaf3ff;
  background:transparent;
  cursor:pointer;
  transition:all .16s ease;
}
.template-filter-link:hover { background:rgba(255,255,255,.10); }
.template-filter-link.active {
  background:#0f5ecf;
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14), 0 8px 18px rgba(7,35,74,.25);
}
.template-browser-main {
  padding:22px 22px 20px;
}
.template-gallery-pagehead {
  margin-bottom:16px !important;
}
.template-gallery-pagehead h3 {
  font-size:18px !important;
  font-weight:800 !important;
  margin:0 0 4px !important;
  color:#17344d !important;
}
.template-gallery-pagehead p {
  color:#7b8c9d !important;
  font-size:14px !important;
  margin:0 !important;
}
.template-gallery-pro-grid {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px !important;
}
.template-gallery-pro-grid .pro-template-card {
  border-radius:14px !important;
  border:1px solid #d8e1ea !important;
  box-shadow:0 2px 10px rgba(17,47,84,.06) !important;
  background:#ffffff !important;
}
.template-gallery-pro-grid .pro-template-thumb {
  padding:10px !important;
  background:#fff !important;
  border-bottom:1px solid #ebf0f5 !important;
}
.template-gallery-pro-grid .pro-template-thumb img {
  border-radius:10px !important;
  box-shadow:none !important;
  background:#f8fbfe;
}
.template-gallery-pro-grid .pro-template-meta {
  padding:12px 12px 4px !important;
}
.template-gallery-pro-grid .pro-template-meta strong {
  font-size:14px !important;
  font-weight:800 !important;
  color:#17344d !important;
}
.template-gallery-pro-grid .pro-template-meta small {
  font-size:12px !important;
  color:#8a99a8 !important;
}
.template-gallery-pro-grid .pro-template-footer {
  padding:0 12px 12px !important;
}
.pro-template-card-spacer { flex:1; }
.template-gallery-pro-grid .pro-template-menu {
  font-size:18px;
  color:#5f7185;
  letter-spacing:0;
  line-height:1;
}
.template-gallery-pro-grid .pro-template-action { display:none !important; }
@media (max-width:1200px){
  .template-gallery-pro-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:980px){
  .template-browser-layout { grid-template-columns:1fr; }
  .template-browser-sidebar { flex-direction:row; flex-wrap:wrap; align-items:center; }
  .template-browser-brand { width:100%; border-bottom:0; margin-bottom:0; padding-bottom:8px; }
  .template-gallery-pro-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px){
  .template-gallery-pro-grid { grid-template-columns:1fr; }
}


/* =========================================================
   REV6.00 — 9 BÖLÜM / TASARIM STÜDYOSU AYRILDI
   ========================================================= */
.template-gallery-note {
  margin-top:14px;
  padding:12px 14px;
  border:1px solid #dbe6ef;
  border-radius:12px;
  background:#f8fbfe;
  color:#6d8192;
  font-size:13px;
}
.template-gallery-note strong { color:#1b4f86; }
.designer-page {
  background:linear-gradient(180deg,#f6f9fc 0%,#eef4f8 100%) !important;
  color:#18364c !important;
}
.designer-page > .section-head.designer-page-head {
  margin:-24px -24px 18px !important;
  padding:22px 24px 18px !important;
  background:linear-gradient(135deg,#f9fbfd,#edf4f8) !important;
  border-bottom:1px solid #d8e4ec !important;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
}
.designer-page-head h2 {
  color:#17344d !important;
  font-size:28px !important;
  margin:0 0 6px;
  letter-spacing:-.03em;
}
.designer-page-head p {
  color:#6d8192 !important;
  margin:0;
}
.designer-page .template-secondary-toolbar {
  margin-bottom:16px;
}
.designer-page .template-layout {
  grid-template-columns:minmax(290px,340px) minmax(0,1fr) !important;
}
.designer-page .template-tools,
.designer-page .template-editor,
.designer-page .layer-panel,
.designer-page .editor-side-controls,
.designer-page .selected-layer-editor {
  background:#fff !important;
  color:#19384d !important;
  border-color:#dce7ef !important;
}
.designer-page .template-tools h3,
.designer-page .template-editor h3,
.designer-page .layer-panel h3,
.designer-page strong,
.designer-page label { color:#17344d !important; }
.designer-page .panel-note,
.designer-page small,
.designer-page .muted { color:#718598 !important; }
.designer-page .designer-toolbar {
  background:#f4f8fc !important;
  border:1px solid #dce7ef !important;
}
.designer-page .template-stage {
  background:#e9eef3 !important;
  box-shadow:0 18px 36px rgba(21,52,78,.14) !important;
}
@media (max-width:980px){
  .designer-page > .section-head.designer-page-head {
    align-items:flex-start;
    flex-direction:column;
  }
  .designer-page .template-layout { grid-template-columns:1fr !important; }
}


/* REV6.01 — Şablon kartı üç nokta işlem menüsü */
.pro-template-card { position:relative; cursor:pointer; }
.pro-template-footer { position:relative; }
.pro-template-menu {
  appearance:none;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  min-width:34px !important;
  width:34px;
  height:30px;
  min-height:30px !important;
  padding:0 !important;
  border-radius:8px !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#5f7185 !important;
  font-size:19px !important;
  font-weight:900;
  line-height:1;
  cursor:pointer;
  position:relative;
  z-index:5;
}
.pro-template-menu:hover,
.pro-template-menu:focus-visible {
  background:#edf4fb !important;
  color:#164f91 !important;
  outline:none;
}
.template-card-menu {
  display:none;
  position:absolute;
  right:10px;
  bottom:42px;
  z-index:40;
  width:245px;
  padding:7px;
  border:1px solid #d9e4ed;
  border-radius:12px;
  background:#fff;
  box-shadow:0 18px 40px rgba(19,48,76,.18);
}
.template-card-menu.open { display:block; }
.template-card-menu button {
  width:100%;
  min-height:38px;
  padding:9px 10px;
  border:0 !important;
  border-radius:8px !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#243d53 !important;
  text-align:left;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
}
.template-card-menu button:hover {
  background:#f0f6fb !important;
  color:#0e58b4 !important;
}


/* REV6.02 — Şablon filtre yan kolonu kaldırıldı, üst sekmeler eklendi */
.template-browser-shell-flat {
  padding:18px !important;
  background:#f8fbff !important;
}
.template-browser-main-full {
  padding:0 !important;
}
.template-gallery-pagehead-compact {
  display:flex !important;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px !important;
}
.template-filter-bar {
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.template-filter-bar .template-filter-link {
  min-height:38px;
  padding:0 16px;
  border:1px solid #d8e3ee;
  border-radius:999px;
  background:#ffffff;
  color:#45627d;
  font-size:13px;
  font-weight:700;
  box-shadow:0 2px 8px rgba(17,47,84,.05);
}
.template-filter-bar .template-filter-link:hover {
  background:#f3f8fe;
  color:#17344d;
}
.template-filter-bar .template-filter-link.active {
  background:linear-gradient(135deg,#1d68ea,#1b57d2);
  color:#fff;
  border-color:#1d68ea;
  box-shadow:0 10px 18px rgba(29,104,234,.18);
}
/* old left column neutralize */
.template-browser-layout {
  display:block !important;
  grid-template-columns:unset !important;
  min-height:unset !important;
}
.template-browser-sidebar,
.template-browser-brand {
  display:none !important;
}
@media (max-width:980px){
  .template-gallery-pagehead-compact {
    flex-direction:column;
    align-items:flex-start;
  }
  .template-filter-bar {
    justify-content:flex-start;
  }
}


/* REV6.05 — CertCore marka entegrasyonu */
.license-card > img { width:84px !important;height:84px !important;object-fit:contain !important;border-radius:22px !important; }
.license-card h2 { margin-bottom:2px !important;color:#0d2f59 !important; }
.license-product-subtitle { margin:0 0 16px !important;color:#168d96 !important;font-weight:700 !important;font-size:13px !important; }
.topbar .brand img { object-fit:contain !important;background:transparent !important; }
.topbar .brand h1 { color:#0a3470 !important;font-weight:850 !important;letter-spacing:-.03em !important; }
.topbar .brand p { color:#118b91 !important;font-weight:700 !important;letter-spacing:.01em !important; }
.sidebar-brand strong { color:#0b356d !important;font-weight:900 !important;letter-spacing:-.01em !important; }
.sidebar-brand small { color:#54758c !important;font-size:9px !important;line-height:1.2 !important;max-width:135px;white-space:normal !important; }
.sidebar-logo-wrap img { object-fit:contain !important; }


/* =========================================================
   CERTCORE REV6.06 — CUSTOM CERTIFICATE BUILDER
   ========================================================= */
.custom-certificate-modal { z-index:1400 !important; }
.custom-certificate-card { width:min(1040px,calc(100vw - 40px)); max-height:90vh; overflow:auto; border-radius:22px !important; }
.custom-certificate-card .app-modal-head { align-items:flex-start; }
.custom-certificate-card .app-modal-head p { margin:4px 0 0; color:#748697; font-size:13px; }
.custom-create-modes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; padding:8px 0 4px; }
.custom-create-mode { min-height:230px; display:flex; flex-direction:column; align-items:flex-start; text-align:left; padding:22px !important; border:1px solid #dbe5ee !important; border-radius:18px !important; background:linear-gradient(160deg,#fff,#f7fafc) !important; color:#18364d !important; box-shadow:0 12px 30px rgba(23,56,82,.07); transition:.18s ease; }
.custom-create-mode:hover { transform:translateY(-3px); border-color:#a9c5df !important; box-shadow:0 18px 34px rgba(23,56,82,.12); }
.custom-create-mode.featured { background:linear-gradient(155deg,#edf5ff,#f2fbfa) !important; border-color:#b7d5ee !important; }
.custom-mode-icon { width:48px; height:48px; display:grid; place-items:center; border-radius:14px; background:#eaf2fb; color:#145eb7; font-size:24px; margin-bottom:18px; }
.custom-create-mode.featured .custom-mode-icon { background:#dff4ef; color:#087e74; }
.custom-create-mode strong { font-size:17px; margin-bottom:8px; }
.custom-create-mode small { line-height:1.55; color:#718395; flex:1; }
.custom-create-mode b { margin-top:18px; color:#1765c1; font-size:13px; }
.quick-certificate-builder { padding-top:4px; }
.quick-builder-head { display:flex; gap:14px; align-items:center; padding-bottom:15px; margin-bottom:16px; border-bottom:1px solid #e2e9ef; }
.quick-builder-head button { min-width:76px; }
.quick-builder-head strong { display:block; color:#19374e; font-size:17px; }
.quick-builder-head small { display:block; color:#748697; margin-top:3px; }
.quick-builder-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px 16px; }
.quick-builder-grid label { font-weight:700; color:#385267; }
.quick-builder-grid input,.quick-builder-grid select,.quick-builder-grid textarea { margin-top:6px; width:100%; }
.quick-builder-wide { grid-column:1/-1; }
.quick-custom-fields { margin-top:18px; padding:16px; border:1px solid #dce6ee; border-radius:16px; background:#f8fbfd; }
.quick-custom-fields > div:first-child strong { display:block; color:#1b3b53; }
.quick-custom-fields > div:first-child small { color:#778a99; }
#quickCustomFieldList { display:grid; gap:8px; margin:12px 0; }
.quick-custom-field-row { display:grid; grid-template-columns:.7fr 1.3fr 40px; gap:8px; }
.quick-custom-field-row button { padding:0 !important; min-height:38px; color:#b43b3b; }
@media(max-width:800px){ .custom-create-modes{grid-template-columns:1fr;} .quick-builder-grid{grid-template-columns:1fr;} .quick-builder-wide{grid-column:auto;} }


/* Rev6.07 — Ana Sayfa Sertifika Araçları */
.home-certificate-tools {
  margin:0 28px 22px; padding:18px; border:1px solid #dfe7ec; border-radius:16px;
  background:#fff; box-shadow:0 10px 26px rgba(16,36,63,.055);
}
.home-tools-head { display:flex; justify-content:space-between; align-items:end; gap:16px; margin-bottom:14px; }
.home-tools-head h3 { margin:2px 0 3px; font-size:17px; color:var(--pro-navy); }
.home-tools-head p { margin:0; font-size:12px; color:#6b7c8e; }
.home-tools-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.home-tool-card {
  min-height:92px; display:grid; grid-template-columns:38px minmax(0,1fr) 22px; align-items:center; gap:10px;
  padding:13px 12px; text-align:left; border:1px solid #dfe8ea; border-radius:13px; background:#f9fbfc;
  color:var(--ink); box-shadow:none; transition:.16s ease;
}
.home-tool-card:hover { background:#f3f8f8; border-color:#a9cfca; transform:translateY(-1px); }
.home-tool-card-primary { border-color:#b7dcd6; background:#f0f8f6; }
.home-tool-icon { width:36px; height:36px; border-radius:10px; display:grid; place-items:center; background:#e8f5f2; color:var(--pro-teal); font-weight:900; font-size:15px; }
.home-tool-copy { display:flex; min-width:0; flex-direction:column; gap:4px; }
.home-tool-copy strong { color:var(--pro-navy); font-size:13px; }
.home-tool-copy small { color:#708091; font-size:10px; line-height:1.35; }
.home-tool-arrow { justify-self:end; font-size:16px; color:#7d929f; }
@media (max-width:1180px) { .home-tools-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:720px) { .home-certificate-tools { margin-left:14px; margin-right:14px; } .home-tools-grid { grid-template-columns:1fr; } }


/* =========================================================
   CERTCORE REV6.09 — HOME COMMAND CENTER
   Ana sayfa: Welcome > Sertifika Araçları > Eğitimler/Aktivite
   ========================================================= */
.home-page{
  background:#eef5f8!important;
  padding:14px!important;
}
.home-dashboard-shell{
  min-height:auto!important;
  padding:18px 20px 20px!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 12px 32px rgba(16,36,63,.055)!important;
}
.home-dashboard-top{
  margin:0 0 14px!important;
  padding:0 2px 13px!important;
  border-bottom:1px solid #edf2f5!important;
}
.home-dashboard-top h2{font-size:27px!important;line-height:1.05!important;}
.home-dashboard-top p{font-size:13px!important;margin-top:6px!important;}
.home-clock{gap:5px!important;}
.home-clock span{font-size:12px!important;}
.home-clock strong{font-size:22px!important;}

/* Özel sertifika araçları ilk ekranda, welcome alanının hemen altında. */
.home-certificate-tools{
  margin:0 0 18px!important;
  padding:14px 15px 15px!important;
  border:1px solid #dce7ed!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#fbfefe 0%,#f7fbfc 100%)!important;
  box-shadow:none!important;
}
.home-tools-head{
  margin:0 0 11px!important;
  align-items:center!important;
}
.home-tools-head .pro-kicker{font-size:9px!important;letter-spacing:.16em!important;}
.home-tools-head h3{
  margin:2px 0 2px!important;
  font-size:17px!important;
  line-height:1.15!important;
}
.home-tools-head p{font-size:11px!important;line-height:1.3!important;}
.home-tools-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
.home-tool-card{
  min-height:78px!important;
  grid-template-columns:36px minmax(0,1fr) 18px!important;
  gap:9px!important;
  padding:10px 11px!important;
  border:1px solid #dce7ed!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 3px 10px rgba(16,36,63,.025)!important;
}
.home-tool-card-primary{
  border-color:#aad9d2!important;
  background:linear-gradient(135deg,#edf9f6,#fff)!important;
}
.home-tool-card:hover{
  transform:translateY(-1px)!important;
  border-color:#82c6bd!important;
  box-shadow:0 7px 16px rgba(16,36,63,.06)!important;
}
.home-tool-icon{
  width:36px!important;height:36px!important;border-radius:10px!important;
}
.home-tool-copy{gap:2px!important;}
.home-tool-copy strong{font-size:12.5px!important;line-height:1.2!important;}
.home-tool-copy small{font-size:9.5px!important;line-height:1.25!important;}
.home-tool-arrow{font-size:15px!important;}

/* Eğitimler + son aktiviteler aynı çalışma satırında. */
.home-dashboard-main{
  grid-template-columns:minmax(0,1fr) 286px!important;
  gap:20px!important;
  align-items:stretch!important;
}
.home-training-panel{padding:0!important;min-width:0!important;}
.home-page .training-library-head{margin:0 0 11px!important;}
.home-page .training-library-head h3,
.home-activity-panel h3{font-size:20px!important;}
.home-page .training-card-grid{
  grid-template-columns:repeat(4,minmax(112px,1fr))!important;
  gap:11px!important;
}
.home-page .training-card{
  min-height:128px!important;
  padding:13px 8px 12px!important;
  gap:8px!important;
  border-radius:11px!important;
}
.home-page .training-card-art{
  width:50px!important;height:50px!important;border-radius:14px!important;
}
.home-page .training-card-art svg,
.home-page .training-card-art img,
.home-page .premium-training-icon{width:36px!important;height:36px!important;}
.home-page .training-card-body{gap:5px!important;}
.home-page .training-card-title{font-size:12.5px!important;line-height:1.2!important;}
.home-page .training-card-duration{font-size:10.5px!important;}
.home-activity-panel{
  border:1px solid #dfe8ee!important;
  border-radius:15px!important;
  padding:14px 15px!important;
  background:#fff!important;
  box-shadow:0 6px 18px rgba(16,36,63,.035)!important;
}
.home-activity-list{gap:0!important;}
.home-activity-item{padding:11px 0!important;}
.home-activity-avatar{width:42px!important;height:42px!important;}
.home-activity-item strong{font-size:12.5px!important;}
.home-activity-item small{font-size:10px!important;line-height:1.25!important;}
.home-activity-panel>button{min-height:38px!important;margin-top:8px!important;}

/* Eski ikincil ana sayfa blokları ilk ekranı tekrar uzatmasın. */
.pro-quick-center{display:none!important;}
.home-current-work{
  margin:14px 0 0!important;
  border-radius:14px!important;
}

@media(max-width:1250px){
  .home-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .home-dashboard-main{grid-template-columns:minmax(0,1fr) 270px!important;}
}
@media(max-width:980px){
  .home-dashboard-main{grid-template-columns:1fr!important;}
  .home-activity-panel{order:2!important;}
  .home-page .training-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:720px){
  .home-page{padding:8px!important;}
  .home-dashboard-shell{padding:14px!important;}
  .home-dashboard-top{align-items:flex-start!important;}
  .home-tools-grid{grid-template-columns:1fr!important;}
  .home-page .training-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

/* =========================================================
   CERTCORE REV6.11 — HOME TOOL CARDS POLISH
   Kart metinleri taşmaz; temaya uygun pastel varyantlar.
   ========================================================= */
.home-page .home-certificate-tools{
  padding:16px 18px 18px!important;
  background:linear-gradient(180deg,#fbfdff 0%,#f8fbfc 100%)!important;
  border-color:#d9e5eb!important;
}
.home-page .home-tools-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
.home-page .home-tool-card{
  position:relative!important;
  min-width:0!important;
  min-height:104px!important;
  grid-template-columns:44px minmax(0,1fr) 22px!important;
  align-items:center!important;
  column-gap:12px!important;
  padding:14px 14px!important;
  overflow:hidden!important;
  border-radius:14px!important;
  box-shadow:0 4px 14px rgba(20,48,78,.035)!important;
}
.home-page .home-tool-copy{
  min-width:0!important;
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:5px!important;
  overflow:hidden!important;
}
.home-page .home-tool-copy strong{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  font-size:13px!important;
  line-height:1.25!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.home-page .home-tool-copy small{
  display:-webkit-box!important;
  min-width:0!important;
  margin:0!important;
  font-size:10.5px!important;
  line-height:1.45!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
}
.home-page .home-tool-icon{
  width:44px!important;
  height:44px!important;
  border-radius:13px!important;
  flex:0 0 44px!important;
  font-size:18px!important;
}
.home-page .home-tool-arrow{
  position:relative!important;
  z-index:2!important;
  width:22px!important;
  justify-self:end!important;
  text-align:center!important;
  font-size:20px!important;
  line-height:1!important;
}

/* 1 — Turkuaz */
.home-page .home-tool-card:nth-child(1){
  border-color:#c5e7e2!important;
  background:linear-gradient(135deg,#f0faf8 0%,#fbfefd 100%)!important;
}
.home-page .home-tool-card:nth-child(1) .home-tool-icon{
  background:#e2f4f0!important;
  color:#0d9186!important;
}
.home-page .home-tool-card:nth-child(1) .home-tool-arrow{color:#0d9186!important;}

/* 2 — Yumuşak yeşil */
.home-page .home-tool-card:nth-child(2){
  border-color:#d2e6d8!important;
  background:linear-gradient(135deg,#f4faf5 0%,#fcfefd 100%)!important;
}
.home-page .home-tool-card:nth-child(2) .home-tool-icon{
  background:#e8f4eb!important;
  color:#168b67!important;
}
.home-page .home-tool-card:nth-child(2) .home-tool-arrow{color:#168b67!important;}

/* 3 — Açık mavi */
.home-page .home-tool-card:nth-child(3){
  border-color:#cfe1f4!important;
  background:linear-gradient(135deg,#f2f7fd 0%,#fbfdff 100%)!important;
}
.home-page .home-tool-card:nth-child(3) .home-tool-icon{
  background:#e6f0fb!important;
  color:#1474d4!important;
}
.home-page .home-tool-card:nth-child(3) .home-tool-arrow{color:#1474d4!important;}

/* 4 — Sıcak krem */
.home-page .home-tool-card:nth-child(4){
  border-color:#f0dfb9!important;
  background:linear-gradient(135deg,#fff9ee 0%,#fffdf9 100%)!important;
}
.home-page .home-tool-card:nth-child(4) .home-tool-icon{
  background:#fff0cf!important;
  color:#e49710!important;
}
.home-page .home-tool-card:nth-child(4) .home-tool-arrow{color:#e49710!important;}

.home-page .home-tool-card:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 8px 20px rgba(20,48,78,.07)!important;
}

@media(max-width:1320px){
  .home-page .home-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .home-page .home-tool-card{min-height:98px!important;}
}
@media(max-width:760px){
  .home-page .home-tools-grid{grid-template-columns:1fr!important;}
  .home-page .home-tool-card{min-height:94px!important;}
}


/* =========================================================
   REV6.12 - COMPANY INFORMATION ARCHITECTURE POLISH
   Adres -> Iletisim, Firma ve Sertifika bilgilerinin ayrimi,
   kompakt sertifika varsayilani karti.
   ========================================================= */

/* Eski "Adres" sekmesine ait buton varsa kesinlikle gösterme. */
body:not(.license-open) .pro-setup-page .company-profile-tabs button[data-company-tab="address"]{
  display:none!important;
}

/* Firma Bilgileri: yalnızca firma/profil temel kimliği. */
body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .company-details-card > label,
body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .company-details-card > .two{
  display:none!important;
}
body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .company-details-card > label:has(#companyName){
  display:block!important;
}
body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .company-details-card{
  max-width:720px!important;
}
body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .company-details-card::before{
  content:"Firma Bilgileri";
  display:block!important;
  margin:0 0 6px!important;
  color:#10243f!important;
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:950!important;
}
body:not(.license-open) .pro-setup-page.active[data-company-tab="info"] .company-details-card::after{
  content:"Firmanın temel kimlik ve profil bilgilerini yönetin.";
  display:block!important;
  margin:-2px 0 14px!important;
  color:#718397!important;
  font-size:12px!important;
  font-weight:700!important;
  order:-1;
}

/* İletişim: adres + telefon + e-posta + web tek ekranda. */
body:not(.license-open) .pro-setup-page.active[data-company-tab="contact"] > .setup-detail-grid{
  max-width:860px!important;
}
body:not(.license-open) .pro-setup-page.active[data-company-tab="contact"] .company-details-card{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
  padding:18px!important;
  border:1px solid #dbe7f2!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  box-shadow:0 12px 28px rgba(16,36,63,.055)!important;
}
body:not(.license-open) .pro-setup-page.active[data-company-tab="contact"] .company-details-card::before{
  content:"İletişim ve Adres";
  grid-column:1 / -1!important;
  display:block!important;
  color:#10243f!important;
  font-size:18px!important;
  font-weight:950!important;
}
body:not(.license-open) .pro-setup-page.active[data-company-tab="contact"] .company-details-card::after{
  content:"Firma adresi, telefon, e-posta ve web bilgilerini tek yerde yönetin.";
  grid-column:1 / -1!important;
  display:block!important;
  margin-top:-10px!important;
  color:#718397!important;
  font-size:12px!important;
  font-weight:700!important;
}
body:not(.license-open) .pro-setup-page.active[data-company-tab="contact"] .company-details-card > label,
body:not(.license-open) .pro-setup-page.active[data-company-tab="contact"] .company-details-card > .two{
  display:none!important;
}
body:not(.license-open) .pro-setup-page.active[data-company-tab="contact"] .company-details-card > label:has(#companyAddress),
body:not(.license-open) .pro-setup-page.active[data-company-tab="contact"] .company-details-card > label:has(#companyWebsite),
body:not(.license-open) .pro-setup-page.active[data-company-tab="contact"] .company-details-card > .two:has(#companyPhone){
  display:block!important;
}
body:not(.license-open) .pro-setup-page.active[data-company-tab="contact"] .company-details-card > label:has(#companyAddress){
  grid-column:1 / -1!important;
}
body:not(.license-open) .pro-setup-page.active[data-company-tab="contact"] .company-details-card > .two:has(#companyPhone){
  grid-column:1 / -1!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
}
body:not(.license-open) .pro-setup-page.active[data-company-tab="contact"] .company-details-card > label:has(#companyWebsite){
  grid-column:1 / -1!important;
}
body:not(.license-open) .pro-setup-page.active[data-company-tab="contact"] #companyAddress{
  min-height:100px!important;
  height:100px!important;
  resize:vertical!important;
}

/* Sertifika Bilgileri sekmesi: kompakt, ayrılmış kart yapısı. */
@media (min-width:901px){
  body:not(.license-open) .grid > .pro-setup-page.active[data-company-tab="settings"],
  body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"]{
    grid-template-columns:minmax(0,760px) minmax(260px,1fr)!important;
    grid-template-areas:
      "title title"
      "note note"
      "tabs tabs"
      "profile visual"!important;
    column-gap:20px!important;
  }
}
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-profile-center{
  gap:10px!important;
  align-content:start!important;
}
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-profile-center::before{
  content:"Sertifika Bilgileri"!important;
  font-size:19px!important;
}
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-profile-center::after{
  content:"Sertifikalarda kullanılacak varsayılan şablon ve belge tercihlerini yönetin."!important;
  margin-top:-5px!important;
}
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-profile-center > label{
  max-width:620px!important;
  padding:14px 16px!important;
  border-radius:12px!important;
  box-shadow:0 8px 20px rgba(16,36,63,.045)!important;
}
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-profile-center > label select{
  height:42px!important;
  min-height:42px!important;
  margin-top:8px!important;
}
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .profile-status{
  max-width:620px!important;
  padding:10px 14px!important;
  border-radius:10px!important;
  box-shadow:none!important;
}

/* Sertifika bilgi kartını gereksiz yüksek gösterme. */
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .company-profile-center > label,
body:not(.license-open) .pro-setup-page.active[data-company-tab="settings"] .profile-status{
  min-height:0!important;
}

@media (max-width:760px){
  body:not(.license-open) .pro-setup-page.active[data-company-tab="contact"] .company-details-card,
  body:not(.license-open) .pro-setup-page.active[data-company-tab="contact"] .company-details-card > .two:has(#companyPhone){
    grid-template-columns:1fr!important;
  }
}