:root {
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  color: #192436;
  background: #f4f6f9;
  font-size: 16px;
}

/* V22: merkezi seçenek yönetimi, güvenli kullanıcı arşivi ve rapor oluşturucu */
.v21-managed-field{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px;align-items:center}
.v21-option-pencil{height:42px;border:1px solid #d7c49b;background:#fff8e9;color:#8b5b12;border-radius:10px;font-size:18px;cursor:pointer}
.v21-option-dialog{width:min(1050px,94vw);max-height:88vh;border:0;border-radius:18px;padding:0;overflow:hidden}
.v21-option-dialog form{display:flex;flex-direction:column;max-height:88vh}
.v21-option-layout{display:grid;grid-template-columns:minmax(280px,42%) 1fr;gap:18px;padding:18px;overflow:auto}
.v21-option-list{display:flex;flex-direction:column;gap:7px;max-height:64vh;overflow:auto}
.v21-option-list button{text-align:left;display:flex;flex-direction:column;gap:3px;padding:10px;border:1px solid #dbe4ee;background:#fff;border-radius:10px}
.v21-option-list button.active{border-color:#9b1d3a;background:#fff3f5}.v21-option-list small{color:#6b7b90}
.v21-option-form{display:flex;flex-direction:column;gap:14px}.v21-option-form label{display:flex;flex-direction:column;gap:6px}
.user-id-note{display:block;color:#7a899c;margin-top:3px}.archived-users{margin-top:28px;border-top:1px solid #dbe4ee;padding-top:15px}.archived-users summary{font-weight:800;cursor:pointer;margin-bottom:15px}
.report-builder-shell{display:flex;flex-direction:column;gap:18px}.rb-head,.rb-sticky,.rb-search,.rb-preview-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.rb-head{background:#fff;border:1px solid #d8e1eb;border-radius:18px;padding:20px}.rb-head h2{margin:4px 0}.rb-head p{margin:0;color:#64748b}
.rb-search{background:#fff;border:1px solid #d8e1eb;border-radius:14px;padding:12px}.rb-search input{max-width:430px}
.rb-report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:14px}.rb-report-card{display:flex;flex-direction:column;justify-content:space-between;gap:16px;background:#fff;border:1px solid #d8e1eb;border-radius:16px;padding:16px}.rb-report-card h3{margin:7px 0}.rb-report-card p{color:#64748b}.rb-report-card small{color:#8291a5}.rb-type{font-size:11px;font-weight:900;color:#9b1d3a;background:#fff0f3;padding:4px 7px;border-radius:8px}.rb-report-card .actions{display:flex;flex-wrap:wrap;gap:7px}
.rb-editor{background:#f6f8fb;border:1px solid #d8e1eb;border-radius:16px;overflow:hidden}.rb-sticky{position:sticky;top:0;z-index:8;background:#fff;border-bottom:1px solid #d8e1eb;padding:12px 16px}.rb-sticky>div{display:flex;gap:8px}.rb-editor-grid{display:grid;grid-template-columns:minmax(320px,410px) minmax(0,1fr);min-height:680px}.rb-controls{padding:14px;overflow:auto;max-height:calc(100vh - 220px);border-right:1px solid #d8e1eb;background:#fff}.rb-controls details{border:1px solid #dbe4ee;border-radius:12px;margin-bottom:12px;padding:10px}.rb-controls summary{font-weight:900;cursor:pointer;padding:4px}.rb-controls label{display:flex;flex-direction:column;gap:5px;margin:10px 0;font-weight:700}.rb-controls select[multiple]{min-height:92px}.rb-color-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rb-preview-wrap{padding:20px;min-width:0;overflow:auto;max-height:calc(100vh - 220px)}.rb-preview-head{align-items:flex-start;border-bottom:1px solid #dbe4ee;padding-bottom:14px;margin-bottom:20px}.rb-preview-head h2{margin:4px 0}.rb-preview-head p{margin:0;color:#64748b}.rb-preview-head #rbCounts{display:flex;flex-direction:column;text-align:right;color:#51647d}
.rb-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.rb-kpis article{background:#fff;border:1px solid #dbe4ee;border-top:4px solid var(--rb-color);border-radius:14px;padding:18px}.rb-kpis span{display:block;color:#64748b}.rb-kpis strong{display:block;font-size:32px;margin-top:12px}.rb-bars{display:flex;flex-direction:column;gap:10px}.rb-bars>div{display:grid;grid-template-columns:minmax(150px,32%) minmax(180px,1fr) 70px;gap:10px;align-items:center}.rb-bars>div>div{height:20px;background:#e9eef4;border-radius:999px;overflow:hidden}.rb-bars i{display:block;height:100%;border-radius:999px}.rb-bars strong{text-align:right}.rb-pie-layout{display:grid;grid-template-columns:minmax(240px,380px) 1fr;gap:30px;align-items:center}.rb-pie{aspect-ratio:1;border-radius:50%;max-width:380px}.rb-pie.donut{position:relative}.rb-pie.donut:after{content:"";position:absolute;inset:25%;background:#f6f8fb;border-radius:50%}.rb-legend{display:flex;flex-direction:column;gap:10px}.rb-legend>div{display:grid;grid-template-columns:18px 1fr auto;gap:10px;align-items:center}.rb-legend i{width:14px;height:14px;border-radius:4px}.rb-source-table{margin-top:24px}.rb-source-table summary{font-weight:900;cursor:pointer}.rb-source-table table{width:100%;border-collapse:collapse;margin-top:12px}.rb-source-table th,.rb-source-table td{padding:9px;border-bottom:1px solid #dbe4ee;text-align:left}.rb-empty{padding:60px;text-align:center;background:#fff;border:1px dashed #bac8d8;border-radius:14px}.rb-dashboard-panel{padding:16px}
@media(max-width:1000px){.rb-editor-grid{grid-template-columns:1fr}.rb-controls{max-height:none;border-right:0;border-bottom:1px solid #d8e1eb}.rb-preview-wrap{max-height:none}.v21-option-layout{grid-template-columns:1fr}.rb-pie-layout{grid-template-columns:1fr}}

/* V23 — Excel Pivot / BI benzeri yönetici rapor tasarım alanı */
.rb-pivot-shell{margin:-18px -20px -42px;gap:10px}.rb-pivot{height:calc(100vh - 78px);min-height:680px;background:#eef2f6;border:1px solid #cfd9e5;overflow:hidden}.rb-command{height:58px;display:flex;align-items:center;gap:7px;padding:7px 9px;background:#fff;border-bottom:1px solid #cfd9e5}.rb-command input[data-name]{min-width:220px;flex:1;height:40px;font-weight:800}.rb-command button{white-space:nowrap}.rb-designer{height:calc(100% - 58px);display:grid;grid-template-columns:minmax(240px,18%) minmax(520px,1fr) minmax(250px,19%);min-width:0}.rb-fields,.rb-settings{min-width:0;padding:10px;background:#fff;overflow:auto}.rb-fields{border-right:1px solid #cfd9e5}.rb-settings{border-left:1px solid #cfd9e5}.rb-fields h3,.rb-settings h3{position:sticky;top:-10px;z-index:3;margin:-10px -10px 9px;padding:12px 10px;background:#102744;color:#fff}.rb-field-search{width:100%;height:38px;margin-bottom:8px}.rb-fields details{border-bottom:1px solid #e2e8f0;padding:6px 0}.rb-fields summary{font-size:12px;font-weight:900;cursor:pointer}.rb-field-item{display:flex;align-items:center;justify-content:space-between;gap:4px;margin:4px 0;padding:5px 6px;border:1px solid #d9e2ec;border-radius:7px;background:#f8fafc;font-size:11px;cursor:grab}.rb-field-item>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rb-field-item>div{display:flex;gap:2px}.rb-field-item button{width:24px;height:24px;padding:0;border:1px solid #c7d4e2;border-radius:5px;background:#fff;color:#1b527a;font-size:10px;font-weight:900}.rb-canvas{min-width:0;padding:8px;overflow:auto;background:#f3f6f9}.rb-dropzones{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:6px;margin-bottom:8px}.rb-zone{min-height:72px;padding:7px;border:1px dashed #9db1c6;border-radius:9px;background:#fff}.rb-zone.over{border-color:#9b1d3a;background:#fff1f4}.rb-zone>b{display:block;margin-bottom:5px;color:#41556d;font-size:11px;text-transform:uppercase}.rb-zone>div{display:flex;flex-wrap:wrap;gap:4px}.rb-zone small{color:#8a98aa;font-size:10px}.rb-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 5px 4px 7px;border:1px solid #a9bfd4;border-radius:999px;background:#eaf4fc;color:#123b5c;font-size:10px;font-weight:800;cursor:grab}.rb-chip button{width:17px;height:17px;padding:0;border:0;border-radius:50%;background:#fff;color:#8d2039}.rb-canvas .rb-preview-head{margin:0 0 8px;padding:8px 10px;background:#fff;border:1px solid #d8e1eb;border-radius:9px}.rb-canvas .rb-preview-head h2{font-size:18px;margin:2px 0}.rb-canvas .rb-preview-head p{font-size:11px}.rb-canvas #rbCounts{font-size:11px}.rb-canvas #rbCounts strong,.rb-canvas #rbCounts span{display:block}.rb-canvas #rbVisibleFilters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.rb-canvas #rbVisibleFilters label{min-width:150px;padding:5px;border:1px solid #d8e1eb;border-radius:7px;background:#fff;font-size:10px;font-weight:800}.rb-canvas #rbVisibleFilters select{display:block;width:100%;height:48px;margin-top:3px;font-size:10px}.rb-split{display:grid;grid-template-rows:minmax(180px,38%) minmax(260px,1fr);gap:8px}.rb-split>section{min-height:0;padding:9px;background:#fff;border:1px solid #d8e1eb;border-radius:9px;overflow:auto}.rb-pivot-table{max-width:100%;overflow:auto;background:#fff;border:1px solid #d8e1eb;border-radius:8px}.rb-pivot-table table{min-width:100%;border-collapse:separate;border-spacing:0;font-size:11px}.rb-pivot-table th,.rb-pivot-table td{padding:6px 8px;border-right:1px solid #e1e7ee;border-bottom:1px solid #e1e7ee;white-space:nowrap;text-align:right}.rb-pivot-table thead th{position:sticky;top:0;z-index:2;background:#102744;color:#fff}.rb-pivot-table tbody th{position:sticky;left:0;z-index:1;background:#edf4fa;text-align:left}.rb-cell{width:100%;padding:2px 5px;border:0;background:transparent;color:#0869a8;font-weight:800;text-align:right}.rb-cell:hover{background:#dceeff}.rb-total{background:#fff3ce;font-weight:900}.rb-settings label{display:flex;flex-direction:column;gap:3px;margin-bottom:8px;font-size:11px;font-weight:800}.rb-settings input,.rb-settings select{width:100%;height:34px;font-size:11px}.rb-settings .rb-check{display:grid;grid-template-columns:18px 1fr;align-items:center}.rb-settings .rb-check input{height:18px}.rb-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:8px}.rb-colors input{width:100%;height:32px}.rb-drill-head{display:flex;align-items:center;justify-content:space-between}.rb-drill-head button{font-size:24px}.rb-pivot+#rbDrill,#rbDrill{width:min(1400px,94vw);max-height:88vh;border:0;border-radius:13px;padding:14px}.rb-drill-body{overflow:auto}.rb-bars{max-height:280px;overflow:auto}.rb-bars>div{min-height:27px}.rb-kpis{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.rb-kpis article{padding:10px}.rb-kpis strong{font-size:23px;margin-top:6px}
.rb-designer>.rb-fields,.rb-designer>.rb-canvas,.rb-designer>.rb-settings{grid-row:1;min-height:0}.rb-designer>.rb-fields{grid-column:1}.rb-designer>.rb-canvas{grid-column:2}.rb-designer>.rb-settings{grid-column:3}
@media(max-width:1200px){.rb-designer{grid-template-columns:230px minmax(480px,1fr) 230px}.rb-dropzones{grid-template-columns:1fr 1fr}.rb-command{overflow-x:auto}.rb-command input[data-name]{min-width:180px}}
@media(max-width:850px){.rb-pivot{height:auto;overflow:visible}.rb-designer{height:auto;grid-template-columns:1fr}.rb-designer>.rb-fields,.rb-designer>.rb-canvas,.rb-designer>.rb-settings{grid-column:1;grid-row:auto}.rb-fields,.rb-settings{max-height:360px;border:0;border-bottom:1px solid #cfd9e5}.rb-canvas{min-height:600px}.rb-dropzones{grid-template-columns:1fr 1fr}}

/* V21 — tam sayfa Yeni Kayıt / İnceleme çalışma alanı */
body.v21-editor-open {
  overflow: hidden;
}
body.v21-editor-open #editor {
  position: fixed;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100vh;
  height: 100dvh;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #f7f1e8;
  color: #102744;
  overflow: hidden;
}
body.v21-editor-open #editor::backdrop {
  background: #f7f1e8;
}
body.v21-editor-open #editor > .dialogHead,
body.v21-editor-open #editor > .tabs,
body.v21-editor-open #editor > #editorFeedback,
body.v21-editor-open #editor .dialogFoot {
  display: none !important;
}
body.v21-editor-open #caseForm,
body.v21-editor-open #tabContent {
  height: 100%;
  max-height: none;
  margin: 0;
  padding: 0;
  overflow: visible;
}
.v21-workspace {
  position: relative;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  min-width: 0;
  display: grid;
  grid-template-rows: auto auto auto minmax(0, 1fr) auto;
  grid-template-columns: minmax(0, 1fr);
  background: #f7f1e8;
}
.v21-workspace > .v21-toolbar {
  grid-row: 1;
}
.v21-workspace > .v21-validation {
  grid-row: 2;
}
.v21-workspace > .v21-review-tabs {
  grid-row: 3;
}
.v21-workspace > .v21-columns {
  grid-row: 4;
}
.v21-workspace > .v21-history {
  grid-row: 5;
}
.v21-review-tabs {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 8px;
  border-bottom: 1px solid #d9dee6;
  background: #fff;
}
.v21-review-tabs > div {
  min-width: 0;
  display: flex;
  gap: 7px;
  overflow-x: auto;
  padding-bottom: 2px;
}
.v21-review-tab {
  flex: 0 0 auto;
  min-width: 135px;
  padding: 7px 12px;
  border: 1px solid #cdd7e3;
  border-radius: 9px;
  background: #f8fafc;
  color: #31445b;
  text-align: left;
  cursor: pointer;
}
.v21-review-tab strong,
.v21-review-tab small {
  display: block;
}
.v21-review-tab small {
  margin-top: 2px;
  color: #718198;
  font-size: 10px;
}
.v21-review-tab.active {
  border-color: #921f39;
  background: #fff1f4;
  color: #921f39;
  box-shadow: inset 0 -2px 0 #921f39;
}
.v21-review-tab:disabled {
  opacity: 1;
  cursor: default;
}
.v21-review-tabs > #v21NewReview {
  flex: 0 0 auto;
}
.v21-period-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.v21-period-row .v21-field {
  margin-bottom: 8px;
}
.v21-close {
  width: 42px;
  min-width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  background: #fff;
  color: #52657b;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}
.v21-close:hover {
  border-color: #921f39;
  color: #921f39;
  background: #fff3f5;
}
.v21-clear-confirm {
  position: absolute;
  inset: 0;
  z-index: 20;
  display: grid;
  place-items: center;
  padding: 16px;
  background: rgba(16, 39, 68, 0.42);
  backdrop-filter: blur(2px);
}
.v21-clear-confirm[hidden] {
  display: none;
}
.v21-clear-confirm > div {
  width: min(440px, 100%);
  padding: 22px;
  border: 1px solid #d8dee7;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 24px 60px rgba(16, 39, 68, 0.24);
}
.v21-clear-confirm h3 {
  margin: 0 0 8px;
  color: #921f39;
}
.v21-clear-confirm p {
  margin: 0 0 18px;
  line-height: 1.5;
}
.v21-clear-confirm > div > div {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.v21-toolbar {
  position: relative;
  z-index: 5;
  min-height: 64px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 12px;
  padding: 6px 8px;
  border-bottom: 1px solid #d9dee6;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 4px 16px rgba(16, 39, 68, 0.06);
}
.v21-toolbar-left,
.v21-toolbar-actions {
  display: flex;
  align-items: center;
  gap: 7px;
}
.v21-toolbar-left span,
.v21-inspection-no span {
  display: block;
  color: #9a5b35;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.12em;
}
.v21-toolbar-left h2 {
  margin: 2px 0 0;
  font-size: 19px;
}
.v21-toolbar-actions {
  justify-content: flex-end;
}
.v21-toolbar-actions .primary {
  min-width: 96px;
  background: #921f39;
  border-color: #921f39;
}
.v21-inspection-no {
  min-width: 178px;
  padding: 7px 12px;
  border: 1px solid #d9dee6;
  border-radius: 12px;
  background: #f8fafc;
  text-align: center;
}
.v21-inspection-no strong {
  display: block;
  margin-top: 3px;
  font-size: 16px;
}
.v21-validation {
  margin: 6px 8px 0;
  padding: 9px 12px;
  border: 1px solid #df6670;
  border-radius: 10px;
  background: #fff1f2;
  color: #8b1e2d;
  font-size: 12px;
}
.v21-validation.success {
  border-color: #5aa57c;
  background: #eefaf3;
  color: #17633c;
}
.v21-validation > span {
  margin-left: 8px;
}
.v21-validation > div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 7px;
}
.v21-validation button {
  border: 1px solid #e2a5ab;
  border-radius: 7px;
  padding: 4px 8px;
  background: white;
  color: #8b1e2d;
  font-size: 11px;
}
.v21-columns {
  min-height: 0;
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 29fr) minmax(0, 38fr) minmax(0, 33fr);
  gap: 8px;
  padding: 6px 8px;
  overflow: hidden;
}
.v21-column {
  min-height: 0;
  min-width: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px;
  border: 1px solid #d7dee7;
  border-radius: 12px;
  background: white;
  box-shadow: 0 4px 14px rgba(16, 39, 68, 0.04);
  scrollbar-width: thin;
}
.v21-column-head {
  position: sticky;
  top: -10px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: -10px -10px 8px;
  padding: 9px 10px;
  border-bottom: 1px solid #e1e6ec;
  background: #fff;
}
.v21-column-head span {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #102744;
  color: white;
  font-size: 12px;
  font-weight: 800;
}
.v21-column-head h3 {
  margin: 0;
  font-size: 14px;
  letter-spacing: 0.035em;
}
.v21-field {
  display: grid;
  gap: 3px;
  margin-bottom: 6px;
  color: #42536a;
  font-size: 12px;
  font-weight: 700;
}
.v21-field input,
.v21-field select,
.v21-field textarea,
.v21-question textarea {
  width: 100%;
  min-height: 34px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 6px 8px;
  background: #fff;
  color: #18283d;
  font-size: 13px;
  font-weight: 500;
}
.v21-field textarea {
  min-height: 52px;
  max-height: 96px;
  resize: vertical;
}
.v21-right .v21-field textarea {
  min-height: 50px;
}
.v21-field input:focus,
.v21-field select:focus,
.v21-field textarea:focus,
.v21-question textarea:focus {
  outline: 3px solid rgba(35, 126, 194, 0.16);
  border-color: #237ec2;
}
.v21-field input[readonly] {
  background: #edf2f7;
  color: #57677b;
}
.v21-field.v21-disabled {
  opacity: 0.58;
}
.v21-field.v21-disabled input,
.v21-field.v21-disabled select {
  background: #e8edf2;
}
.v21-field-error {
  min-height: 0;
  color: #bd2132;
  font-weight: 700;
}
.v21-invalid input,
.v21-invalid select,
.v21-invalid textarea {
  border-color: #df3447 !important;
  background: #fff5f6 !important;
}
.v21-category {
  display: grid;
  gap: 2px;
  padding: 8px 10px;
  border-left: 4px solid #d4a23c;
  border-radius: 7px;
  background: #fff9e8;
  font-size: 11px;
}
.v21-category strong {
  font-size: 13px;
}
.v21-category small {
  color: #728197;
}
.v21-questions {
  margin-top: 8px;
  border: 1px solid #d7dee7;
  border-radius: 9px;
  background: #f8fafc;
}
.v21-questions summary {
  padding: 9px 10px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
}
.v21-question {
  display: grid;
  gap: 5px;
  padding: 7px 10px 10px;
  font-size: 11px;
}
.v21-question textarea {
  min-height: 52px;
  resize: vertical;
}
.v21-history {
  margin: 0 8px 6px;
  padding: 6px 8px;
  border: 1px solid #d5dde6;
  border-radius: 12px;
  background: white;
}
.v21-section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.v21-section-title h3 {
  margin: 0;
  font-size: 13px;
}
.v21-section-title p {
  margin: 2px 0 0;
  color: #6b7b90;
  font-size: 10px;
}
.v21-history-list {
  display: flex;
  gap: 7px;
  margin-top: 7px;
  overflow-x: auto;
}
.v21-history-card {
  flex: 0 0 min(430px, 72vw);
  border: 1px solid #dce2e9;
  border-radius: 8px;
  background: #f9fbfd;
  font-size: 11px;
}
.v21-history-card summary {
  display: grid;
  grid-template-columns: auto auto 1fr;
  gap: 10px;
  padding: 7px 9px;
  cursor: pointer;
}
.v21-history-card summary strong {
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v21-history-card > div {
  padding: 0 9px 8px;
}
.v21-history-card p {
  margin: 4px 0;
}
.v21-history-edit {
  border: 0;
  background: none;
  color: #0a68a7;
  font-weight: 700;
}
.v21-empty {
  margin: 4px 0;
  color: #8190a3;
  font-size: 11px;
}
@media (max-width: 1180px) {
  .v21-toolbar {
    grid-template-columns: 1fr auto;
  }
  .v21-inspection-no {
    display: none;
  }
  .v21-columns {
    grid-template-columns: repeat(3, minmax(300px, 1fr));
    overflow-x: auto;
  }
}
@media (max-width: 760px) {
  .v21-toolbar {
    grid-template-columns: 1fr;
  }
  .v21-toolbar-actions {
    justify-content: flex-start;
  }
  .v21-columns {
    grid-template-columns: 1fr;
    overflow-y: auto;
  }
  .v21-column {
    overflow: visible;
  }
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
}
button,
input,
select,
textarea {
  font: inherit;
}
button {
  cursor: pointer;
}
button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.shell {
  display: grid;
  grid-template-columns: 246px 1fr;
  min-height: 100vh;
}
.sidebar {
  background: #142337;
  color: #fff;
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 0;
  height: 100vh;
}
.brand {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 27px 22px 34px;
}
.brandmark {
  background: #8e2639;
  color: #fff;
  border-radius: 13px;
  font: 700 24px Georgia;
  padding: 12px 16px;
}
.brand strong {
  font-size: 15px;
  letter-spacing: 0.045em;
  line-height: 1.2;
}
.brand small {
  display: block;
  font-size: 11px;
  color: #9db3c8;
  margin-top: 6px;
}
.sidebar nav {
  padding: 0 12px;
  display: grid;
  gap: 4px;
}
.sidebar nav button {
  border: 0;
  background: transparent;
  color: #b7c6d6;
  text-align: left;
  border-radius: 10px;
  padding: 13px 14px;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.sidebar nav button:hover,
.sidebar nav button.active {
  background: #263e59;
  color: white;
}
.sidebar nav .symbol {
  width: 22px;
  font-size: 17px;
  color: #c49b67;
}
.sidefoot {
  margin-top: auto;
  padding: 20px 24px;
  border-top: 1px solid #34465c;
  color: #c9d7e5;
  font-size: 14px;
  line-height: 1.7;
}
.sidefoot small {
  color: #8fa6ba;
}
.dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #45b98b;
  border-radius: 50%;
  margin-left: 5px;
}
main {
  min-width: 0;
  padding: 32px clamp(22px, 3vw, 52px) 60px;
}
.top {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
  margin-bottom: 29px;
}
.eyebrow {
  color: #ab6a43;
  font-size: 12px;
  font-weight: 750;
  letter-spacing: 0.15em;
  margin: 0 0 8px;
}
h1 {
  font-size: 32px;
  letter-spacing: -0.035em;
  margin: 0;
}
h2 {
  margin: 0;
  font-size: 22px;
}
.topactions {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
.muted {
  color: #718093;
  font-size: 13px;
}
.primary,
.ghost,
.danger {
  border-radius: 9px;
  padding: 10px 16px;
  font-weight: 650;
  font-size: 14px;
  min-height: 40px;
}
.primary {
  border: 1px solid #851e35;
  background: #851e35;
  color: #fff;
}
.primary:hover {
  background: #6d172a;
}
.ghost {
  border: 1px solid #ced6df;
  background: white;
  color: #304057;
}
.ghost:hover {
  background: #edf2f7;
}
.danger {
  border: 1px solid #ad2838;
  background: #ad2838;
  color: white;
}
.cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
.metric,
.panel {
  background: #fff;
  border: 1px solid #e1e6ec;
  border-radius: 14px;
  box-shadow: 0 5px 20px #18293d08;
}
.metric {
  padding: 21px 23px;
  border-top: 3px solid #8e2639;
}
.metric.blue {
  border-color: #2072ad;
}
.metric.gold {
  border-color: #c18b42;
}
.metric.green {
  border-color: #419580;
}
.metric .number {
  font-size: 32px;
  font-weight: 760;
  margin: 9px 0;
}
.metric small {
  font-size: 14px;
  color: #566578;
}
.grid2 {
  display: grid;
  grid-template-columns: 1.45fr 1fr;
  gap: 18px;
  margin-top: 18px;
}
.panel {
  padding: 23px;
}
.panel h2 {
  font-size: 18px;
  margin-bottom: 17px;
}
.panelhead {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.quick {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.quick button {
  display: flex;
  align-items: center;
  gap: 12px;
  text-align: left;
  padding: 17px;
  border: 1px solid #dce4eb;
  background: #f9fafc;
  border-radius: 11px;
  color: #25354b;
  font-weight: 650;
}
.quick button:hover {
  border-color: #a9c4d9;
  background: #edf5fa;
}
.quick .qicon {
  font-size: 21px;
  color: #2573a7;
  width: 28px;
}
.barrow {
  display: grid;
  grid-template-columns: 215px 1fr 50px;
  align-items: center;
  gap: 10px;
  margin: 13px 0;
  font-size: 14px;
}
.bar {
  background: #eef1f5;
  border-radius: 8px;
  overflow: hidden;
  height: 9px;
}
.bar i {
  display: block;
  height: 100%;
  background: #8d263b;
  border-radius: 8px;
}
.barrow:nth-of-type(2n) .bar i {
  background: #2c77a8;
}
.filterbar {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  background: #fff;
  border: 1px solid #e1e6ec;
  border-radius: 13px;
  padding: 14px;
  margin-bottom: 18px;
}
.filterbar input,
.filterbar select {
  min-width: 155px;
  flex: 1;
}
.tablewrap {
  background: white;
  border: 1px solid #e1e6ec;
  border-radius: 13px;
  overflow: auto;
}
table {
  border-collapse: collapse;
  width: 100%;
  min-width: 950px;
}
th {
  background: #f4f6f9;
  text-align: left;
  color: #4e6177;
  font-size: 13px;
  white-space: nowrap;
  padding: 13px 14px;
}
td {
  padding: 13px 14px;
  border-top: 1px solid #edf0f3;
  font-size: 14px;
  vertical-align: top;
}
tbody tr:hover {
  background: #fbfcfd;
}
.ticket {
  font-weight: 750;
  color: #1a4e7b;
}
.badge {
  display: inline-block;
  border-radius: 20px;
  background: #e7f2f0;
  color: #286d5c;
  padding: 5px 9px;
  font-size: 12px;
  font-weight: 700;
}
.badge.wait {
  background: #fdf0db;
  color: #9b6119;
}
.badge.bad {
  background: #f8e8eb;
  color: #9a3345;
}
.actions {
  display: flex;
  gap: 6px;
  white-space: nowrap;
}
.actions button {
  border: 0;
  background: #edf3f8;
  border-radius: 6px;
  padding: 6px 9px;
  color: #24445d;
}
.actions .del {
  color: #a42c40;
  background: #fff0f2;
}
.empty {
  padding: 50px 20px;
  text-align: center;
  color: #728193;
}
.subnote {
  font-size: 14px;
  color: #677789;
  line-height: 1.5;
}
.pill {
  padding: 5px 9px;
  background: #eef3f8;
  border-radius: 6px;
  color: #46637b;
  font-size: 12px;
}
.chartlist {
  margin-top: 12px;
}
.row {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
.end {
  justify-content: flex-end;
}
.statline {
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
  border-bottom: 1px solid #eef1f4;
}
.statline strong {
  font-size: 17px;
}
.formgrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.formgrid .full {
  grid-column: 1/-1;
}
label {
  display: grid;
  gap: 7px;
  font-size: 14px;
  color: #46556b;
  font-weight: 630;
}
input,
select,
textarea {
  border: 1px solid #cdd6e0;
  background: white;
  border-radius: 8px;
  color: #1d293b;
  padding: 10px 12px;
  min-height: 41px;
  width: 100%;
  outline: none;
}
input:focus,
select:focus,
textarea:focus {
  border-color: #2879ae;
  box-shadow: 0 0 0 3px #2879ae1c;
}
textarea {
  min-height: 95px;
  resize: vertical;
}
dialog {
  border: 0;
  border-radius: 17px;
  padding: 0;
  width: min(920px, 96vw);
  max-height: 93vh;
  box-shadow: 0 25px 80px #14233744;
}
dialog::backdrop {
  background: #122338a8;
}
.dialogHead {
  padding: 23px 29px;
  display: flex;
  justify-content: space-between;
  align-items: start;
  border-bottom: 1px solid #e5e8ee;
}
.icon {
  font-size: 28px;
  border: 0;
  background: transparent;
  color: #66788c;
  line-height: 1;
}
.tabs {
  display: flex;
  overflow: auto;
  gap: 4px;
  border-bottom: 1px solid #e5e8ee;
  padding: 0 24px;
}
.tabs button {
  white-space: nowrap;
  border: 0;
  background: white;
  border-bottom: 3px solid transparent;
  padding: 14px 12px;
  font-size: 13px;
  color: #65758a;
  font-weight: 700;
}
.tabs .active {
  color: #8e2639;
  border-color: #8e2639;
}
#tabContent {
  padding: 25px 29px;
  overflow: auto;
  max-height: 60vh;
}
.dialogFoot {
  display: flex;
  justify-content: flex-end;
  gap: 9px;
  padding: 15px 29px;
  border-top: 1px solid #e5e8ee;
}
.confirm {
  padding: 26px;
  width: min(450px, 95vw);
}
.confirm p {
  color: #52637a;
  line-height: 1.5;
}
.question {
  border: 1px solid #e3e9ee;
  border-radius: 10px;
  padding: 13px;
  margin: 12px 0;
  background: #fafcfe;
}
.question strong {
  font-size: 14px;
}
.question textarea {
  margin-top: 8px;
}
.history {
  border-left: 3px solid #a9c2d7;
  padding: 6px 15px;
  margin: 13px 0;
  background: #f7fafc;
}
.history pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: 13px;
  max-height: 150px;
  overflow: auto;
}
.cardControls {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.servicePicker {
  border: 1px solid #dde4ea;
  border-radius: 10px;
  max-height: 230px;
  overflow: auto;
  padding: 9px;
}
.servicePicker label {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px;
  font-weight: 500;
}
.servicePicker input {
  width: auto;
  min-height: 0;
}
.cardPreview {
  width: 100%;
  border: 1px solid #d6dde5;
  border-radius: 10px;
  margin-top: 12px;
}
#notice:not(:empty) {
  background: #e8f3f3;
  color: #175e61;
  padding: 11px 16px;
  border-radius: 8px;
  margin: -10px 0 18px;
}
#notice.error {
  background: #fbe8eb;
  color: #8d2437;
}
.smallbtn {
  font-size: 12px;
  padding: 8px 10px;
}
.inlineSearch {
  max-width: 360px;
}
.detailtext {
  font-size: 13px;
  line-height: 1.5;
  color: #58687b;
}
.divider {
  border: 0;
  border-top: 1px solid #e5e9ed;
  margin: 18px 0;
}
@media (max-width: 1100px) {
  .cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid2 {
    grid-template-columns: 1fr;
  }
  .sidebar {
    width: 70px;
  }
  .shell {
    grid-template-columns: 70px 1fr;
  }
  .brand {
    padding: 18px 12px;
  }
  .brand > div:last-child,
  .sidebar nav button .navlabel,
  .sidefoot {
    display: none;
  }
  .sidebar nav {
    padding: 0 8px;
  }
  .sidebar nav button {
    justify-content: center;
    padding: 12px;
  }
  .sidebar nav .symbol {
    width: auto;
  }
}
@media (max-width: 650px) {
  .shell {
    display: block;
  }
  .sidebar {
    position: sticky;
    z-index: 4;
    width: 100%;
    height: auto;
  }
  .brand {
    display: none;
  }
  .sidebar nav {
    display: flex;
    overflow-x: auto;
    padding: 8px;
  }
  .sidebar nav button {
    flex-shrink: 0;
  }
  main {
    padding: 20px 15px;
  }
  .top {
    align-items: start;
  }
  .topactions {
    justify-content: flex-end;
  }
  .topactions .muted,
  .topactions #refreshBtn {
    display: none;
  }
  h1 {
    font-size: 25px;
  }
  .cards,
  .cardControls,
  .formgrid {
    grid-template-columns: 1fr;
  }
  .barrow {
    grid-template-columns: 130px 1fr 35px;
  }
  .dialogFoot {
    flex-wrap: wrap;
    padding: 12px;
  }
  #tabContent {
    padding: 18px;
  }
}
/* Referans tasarım: üst marka şeridi, açılıp kapanan koyu menü ve sıcak ana yüzey */
:root {
  font-family: "Segoe UI", Arial, sans-serif;
  color: #102744;
  background: #fbf5ec;
}
body {
  background: #fbf5ec;
}
.shell {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  grid-template-rows: 60px minmax(calc(100vh - 60px), auto);
}
.shell.menu-open {
  grid-template-columns: 314px minmax(0, 1fr);
}
.masthead {
  grid-column: 1/-1;
  grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fffcf7;
  border-bottom: 1px solid #e8e0d8;
  padding: 0 18px 0 22px;
  position: sticky;
  top: 0;
  z-index: 12;
}
.mastleft,
.mastright {
  display: flex;
  align-items: center;
  gap: 16px;
}
.mastright {
  gap: 20px;
}
.hamburger {
  border: 0;
  border-radius: 13px;
  background: white;
  color: #0e2337;
  width: 43px;
  height: 43px;
  font-size: 23px;
  line-height: 1;
  display: grid;
  place-items: center;
}
.hamburger:hover {
  background: #f3e8da;
}
.logo {
  background-image: url("templates/sifir_sikayet.png");
  background-repeat: no-repeat;
  flex-shrink: 0;
}
.arcelik-logo {
  width: 166px;
  height: 48px;
  background-size: 768px 512px;
  background-position: -38px -31px;
}
.beko-logo {
  width: 103px;
  height: 47px;
  background-size: 768px 512px;
  background-position: -650px -28px;
}
.role {
  display: grid;
  text-align: right;
  gap: 1px;
  font-size: 12px;
  color: #284767;
}
.role span {
  border: 1px solid #d1e0ed;
  border-radius: 18px;
  padding: 4px 9px;
  justify-self: end;
  background: white;
}
.role small {
  font-size: 11px;
}
.sidebar {
  grid-column: 1;
  grid-row: 2;
  background: #171717;
  color: white;
  position: sticky;
  top: 60px;
  height: calc(100vh - 60px);
  width: auto;
  min-width: 0;
  overflow-y: auto;
  display: flex;
}
.sidebar nav {
  padding: 10px 5px;
  display: grid;
  align-content: start;
  gap: 2px;
}
.sidebar nav button {
  width: 52px;
  height: 57px;
  min-height: 57px;
  white-space: nowrap;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: transparent;
  color: white;
  font-size: 15px;
  border-radius: 11px;
}
.sidebar nav button.active,
.sidebar nav button:hover {
  background: #343434;
  color: #fff;
}
.sidebar nav .symbol {
  font-size: 19px;
  width: 24px;
  flex: 0 0 24px;
  color: #f7fafc;
  text-align: center;
}
.sidebar .navlabel {
  display: none;
}
.shell.menu-open .sidebar nav {
  padding: 11px 5px;
}
.shell.menu-open .sidebar nav button {
  width: 304px;
  justify-content: flex-start;
  gap: 17px;
  padding: 0 23px;
  font-size: 17px;
}
.shell.menu-open .sidebar .navlabel {
  display: inline;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebarbottom {
  margin-top: auto;
  display: grid;
  gap: 3px;
  padding: 5px;
}
.side-tool {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  background: none;
  color: #fff;
  border: 0;
  border-radius: 9px;
  width: 52px;
  height: 48px;
  font-size: 18px;
  text-align: left;
}
.side-tool:hover {
  background: #343434;
}
.shell.menu-open .side-tool {
  justify-content: flex-start;
  width: 304px;
  padding-left: 24px;
}
main {
  grid-column: 2;
  grid-row: 2;
  background: #fbf5ec;
  padding: 26px 28px 54px;
  min-width: 0;
}
.pagehead {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 20px;
  margin-bottom: 13px;
}
.pagehead h1 {
  font-size: 25px;
  line-height: 1.1;
  font-weight: 750;
  letter-spacing: -0.015em;
  margin: 5px 0;
}
.pagehint {
  font-size: 13px;
  color: #627185;
  letter-spacing: 0;
  margin: 5px 0 0;
}
.statusline {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  color: #586779;
  max-width: 42%;
  text-align: right;
}
.statusline .dot {
  width: 8px;
  height: 8px;
  margin: 0;
  flex: 0 0 8px;
  background: #d6a33f;
}
.tools-toggle {
  background: transparent;
  border: 1px solid #ded3c6;
  border-radius: 8px;
  font-size: 19px;
  width: 31px;
  height: 29px;
  line-height: 1;
  margin-left: 8px;
  color: #17324c;
}
.tools-panel {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  background: #fff;
  border: 1px solid #dfd5ca;
  border-radius: 12px;
  padding: 12px;
  margin-bottom: 14px;
}
.tools-panel[hidden] {
  display: none;
}
.navcards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 13px;
  margin: 13px 0 12px;
}
.navcard {
  overflow: hidden;
  display: grid;
  grid-template-rows: 93px 49px;
  text-align: left;
  background: white;
  color: #0d223d;
  border: 1px solid #cfdceb;
  border-radius: 13px;
  padding: 0;
  min-height: 142px;
  box-shadow: 0 5px 12px #1027440a;
  transition:
    transform 0.15s,
    box-shadow 0.15s;
}
.navcard:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 16px #1027441b;
}
.navcard-art {
  display: block;
  width: 100%;
  height: 93px;
  background-image: url("assets/islem-kartlari.png");
  background-repeat: no-repeat;
  background-size: 200% auto;
}
.navcard.new .navcard-art {
  background-position: 0 18%;
}
.navcard.review .navcard-art {
  background-position: 100% 18%;
}
.navcard.records .navcard-art {
  background-position: 0 70%;
}
.navcard.reports .navcard-art {
  background-position: 100% 70%;
}
.navcard-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 750;
}
.navcard-label b {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  display: grid;
  place-items: center;
  font-size: 21px;
  line-height: 1;
  background: #e6f3ff;
  color: #2579c0;
}
.navcard.review .navcard-label {
  background: #fffaf2;
}
.navcard.review .navcard-label b {
  background: #fff0d8;
  color: #c98228;
}
.navcard.records .navcard-label {
  background: #fff7fa;
}
.navcard.records .navcard-label b {
  background: #ffe7ee;
  color: #c33e69;
}
.navcard.reports .navcard-label {
  background: #f7f6ff;
}
.navcard.reports .navcard-label b {
  background: #ece9ff;
  color: #6553b7;
}
.sectiontitle {
  font-size: 16px;
  margin: 8px 0 7px;
  font-weight: 750;
}
.home-summary-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 8px 0 7px;
}
.home-summary-head .sectiontitle {
  margin: 0;
}
.home-period-filter {
  display: flex;
  align-items: center;
  gap: 6px;
}
.home-period-filter label {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  padding: 3px 6px;
  border: 1px solid #cbd9e7;
  border-radius: 8px;
  background: #fff;
  color: #0d558c;
}
.home-period-filter select {
  width: auto;
  min-width: 74px;
  max-width: 112px;
  min-height: 28px;
  padding: 2px 20px 2px 4px;
  border: 0;
  background-color: transparent;
  color: #17324f;
  font-size: 12px;
  font-weight: 700;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.home-kpis {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 9px;
  margin-bottom: 10px;
}
.home-kpi {
  min-height: 79px;
  border: 1px solid #cddceb;
  border-radius: 12px;
  padding: 10px 11px;
  background: white;
  display: grid;
  align-content: space-between;
}
.home-kpi small {
  font-size: 11px;
  line-height: 1.3;
  font-weight: 600;
  color: #294366;
}
.home-kpi strong {
  font-size: 21px;
  color: #09213d;
  line-height: 1.1;
}
.home-lower {
  display: grid;
  grid-template-columns: minmax(0, 2.35fr) minmax(310px, 1fr);
  gap: 11px;
}
.week-panel,
.streak-panel {
  background: white;
  border: 1px solid #cfdceb;
  border-radius: 13px;
  padding: 13px 12px;
  min-height: 307px;
}
.streak-panel {
  border-color: #e7d2a0;
  background: linear-gradient(130deg, #fffdf7, #f7fffc);
}
.panel-title {
  display: flex;
  align-items: start;
  justify-content: space-between;
  margin-bottom: 8px;
}
.panel-title h2 {
  font-size: 16px;
  margin: 0 0 4px;
}
.panel-title p {
  font-size: 10px;
  color: #687b92;
  margin: 0;
}
.weeks {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}
.week {
  min-height: 215px;
  border: 1px solid #d7e1ed;
  border-radius: 10px;
  padding: 10px 9px;
  min-width: 0;
  background: #fcfdff;
}
.week h3 {
  font-size: 11px;
  margin: 0 0 4px;
}
.week small {
  font-size: 10px;
  color: #8390a0;
}
.week p {
  font-size: 10px;
  color: #91a0b1;
  margin-top: 15px;
}
.repeat-item {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 2px 5px;
  padding: 5px 7px;
  border-left: 3px solid #5ba6df;
  border-radius: 7px;
  margin-top: 5px;
  background: #eef7ff;
  color: #133251;
}
.repeat-item strong {
  font-size: 10px;
  line-height: 1.15;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.repeat-item b {
  font-size: 11px;
}
.repeat-item span {
  font-size: 9px;
  color: #667b8d;
}
.repeat-heat-0 {
  background: #f8696b33;
  border-color: #f8696b;
}
.repeat-heat-0 b {
  background: #f8696b;
}
.repeat-heat-1 {
  background: #f7b26733;
  border-color: #f7b267;
}
.repeat-heat-1 b {
  background: #f7b267;
}
.repeat-heat-2 {
  background: #ffeb843d;
  border-color: #e6c939;
}
.repeat-heat-2 b {
  background: #ffeb84;
}
.repeat-heat-3 {
  background: #63be7b33;
  border-color: #63be7b;
}
.repeat-heat-3 b {
  background: #63be7b;
}
.repeat-item b {
  padding: 1px 4px;
  border-radius: 5px;
}
.repeat-1 {
  background: #f3fbf1;
  border-color: #81bd75;
}
.repeat-2 {
  background: #fbf4ff;
  border-color: #b583d2;
}
.repeat-3 {
  background: #fff9ed;
  border-color: #e2b869;
}
.panel-foot {
  font-size: 10px;
  color: #798a9b;
  margin: 7px 0 0;
}
.streaks {
  display: grid;
  gap: 7px;
}
.streak-row {
  display: flex;
  align-items: center;
  gap: 7px;
  border: 1px solid #e6d4aa;
  border-radius: 10px;
  padding: 7px 9px;
  min-height: 38px;
  font-size: 10px;
  color: #112744;
  background: #fff;
}
.streak-row:first-child {
  background: #fffbe8;
}
.streak-row .medal {
  font-size: 14px;
}
.streak-row strong {
  font-size: 10px;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.streak-row b {
  font-size: 12px;
  white-space: nowrap;
}
#notice:not(:empty) {
  margin: 0 0 12px;
}
@media (max-width: 1300px) {
  .home-kpis {
    grid-template-columns: repeat(3, 1fr);
  }
  .home-lower {
    grid-template-columns: 1fr;
  }
  .navcard-label {
    font-size: 12px;
  }
}
@media (max-width: 850px) {
  .navcards {
    grid-template-columns: repeat(2, 1fr);
  }
  .weeks {
    grid-template-columns: repeat(2, 1fr);
  }
  .role small {
    display: none;
  }
}
@media (max-width: 620px) {
  .shell,
  .shell.menu-open {
    grid-template-columns: 55px minmax(0, 1fr);
  }
  .sidebar {
    top: 60px;
  }
  .sidebar nav button {
    width: 45px;
  }
  .shell.menu-open .sidebar {
    position: fixed;
    left: 0;
    top: 60px;
    width: min(314px, 85vw);
    z-index: 11;
    box-shadow: 8px 0 24px #14233844;
  }
  .shell.menu-open .sidebar nav button {
    width: calc(min(314px, 85vw) - 10px);
  }
  main {
    padding: 20px 12px;
  }
  .home-kpis {
    grid-template-columns: repeat(2, 1fr);
  }
  .navcards {
    gap: 8px;
  }
  .navcard {
    grid-template-rows: 85px 55px;
  }
  .navcard-art {
    height: 85px;
  }
  .weeks {
    grid-template-columns: 1fr;
  }
  .statusline {
    max-width: 54%;
  }
  .arcelik-logo {
    width: 120px;
  }
  .mastright {
    gap: 4px;
  }
  .beko-logo {
    width: 75px;
  }
  .role {
    display: none;
  }
}
.home-btn {
  background: #f3f9ff;
  border: 1px solid #d7e7f6;
  color: #123354;
  border-radius: 10px;
  padding: 9px 13px;
  font-size: 13px;
  font-weight: 650;
  white-space: nowrap;
  margin-right: 12px;
}
.home-btn[hidden] {
  display: none;
}
.report-filters {
  background: #fff;
  border: 1px solid #e5d9cc;
  border-radius: 17px;
  padding: 16px;
  margin-bottom: 16px;
}
.report-filter-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  align-items: end;
}
.report-field {
  display: block;
  min-width: 0;
  border: 1px solid #c7d9ef;
  border-radius: 16px;
  background: #f2f8ff;
  padding: 11px 12px;
}
.report-field strong {
  display: block;
  font-size: 13px;
  margin-bottom: 7px;
  color: #102745;
}
.report-field input,
.report-field select {
  background: #fff;
  width: 100%;
  height: 50px;
  min-height: 0;
  border: 1px solid #cbd9e8;
  border-radius: 10px;
  padding: 8px 12px;
  color: #1a344e;
  font-size: 16px;
}
.report-field.service {
  background: #f8fcf3;
  border-color: #c5dcb4;
}
.report-field.ticket {
  background: #fff9ef;
  border-color: #e7cb91;
}
.report-field.reason {
  background: #fcf5ff;
  border-color: #d9b6e7;
}
.report-field.type {
  background: #f0fafb;
  border-color: #a9d7d8;
}
.report-field.evaluation {
  background: #fff6f6;
  border-color: #ecc2c3;
}
.report-buttons {
  grid-column: span 4;
  display: flex;
  gap: 10px;
  align-items: end;
  flex-wrap: wrap;
}
.report-buttons button {
  min-height: 52px;
  border: 0;
  border-radius: 10px;
  background: #eef5fb;
  color: #163149;
  padding: 8px 17px;
  font-size: 15px;
  font-weight: 650;
}
.report-buttons .report-blue {
  background: #0872c3;
  color: #fff;
}
.report-total {
  background: #eff7ff;
  border: 1px solid #d0e3fa;
  border-radius: 14px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 15px;
  margin: 0 0 13px;
  color: #102f50;
  font-size: 14px;
}
.report-table-wrap {
  overflow: auto;
  border-radius: 16px;
  border: 1px solid #d5e0eb;
  background: #fff;
}
.report-table {
  border-collapse: collapse;
  width: 100%;
  min-width: 1050px;
  table-layout: fixed;
  color: #112e4d;
  font-size: 12px;
}
.report-table th {
  background: #f2f9ff;
  text-align: left;
  padding: 14px 10px;
  border-bottom: 1px solid #dce6f0;
}
.report-table td {
  padding: 12px 10px;
  border-bottom: 1px solid #e3eaf1;
  vertical-align: middle;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.report-table th:nth-child(1) {
  width: 42px;
}
.report-table th:nth-child(2) {
  width: 82px;
}
.report-table th:nth-child(3) {
  width: 145px;
}
.report-table th:nth-child(4) {
  width: 85px;
}
.report-table th:nth-child(5) {
  width: auto;
}
.report-table th:nth-child(6) {
  width: 155px;
}
.report-table th:nth-child(7) {
  width: 140px;
}
.report-table th:nth-child(8) {
  width: 132px;
}
.report-table .review-status {
  font-weight: 700;
  background: #ecf5ff;
}
.report-table .review-status.positive {
  background: #00bf63;
  color: #061e1b;
}
.report-table .review-status.negative {
  background: #ff1f1f;
  color: #07120d;
}
.report-table .review-status.ongoing {
  background: #ffd84d;
  color: #3c2b00;
}
.panel-head-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.panel-refresh {
  border: 1px solid #b9cfe4;
  border-radius: 9px;
  background: #f5faff;
  color: #0d558c;
  padding: 7px 11px;
  font-weight: 700;
  cursor: pointer;
}
.panel-refresh:hover {
  background: #e9f5ff;
}
.report-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.report-actions button {
  border: 0;
  border-radius: 9px;
  padding: 8px;
  background: #eef6ff;
  color: #163751;
  font-size: 12px;
}
.report-actions button.danger {
  background: #e93f49;
  color: #fff;
}
.report-preview {
  width: min(650px, 95vw);
}
.report-preview #previewBody {
  line-height: 1.6;
}
.zero-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 12px;
}
.zero-controls label {
  flex: 1 1 210px;
}
.zero-edit-notice {
  margin: 10px 0;
  padding: 10px 12px;
  border: 1px solid #e0b253;
  border-radius: 9px;
  background: #fff8df;
  color: #6f4a00;
  font-weight: 700;
}
.zero-edit-notice[hidden] {
  display: none;
}
.zero-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 7px;
  margin: 14px 0;
}
.zero-list button {
  background: #fffaf0;
  border: 1px solid #e5d4ad;
  border-radius: 10px;
  text-align: left;
  padding: 11px;
  color: #152b42;
}
.zero-list small {
  float: right;
}
.zero-history {
  max-height: 340px;
  overflow: auto;
  border: 1px solid #e2e9f2;
  border-radius: 10px;
}
.zero-history > div {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 6px 10px;
  border-bottom: 1px solid #e9eef4;
}
.zero-history strong {
  flex: 1;
}
.zero-row-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}
.zero-history button {
  border: 1px solid #d1e0f0;
  background: #f5faff;
  border-radius: 6px;
  padding: 5px 8px;
}
.zero-history button.danger {
  border-color: #e4a4aa;
  background: #fff0f1;
  color: #a52434;
}
.zero-delete-dialog {
  width: min(520px, calc(100vw - 32px));
}
.embedded-message {
  color: #475b6e;
  font-size: 13px;
  background: #fff9ef;
  border: 1px solid #ebd9b5;
  border-radius: 9px;
  padding: 12px;
}
.embedded-message[hidden],
#customCardMessage[hidden] {
  display: none;
}
@media (max-width: 1150px) {
  .report-filter-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .report-buttons {
    grid-column: span 3;
  }
}
@media (max-width: 700px) {
  .report-filter-grid {
    grid-template-columns: 1fr 1fr;
  }
  .report-buttons {
    grid-column: span 2;
  }
  .report-total {
    display: block;
  }
  .pagehead {
    flex-wrap: wrap;
  }
  .statusline {
    max-width: 100%;
  }
}
@media (max-width: 460px) {
  .report-filter-grid {
    grid-template-columns: 1fr;
  }
  .report-buttons {
    grid-column: span 1;
  }
}
#editorFeedback {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin: 12px 29px 0;
  padding: 12px 15px;
  border-radius: 10px;
  background: #eaf7ef;
  color: #175333;
  border: 1px solid #bde5ca;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.45;
}
#editorFeedback[hidden] {
  display: none;
}
#editorFeedback.error {
  background: #fff0f1;
  color: #952638;
  border-color: #eebac2;
}
#editorFeedback button {
  width: auto;
  min-height: 36px;
  white-space: nowrap;
  background: #fff;
  border: 1px solid currentColor;
  border-radius: 8px;
  padding: 6px 11px;
  color: inherit;
  font-weight: 700;
}
#editorFeedback button[hidden] {
  display: none;
}
@media (max-width: 650px) {
  #editorFeedback {
    margin: 9px 16px 0;
    flex-wrap: wrap;
  }
}
.save-target {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  color: #4a5a6e;
  font-size: 12px;
}
.save-target select {
  min-width: 220px;
  min-height: 40px;
  padding: 7px 10px;
}
.mail-actions {
  display: flex;
  gap: 6px;
  align-items: center;
}
.mail-copy-btn {
  width: 42px;
  min-width: 42px;
  padding: 8px;
  font-size: 22px;
  line-height: 1;
}
.mail-copy-btn:hover {
  color: #8e2639;
  border-color: #b98c96;
}
.combo-field small {
  display: block;
  margin-top: 5px;
  color: #77889a;
  font-size: 10px;
  font-weight: 500;
}
.combo-field input {
  background: #fff;
}
.dashboard-filter,
.dashboard-section {
  background: #fff;
  border: 1px solid #dce4ec;
  border-radius: 15px;
  padding: 18px;
  margin-bottom: 16px;
}
.dashboard-filter h2,
.dashboard-section > h2 {
  font-size: 18px;
  margin: 0 0 14px;
  color: #102b49;
}
.dashboard-filter-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1.5fr 1fr auto auto;
  gap: 10px;
  align-items: end;
}
.dashboard-filter-grid > label {
  font-size: 12px;
}
.dash-multi {
  position: relative;
  border: 1px solid #ccd9e6;
  border-radius: 9px;
  background: #fff;
  min-width: 0;
}
.dash-multi summary {
  list-style: none;
  padding: 8px 11px;
  min-height: 43px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  color: #29445f;
}
.dash-multi summary::-webkit-details-marker {
  display: none;
}
.dash-multi summary b {
  font-size: 11px;
  color: #1878b8;
}
.dash-multi > div {
  position: absolute;
  z-index: 20;
  top: calc(100% + 5px);
  left: 0;
  width: max(100%, 260px);
  max-height: 260px;
  overflow: auto;
  background: #fff;
  border: 1px solid #cbd8e5;
  border-radius: 10px;
  box-shadow: 0 15px 35px #17314d2b;
  padding: 7px;
}
.dash-multi label {
  display: flex;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 8px;
  padding: 6px;
  font-size: 12px;
  font-weight: 500;
}
.dash-multi input {
  width: auto;
  min-height: 0;
}
.dash-kpis {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 11px;
}
.dash-kpis article {
  border: 1px solid #d9e4ef;
  border-top: 3px solid #1f7dbb;
  border-radius: 12px;
  padding: 14px;
  background: #fbfdff;
  min-height: 112px;
  display: flex;
  flex-direction: column;
}
.dash-kpis article:nth-child(3) {
  border-top-color: #d23c49;
}
.dash-kpis article:nth-child(4) {
  border-top-color: #18a866;
}
.dash-kpis article:nth-child(5) {
  border-top-color: #e0b300;
}
.dash-kpis span {
  font-size: 12px;
  color: #496078;
}
.dash-kpis strong {
  font-size: 26px;
  color: #102a46;
  margin: auto 0 5px;
}
.dash-kpis small {
  font-size: 10px;
  color: #8291a1;
}
.dash-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.dash-panel {
  border: 1px solid #d6e1eb;
  border-radius: 14px;
  padding: 16px;
  min-width: 0;
  background: #fff;
}
.dash-panel.wide {
  grid-column: 1/-1;
}
.dash-panel > header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 14px;
}
.dash-panel h3 {
  font-size: 17px;
  margin: 0;
  color: #102c4a;
}
.dash-panel header p {
  font-size: 11px;
  color: #708297;
  margin: 4px 0 0;
}
.expand-chart {
  border: 1px solid #d1dfeb;
  background: #fff;
  border-radius: 9px;
  width: 37px;
  height: 37px;
  color: #16466f;
  font-size: 18px;
  flex: 0 0 auto;
}
.dash-bars {
  display: grid;
  gap: 8px;
}
.dash-bars > div {
  display: grid;
  grid-template-columns: minmax(120px, 1.1fr) minmax(130px, 2fr) 55px;
  align-items: center;
  gap: 9px;
  font-size: 11px;
}
.dash-bars > div > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dash-bars > div > i {
  height: 13px;
  background: #eaf0f5;
  border-radius: 9px;
  overflow: hidden;
  display: block;
}
.dash-bars > div > i > b {
  display: block;
  height: 100%;
  background: #1f82c1;
  border-radius: 9px;
}
.dash-bars.burgundy > div > i > b {
  background: #a92543;
}
.dash-bars.green > div > i > b {
  background: #24a56c;
}
.dash-bars.result > div:nth-child(1) > i > b {
  background: #19a766;
}
.dash-bars.result > div:nth-child(2) > i > b {
  background: #ec3c49;
}
.dash-bars.result > div:nth-child(3) > i > b {
  background: #e9c500;
}
.dash-bars.grouped > div > i {
  height: 24px;
  background: transparent;
  display: grid;
  gap: 3px;
}
.dash-bars.grouped > div > i > b {
  height: 10px;
}
.dash-bars.grouped .gross,
.group-legend .gross {
  background: #1f82c1;
}
.dash-bars.grouped .appeal,
.group-legend .appeal {
  background: #a92543;
}
.group-legend {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  font-size: 11px;
  margin-bottom: 10px;
}
.group-legend span {
  display: flex;
  align-items: center;
  gap: 5px;
}
.group-legend i {
  width: 13px;
  height: 8px;
  border-radius: 4px;
}
.dash-weeks {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.dash-weeks article {
  border: 1px solid #e1d9cf;
  border-radius: 13px;
  padding: 13px;
  min-width: 0;
}
.dash-weeks h4 {
  margin: 0 0 3px;
  font-size: 13px;
}
.dash-weeks small {
  font-size: 10px;
  color: #936a4d;
}
.repeat-v8 {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 2px 8px;
  margin-top: 7px;
  padding: 7px 8px;
  border-left: 4px solid #2786c2;
  border-radius: 9px;
  background: #edf6fd;
}
.repeat-v8 strong {
  font-size: 10px;
  line-height: 1.25;
}
.repeat-v8 b {
  font-size: 11px;
}
.repeat-v8 span {
  font-size: 9px;
  color: #60788f;
}
.repeat-v8.r1 {
  background: #f0f8ed;
  border-color: #579343;
}
.repeat-v8.r2 {
  background: #f5effa;
  border-color: #8058a7;
}
.repeat-v8.r3 {
  background: #fff9e9;
  border-color: #d6a634;
}
.dash-table {
  overflow: auto;
}
.dash-table table {
  min-width: 620px;
  font-size: 11px;
}
.dash-table th,
.dash-table td {
  padding: 9px 10px;
}
.dash-table td:last-child {
  display: flex;
  align-items: center;
  gap: 8px;
}
.dash-table td > i {
  display: block;
  min-width: 75px;
  height: 12px;
  background: #e8eef3;
  border-radius: 8px;
  overflow: hidden;
}
.dash-table td > i > b {
  display: block;
  height: 100%;
  background: #1f82c1;
  border-radius: 8px;
}
.month-table table {
  min-width: 820px;
}
.month-table td {
  text-align: center;
}
.month-table td:last-child {
  display: table-cell;
}
.month-table td > b {
  display: block;
  font-size: 12px;
}
.month-table td small {
  display: flex;
  justify-content: center;
  gap: 4px;
  font-size: 8px;
}
.month-table td em {
  font-style: normal;
  color: #e53945;
}
.month-table td span {
  color: #11a15e;
}
.chart-dialog {
  width: min(1500px, 96vw);
  height: min(900px, 92vh);
}
.chart-dialog #chartDialogBody {
  padding: 22px;
  overflow: auto;
  max-height: calc(92vh - 85px);
}
.chart-dialog .dash-bars > div {
  font-size: 14px;
  grid-template-columns: minmax(180px, 1fr) 3fr 80px;
}
.chart-dialog .dash-weeks {
  min-width: 1000px;
}
.engineer-filter-grid {
  grid-template-columns: 0.8fr 0.8fr 1.15fr 1.6fr 1fr auto auto;
}
.dash-panel[data-chart="serviceReasonMatrix"] .matrix-wrap {
  max-height: 420px;
}
.matrix-summary {
  font-size: 11px;
  color: #60778c;
  margin: -4px 0 8px;
}
.matrix-view-controls {
  position: sticky;
  top: -22px;
  z-index: 20;
  display: flex;
  gap: 7px;
  padding: 10px 0;
  background: #fff;
}
.matrix-view-controls button {
  border: 1px solid #bfd1e0;
  border-radius: 8px;
  background: #f3f8fc;
  color: #173b5b;
  padding: 8px 12px;
  font-weight: 700;
}
.matrix-view-controls button.active {
  background: #0878bd;
  color: #fff;
}
.matrix-dialog {
  width: 98vw;
  height: 95vh;
}
.matrix-dialog #chartDialogBody {
  max-height: calc(95vh - 85px);
}
.matrix-dialog .matrix-wrap {
  max-height: calc(95vh - 155px);
}
.neutral-table table,
.neutral-table thead th,
.neutral-table tbody th,
.neutral-table td {
  background: #fff !important;
  color: #102b49;
}
.neutral-table th,
.neutral-table td {
  border-bottom: 1px solid #dce5ed;
}
.region-table td:last-child {
  display: table-cell;
  text-align: center;
}
.month-table td em {
  font-style: normal;
  color: #e53945;
  font-weight: 700;
}
.month-table td span {
  color: #11a15e;
  font-weight: 700;
}
.result-pie {
  display: flex;
  justify-content: center;
  min-height: 330px;
}
.result-pie svg {
  display: block;
  width: min(100%, 760px);
  height: auto;
}
.result-pie path,
.result-pie circle {
  stroke: #fff;
  stroke-width: 3;
}
.pie-label {
  fill: #fff;
  font-size: 14px;
  font-weight: 750;
  pointer-events: none;
}
.pie-label-dark {
  fill: #102b49;
}
.pie-count {
  font-size: 22px;
  font-weight: 900;
}
.dash-bars strong,
.dash-table strong,
.repeat-v8 b {
  padding: 3px 6px;
  border-radius: 6px;
  color: #102b49;
  text-align: center;
}
.matrix-wrap {
  overflow: auto;
  max-height: 680px;
  border: 1px solid #0d6fac;
  border-radius: 6px;
}
.reason-matrix {
  border-collapse: separate;
  border-spacing: 0;
  min-width: 1150px;
  width: 100%;
  font-size: 10px;
}
.reason-matrix th,
.reason-matrix td {
  border-right: 1px solid #273847;
  border-bottom: 1px solid #273847;
  text-align: center;
  padding: 4px;
  min-width: 42px;
  height: 28px;
}
.reason-matrix thead th {
  position: sticky;
  top: 0;
  z-index: 3;
  background: #0878bd;
  color: #fff;
  font-size: 11px;
}
.reason-matrix thead th:first-child,
.reason-matrix tbody th {
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: 220px;
  text-align: left;
  background: #0878bd;
  color: #fff;
  font-weight: 700;
}
.reason-matrix thead th:first-child {
  z-index: 5;
}
.reason-matrix thead th:nth-child(2) {
  left: 220px;
  z-index: 4;
  min-width: 92px;
}
.reason-matrix tbody td:nth-child(2) {
  position: sticky;
  left: 220px;
  z-index: 1;
  font-weight: 800;
  min-width: 92px;
}
.reason-matrix thead th span {
  display: block;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  height: 185px;
  white-space: normal;
  line-height: 1.1;
  margin: auto;
}
.reason-matrix .matrix-total th,
.reason-matrix .matrix-total td {
  background: #0878bd;
  color: #fff;
  font-weight: 800;
}
.chart-dialog .matrix-wrap {
  max-height: 720px;
}
@media (max-width: 1200px) {
  .dashboard-filter-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .dash-kpis {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 800px) {
  .dashboard-filter-grid,
  .dash-grid {
    grid-template-columns: 1fr;
  }
  .dash-kpis {
    grid-template-columns: repeat(2, 1fr);
  }
  .dash-panel.wide {
    grid-column: auto;
  }
  .dash-weeks {
    grid-template-columns: 1fr 1fr;
  }
  .dialogFoot {
    flex-wrap: wrap;
  }
  .save-target {
    order: -1;
    width: 100%;
    margin: 0;
  }
  .save-target select {
    flex: 1;
  }
}
@media (max-width: 520px) {
  .dash-kpis,
  .dash-weeks {
    grid-template-columns: 1fr;
  }
  .dash-bars > div {
    grid-template-columns: 100px 1fr 42px;
  }
}
.badge.result-red {
  background: #ef3340;
  color: #fff;
}
.badge.result-green {
  background: #00b85a;
  color: #06281a;
}
.duplicate-dialog {
  width: min(620px, 95vw);
}

.duplicate-actions {
  display: flex;
  justify-content: flex-end;
  gap: 9px;
  flex-wrap: wrap;
  margin-top: 22px;
}
.result-horizontal {
  display: grid;
  gap: 18px;
  padding: 6px 4px 10px;
}
.result-total {
  display: flex;
  align-items: end;
  justify-content: space-between;
  border-bottom: 1px solid #e2e9f0;
  padding: 0 2px 13px;
  color: #61758a;
}
.result-total strong {
  font-size: 25px;
  color: #102b49;
}
.result-row {
  display: grid;
  gap: 8px;
}
.result-row-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.result-name {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 750;
  color: #17334f;
}
.result-name i {
  width: 13px;
  height: 13px;
  border-radius: 4px;
  flex: 0 0 auto;
}
.result-numbers {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 12px;
  min-width: 140px;
  color: #102b49;
}
.result-numbers strong {
  font-size: 21px;
}
.result-numbers small {
  min-width: 56px;
  text-align: right;
  color: #6b7f91;
  font-size: 12px;
}
.result-track {
  height: 22px;
  overflow: hidden;
  border-radius: 7px;
  background: #edf1f5;
}
.result-track b {
  display: block;
  height: 100%;
  border-radius: 7px;
  transition: width 0.25s ease;
}
.chart-dialog .result-horizontal {
  gap: 24px;
}
.chart-dialog .result-name {
  font-size: 18px;
}
.chart-dialog .result-track {
  height: 30px;
}
.chart-dialog .result-numbers strong {
  font-size: 25px;
}
@media (max-width: 620px) {
  .result-row-head {
    align-items: flex-start;
  }
  .result-name {
    font-size: 12px;
  }
  .result-numbers {
    min-width: 105px;
    gap: 7px;
  }
  .result-numbers strong {
    font-size: 17px;
  }
  .result-track {
    height: 17px;
  }
}
.dashboard-bookmarks {
  display: flex;
  align-items: end;
  gap: 10px;
  flex-wrap: wrap;
}
.dashboard-bookmark-head {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.dashboard-bookmark-head h2 {
  margin: 0;
}
.dash-refresh-icon {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  padding: 0;
  border: 1px solid #b9cfe4;
  border-radius: 10px;
  background: #f5faff;
  color: #0d558c;
  font-size: 22px;
  line-height: 1;
}
.dash-refresh-icon:hover {
  background: #e9f5ff;
}
.dash-refresh-icon:disabled {
  opacity: 0.55;
}
.dashboard-bookmarks label {
  min-width: 260px;
  flex: 1;
}
.dashboard-bookmarks select {
  min-height: 42px;
}
.dashboard-bookmarks .bookmark-note {
  width: 100%;
  margin: 0;
  color: #6d7f92;
  font-size: 11px;
}
.dash-section-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 14px;
}
.dash-section-head h2 {
  font-size: 18px;
  margin: 0;
  color: #102b49;
}
.dash-panel-tools {
  display: flex;
  gap: 6px;
  align-items: center;
  flex: 0 0 auto;
}
.dash-tool {
  border: 1px solid #d1dfeb;
  background: #fff;
  border-radius: 9px;
  min-width: 37px;
  height: 37px;
  padding: 0 9px;
  color: #16466f;
  font-size: 16px;
  font-weight: 800;
}
.dash-tool:hover,
.dash-tool.active {
  background: #eaf5fc;
  border-color: #7fb7d9;
}
.dash-filter-count {
  display: inline-grid;
  place-items: center;
  min-width: 19px;
  height: 19px;
  padding: 0 5px;
  border-radius: 10px;
  background: #0878bd;
  color: #fff;
  font-size: 10px;
  margin-left: 2px;
}
.dash-filter-summary {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  margin: 7px 0 0;
}
.dash-filter-summary span {
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #eef6fc;
  border: 1px solid #d1e4f1;
  color: #2b5c7e;
  border-radius: 10px;
  padding: 3px 7px;
  font-size: 9px;
}
.dash-filter-summary .dash-default {
  background: #f5f7f9;
  color: #778696;
  border-color: #e3e8ed;
}
.dashboard-filter-dialog {
  width: min(920px, 96vw);
}
#dashFilterBody {
  padding: 20px 28px;
  max-height: 65vh;
  overflow: auto;
}
.dash-filter-form {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.dash-filter-form .dash-multi > div {
  position: static;
  width: 100%;
  box-shadow: none;
  border: 0;
  border-top: 1px solid #e1e8ee;
  border-radius: 0;
  max-height: 190px;
}
.dash-filter-form .dash-multi summary {
  font-weight: 700;
}
.dash-saved-box {
  grid-column: 1/-1;
  background: #f6f9fc;
  border: 1px solid #dae5ee;
  border-radius: 11px;
  padding: 12px;
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 8px;
  align-items: end;
}
.dash-saved-box label {
  font-size: 12px;
}
.dash-saved-box button {
  min-height: 41px;
}
.dash-range-field {
  font-size: 12px;
}
.dashboard-save-dialog label {
  margin-top: 14px;
}
.dash-default-choice {
  display: flex !important;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 9px;
}
.dash-default-choice input {
  width: auto;
  min-height: 0;
}
.kpi-filter-strip {
  margin-bottom: 12px;
}
.kpi-filter-strip .dash-filter-summary {
  margin-top: 0;
}
.dashboard-filter-dialog .dialogFoot {
  position: sticky;
  bottom: 0;
  background: #fff;
}
.dashboard-section.filtered-widget {
  position: relative;
}
.dashboard-section.filtered-widget > .dash-section-head {
  border-bottom: 1px solid #e7edf2;
  padding-bottom: 12px;
}
@media (max-width: 760px) {
  .dash-filter-form {
    grid-template-columns: 1fr;
  }
  .dash-saved-box {
    grid-template-columns: 1fr;
  }
  .dashboard-bookmarks label {
    min-width: 100%;
  }
  .dash-panel > header {
    flex-wrap: wrap;
  }
  .dash-panel-tools {
    width: 100%;
    justify-content: flex-end;
  }
}
/* Merkezi pilot: oturum ve yönetim ekranları */
.session-menu{border:1px solid #d6deea;background:#fff;border-radius:10px;padding:8px 11px;font-size:18px;cursor:pointer}
.login-overlay{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:linear-gradient(135deg,#f8f2e8,#eef4fa);padding:24px}
.login-overlay[hidden]{display:none}
.login-card{width:min(430px,100%);background:#fff;border:1px solid #d9e2ec;border-radius:22px;padding:34px;box-shadow:0 24px 70px #0b244033;display:grid;gap:16px}
.login-brand{display:flex;align-items:center;gap:12px;font:italic 800 34px Arial;color:#050b15}.login-diamond{width:25px;height:25px;background:#e30620;transform:rotate(45deg);border-radius:2px}.login-kicker{margin:10px 0 -10px;color:#9d2039;font-weight:800;letter-spacing:.16em}.login-card h1{margin:0;color:#092847}.login-help{margin:0;color:#64748b}.login-card label{font-weight:700;color:#344760;display:grid;gap:7px}.login-card input{font:inherit;border:1px solid #cbd7e5;border-radius:10px;padding:13px}.login-card button{padding:13px}.login-error{min-height:22px;margin:0;color:#b42335;font-weight:700}
.pilot-admin .tablewrap{overflow:auto}.pilot-admin table{width:100%;border-collapse:collapse}.pilot-admin th,.pilot-admin td{text-align:left;border-bottom:1px solid #dce5ee;padding:12px;vertical-align:top}.pilot-admin th{background:#edf5fb;color:#0a2947}.pilot-admin td button{margin:2px 5px 2px 0}
.pilot-dialog{width:min(850px,94vw);border:0;border-radius:18px;padding:0;box-shadow:0 25px 80px #09213c44}.pilot-dialog::backdrop{background:#08152599}.pilot-user-form{padding:26px;display:grid;gap:16px}.pilot-user-form h2,.pilot-user-form h3{margin:0}.pilot-user-form .formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pilot-user-form label{display:grid;gap:6px;font-weight:650}.pilot-user-form input,.pilot-user-form select{font:inherit;border:1px solid #cbd7e5;border-radius:9px;padding:10px}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;background:#f6f8fb;border-radius:12px}.permission-grid label,.pilot-user-form label.check{display:flex;align-items:center;gap:8px}.permission-grid input,.pilot-user-form label.check input{width:auto}
@media(max-width:700px){.pilot-user-form .formgrid,.permission-grid{grid-template-columns:1fr}.login-card{padding:24px}.mastright .role{display:none}}