:root {
  --nd-bg:#e5eaed;
  --nd-surface:rgba(249,251,252,.76);
  --nd-card:rgba(255,255,255,.72);
  --nd-line:#d8e0e4;
  --nd-text:#15202b;
  --nd-muted:#77838b;
  --nd-blue:#2f6eaa;
  --nd-green:#2c9b69;
  --nd-red:#d95545;
  --nd-yellow:#f3c52e;
  --nd-shadow:0 18px 48px rgba(56,70,80,.08);
}

/* Tedarikçi denetimi: beşli değerlendirme ve soru içi kontrol alanları */
#view-form .qcard {
  position: relative;
}

#view-form .question-card-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

#view-form .question-card-meta .qid {
  margin: 0;
}

#view-form .question-score-badge {
  flex: 0 0 auto;
  margin-left: auto;
  padding: 5px 10px;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  background: #fff;
  color: #475569;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
}

#view-form .answer-row,
#view-form .section-block[id="block-D"] .answer-row {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

#view-form .ans-btn[data-v="tam"].sel {
  border-color: #2f7a4f !important;
  background: #2f7a4f !important;
  color: #fff !important;
}

#view-form .ans-btn[data-v="minor"].sel {
  border-color: #f59e0b !important;
  background: #f59e0b !important;
  color: #fff !important;
}

#view-form .ans-btn[data-v="major"].sel {
  border-color: #d9534f !important;
  background: #d9534f !important;
  color: #fff !important;
}

#view-form .ans-btn[data-v="dd"].sel {
  border-color: #64748b !important;
  background: #64748b !important;
  color: #fff !important;
}

#view-form .ans-btn[data-v="kritik"].sel {
  border-color: #7a1f14 !important;
  background: #7a1f14 !important;
  color: #fff !important;
}

#view-form .qcard.question-tam {
  border-color: #9fd2b1 !important;
  border-left: 5px solid #2f7a4f !important;
  background: #edf8f1 !important;
}

#view-form .qcard.question-minor {
  border-color: #f3c76b !important;
  border-left: 5px solid #f59e0b !important;
  background: #fff8e8 !important;
}

#view-form .qcard.question-major {
  border-color: #e7aaa4 !important;
  border-left: 5px solid #d9534f !important;
  background: #fff0ee !important;
}

#view-form .qcard.question-dd {
  border-color: #cbd5e1 !important;
  border-left: 5px solid #64748b !important;
  background: #f8fafc !important;
}

#view-form .qcard.question-kritik {
  border-color: #b42318 !important;
  border-left: 5px solid #7a1f14 !important;
  background: #fdecec !important;
}

#view-form .question-detail-panel {
  margin: 14px 0;
  padding: 14px;
  border: 1px solid #d8e0ea;
  border-radius: 12px;
  background: rgba(255, 255, 255, .78);
}

#view-form .question-detail-title {
  margin-bottom: 10px;
  color: #1b3158;
  font-size: 13px;
  font-weight: 800;
}

#view-form .question-detail-groups {
  display: grid;
  gap: 12px;
}

#view-form .question-detail-group {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

#view-form .question-detail-group legend {
  margin-bottom: 8px;
  color: #475569;
  font-size: 12px;
  font-weight: 800;
}

#view-form .question-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 12px;
}

#view-form .question-detail-field {
  display: grid;
  gap: 5px;
  min-width: 0;
  color: #334155;
  font-size: 12px;
  font-weight: 700;
}

#view-form .question-detail-field-wide {
  grid-column: 1 / -1;
}

#view-form .question-detail-field input,
#view-form .question-detail-field textarea {
  width: 100%;
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #fff;
  color: #17233b;
  font: inherit;
  font-weight: 500;
}

#view-form .question-check-option {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid #dbe3ed;
  border-radius: 8px;
  background: #fff;
  color: #334155;
  font-size: 12px;
  font-weight: 650;
}

#view-form .question-check-option input {
  width: 17px;
  height: 17px;
  margin: 0;
  accent-color: #315d9c;
}

@media (max-width: 760px) {
  #view-form .answer-row,
  #view-form .section-block[id="block-D"] .answer-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #view-form .question-detail-grid {
    grid-template-columns: 1fr;
  }

  #view-form .question-detail-field-wide {
    grid-column: auto;
  }
}

#view-form .special-case-card {
  margin-bottom: 12px;
  padding: 14px;
  border: 1px solid #dbe3ed;
  border-radius: 12px;
  background: #f8fafc;
}

#view-form .special-case-card h4 {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  color: #1b3158;
  font-size: 13px;
}

#view-form .special-case-card h4 b {
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #1b3158;
  color: #fff;
  font-size: 11px;
}

#view-form .special-case-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 12px;
}

#view-form .special-case-field {
  display: grid;
  gap: 5px;
  min-width: 0;
  color: #334155;
  font-size: 12px;
  font-weight: 700;
}

#view-form .special-case-wide {
  grid-column: 1 / -1;
}

#view-form .special-case-field input,
#view-form .special-case-field select,
#view-form .special-case-field textarea {
  width: 100%;
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #fff;
  color: #17233b;
  font: inherit;
  font-weight: 500;
}

@media (max-width: 760px) {
  #view-form .special-case-grid {
    grid-template-columns: 1fr;
  }

  #view-form .special-case-wide {
    grid-column: auto;
  }
}

#view-form .supplier-info-section {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid #d9e1eb;
}

#view-form .supplier-info-section h3 {
  margin: 0 0 12px;
  color: #1b3158;
  font-size: 14px;
  font-weight: 850;
}

#view-form .supplier-info-grid,
#view-form .supplier-info-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

#view-form .supplier-info-columns {
  align-items: start;
}

#view-form .supplier-info-field {
  display: grid;
  gap: 6px;
  color: #334155;
  font-size: 12px;
  font-weight: 750;
}

#view-form .supplier-info-field input,
#view-form .supplier-info-field select,
#view-form .supplier-product-row input {
  width: 100%;
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #fff;
  color: #17233b;
  font: inherit;
}

#view-form .supplier-choice-group {
  padding: 10px;
  border: 1px solid #dbe3ed;
  border-radius: 10px;
  background: #f8fafc;
}

#view-form .supplier-choice-group > b {
  display: block;
  margin-bottom: 8px;
  color: #334155;
  font-size: 12px;
}

#view-form .supplier-multiselect summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  cursor:pointer;
  list-style:none;
}
#view-form .supplier-multiselect summary::-webkit-details-marker { display:none; }
#view-form .supplier-multiselect summary span {
  overflow:hidden;
  color:#64748b;
  font-size:11px;
  font-weight:600;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#view-form .supplier-multiselect[open] summary { margin-bottom:10px; }

#view-form .supplier-certificates {
  grid-column:1/-1;
  overflow:hidden;
  border:1px solid #dbe3ed;
  border-radius:10px;
  background:#fff;
}
#view-form .supplier-certificates-title,
#view-form .supplier-certificate-row {
  display:grid;
  grid-template-columns:minmax(150px,1fr) minmax(150px,.8fr);
  gap:10px;
  align-items:center;
  padding:8px 10px;
}
#view-form .supplier-certificates-title {
  background:#1b3158;
  color:#fff;
  font-size:11px;
}
#view-form .supplier-certificate-row { border-top:1px solid #e2e8f0; }
#view-form .supplier-certificate-row label {
  display:flex;
  align-items:center;
  gap:8px;
  color:#334155;
  font-size:12px;
  font-weight:700;
}
#view-form .supplier-certificate-row input[type="checkbox"] {
  width:16px;
  height:16px;
  accent-color:#315d9c;
}
#view-form .supplier-certificate-row input[type="date"],
#view-form .supplier-certificate-row input[type="text"] {
  width:100%;
  min-width:0;
  padding:8px 9px;
  border:1px solid #cbd5e1;
  border-radius:8px;
  background:#fff;
}

#view-form .supplier-section-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
#view-form .supplier-section-heading h3 { margin:0; }
#view-form .supplier-add-row {
  padding:8px 12px;
  border:1px solid #315d9c;
  border-radius:8px;
  background:#fff;
  color:#315d9c;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}

#view-form .supplier-choice-group > div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
}

#view-form .supplier-choice-group label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #475569;
  font-size: 12px;
  font-weight: 650;
}

#view-form .supplier-choice-group input {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: #315d9c;
}

#view-form .supplier-products-table {
  overflow-x: auto;
  border: 1px solid #dbe3ed;
  border-radius: 10px;
}

#view-form .supplier-products-head,
#view-form .supplier-product-row {
  display: grid;
  grid-template-columns:42px 1fr 2fr .8fr .9fr 1.4fr 32px;
  gap: 8px;
  align-items: center;
  min-width: 760px;
  padding: 8px;
}

#view-form .supplier-remove-row {
  width:30px;
  height:30px;
  border:1px solid #e2b6b0;
  border-radius:8px;
  background:#fff;
  color:#b42318;
  font-size:18px;
  cursor:pointer;
}
#view-form .supplier-remove-row:disabled { opacity:.25;cursor:not-allowed; }

#view-form .supplier-products-head {
  background: #1b3158;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
}

#view-form .supplier-product-row {
  border-top: 1px solid #e2e8f0;
  background: #fff;
}

#view-form .supplier-product-row b {
  text-align: center;
  color: #64748b;
  font-size: 12px;
}

#view-form .critical-count-field {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin: 10px 0 0 auto;
  color: #7a1f14;
  font-size: 12px;
  font-weight: 800;
}

#view-form .critical-count-field.hidden {
  display: none;
}

#view-form .critical-count-field input {
  width: 100px;
  padding: 8px 10px;
  border: 1px solid #b42318;
  border-radius: 8px;
  background: #fff;
  color: #7a1f14;
  font-weight: 800;
}

@media (max-width: 760px) {
  #view-form .supplier-info-grid,
  #view-form .supplier-info-columns {
    grid-template-columns: 1fr;
  }
}

/* Admin audit planning */
#view-planning { width:auto;max-width:1480px!important;box-sizing:border-box;overflow-x:hidden; }
#view-planning .planning-header { margin-bottom:12px;padding:17px 20px; }
#view-planning .planning-header>div { min-width:0; }
#view-planning .planning-header p { max-width:760px; }
.planning-period-bar,.planning-summary article,.planning-calendar-card,.planning-settings-card,.planning-matrix-card { border:1px solid rgba(255,255,255,.86);border-radius:21px;background:rgba(249,251,252,.78);box-shadow:0 12px 34px rgba(56,70,80,.06);box-sizing:border-box; }
.planning-period-bar { display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:10px;padding:13px 17px; }
.planning-period-bar h3,.planning-settings-card h3,.planning-matrix-card h3 { margin:3px 0 0;font-size:17px; }
.planning-period-fields { display:flex;gap:8px; }
.planning-period-fields label { display:flex;align-items:center;gap:7px;color:var(--nd-muted);font-size:10px;font-weight:800; }
.planning-period-fields select { min-width:112px;height:38px;padding:0 32px 0 11px; }
.planning-summary { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px; }
.planning-summary article { min-height:88px;display:grid;grid-template-columns:1fr auto;align-items:center;padding:15px 18px; }
.planning-summary article span,.planning-summary article small { color:var(--nd-muted);font-size:11px; }
.planning-summary article small { grid-column:1; }.planning-summary strong { grid-column:2;grid-row:1/3;color:var(--nd-text);font:800 31px/1 var(--sans); }
.planning-calendar-card { margin-bottom:10px;padding:16px;overflow:hidden; }
.planning-calendar-card>header { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px; }
.planning-calendar-card h3 { margin:3px 0 0;font-size:17px; }
.planning-calendar-tools { display:flex;align-items:center;gap:12px; }.planning-calendar-tools>button { min-height:35px;padding:0 12px;border:1px solid var(--nd-line);border-radius:11px;background:#fff;color:#56646c;font:750 10px var(--sans);cursor:pointer; }
.planning-calendar-legend { display:flex;align-items:center;gap:13px;color:var(--nd-muted);font-size:10px;font-weight:750; }.planning-calendar-legend span { display:flex;align-items:center;gap:5px; }.planning-calendar-legend i { width:9px;height:9px;border-radius:3px; }.planning-calendar-legend i.planned { background:#3c82c3; }.planning-calendar-legend i.completed { background:#2d9a69; }
.planning-calendar-scroll { width:100%;overflow-x:auto;overscroll-behavior-inline:contain; }
.planning-calendar-grid { min-width:840px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px; }
.planning-calendar-weekday { padding:0 7px 5px;color:var(--nd-muted);font-size:9px;font-weight:850;text-align:center;text-transform:uppercase;letter-spacing:.06em; }
.planning-calendar-day { min-height:118px;padding:7px;border:1px solid #e0e6e9;border-radius:12px;background:rgba(255,255,255,.67);box-sizing:border-box;overflow:hidden; }.planning-calendar-day.outside { min-height:64px;border-style:dashed;background:rgba(238,242,244,.4); }.planning-calendar-day.has-events { background:rgba(255,255,255,.9); }
.planning-calendar-day-head { display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:5px; }.planning-calendar-date { min-width:23px;height:23px;display:flex;align-items:center;gap:6px;border-radius:8px;color:#59676f;font:800 10px/1 var(--sans); }.planning-calendar-date small { display:none;color:var(--nd-muted);font-size:9px;text-transform:capitalize; }.planning-calendar-add { width:24px;height:24px;display:grid;place-items:center;padding:0;border:1px solid #d7e2e8;border-radius:8px;background:#f7fafb;color:#477797;font:700 16px/1 var(--sans);cursor:pointer;opacity:.72; }.planning-calendar-day:hover .planning-calendar-add { opacity:1;background:#e7f1f9; }.planning-calendar-events { display:grid;gap:4px; }
.planning-calendar-event { width:100%;min-width:0;display:grid;grid-template-columns:54px minmax(0,1fr);gap:2px 5px;padding:6px 7px;border:0;border-radius:9px;color:#fff;text-align:left;cursor:pointer;box-sizing:border-box; }.planning-calendar-event.planned { background:#3c82c3; }.planning-calendar-event.completed { background:#2d9a69; }.planning-calendar-event:hover { filter:brightness(.96);transform:none!important; }.planning-calendar-event b { grid-row:1/3;align-self:center;font-size:8px;white-space:nowrap; }.planning-calendar-event span { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:800; }.planning-calendar-event small { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.8);font-size:7.5px; }
.planning-settings-card { margin-bottom:10px;padding:16px; }
.planning-settings-card[hidden] { display:none!important; }
.planning-settings-card>header,.planning-matrix-card>header { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.planning-settings-card>header button,.planning-matrix-actions button { min-height:35px;padding:0 12px;border:1px solid var(--nd-line);border-radius:11px;background:#fff;color:#56646c;font:750 10px var(--sans);cursor:pointer; }
.planning-settings-card>p { margin:7px 0 12px;color:var(--nd-muted);font-size:11px; }
.planning-settings-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px; }
.planning-setting-row { display:grid;grid-template-columns:minmax(0,1fr) 58px 58px;align-items:center;min-height:43px;padding:0 11px;border:1px solid #e0e6e9;border-radius:12px;background:rgba(255,255,255,.68); }
.planning-setting-row strong { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px; }.planning-setting-row label { display:flex;align-items:center;gap:5px;color:#59676f;font-size:10px;font-weight:800;cursor:pointer; }.planning-setting-row input { accent-color:var(--nd-blue); }
.planning-matrix-card { padding:16px; }
.planning-matrix-actions { display:flex;align-items:center;gap:10px; }.planning-auto-note { color:var(--nd-muted);font-size:10px; }
.planning-matrix-head,.planning-matrix-row { display:grid;grid-template-columns:minmax(145px,1.1fr) 62px minmax(140px,.8fr) 94px minmax(170px,1fr) 125px;gap:9px;align-items:center; }
.planning-matrix-head { margin-top:13px;padding:0 12px 7px;color:var(--nd-muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em; }
.planning-matrix-row { min-height:58px;margin-bottom:6px;padding:8px 12px;border:1px solid #e0e6e9;border-radius:14px;background:rgba(255,255,255,.78);box-sizing:border-box; }
.planning-matrix-row:last-child { margin-bottom:0; }.planning-matrix-row.completed { border-color:#cae7d9;background:rgba(240,250,245,.88); }.planning-matrix-row.active { border-color:#d9e6f2;background:rgba(244,249,253,.9); }
.planning-matrix-row>strong { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px; }.planning-period-badge { width:38px;height:27px;display:grid;place-items:center;border-radius:9px;background:#e8edf0;color:#52616b;font:800 10px/1 var(--sans); }
.planning-matrix-row label>span { display:none; }.planning-matrix-row input,.planning-matrix-row select { width:100%;min-width:0;height:37px;padding:0 10px;border:1px solid var(--nd-line);border-radius:10px!important;background:#fff!important;font-size:10px;box-sizing:border-box; }.planning-matrix-row input:disabled,.planning-matrix-row select:disabled { opacity:.68;cursor:not-allowed; }
.planning-status { justify-self:start;display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border-radius:999px;background:#edf1f3;color:#647178;font:800 9px/1 var(--sans);white-space:nowrap; }.planning-status.active { background:#dfebf6;color:#286499; }.planning-status.completed { background:#dcefe6;color:#24734f; }
.planning-matrix-row.calendar-focus { animation:planning-calendar-focus 1.7s ease; }
@keyframes planning-calendar-focus { 0%,100% { box-shadow:none; } 22%,70% { border-color:#2f6eaa;box-shadow:0 0 0 4px rgba(47,110,170,.16); } }
.planning-empty { padding:30px 8px;color:var(--nd-muted);font-size:11px;text-align:center; }
.planning-modal-backdrop { position:fixed;inset:0;z-index:1800;display:grid;place-items:center;padding:18px;background:rgba(19,31,42,.38);box-sizing:border-box; }.planning-modal-backdrop[hidden] { display:none!important; }.planning-modal-card { width:min(94vw,560px);max-height:calc(100dvh - 36px);overflow:auto;padding:20px;border:1px solid rgba(255,255,255,.9);border-radius:23px;background:#f7f9fa;box-shadow:0 30px 80px rgba(20,36,48,.28);box-sizing:border-box; }.planning-modal-card>header { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px; }.planning-modal-card h3 { margin:3px 0 0;font-size:20px; }.planning-modal-close { width:36px;height:36px;border:1px solid var(--nd-line);border-radius:11px;background:#fff;color:#65727a;font-size:23px;cursor:pointer; }.planning-modal-card form { display:grid;grid-template-columns:1fr 1fr;gap:11px; }.planning-modal-card form>label { grid-column:1/-1; }.planning-modal-card label { display:grid;gap:6px;color:#68757d;font-size:10px;font-weight:800; }.planning-modal-card select { width:100%;height:43px;padding:0 11px;border:1px solid var(--nd-line);border-radius:12px;background:#fff;font-size:11px; }.planning-modal-time-row { grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px; }.planning-modal-hint { grid-column:1/-1;margin:0;color:var(--nd-muted);font-size:9px; }.planning-modal-actions { grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;margin-top:6px; }.planning-modal-actions button { min-height:39px;padding:0 13px;border:1px solid var(--nd-line);border-radius:11px;background:#fff;color:#53616a;font-weight:750;cursor:pointer; }.planning-modal-actions .planning-modal-delete { border-color:#f0cbc6;background:#fff4f2;color:#c34f43; }
body.planning-modal-open { overflow:hidden; }
.new-design-ui .nd-nav-button[data-nd-view="planning"]>img { width:20px;height:20px;display:block;object-fit:contain;opacity:.82;filter:brightness(0) saturate(100%) invert(53%) sepia(9%) saturate(482%) hue-rotate(157deg) brightness(92%) contrast(87%); }
@media(max-width:950px) { .planning-matrix-head { display:none; }.planning-matrix-row { grid-template-columns:minmax(125px,1fr) 48px minmax(135px,1fr) 88px minmax(150px,1fr); }.planning-status { grid-column:1/-1; }.planning-settings-grid { grid-template-columns:1fr; } }
@media(max-width:700px) { body.new-design-ui.nd-view-planning { padding-bottom:18px!important; }.new-design-ui.nd-view-planning .nd-rail { display:none!important; } #view-planning .planning-header { align-items:flex-start;flex-direction:column;padding:14px; }.planning-header .module-back { width:100%;padding:9px 10px;font-size:9px; }.planning-period-bar { align-items:flex-start;flex-direction:column;padding:12px; }.planning-period-fields { width:100%; }.planning-period-fields label { flex:1;display:grid;gap:4px; }.planning-period-fields select { width:100%;min-width:0; }.planning-summary { grid-template-columns:repeat(3,minmax(0,1fr));gap:5px; }.planning-summary article { min-height:70px;display:flex;align-items:flex-start;flex-direction:column;padding:9px 10px; }.planning-summary article span,.planning-summary article small { font-size:8px; }.planning-summary strong { order:2;font-size:22px; }.planning-summary article small { order:3; }.planning-calendar-card,.planning-settings-card { padding:11px;border-radius:17px; }.planning-calendar-card>header { align-items:flex-start;flex-direction:column; }.planning-calendar-tools { width:100%;justify-content:space-between; }.planning-calendar-scroll { overflow:visible; }.planning-calendar-grid { min-width:0;grid-template-columns:1fr;gap:6px; }.planning-calendar-weekday,.planning-calendar-day.outside { display:none; }.planning-calendar-day { min-height:62px;padding:9px;overflow:visible; }.planning-calendar-date { font-size:13px; }.planning-calendar-date small { display:inline; }.planning-calendar-add { width:30px;height:30px;opacity:1;font-size:19px; }.planning-calendar-event { grid-template-columns:82px minmax(0,1fr);padding:8px 9px; }.planning-calendar-event b { font-size:9px; }.planning-calendar-event span { font-size:10px; }.planning-modal-backdrop { align-items:end;padding:0; }.planning-modal-card { width:100%;max-height:92dvh;padding:17px;border-radius:23px 23px 0 0; }.planning-modal-actions { grid-template-columns:1fr 1fr; }.planning-modal-actions span { display:none; }.planning-modal-actions .planning-modal-delete { grid-column:1/-1; }.planning-setting-row { grid-template-columns:minmax(0,1fr) 50px 50px; } }

.planning-summary article { cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease; }
.planning-summary article:hover,.planning-summary article.active { border-color:#9bbbd3;box-shadow:0 10px 28px rgba(47,110,170,.12);transform:translateY(-1px); }
.planning-summary article:focus-visible { outline:3px solid rgba(47,110,170,.18);outline-offset:2px; }
.planning-status-detail { margin-bottom:10px;padding:15px;border:1px solid rgba(255,255,255,.86);border-radius:19px;background:rgba(249,251,252,.86);box-shadow:0 10px 28px rgba(56,70,80,.06); }
.planning-status-detail[hidden] { display:none!important; }
.planning-status-detail>header { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px; }
.planning-status-detail h3 { margin:3px 0 0;font-size:16px; }
.planning-status-detail>header button { width:31px;height:31px;border:1px solid var(--nd-line);border-radius:10px;background:#fff;color:#65727a;font-size:19px;cursor:pointer; }
.planning-status-detail>div { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px; }
.planning-status-item { min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:10px 11px;border:1px solid #e0e6e9;border-radius:12px;background:#fff;color:#24323b;text-align:left;cursor:pointer; }
.planning-status-item>span { min-width:0;display:grid;gap:3px;font-size:10px; }.planning-status-item b { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px; }.planning-status-item small { color:var(--nd-muted);font-size:8px; }.planning-status-item em { padding:5px 7px;border-radius:999px;background:#edf1f3;color:#66737b;font-size:8px;font-style:normal;font-weight:800;white-space:nowrap; }.planning-status-item.scheduled em { background:#dfebf6;color:#286499; }.planning-status-item.completed { border-color:#d6eadf;background:#f4fbf7; }.planning-status-item.completed em { background:#dcefe6;color:#24734f; }
.planning-day-card { width:min(94vw,720px); }.planning-day-list { margin-bottom:12px; }.planning-day-timeline { position:relative;min-height:var(--timeline-height);margin:0 0 12px 1px;padding-left:60px;border:1px solid #dde5e9;border-radius:15px;background:#fff;overflow:hidden; }.planning-day-hour { position:absolute;left:0;right:0;top:calc(var(--hour-index) * 76px);height:76px;border-top:1px solid #e4e9ec;box-sizing:border-box;pointer-events:none; }.planning-day-hour:first-child { border-top:0; }.planning-day-hour::after { content:'';position:absolute;left:60px;right:0;top:37px;border-top:1px solid #f0f3f5; }.planning-day-hour time { position:absolute;top:-8px;left:0;width:47px;color:#758189;font:800 9px/1 var(--sans);text-align:right; }.planning-day-events { position:absolute;inset:0 0 0 60px; }.planning-day-event { position:absolute;top:var(--event-top);left:7px;right:8px;height:var(--event-height);display:grid;align-content:start;gap:3px;padding:9px 11px;border:0;border-left:4px solid rgba(255,255,255,.82);border-radius:8px;color:#fff;text-align:left;box-shadow:0 3px 8px rgba(39,86,122,.16);cursor:pointer;overflow:hidden; }.planning-day-event.planned { background:#3c82c3; }.planning-day-event.completed { background:#2d9a69; }.planning-day-event:hover { filter:brightness(.96); }.planning-day-event b { overflow:hidden;font-size:12px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap; }.planning-day-event span { overflow:hidden;color:rgba(255,255,255,.94);font-size:9px;font-weight:800;text-overflow:ellipsis;white-space:nowrap; }.planning-day-event small { overflow:hidden;color:rgba(255,255,255,.76);font-size:8px;text-overflow:ellipsis;white-space:nowrap; }.planning-day-unscheduled { display:grid;gap:6px;margin:0 0 12px;padding:10px;border:1px dashed #d5dde2;border-radius:12px;background:#fbfcfd; }.planning-day-unscheduled>span { color:#76828a;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em; }.planning-day-unscheduled button { display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border:1px solid #e3e8eb;border-radius:8px;background:#fff;color:#31414a;text-align:left;cursor:pointer; }.planning-day-unscheduled b { font-size:10px; }.planning-day-unscheduled small { color:#738089;font-size:8px; }.planning-day-add { width:100%;min-height:43px; }
.planning-workspace-controls { display:flex;justify-content:flex-end;gap:5px;margin:0 0 10px; }.planning-workspace-controls>button,.planning-view-switch button { min-height:32px;padding:0 10px;border:1px solid var(--nd-line);border-radius:9px;background:#fff;color:#52616b;font:750 10px var(--sans);cursor:pointer; }.planning-view-switch { display:flex;padding:2px;border:1px solid var(--nd-line);border-radius:10px;background:#f2f5f6; }.planning-view-switch button { min-height:27px;border:0;background:transparent; }.planning-view-switch button.active { background:#223e5c;color:#fff; }.planning-workspace-body { display:grid;grid-template-columns:180px minmax(0,1fr) 190px;gap:12px;align-items:start; }.planning-mini-panel,.planning-selection-panel { padding:12px;border:1px solid #e0e6e9;border-radius:14px;background:#fff; }.planning-mini-panel h4,.planning-selection-panel h4 { margin:3px 0 12px;font-size:12px; }.planning-mini-weekdays { display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px;color:var(--nd-muted);font-size:7px;font-weight:800;text-align:center; }.planning-mini-grid { display:grid;grid-template-columns:repeat(7,1fr);gap:2px; }.planning-mini-grid i { height:23px; }.planning-mini-grid button { position:relative;width:23px;height:23px;padding:0;border:0;border-radius:999px;background:transparent;color:#41505a;font:750 8px var(--sans);cursor:pointer; }.planning-mini-grid button.active { background:#223e5c;color:#fff; }.planning-mini-grid button.has-events::after { content:'';position:absolute;bottom:1px;left:50%;width:3px;height:3px;border-radius:99px;background:#3c82c3;transform:translateX(-50%); }.planning-mini-grid button.active::after { background:#fff; }.planning-mini-panel .planning-calendar-legend { display:grid;gap:7px;margin-top:15px;font-size:8px; }.planning-selection-panel { min-height:170px; }.planning-selection-panel p { color:var(--nd-muted);font-size:9px; }.planning-selection-panel>div { display:grid;gap:6px;margin-bottom:12px; }.planning-selection-panel>div button { display:grid;gap:3px;padding:8px;border:1px solid #e0e6e9;border-radius:9px;background:#f8fafb;color:#31414a;text-align:left;cursor:pointer; }.planning-selection-panel b { font-size:10px; }.planning-selection-panel small { color:#75828a;font-size:8px; }.planning-selection-panel .btn { width:100%;font-size:10px; }
.new-design-ui.nd-view-planning .planning-period-bar,.new-design-ui.nd-view-planning .planning-summary,.new-design-ui.nd-view-planning .planning-status-detail { display:none!important; }.planning-workspace-body { grid-template-areas:'mini main' 'selection main';grid-template-columns:210px minmax(0,1fr); }.planning-mini-panel { grid-area:mini; }.planning-main-calendar { grid-area:main;min-width:0; }.planning-selection-panel { grid-area:selection; }.planning-mini-head { display:grid;grid-template-columns:25px 1fr 25px;align-items:center;gap:3px;margin-bottom:9px; }.planning-mini-head h4 { margin:0;text-align:center;white-space:nowrap; }.planning-mini-head button { width:25px;height:25px;padding:0;border:1px solid #e0e6e9;border-radius:8px;background:#f8fafb;color:#52616b;font-size:16px;cursor:pointer; }

@media(max-width:700px) {
  .planning-status-detail { padding:11px;border-radius:16px; }
  .planning-status-detail>div { grid-template-columns:1fr; }
  .planning-status-item { grid-template-columns:minmax(0,1fr) auto; }
  .planning-status-item em { grid-column:1/-1;justify-self:start; }
  .planning-calendar-card { padding:9px; }
  .planning-calendar-grid { min-width:0;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px; }
  .planning-calendar-weekday { display:block;padding:0 0 4px;font-size:8px; }
  .planning-calendar-day.outside { display:block;min-height:66px;visibility:hidden; }
  .planning-calendar-day { min-width:0;min-height:72px;padding:5px 4px;overflow:hidden;border-radius:9px;cursor:pointer; }
  .planning-calendar-day.today .planning-calendar-date b { width:25px;height:25px;display:grid;place-items:center;border-radius:999px;background:#ef4a4f;color:#fff; }
  .planning-calendar-day-head { align-items:flex-start;margin-bottom:5px; }
  .planning-calendar-date { min-width:0;height:25px;font-size:11px; }
  .planning-calendar-date small { display:none; }
  .planning-calendar-add { width:19px;height:19px;border-radius:6px;opacity:1;font-size:14px; }
  .planning-calendar-events { display:flex;flex-wrap:wrap;gap:3px;padding-left:2px; }
  .planning-calendar-event { width:8px;height:8px;min-height:0;display:block;padding:0;border-radius:999px;pointer-events:none; }
  .planning-calendar-event>* { display:none!important; }
  .planning-day-card { width:100%; }.planning-day-timeline { padding-left:48px; }.planning-day-hour::after { left:48px; }.planning-day-hour time { width:38px;font-size:8px; }.planning-day-events { left:48px; }.planning-day-event { left:5px;right:5px;padding:8px 9px; }.planning-day-event b { font-size:11px; }
  .planning-workspace-body { grid-template-areas:'mini' 'selection' 'main';grid-template-columns:1fr; }.planning-mini-grid button { width:100%;height:31px; }.planning-workspace-controls { justify-content:flex-start;flex-wrap:wrap; }
}

.planning-mini-panel,.planning-selection-panel { min-width:0;box-sizing:border-box; }
.planning-mini-weekdays { width:100%;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;font-size:8px; }
.planning-mini-weekdays span { display:block;text-align:center; }
.planning-mini-grid { width:100%;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px; }
.planning-mini-grid i,.planning-mini-grid button { width:100%;height:27px;box-sizing:border-box; }
.planning-calendar-day.selected { border-color:#244768;box-shadow:inset 0 0 0 2px rgba(36,71,104,.12); }
.planning-day-board { position:relative;min-height:720px;display:grid;grid-template-columns:64px minmax(0,1fr);border:1px solid #dde5e9;border-radius:14px;background:#fff;overflow:hidden; }
.planning-day-board-hours { grid-column:1/-1;display:grid;grid-template-rows:repeat(25,52px); }.planning-day-board-hours>div { border-top:1px solid #e8edef; }.planning-day-board-hours time { display:block;width:52px;margin-top:-6px;color:#758189;font:800 9px var(--sans);text-align:right; }
.planning-day-board-events { position:absolute;left:66px;right:10px;top:0;bottom:0; }.planning-day-board-events>p { margin:18px 0;color:var(--nd-muted);font-size:11px; }.planning-day-positioned { position:absolute;left:8px;right:8px;width:auto;min-height:42px;grid-template-columns:85px minmax(0,1fr) auto;box-sizing:border-box;overflow:hidden; }
.planning-inline-event { width:100%;display:grid;grid-template-columns:85px minmax(0,1fr) auto;align-items:center;gap:7px;padding:9px 11px;border:0;border-radius:9px;color:#fff;text-align:left;cursor:pointer; }.planning-inline-event.planned { background:#3c82c3; }.planning-inline-event.completed { background:#2d9a69; }.planning-inline-event b { font-size:9px; }.planning-inline-event span { overflow:hidden;font-size:10px;font-weight:800;text-overflow:ellipsis;white-space:nowrap; }.planning-inline-event small { color:rgba(255,255,255,.78);font-size:8px; }
.planning-board-add { position:absolute;right:12px;bottom:12px;min-height:36px;padding:0 12px;border:0;border-radius:10px;background:#183251;color:#fff;font-weight:800;cursor:pointer; }
.planning-week-board { min-width:900px;display:grid;grid-template-columns:repeat(7,minmax(125px,1fr));gap:5px; }.planning-week-column { min-height:620px;padding:7px;border:1px solid #dfe6e9;border-radius:12px;background:#fff;box-sizing:border-box;cursor:pointer; }.planning-week-column.selected { border-color:#244768;background:#f6f9fb; }.planning-week-column>header { display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:5px;margin-bottom:9px;padding-bottom:7px;border-bottom:1px solid #e7ecef; }.planning-week-column>header span { color:var(--nd-muted);font-size:8px;font-weight:800;text-transform:uppercase; }.planning-week-column>header b { font-size:14px; }.planning-week-column>header button { width:24px;height:24px;border:1px solid #dce5e9;border-radius:7px;background:#f8fafb;color:#477797;cursor:pointer; }.planning-week-column>div { display:grid;gap:5px; }.planning-week-column>div>small { color:var(--nd-muted);font-size:8px; }.planning-week-column .planning-inline-event { grid-template-columns:1fr;gap:2px;padding:7px; }.planning-week-column .planning-inline-event small { display:block; }

.planning-workspace>.planning-workspace-controls { display:none; }
.planning-selection-panel>#planningWorkspaceAdd { margin-bottom:10px; }
#planningSelectionList { max-height:560px;overflow-y:auto;overscroll-behavior:contain;padding-right:2px;scrollbar-gutter:stable; }
.planning-pool-summary { display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px!important;margin:0 0 8px!important; }
.planning-pool-summary span { display:grid;gap:2px;padding:6px 3px;border-radius:8px;background:#f1f5f7;color:#70808a;font-size:7px;text-align:center; }
.planning-pool-summary b { color:#223e5c;font-size:12px; }
.planning-selection-panel>div .planning-pool-task { grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px; }
.planning-pool-task>span { min-width:0;display:grid;gap:3px; }
.planning-pool-task em { padding:4px 5px;border-radius:999px;background:#edf1f3;color:#66737b;font-size:7px;font-style:normal;font-weight:800;white-space:nowrap; }
.planning-pool-task.draggable { border-style:dashed;cursor:grab;touch-action:none; }
.planning-pool-task.draggable:active,.planning-pool-task.is-dragging { cursor:grabbing;opacity:.48; }
.planning-pool-task.scheduled { border-color:#cfe0ee;background:#f1f7fc; }.planning-pool-task.scheduled em { background:#dcebf7;color:#286499; }
.planning-pool-task.completed { border-color:#cfe8da;background:#f2faf6; }.planning-pool-task.completed em { background:#dcefe6;color:#24734f; }
.planning-calendar-day.drag-over { border-color:#3c82c3;background:#eaf4fc;box-shadow:inset 0 0 0 2px rgba(60,130,195,.22); }
.planning-sidebar-controls { display:grid;gap:7px;margin-top:13px;padding-top:12px;border-top:1px solid #e6ecef; }
.planning-sidebar-nav { display:grid;grid-template-columns:31px minmax(0,1fr) 31px;gap:5px; }
.planning-sidebar-nav button { min-height:31px;padding:0;border:1px solid #dce5e9;border-radius:9px;background:#f8fafb;color:#52616b;font:800 9px var(--sans);cursor:pointer; }
.planning-sidebar-controls .planning-view-switch { display:grid;grid-template-columns:repeat(3,1fr); }
.planning-sidebar-controls .planning-view-switch button { padding:0 4px; }
.planning-mini-grid button { position:relative;display:grid;place-items:center;justify-self:center;width:27px!important;height:27px!important;aspect-ratio:1;border-radius:50%!important;overflow:visible; }
.planning-mini-grid button>span { display:grid;place-items:center;width:27px;height:27px;border-radius:50%; }
.planning-mini-grid button.active { background:transparent;color:inherit; }
.planning-mini-grid button.active>span { background:#244768;color:#fff; }
.planning-mini-grid button.today>span { background:#ef4a4f;color:#fff; }
.planning-mini-grid button>em { position:absolute;left:50%;bottom:-3px;display:flex;gap:2px;transform:translateX(-50%); }
.planning-mini-grid button>em i { width:4px;height:4px;border-radius:50%; }
.planning-mini-grid button>em i.planned { background:#3c82c3; }.planning-mini-grid button>em i.completed { background:#2d9a69; }
.planning-mini-grid button.active>em i { box-shadow:0 0 0 1px #fff; }
.planning-mini-grid button.has-events::after,.planning-mini-grid button.active::after { content:none; }
.planning-calendar-day.today .planning-calendar-date b { width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#ef4a4f;color:#fff; }
.planning-calendar-scroll { max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-gutter:stable; }
.planning-day-board { height:clamp(480px,66dvh,720px);min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable; }
.planning-day-board-hours,.planning-day-board-events { min-height:1300px; }

@media(min-width:701px) and (max-width:1100px) {
  .planning-workspace-body { grid-template-columns:190px minmax(0,1fr);gap:9px; }
  .planning-week-board { min-width:770px; }
  .planning-selection-panel { max-height:360px;overflow:auto; }
}

@media(max-width:700px) {
  .planning-workspace-body { grid-template-areas:'mini' 'selection' 'main';grid-template-columns:minmax(0,1fr); }
  .planning-mini-panel,.planning-selection-panel,.planning-main-calendar { width:100%;min-width:0; }
  .planning-main-calendar .planning-calendar-scroll { width:100%;overflow-x:auto!important;overflow-y:visible;-webkit-overflow-scrolling:touch; }
  .planning-week-board { min-width:910px;width:max-content;grid-template-columns:repeat(7,minmax(125px,1fr));gap:6px; }
  .planning-week-column { min-height:520px;scroll-snap-align:start; }
  .planning-main-calendar .planning-calendar-scroll:has(.planning-week-board) { scroll-snap-type:x proximity; }
  .planning-week-column .planning-inline-event { grid-template-columns:1fr; }
  .planning-day-board { height:62dvh;min-height:420px; }
  .planning-day-positioned { grid-template-columns:66px minmax(0,1fr) auto;padding:7px; }
  .planning-mini-grid button { width:32px!important;height:32px!important; }
  .planning-mini-grid button>span { width:32px;height:32px; }
}

body.new-design-ui {
  min-width:320px;
  color:var(--nd-text);
  background:
    radial-gradient(circle at 38% 4%,rgba(255,255,255,.96) 0 8%,transparent 32%),
    linear-gradient(145deg,#eef2f4 0%,#e5eaed 52%,#d9e2e7 100%);
}

.new-design-ui .nd-rail {
  display:none;
  position:fixed;
  left:16px;
  top:16px;
  bottom:16px;
  z-index:900;
  width:82px;
  padding:16px 10px 13px;
  flex-direction:column;
  align-items:center;
  border:1px solid rgba(255,255,255,.86);
  border-radius:28px;
  background:rgba(248,250,251,.76);
  box-shadow:var(--nd-shadow);
  backdrop-filter:blur(24px);
}
.new-design-ui.nd-authenticated .nd-rail { display:flex; }
.nd-brand {
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:15px;
  overflow:hidden;
  background:transparent;
  cursor:pointer;
  filter:drop-shadow(0 7px 13px rgba(34,84,132,.14));
}
.nd-brand img { width:100%;height:100%;display:block;object-fit:contain; }
.nd-rail-nav,.nd-rail-bottom { display:grid;gap:9px; }
.nd-rail-nav { flex:1;align-content:start;margin-top:24px; }
.nd-rail-bottom { align-content:end;justify-items:center; }
.nd-rail-bottom>span { color:#7c878e;font-size:9px;font-weight:700; }
.nd-nav-button {
  position:relative;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:15px;
  background:transparent;
  color:#778289;
  cursor:pointer;
  transition:.2s ease;
}
.nd-nav-button:hover,.nd-nav-button.active {
  color:#111;
  background:#fff;
  box-shadow:0 9px 22px rgba(52,62,70,.1);
  transform:translateY(-1px);
}
.nd-nav-button svg {
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.new-design-ui.nd-authenticated>.topbar {
  width:auto;
  min-height:74px;
  margin:14px 16px 4px 112px;
  padding:8px 14px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:24px;
  background:rgba(247,249,250,.64);
  box-shadow:0 12px 34px rgba(64,76,84,.05);
  backdrop-filter:blur(22px);
}
.new-design-ui.nd-authenticated>.topbar .brand {
  padding:5px 7px!important;
  border-radius:13px;
  background:transparent!important;
}
.new-design-ui.nd-authenticated>.topbar #topbarLogo { height:31px!important; }
.new-design-ui.nd-authenticated>.topbar .topbar-module-btn,
.new-design-ui.nd-authenticated>.topbar .topbar-trash-btn,
.new-design-ui.nd-authenticated>.topbar .account-menu {
  min-height:45px;
  border:1px solid var(--nd-line);
  border-radius:16px;
  background:rgba(255,255,255,.6);
  box-shadow:none;
}
.new-design-ui.nd-authenticated>.topbar .account-avatar {
  border-radius:12px;
  background:linear-gradient(145deg,#346fae,#1e4f85);
}

.new-design-ui.nd-authenticated>.view {
  width:auto;
  max-width:none;
  margin:0 16px 0 112px;
  padding:12px 0 34px;
}
.new-design-ui.nd-authenticated>#view-pdf-preview { max-width:none; }
.new-design-ui.nd-authenticated .view.active:not(#view-home):not(#view-login):not(#view-session-check) {
  max-width:1480px;
}

/* Overview */
#view-home { max-width:none!important; }
.nd-home-controls {
  position:sticky;
  top:8px;
  z-index:25;
  display:grid;
  grid-template-columns:auto minmax(220px,.7fr) minmax(420px,1fr);
  align-items:center;
  gap:10px;
  min-height:62px;
  margin-bottom:13px;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.82);
  border-radius:23px;
  background:rgba(248,250,251,.82);
  box-shadow:0 12px 34px rgba(64,76,84,.06);
  backdrop-filter:blur(24px);
}
.nd-home-tabs { display:flex;align-items:center;gap:3px; }
.nd-home-tabs button {
  min-height:43px;
  min-width:104px;
  padding:0 18px;
  border:0;
  border-radius:16px;
  background:transparent;
  color:#687279;
  font-size:12px;
  cursor:pointer!important;
}
.nd-home-tabs button.active {
  background:#08090a;
  color:#fff;
  box-shadow:0 8px 18px rgba(0,0,0,.13);
}
.nd-home-search {
  min-width:0;
  height:43px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 13px;
  border:1px solid var(--nd-line);
  border-radius:15px;
  background:rgba(255,255,255,.56);
}
.nd-home-search svg {
  width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;
}
.nd-home-search input {
  width:100%;
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  color:var(--nd-text);
  font-size:11px;
}
#view-home .completed-filters {
  display:grid!important;
  grid-template-columns:1fr 1fr auto;
  gap:6px;
  margin:0;
}
#view-home .analytics-month-picker { min-width:0; }
#view-home .analytics-month-picker summary,
.nd-clear-filters {
  min-height:41px;
  display:flex;
  align-items:center;
  padding:0 12px;
  border:0;
  border-radius:14px;
  background:rgba(255,255,255,.5);
  color:#6e797f;
  font-size:10px;
}
.nd-clear-filters { justify-content:center;cursor:pointer!important; }

.nd-queue-panel {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  padding:20px;
  border:1px solid rgba(255,255,255,.84);
  border-radius:29px;
  background:var(--nd-surface);
  box-shadow:var(--nd-shadow);
  backdrop-filter:blur(18px);
}
.nd-queue-column { min-width:0;scroll-margin-top:90px; }
#view-home .ongoing-panel-header,
#view-home .pending-panel-header {
  min-height:61px;
  margin:0;
  padding:0 3px 12px;
  border-bottom:1px solid var(--nd-line);
}
#view-home .ongoing-panel-icon,
#view-home .pending-panel-icon,
#view-home .completed-panel-icon {
  width:39px;
  height:39px;
  flex:0 0 auto;
  border-radius:12px;
  box-shadow:0 7px 16px rgba(45,68,88,.14);
}
#view-home .ongoing-panel-icon { color:#1c2a32;background:linear-gradient(145deg,#ffdc51,#efb711); }
#view-home .pending-panel-icon { color:#fff;background:linear-gradient(145deg,#447fbd,#24578e); }
#view-home .completed-panel-icon { color:#fff;background:linear-gradient(145deg,#39ad7a,#20865b); }
#view-home .ongoing-panel-copy h2,
#view-home .pending-panel-copy h2,
#view-home .completed-panel-copy h2 { color:var(--nd-text);font-size:17px; }
#view-home .ongoing-panel-copy p,
#view-home .pending-panel-copy p,
#view-home .completed-panel-copy p { color:var(--nd-muted);font-size:9px; }
#view-home .ongoing-total,#view-home .pending-total,#view-home .completed-total {
  padding:7px 10px;
  border-radius:999px;
  font-size:9px;
  font-weight:700;
}
#view-home .ongoing-total { background:#fff1c4;color:#85640f; }
#view-home .pending-total { background:#e2edf8;color:#306a9f; }
#view-home #auditList,#view-home #pendingApprovalList {
  display:grid;
  gap:9px;
  padding-top:12px;
}
#view-home .audit-card {
  min-height:96px;
  margin:0;
  padding:13px;
  border:1px solid var(--nd-line);
  border-radius:19px;
  background:var(--nd-card);
  box-shadow:0 9px 23px rgba(63,75,83,.05);
}
#view-home .audit-card:hover { border-color:#9babb4;box-shadow:0 14px 29px rgba(63,75,83,.1); }
#view-home .audit-card .info b { color:var(--nd-text);font-size:14px; }
#view-home .audit-details { color:var(--nd-muted);font-size:9px; }
#view-home .audit-updated { color:#929ba0;font-size:8px; }
#view-home .score-chip { min-width:58px;border-radius:13px;font-size:12px; }
#view-home .audit-delete-btn { border-radius:10px; }

.nd-completed-panel {
  margin-top:13px;
  padding:20px;
  scroll-margin-top:90px;
  border:1px solid rgba(255,255,255,.84);
  border-radius:29px;
  background:var(--nd-surface);
  box-shadow:var(--nd-shadow);
  backdrop-filter:blur(18px);
}
.nd-returned-panel {
  margin-top:13px;
  padding:20px;
  scroll-margin-top:90px;
  border:1px solid rgba(255,255,255,.84);
  border-radius:29px;
  background:var(--nd-surface);
  box-shadow:var(--nd-shadow);
  backdrop-filter:blur(18px);
}
#view-home .returned-panel-header {
  min-height:64px;
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 12px;
  padding:0 3px 13px;
  border-bottom:1px solid var(--nd-line);
}
#view-home .returned-panel-icon {
  width:39px;
  height:39px;
  flex:0 0 39px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:linear-gradient(145deg,#e86554,#bb3f34);
  box-shadow:0 7px 16px rgba(187,63,52,.2);
}
#view-home .returned-panel-icon img {
  width:21px;
  height:21px;
  filter:brightness(0) invert(1);
}
#view-home .returned-panel-copy { min-width:0; }
#view-home .returned-panel-copy h2 { margin:0;color:var(--nd-text);font-size:17px; }
#view-home .returned-panel-copy p { margin:3px 0 0;color:var(--nd-muted);font-size:9px; }
#view-home .returned-total {
  margin-left:auto;
  padding:7px 10px;
  border-radius:999px;
  background:#fbe6e2;
  color:#a84337;
  font-size:9px;
  font-weight:700;
}
#view-home #returnedAuditList { display:grid;gap:9px;padding-top:0; }
#view-home #returnedAuditList .audit-card { border-left:4px solid #cf4f42; }
#view-home .audit-card.audit-returned { border-left-color:#cf4f42; }

@media(max-width:700px) {
  .nd-returned-panel { padding:11px;border-radius:22px; }
  #view-home .returned-panel-copy h2 { font-size:14px; }
  #view-home .returned-panel-copy p { max-width:180px; }
}
#view-home .completed-panel-header {
  min-height:64px;
  margin:0 0 12px;
  padding:0 3px 13px;
  border-bottom:1px solid var(--nd-line);
}
#view-home .completed-panel-copy>span {
  display:block;
  margin-bottom:2px;
  color:#7d888f;
  font-size:7px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
#view-home .completed-total { margin-left:auto;background:#edf1f3;color:#566168; }
#view-home #monthlyList { display:grid;gap:11px; }
#view-home .month-group { margin:0;padding:0;border:0;background:transparent; }
#view-home .month-group-title {
  min-height:37px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 5px;
  color:#556168;
  font-size:10px;
  font-weight:700;
}
#view-home .month-group-title .cnt { padding:5px 8px;border-radius:999px;background:#edf1f3;color:#778189;font-size:8px; }
#view-home .month-group .audit-card {
  min-height:78px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  margin:0 0 7px;
  border-left-width:4px;
  border-radius:17px;
}
#view-home .month-group .audit-card.audit-success { border-left-color:var(--nd-green); }
#view-home .month-group .audit-card.audit-failed { border-left-color:var(--nd-red); }
#view-home .completed-pagination { justify-content:center;margin:10px auto 0; }
.nd-hidden-counter { display:none!important; }

/* Remaining real system views: preserve DOM/logic, apply shared visual language */
.new-design-ui.nd-authenticated .module-header,
.new-design-ui.nd-authenticated .form-header,
.new-design-ui.nd-authenticated .report-header {
  border:1px solid rgba(255,255,255,.8);
  border-radius:24px;
  background:rgba(249,251,252,.72);
  box-shadow:var(--nd-shadow);
  backdrop-filter:blur(18px);
}
.new-design-ui.nd-authenticated .card,
.new-design-ui.nd-authenticated .section-block,
.new-design-ui.nd-authenticated .analytics-kpi,
.new-design-ui.nd-authenticated .analytics-panel,
.new-design-ui.nd-authenticated .approval-card,
.new-design-ui.nd-authenticated .report-section,
.new-design-ui.nd-authenticated .trash-panel {
  border-color:rgba(211,221,226,.9);
  border-radius:22px;
  background:rgba(250,251,252,.72);
  box-shadow:0 12px 34px rgba(56,70,80,.06);
  backdrop-filter:blur(16px);
}
.new-design-ui.nd-authenticated .btn,
.new-design-ui.nd-authenticated button {
  transition:transform .16s ease,box-shadow .2s ease,border-color .2s ease;
}
.new-design-ui.nd-authenticated .btn:hover { transform:translateY(-1px); }
.new-design-ui.nd-authenticated input,
.new-design-ui.nd-authenticated select,
.new-design-ui.nd-authenticated textarea {
  border-color:#d3dde2;
  border-radius:14px;
  background:rgba(255,255,255,.72);
}
.new-design-ui #view-login,
.new-design-ui #view-session-check {
  max-width:520px;
  padding-top:7vh;
}
.new-design-ui #view-login .hero,
.new-design-ui #view-session-check .hero {
  border-radius:25px;
  background:linear-gradient(145deg,#1c365f,#356faf);
}

/* Login */
.new-design-ui:not(.nd-authenticated)>.topbar { display:none!important; }
.new-design-ui #view-login,
.new-design-ui #view-session-check {
  width:min(94vw,520px);
  margin:0 auto;
}
.new-design-ui #view-login:before {
  content:"";
  display:block;
  width:76px;
  height:76px;
  margin:0 auto 18px;
  border-radius:24px;
  background:#fff url("../icons/Kalitesan-icon.svg") center/68% no-repeat;
  box-shadow:0 18px 45px rgba(36,71,104,.16);
}
.new-design-ui #view-login .hero,
.new-design-ui #view-session-check .hero {
  padding:28px 30px;
  text-align:center;
  box-shadow:0 24px 56px rgba(29,69,108,.2);
}
.new-design-ui #view-login .hero h1 { font-size:28px;letter-spacing:-.025em; }
.new-design-ui #view-login>form {
  padding:25px;
  border:1px solid rgba(255,255,255,.9);
  border-radius:25px;
  background:rgba(255,255,255,.78);
  box-shadow:var(--nd-shadow);
  backdrop-filter:blur(22px);
}
.new-design-ui #view-login input { min-height:54px;background:rgba(255,255,255,.86); }
.new-design-ui #view-login .btn.primary {
  min-height:53px;
  border-radius:16px;
  background:linear-gradient(135deg,#367ccc,#245990);
  box-shadow:0 14px 30px rgba(43,102,160,.24);
}

/* KPI analytics */
#view-analytics .module-header,
#view-trash .trash-header,
#view-pdf-preview .module-header,
#view-form .form-header,
#view-report .report-head { padding:18px 20px; }
#view-analytics .analytics-filters {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr)) auto;
  gap:10px;
  padding:12px;
  position:relative;
  z-index:120;
  overflow:visible!important;
}
#view-analytics .analytics-filters:has(.analytics-month-picker[open]) { z-index:500; }
#view-analytics .analytics-month-picker { z-index:1; }
#view-analytics .analytics-month-picker[open] { z-index:510; }
#view-analytics .analytics-month-picker summary,
#view-analytics .analytics-filters>.btn {
  min-height:47px;
  border:1px solid var(--nd-line);
  border-radius:15px;
  background:rgba(255,255,255,.68);
}
#view-analytics .analytics-month-options {
  z-index:520;
  border:1px solid var(--nd-line);
  border-radius:16px;
  background:rgba(255,255,255,.96);
  box-shadow:0 18px 45px rgba(49,65,77,.14);
  backdrop-filter:blur(18px);
}
#view-analytics .analytics-report-tools {
  border:1px solid rgba(255,255,255,.86);
  border-radius:23px;
  background:rgba(249,251,252,.62);
  box-shadow:0 12px 32px rgba(46,61,72,.07),inset 0 1px 0 rgba(255,255,255,.92);
  backdrop-filter:blur(22px) saturate(135%);
}
#view-analytics .analytics-report-icon { border-radius:15px;background:#2f67a8;color:#fff; }
#view-analytics .analytics-report-icon img { width:23px;height:23px;filter:brightness(0) invert(1); }
#view-analytics .analytics-report-actions button {
  min-width:84px;
  min-height:44px;
  padding:7px 11px!important;
  flex-direction:row;
  justify-content:center;
  gap:6px;
  border:0!important;
  border-radius:14px;
  background:rgba(229,237,242,.66)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 6px 16px rgba(48,72,89,.05);
  color:#243849!important;
  font-size:11px;
  backdrop-filter:blur(14px);
}
#view-analytics .analytics-report-actions button:hover { background:rgba(219,231,239,.9)!important; }
#view-analytics .analytics-report-actions button img { width:17px;height:17px; }
#view-analytics .analytics-grid {
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:11px;
}
#view-analytics .analytics-kpi {
  position:relative;
  min-height:132px;
  padding:20px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.86);
  background:rgba(249,251,252,.58);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 10px 26px rgba(47,65,78,.055);
  backdrop-filter:blur(18px) saturate(130%);
}
#view-analytics .analytics-kpi:after {
  display:none;
}
#view-analytics .analytics-kpi b { font-size:29px; }
#view-analytics .analytics-panels { gap:13px; }
#view-analytics .analytics-panel { padding:20px; }
#view-analytics .analytics-bar { border-radius:999px;background:#e7edf1; }
#view-analytics .analytics-bar i { border-radius:999px;background:linear-gradient(90deg,#387fc8,#55c6d7); }

/* KPI dashboard charts */
#view-analytics .analytics-report-tools {
  margin:-2px 0 12px;
  padding:13px 15px;
}
#view-analytics .analytics-grid { margin-bottom:13px; }
#view-analytics .analytics-kpi {
  min-height:102px;
  padding:15px 16px;
  align-items:center;
  justify-content:center;
  text-align:center;
}
#view-analytics .analytics-kpi span { margin-bottom:7px; }
#view-analytics .analytics-kpi b { font-size:27px;line-height:1; }
#view-analytics .analytics-kpi-icon {
  width:22px;
  height:22px;
  margin-bottom:8px;
  opacity:.82;
}
#view-analytics .analytics-panels {
  grid-template-columns:repeat(12,minmax(0,1fr));
  align-items:start;
}
#view-analytics .analytics-panel { min-width:0;overflow:hidden; }
#view-analytics .analytics-panel-trend { grid-column:1/-1; }
#view-analytics .analytics-panel-sections,
#view-analytics .analytics-panel-distribution {
  grid-column:span 6;
  align-self:stretch;
}
#view-analytics .analytics-panel-chart { grid-column:span 6;align-self:stretch; }
#view-analytics .analytics-panel-wide { grid-column:1/-1; }
@media(min-width:901px) {
  #view-analytics .analytics-panel-issue-trends {
    grid-column:span 6;
    align-self:stretch;
  }
}
@media(max-width:900px) {
  #view-analytics .analytics-panel-issue-trends,
  #view-analytics .analytics-panel-findings {
    grid-column:1/-1;
  }
}
#view-analytics .analytics-chart-heading,
#view-analytics .analytics-panel-title-row {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
#view-analytics .analytics-chart-heading h3,
#view-analytics .analytics-panel-title-row h3 {
  margin:2px 0 4px;
  font-size:18px;
  line-height:1.25;
}
#view-analytics .analytics-chart-heading p,
#view-analytics .analytics-panel-title-row p {
  margin:0;
  color:#73808b;
  font-size:12px;
  line-height:1.45;
}
#view-analytics .analytics-report-copy span { font-size:12px;line-height:1.45; }
#view-analytics .module-header p,
#view-analytics .analytics-month-options label { font-size:12px;line-height:1.45; }
#view-analytics .analytics-month-picker summary,
#view-analytics .analytics-filters>.btn,
#view-analytics .analytics-sort-select { font-size:12px; }
#view-analytics .analytics-kpi span,
#view-analytics .performance-level-card span,
#view-analytics .analytics-row>span,
#view-analytics .analytics-pareto-label,
#view-analytics .analytics-vbar-item>span { font-size:11px;line-height:1.4; }
#view-analytics .analytics-eyebrow {
  display:block;
  color:#65727d;
  font-size:9px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
#view-analytics .analytics-chart-legend {
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:7px 12px;
  max-width:48%;
}
#view-analytics .analytics-chart-legend span {
  display:flex;
  align-items:center;
  gap:6px;
  color:#64717d;
  font-size:11px;
  white-space:nowrap;
}
#view-analytics .analytics-chart-legend i {
  width:9px;
  height:9px;
  border-radius:50%;
}
#view-analytics .analytics-chart-legend .analytics-reference-key i {
  width:21px;
  height:0;
  border-radius:0;
  background:transparent!important;
}
#view-analytics .analytics-chart-legend .analytics-reference-key i.barrier { border-top:2px dashed #E1A72E; }
#view-analytics .analytics-chart-legend .analytics-reference-key i.average { border-top:2px dashed #8C98A2; }
#view-analytics .analytics-panel-branch-year { overflow:hidden; }
#view-analytics .analytics-branch-year-switch {
  flex:0 0 auto;
}
#view-analytics .analytics-heatmap-scroll {
  width:100%;
  overflow-x:auto;
  padding-bottom:5px;
  scrollbar-width:thin;
  scrollbar-color:#bdcbd5 transparent;
}
#view-analytics .analytics-heatmap-table {
  width:max-content;
  min-width:0;
  border-collapse:separate;
  border-spacing:5px 6px;
  color:#263a4b;
  font-size:10px;
}
#view-analytics .analytics-heatmap-table th {
  min-width:62px;
  padding:2px 5px;
  color:#687682;
  font-weight:750;
  text-align:center;
  white-space:nowrap;
}
#view-analytics .analytics-heatmap-table th:first-child {
  position:sticky;
  z-index:3;
  left:0;
  min-width:154px;
  width:154px;
  padding-left:2px;
  background:rgba(247,250,252,.96);
  box-shadow:8px 0 12px rgba(238,243,246,.82);
  text-align:left;
}
#view-analytics .analytics-heatmap-table tbody th:first-child {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:34px;
}
#view-analytics .analytics-heatmap-table tbody th span {
  overflow:hidden;
  color:#314556;
  text-overflow:ellipsis;
}
#view-analytics .analytics-heatmap-table tbody th small {
  color:#7a8893;
  font-size:9px;
}
#view-analytics .analytics-heatmap-table td { padding:0;text-align:center; }
#view-analytics .analytics-heatmap-cell {
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:62px;
  min-height:34px;
  padding:0 7px;
  border:1px solid rgba(255,255,255,.36);
  border-radius:9px;
  background:var(--heatmap-fill);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 4px 10px rgba(44,63,77,.05);
  font-weight:850;
}
#view-analytics .analytics-heatmap-cell.score-failed { color:#a64134; }
#view-analytics .analytics-heatmap-cell.score-developing { color:#89620a; }
#view-analytics .analytics-heatmap-cell.score-good { color:#2f7650; }
#view-analytics .analytics-heatmap-cell.score-excellent { color:#1d6c44; }
#view-analytics .analytics-heatmap-cell.no-data {
  border-color:rgba(211,220,226,.68);
  background:linear-gradient(135deg,rgba(238,243,246,.78),rgba(223,231,236,.58));
  color:#87939c;
}
#view-analytics .analytics-heatmap-average .analytics-heatmap-cell {
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 0 0 2px rgba(49,103,168,.1);
}
#view-analytics .analytics-heatmap-legend {
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:8px;
  color:#75828d;
  font-size:10px;
}
#view-analytics .analytics-heatmap-legend>i {
  width:190px;
  max-width:38vw;
  height:9px;
  border-radius:999px;
  background:linear-gradient(90deg,#ef9b89,#f4d66c,#a9dab5,#58b981);
}
#view-analytics .analytics-heatmap-missing {
  display:flex;
  align-items:center;
  gap:5px;
  margin-left:8px;
}
#view-analytics .analytics-heatmap-missing b {
  display:grid;
  width:19px;
  height:16px;
  place-items:center;
  border-radius:5px;
  background:rgba(225,232,237,.8);
}
#view-analytics .analytics-branch-trend-reference {
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px 13px;
  margin:-3px 0 10px;
  color:#6f7d88;
  font-size:9.5px;
}
#view-analytics .analytics-branch-trend-reference span { display:flex;align-items:center;gap:5px; }
#view-analytics .analytics-branch-trend-reference i { width:20px;height:0;background:transparent; }
#view-analytics .analytics-branch-trend-reference i.target { border-top:2px dashed #dda62d; }
#view-analytics .analytics-branch-trend-reference i.average { border-top:2px dashed #89969f; }
#view-analytics .analytics-branch-trend-grid {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:11px;
}
#view-analytics .analytics-branch-trend-card {
  min-width:0;
  padding:13px 13px 9px;
  border:1px solid rgba(255,255,255,.88);
  border-radius:17px;
  background:linear-gradient(145deg,rgba(250,252,253,.72),rgba(232,240,245,.58));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 9px 22px rgba(45,65,79,.055);
  backdrop-filter:blur(18px) saturate(130%);
}
#view-analytics .analytics-branch-trend-card header {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:7px;
  min-height:39px;
}
#view-analytics .analytics-branch-trend-card h4 {
  min-width:0;
  margin:1px 0 0;
  overflow:hidden;
  color:#263b4c;
  font-size:11px;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#view-analytics .analytics-branch-trend-card header>div {
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:4px 7px;
}
#view-analytics .analytics-branch-trend-card header span {
  display:flex;
  align-items:center;
  gap:3px;
  color:#6f7d88;
  font-size:8.5px;
  white-space:nowrap;
}
#view-analytics .analytics-branch-trend-card header span i {
  width:7px;
  height:7px;
  border-radius:50%;
}
#view-analytics .analytics-branch-trend-card .series-1 i { background:linear-gradient(135deg,#347FCB,#55C6D7); }
#view-analytics .analytics-branch-trend-card .series-2 i { background:linear-gradient(135deg,#EF775D,#E5A713); }
#view-analytics .analytics-branch-trend-card header b { color:#2c4355;font-size:9px; }
#view-analytics .analytics-branch-trend-card svg { display:block;width:100%;height:auto;overflow:visible; }
#view-analytics .analytics-branch-trend-card svg text { fill:#74828d;font:500 8px var(--sans); }
#view-analytics .analytics-branch-trend-card svg line.target { stroke:#dda62d;stroke-width:1.2;stroke-dasharray:4 4; }
#view-analytics .analytics-branch-trend-card svg line.average { stroke:#89969f;stroke-width:1.1;stroke-dasharray:3 4; }
#view-analytics .analytics-line-scroll,
#view-analytics .analytics-vbar-scroll {
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:thin;
  scrollbar-color:#bdcbd5 transparent;
}
#view-analytics .analytics-line-stage { position:relative;min-width:680px; }
#view-analytics #analyticsTrendChart { display:block;touch-action:pan-x; }
#view-analytics .analytics-chart-tooltip {
  position:absolute;
  z-index:4;
  display:none;
  width:174px;
  padding:10px 11px;
  border:1px solid rgba(255,255,255,.32);
  border-radius:12px;
  background:rgba(24,43,62,.94);
  box-shadow:0 12px 28px rgba(18,37,55,.2);
  color:#fff;
  pointer-events:none;
}
#view-analytics .analytics-chart-tooltip.show { display:block; }
#view-analytics .analytics-chart-tooltip b,
#view-analytics .analytics-chart-tooltip span,
#view-analytics .analytics-chart-tooltip strong,
#view-analytics .analytics-chart-tooltip small { display:block; }
#view-analytics .analytics-chart-tooltip b { margin-bottom:2px;font-size:12px; }
#view-analytics .analytics-chart-tooltip span,
#view-analytics .analytics-chart-tooltip small { color:#cbd7df;font-size:10px; }
#view-analytics .analytics-chart-tooltip strong { margin:6px 0 2px;font-size:14px; }
#view-analytics .analytics-vertical-chart { min-height:300px; }
#view-analytics .analytics-vbar-plot {
  position:relative;
  height:300px;
  min-width:100%;
}
#view-analytics .analytics-vbar-grid {
  position:absolute;
  inset:14px 14px 42px 42px;
  border-bottom:1px solid #cfd9df;
  background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#e3e9ed 25%);
}
#view-analytics .analytics-vbar-target {
  position:absolute;
  z-index:1;
  left:42px;
  right:14px;
  border-top:1px dashed #dda62d;
  pointer-events:none;
}
#view-analytics .analytics-vbar-target span {
  position:absolute;
  top:-9px;
  left:-38px;
  padding:1px 5px;
  border-radius:5px;
  background:#fff8e8;
  color:#9a6b0a;
  font-size:9px;
  font-weight:700;
}
#view-analytics .analytics-vbar-series {
  position:absolute;
  inset:14px 14px 0 42px;
  display:flex;
  align-items:stretch;
  gap:12px;
}
#view-analytics .analytics-vbar-item {
  display:grid;
  grid-template-rows:244px 42px;
  min-width:54px;
  flex:1 1 0;
  text-align:center;
}
#view-analytics .analytics-vbar-space {
  position:relative;
  min-width:0;
}
#view-analytics .analytics-vbar-space i {
  position:absolute;
  bottom:0;
  left:50%;
  width:min(46px,72%);
  height:var(--bar-height);
  min-height:2px;
  border-radius:9px 9px 3px 3px;
  transform:translateX(-50%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3);
}
#view-analytics .analytics-vbar-space b {
  position:absolute;
  z-index:2;
  bottom:calc(var(--bar-height) + 5px);
  left:0;
  right:0;
  color:#243849;
  font-size:11px;
  line-height:1;
}
#view-analytics .analytics-vbar-item>span {
  display:block;
  padding-top:9px;
  overflow:hidden;
  color:#5f6e79;
  font-size:10px;
  font-weight:700;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#view-analytics .analytics-panel-distribution .performance-level-grid {
  grid-template-columns:1fr 1fr;
  gap:9px;
}
#view-analytics .analytics-panel-distribution .performance-level-card {
  min-height:112px;
  padding:12px 8px;
  border:1px solid rgba(213,223,230,.82);
  background:rgba(255,255,255,.54);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 22px rgba(48,67,81,.045);
  backdrop-filter:blur(16px) saturate(130%);
}
#view-analytics .analytics-panel-distribution .performance-level-card b {
  margin:7px 0 0;
  font-size:24px;
}
#view-analytics .performance-level-summary {
  display:flex;
  height:24px;
  margin:0 0 14px;
  overflow:hidden;
  border-radius:999px;
  background:#e7edf2;
  box-shadow:inset 0 0 0 1px rgba(176,190,201,.35);
}
#view-analytics .performance-level-summary i {
  display:flex;
  min-width:0;
  height:100%;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  font-style:normal;
}
#view-analytics .performance-level-summary i b {
  color:#fff;
  font-size:10px;
  line-height:1;
  text-shadow:0 1px 2px rgba(22,39,51,.24);
  white-space:nowrap;
}
#view-analytics .performance-level-summary .level-developing b { color:#4d3a08;text-shadow:none; }
#view-analytics .performance-level-icon {
  width:22px;
  height:22px;
  margin-bottom:7px;
  opacity:.82;
}
#view-analytics .performance-level-summary .level-excellent { background:linear-gradient(90deg,#197a48,#35a66b); }
#view-analytics .performance-level-summary .level-good { background:linear-gradient(90deg,#4eaf70,#7bcc93); }
#view-analytics .performance-level-summary .level-developing { background:linear-gradient(90deg,#e5a713,#f3c84b); }
#view-analytics .performance-level-summary .level-failed { background:linear-gradient(90deg,#d84a3a,#ef775d); }
#view-analytics .analytics-pareto {
  display:grid;
  gap:9px;
  max-height:300px;
  overflow:auto;
  padding:2px 5px 2px 0;
  scrollbar-width:thin;
  scrollbar-color:#bdcbd5 transparent;
}
#view-analytics .analytics-pareto-row {
  display:grid;
  grid-template-columns:minmax(76px,132px) minmax(150px,1fr);
  align-items:center;
  gap:10px;
}
#view-analytics .analytics-pareto-label {
  overflow:hidden;
  color:#536472;
  font-size:10px;
  font-weight:700;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#view-analytics .analytics-pareto-track {
  position:relative;
  height:23px;
  border-radius:7px;
  background:#e7edf2;
}
#view-analytics .analytics-pareto-track i {
  display:block;
  height:100%;
  border-radius:7px;
  background:linear-gradient(90deg,#347fcb,#55a6d8);
}
#view-analytics .analytics-pareto-track i.has-critical { background:linear-gradient(90deg,#d85b4b,#e58360); }
#view-analytics .analytics-pareto-track b {
  position:absolute;
  top:50%;
  left:calc(var(--bar-width) + 7px);
  color:#243849;
  font-size:10px;
  white-space:nowrap;
  transform:translateY(-50%);
}
#view-analytics .analytics-issue-trend-single {
  min-width:0;
  padding:13px;
  border:1px solid #d9e2e9;
  border-radius:16px;
  background:rgba(255,255,255,.48);
}
#view-analytics .analytics-trend-switch {
  display:flex;
  gap:4px;
  padding:3px;
  border:1px solid #d6e0e7;
  border-radius:12px;
  background:#edf3f7;
}
#view-analytics .analytics-trend-switch button {
  min-width:70px;
  min-height:32px;
  padding:6px 12px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#61717e;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
}
#view-analytics .analytics-trend-switch button.active {
  background:#fff;
  box-shadow:0 3px 10px rgba(44,71,91,.1);
  color:#245b98;
}
#view-analytics .analytics-mini-trend { width:100%;overflow-x:auto; }
#view-analytics .analytics-mini-trend svg { display:block;min-width:420px;width:100%;height:230px; }
#view-analytics .analytics-mini-trend-legend {
  display:flex;
  gap:14px;
  margin-bottom:7px;
  color:#64717d;
  font-size:11px;
}
#view-analytics .analytics-mini-trend-legend span { display:flex;align-items:center;gap:6px; }
#view-analytics .analytics-mini-trend-legend i { width:18px;height:3px;border-radius:999px; }
#view-analytics #analyticsSections {
  display:grid;
  grid-template-columns:1fr;
}
#view-analytics #analyticsSections .analytics-row { min-width:0; }

/* Audit form */
#view-form { padding-bottom:110px; }
#view-form .form-header { position:relative;margin-bottom:14px; }
#view-form .form-info-step,
#view-form .form-question-step { margin-bottom:13px; }
#view-form .card { padding:22px; }
#view-form .grid2 { gap:13px; }
#view-form .field-label { color:#293842;font-weight:700; }
#view-form .section-title { padding-bottom:12px;border-bottom:1px solid var(--nd-line); }
#view-form .photo-add,
#view-form .photo-thumb {
  border-radius:17px;
  background:rgba(255,255,255,.68);
}
#view-form .report-score-card {
  border:1px solid rgba(255,255,255,.76);
  border-radius:27px;
  background:linear-gradient(145deg,#1b3761,#346cab);
  box-shadow:0 22px 46px rgba(28,62,97,.18);
}
#view-form .tabs { gap:8px; }
#view-form .tabs button { border-radius:15px; }
#view-form .section-block { padding:20px; }
#view-form .qcard { border-radius:19px;background:rgba(255,255,255,.74); }
#view-form .answer-btn { border-radius:14px; }
#view-form .form-preview-actions,
#view-form .sticky-actions {
  border:1px solid rgba(255,255,255,.86);
  background:rgba(247,249,250,.9);
  box-shadow:0 -12px 36px rgba(46,61,72,.08);
  backdrop-filter:blur(22px);
}

/* Detail, approval and edit */
#view-report.report-view { max-width:1280px!important; }
#view-report .report-head {
  border:1px solid rgba(255,255,255,.86);
  border-radius:24px;
  background:rgba(249,251,252,.72);
  box-shadow:var(--nd-shadow);
  backdrop-filter:blur(18px);
}
#view-report .report-score-card {
  border-radius:28px;
  background:linear-gradient(145deg,#19365f,#326aa8);
  box-shadow:0 22px 50px rgba(29,66,104,.18);
}
#view-report .report-summary-card,
#view-report .report-result-card,
#view-report .report-output-card,
#view-report .approval-card {
  border:1px solid rgba(213,222,227,.9);
  border-radius:23px;
  background:rgba(255,255,255,.72);
  box-shadow:0 12px 34px rgba(56,70,80,.06);
  backdrop-filter:blur(16px);
}
#view-report .report-actions { gap:10px; }
#view-report .report-actions .btn,
#view-report .report-edit-button { min-height:50px;border-radius:16px; }
#view-report .action-preview { background:rgba(255,255,255,.72); }
#view-report .action-share { background:linear-gradient(135deg,#397ac1,#265d96); }
#view-report .action-edit { background:linear-gradient(135deg,#f7c943,#eab019);color:#172332; }

/* Trash */
#view-trash .trash-header {
  border:1px solid rgba(255,255,255,.82);
  border-radius:24px;
  background:rgba(249,251,252,.74);
  box-shadow:var(--nd-shadow);
  backdrop-filter:blur(18px);
}
#view-trash .trash-header-icon { border-radius:14px;background:#17325b;color:#fff; }
#view-trash .trash-card {
  border:1px solid var(--nd-line);
  border-radius:20px;
  background:rgba(255,255,255,.72);
  box-shadow:0 10px 28px rgba(53,67,76,.06);
}
#view-trash .trash-action-btn { min-height:42px;border-radius:13px; }

/* PDF preview is only a viewer shell; generated PDF pages remain untouched */
#view-pdf-preview .pdf-preview-pages {
  padding:18px;
  border-radius:24px;
  background:rgba(220,228,233,.76);
}

@media(max-width:1180px) {
  .nd-home-controls { grid-template-columns:1fr 1fr; }
  .nd-home-tabs { grid-column:1/-1; }
  #view-home .completed-filters { grid-template-columns:1fr 1fr auto; }
  #view-analytics .analytics-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #view-analytics .analytics-panel-trend,
  #view-analytics .analytics-panel-sections,
  #view-analytics .analytics-panel-distribution { grid-column:1/-1; }
  #view-analytics .analytics-panel-distribution .performance-level-grid { grid-template-columns:repeat(4,1fr); }
  #view-analytics .analytics-branch-trend-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #view-analytics .analytics-branch-trend-card:last-child:nth-child(3n+1) { grid-column:2; }
}
@media(max-width:900px) {
  .new-design-ui.nd-authenticated>.topbar { margin-left:104px; }
  .new-design-ui.nd-authenticated>.view { margin-left:104px; }
  .nd-home-controls { position:relative;top:auto;grid-template-columns:1fr; }
  .nd-home-tabs { grid-column:auto;overflow:auto; }
  .nd-home-search { width:100%; }
  .nd-queue-panel { grid-template-columns:1fr; }
  .nd-queue-column+.nd-queue-column { padding-top:14px;border-top:1px solid var(--nd-line); }
  #view-analytics .analytics-filters { grid-template-columns:1fr 1fr; }
  #view-analytics .analytics-filters>.btn { grid-column:1/-1; }
  #view-analytics .analytics-report-actions {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    width:100%;
  }
  #view-analytics .analytics-branch-trend-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #view-analytics .analytics-branch-trend-card:last-child:nth-child(3n+1) { grid-column:auto; }
  #view-analytics .analytics-panel-chart { grid-column:1/-1; }
}
@media(max-width:700px) {
  body.new-design-ui { padding-bottom:82px; }
  .new-design-ui .nd-rail {
    left:10px;right:10px;top:auto;bottom:9px;width:auto;height:68px;
    flex-direction:row;justify-content:space-between;padding:8px 11px;border-radius:23px;
  }
  .nd-brand { width:44px;height:44px;border-radius:12px; }
  .nd-rail-nav { display:flex;flex:1;justify-content:center;margin:0; }
  .nd-rail-bottom { display:flex; }
  .nd-rail-bottom>span { display:none; }
  .nd-nav-button { width:43px;height:43px; }
  .new-design-ui.nd-authenticated>.topbar {
    min-height:62px;
    margin:7px 7px 2px;
    padding:6px 8px;
    border-radius:20px;
  }
  .new-design-ui.nd-authenticated>.topbar .topbar-module-btn,
  .new-design-ui.nd-authenticated>.topbar .topbar-trash-btn { display:none!important; }
  .new-design-ui.nd-authenticated>.topbar .account-copy { display:none; }
  .new-design-ui.nd-authenticated>.topbar .account-menu { min-height:42px; }
  .new-design-ui.nd-authenticated>.view { margin:0 7px;padding:8px 0 20px; }
  .nd-home-controls,.nd-queue-panel,.nd-completed-panel { padding:11px;border-radius:22px; }
  .nd-home-tabs button { min-width:108px;flex:1; }
  #view-home .completed-filters { grid-template-columns:1fr 1fr; }
  #view-home .nd-clear-filters { grid-column:1/-1; }
  #view-home .audit-card { min-height:108px; }
  #view-home .month-group .audit-card { min-height:102px; }
  #view-analytics .analytics-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #view-analytics .analytics-report-tools { align-items:stretch; }
  #view-analytics .analytics-report-actions { display:grid;grid-template-columns:repeat(3,1fr); }
  #view-analytics .analytics-panel { padding:15px; }
  #view-analytics .analytics-chart-heading,
  #view-analytics .analytics-panel-title-row { flex-direction:column; }
  #view-analytics .analytics-heatmap-table th:first-child { min-width:126px;width:126px; }
  #view-analytics .analytics-heatmap-cell { min-width:56px;min-height:32px;padding:0 5px; }
  #view-analytics .analytics-branch-trend-grid { gap:8px; }
  #view-analytics .analytics-branch-trend-card { padding:10px 9px 7px;border-radius:15px; }
  #view-analytics .analytics-branch-trend-card header { display:block;min-height:57px; }
  #view-analytics .analytics-branch-trend-card header>div { justify-content:flex-start;margin-top:6px; }
  #view-analytics .analytics-chart-legend { justify-content:flex-start;max-width:100%; }
  #view-analytics .analytics-panel-distribution .performance-level-grid { grid-template-columns:1fr 1fr; }
  #view-analytics #analyticsSections { grid-template-columns:1fr; }
  #view-analytics .analytics-pareto-row { grid-template-columns:82px minmax(150px,1fr); }
  #view-form .card,#view-form .section-block { padding:15px; }
  #view-report .report-actions { grid-template-columns:1fr; }
}

/* Revize 10: kaydedilmemis degisiklikler penceresi ve duzenleme aksiyonlari */
.nd-unsaved-modal {
  background:rgba(15,31,55,.42);
  -webkit-backdrop-filter:blur(9px) saturate(125%);
  backdrop-filter:blur(9px) saturate(125%);
  padding:18px;
}

.nd-unsaved-dialog {
  position:relative;
  width:min(520px,calc(100vw - 36px));
  max-width:520px;
  padding:28px;
  overflow:visible;
  border:1px solid rgba(255,255,255,.86);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(239,247,251,.78));
  box-shadow:0 26px 70px rgba(15,35,60,.28),inset 0 1px 0 rgba(255,255,255,.9);
  -webkit-backdrop-filter:blur(30px) saturate(155%);
  backdrop-filter:blur(30px) saturate(155%);
}

.nd-unsaved-close {
  position:absolute;
  z-index:2;
  top:13px;
  right:13px;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  padding:0 0 2px;
  border:1px solid rgba(133,151,166,.3);
  border-radius:50%;
  background:rgba(255,255,255,.65);
  color:#18304f;
  font:400 27px/1 Arial,sans-serif;
  cursor:pointer;
  transition:transform .18s ease,background .18s ease;
}

.nd-unsaved-close:hover {
  transform:scale(1.05);
  background:rgba(255,255,255,.95);
}

.nd-unsaved-head {
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:15px;
  padding-right:34px;
}

.nd-unsaved-icon {
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#e8a014;
  box-shadow:0 9px 22px rgba(232,160,20,.28);
}

.nd-unsaved-icon img {
  width:27px;
  height:27px;
  display:block;
  filter:brightness(0) invert(1);
}

.nd-unsaved-head h3 {
  margin:0;
  color:#172f50;
  font:800 22px/1.2 var(--sans);
  letter-spacing:-.02em;
}

.nd-unsaved-head p {
  margin:7px 0 0;
  color:#6d7888;
  font:500 14px/1.5 var(--sans);
}

.nd-unsaved-actions {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;
  margin-top:24px;
}

.nd-unsaved-actions .btn {
  min-height:52px;
  margin:0;
  border-radius:15px;
  font:800 15px/1 var(--sans);
  box-shadow:none;
}

.nd-unsaved-discard {
  border:1px solid rgba(191,65,49,.24)!important;
  background:rgba(191,65,49,.09)!important;
  color:#b64132!important;
}

.nd-unsaved-save {
  border:1px solid #2ca16a!important;
  background:#2ca16a!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(44,161,106,.2)!important;
}

body.nd-view-form .nd-audit-dock button:disabled {
  opacity:.28;
  filter:grayscale(.35);
  pointer-events:none;
  cursor:not-allowed;
}

#view-report .report-approval-state {
  grid-template-columns:auto minmax(0,1fr);
}

#view-report .report-approval-title-row {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}

#view-report .report-approval-title-row h3 {
  margin:0!important;
}

#view-report .report-approval-title-row .approval-status {
  margin:0;
}

#view-report .report-action-dock > .report-edit-button {
  display:grid;
  grid-template-rows:1fr auto;
  align-items:end;
  justify-items:center;
  gap:1px;
  color:#536171;
  font:700 8px/1.15 var(--sans);
}

#view-report .report-action-dock > .report-edit-button img {
  align-self:center;
}

#view-report .report-action-dock > .report-home-button {
  cursor:pointer;
}

#view-report .report-action-dock > .report-home-button img {
  width:30px;
  height:30px;
  object-fit:contain;
}

#view-report .report-action-dock > .report-home-button span {
  display:none;
}

@media(max-width:700px) {
  .nd-unsaved-dialog {
    width:min(100%,440px);
    padding:24px 20px 20px;
    border-radius:24px;
  }

  .nd-unsaved-head {
    gap:12px;
    padding-right:28px;
  }

  .nd-unsaved-icon {
    width:46px;
    height:46px;
  }

  .nd-unsaved-icon img {
    width:24px;
    height:24px;
  }

  .nd-unsaved-head h3 {
    font-size:18px;
  }

  .nd-unsaved-head p {
    font-size:13px;
  }

  .nd-unsaved-actions .btn {
    min-height:49px;
    font-size:14px;
  }

  #view-report .report-action-dock > .report-edit-button {
    font-size:7px;
  }

  #view-report .report-action-dock > .report-home-button img {
    width:26px;
    height:26px;
  }
}

/* Bildirim arşivi ve son mobil hesap yerleşimi. */
.notification-popover-actions {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
}
.notification-popover-head .notification-archive-button {
  display:inline-flex;
  align-items:center;
  gap:5px;
}
.notification-popover-head .notification-archive-button img {
  width:15px;
  height:15px;
  opacity:.78;
}
.notification-popover-head .notification-archive-button span {
  display:inline!important;
  margin:0!important;
  color:inherit!important;
  font-size:inherit!important;
}
.notification-popover-head .notification-archive-button.active {
  background:#315e9d;
  color:#fff;
}
#view-analytics .performance-level-note {
  margin:-4px 0 14px;
  color:#687985;
  font-size:10px;
  line-height:1.4;
}

@media(max-width:700px) {
  #mobileAccountPopover {
    position:absolute!important;
    top:calc(100% + 12px)!important;
    right:-47px!important;
    left:auto!important;
    width:min(360px,calc(100vw - 24px))!important;
    min-width:min(360px,calc(100vw - 24px))!important;
    max-width:calc(100vw - 24px)!important;
    grid-template-columns:minmax(0,1.5fr) minmax(92px,.7fr)!important;
    align-items:stretch!important;
    box-sizing:border-box!important;
  }
  #mobileAccountPopover > div {
    width:auto!important;
    min-width:0!important;
  }
  #mobileAccountPopover b,
  #mobileAccountPopover span {
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }
  .notification-popover-head {
    align-items:flex-start;
    gap:8px;
  }
  .notification-popover-actions {
    flex-wrap:wrap;
    max-width:170px;
  }
}

/* Revize: mobil hesap menusu, rol bazli bildirim merkezi ve sade acilis */
#view-session-check.active {
  min-height:calc(100dvh - 40px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
}
.nd-session-loader {
  width:min(320px,82vw);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:18px;
  text-align:center;
}
.nd-session-loader img { width:min(240px,72vw);height:auto;display:block;object-fit:contain; }
.nd-session-loader p { margin:0;color:#7b8790;font-size:12px;letter-spacing:.02em; }
.nd-session-progress {
  width:180px;
  height:3px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(123,143,158,.18);
}
.nd-session-progress i {
  display:block;
  width:42%;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#2f6eaa,#6aa7d5);
  animation:nd-session-progress 1.25s ease-in-out infinite;
}
@keyframes nd-session-progress {
  from { transform:translateX(-110%); }
  to { transform:translateX(350%); }
}
.account-mobile-icon { display:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.mobile-account-popover { display:none; }
.new-design-ui.nd-authenticated>.topbar { position:relative; }
.notification-popover {
  position:absolute;
  z-index:1250;
  top:calc(100% + 9px);
  right:12px;
  width:min(370px,calc(100vw - 24px));
  display:none;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.9);
  border-radius:20px;
  background:rgba(249,251,252,.94);
  box-shadow:0 24px 64px rgba(30,51,67,.2),inset 0 1px 0 #fff;
  backdrop-filter:blur(24px) saturate(140%);
}
.notification-popover.open { display:block; }
.notification-popover-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 15px;
  border-bottom:1px solid rgba(210,220,226,.72);
}
.notification-popover-head b,
.notification-popover-head span { display:block; }
.notification-popover-head b { color:#1c3347;font-size:14px; }
.notification-popover-head span { margin-top:2px;color:#7a8790;font-size:10px; }
.notification-popover-head button {
  padding:6px 8px;
  border:0;
  border-radius:9px;
  background:rgba(225,234,240,.74);
  color:#506473;
  font-size:9px;
  font-weight:700;
  cursor:pointer;
}
.notification-popover-list { max-height:min(430px,62vh);overflow:auto;padding:7px;scrollbar-width:thin; }
.notification-popover-item {
  width:100%;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:start;
  gap:10px;
  padding:11px;
  border:0;
  border-radius:14px;
  background:transparent;
  color:#273b4a;
  text-align:left;
  cursor:pointer;
}
.notification-popover-item:hover { background:rgba(229,237,242,.72); }
.notification-popover-item.unread { background:rgba(227,239,249,.76); }
.notification-popover-item img { width:20px;height:20px;margin:3px auto 0;opacity:.82; }
.notification-popover-item span,
.notification-popover-item b,
.notification-popover-item small,
.notification-popover-item em { display:block;min-width:0; }
.notification-popover-item b { color:#21394d;font-size:11px; }
.notification-popover-item small { margin-top:3px;color:#65747f;font-size:10px;line-height:1.35; }
.notification-popover-item em { margin-top:5px;color:#919ba2;font-size:8.5px;font-style:normal; }
.notification-popover-empty { padding:28px 16px;color:#7d8991;font-size:11px;text-align:center; }
.nd-notification-button #notificationBadge {
  right:-2px;
  top:-4px;
  width:auto;
  min-width:18px;
  height:18px;
  padding:0 4px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:2px solid #fff;
  border-radius:999px;
  background:#e35c50;
  color:#fff;
  font-size:8px;
  font-weight:800;
  line-height:1;
}
.nd-notification-button #notificationBadge[hidden] { display:none!important; }

@media(max-width:700px) {
  .new-design-ui.nd-authenticated>.topbar .account-menu {
    position:relative!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    min-height:42px!important;
    flex:0 0 42px!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    padding:4px!important;
    border-radius:14px!important;
  }
  .new-design-ui.nd-authenticated>.topbar .account-menu .account-copy,
  .new-design-ui.nd-authenticated>.topbar .account-menu .account-exit { display:none!important; }
  .new-design-ui.nd-authenticated>.topbar .account-avatar {
    width:32px;
    height:32px;
    border-radius:10px;
    color:#fff;
  }
  .new-design-ui.nd-authenticated>.topbar .account-version { display:none; }
  .new-design-ui.nd-authenticated>.topbar .account-mobile-icon { display:block; }
  .new-design-ui.nd-authenticated>.topbar .account-menu.mobile-open .mobile-account-popover {
    position:absolute;
    z-index:1260;
    top:calc(100% + 10px);
    right:0;
    width:min(280px,calc(100vw - 20px));
    display:grid;
    gap:10px;
    padding:14px;
    border:1px solid rgba(255,255,255,.9);
    border-radius:18px;
    background:rgba(249,251,252,.96);
    box-shadow:0 22px 58px rgba(30,51,67,.2),inset 0 1px 0 #fff;
    color:#243949;
    cursor:default;
    backdrop-filter:blur(24px) saturate(140%);
  }
  .mobile-account-popover small,
  .mobile-account-popover b,
  .mobile-account-popover span { display:block; }
  .mobile-account-popover small { color:#89949b;font-size:9px;text-transform:uppercase;letter-spacing:.08em; }
  .mobile-account-popover b,
  .mobile-account-popover span { margin-top:2px;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap; }
  .mobile-account-popover button {
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    margin-top:2px;
    border:0;
    border-radius:12px;
    background:rgba(226,234,239,.86);
    color:#263d4e;
    font-size:11px;
    font-weight:750;
  }
  .mobile-account-popover button svg { width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round; }
  .notification-popover { top:calc(100% + 7px);right:7px;width:calc(100vw - 14px);border-radius:18px; }
  .notification-popover-list { max-height:58vh; }
  .new-design-ui.nd-authenticated>.topbar .nd-notification-button #notificationBadge {
    right:-3px;
    top:-5px;
    width:auto;
    min-width:17px;
    height:17px;
    padding:0 4px;
  }
}

@media(prefers-reduced-motion:reduce) {
  .nd-session-progress i { animation-duration:2.5s; }
}

/* Ana sayfa bölüm kısayolları ve duyarlı arama alanı */
.new-design-ui .nd-home-section-button { display:none; }
body.nd-view-home .nd-home-section-button { display:flex; }
.new-design-ui .nd-home-section-button { align-items:center;justify-content:center; }
.new-design-ui .nd-home-section-button img {
  width:20px;
  height:20px;
  display:block;
  opacity:.78;
}
.new-design-ui .nd-home-section-button.active img { opacity:1; }
body.nd-view-home .nd-home-controls { grid-template-columns:1fr; }

@media(max-width:1180px) and (min-width:701px) {
  body.nd-view-home.new-design-ui.nd-authenticated>.topbar {
    display:grid;
    grid-template-columns:minmax(190px,1fr) auto auto;
    gap:8px 10px;
  }
  body.nd-view-home.new-design-ui.nd-authenticated>.topbar .topbar-actions { display:contents; }
  body.nd-view-home.new-design-ui.nd-authenticated>.topbar .nd-topbar-brand {
    min-width:0;
    grid-column:1;
  }
  body.nd-view-home.new-design-ui.nd-authenticated>.topbar .nd-notification-button { grid-column:2; }
  body.nd-view-home.new-design-ui.nd-authenticated>.topbar .account-menu { grid-column:3; }
  body.nd-view-home.new-design-ui.nd-authenticated>.topbar .nd-topbar-search {
    width:100%;
    max-width:none;
    grid-column:1/-1;
    grid-row:2;
  }
}

@media(max-width:700px) {
  body.nd-view-home.new-design-ui.nd-authenticated {
    padding-bottom:calc(124px + env(safe-area-inset-bottom,0px))!important;
  }
  body.nd-view-home.new-design-ui.nd-authenticated>.topbar {
    display:grid;
    grid-template-columns:minmax(120px,1fr) auto minmax(118px,43vw);
    gap:7px;
  }
  body.nd-view-home.new-design-ui.nd-authenticated>.topbar .topbar-actions { display:contents; }
  body.nd-view-home.new-design-ui.nd-authenticated>.topbar .nd-topbar-brand { grid-column:1; }
  body.nd-view-home.new-design-ui.nd-authenticated>.topbar .nd-notification-button { grid-column:2; }
  body.nd-view-home.new-design-ui.nd-authenticated>.topbar .account-menu {
    width:100%;
    max-width:none;
    grid-column:3;
  }
  body.nd-view-home.new-design-ui.nd-authenticated>.topbar .nd-topbar-search {
    width:100%;
    min-height:44px;
    display:flex!important;
    grid-column:1/-1;
    grid-row:2;
  }
  body.nd-view-home .nd-home-section-button {
    position:relative;
    width:38px;
    height:38px;
    flex:0 0 38px;
    border-radius:13px;
  }
  body.nd-view-home .nd-home-section-button.active {
    color:#173b62;
    background:#fff;
    box-shadow:0 7px 17px rgba(42,74,101,.1);
  }
  body.nd-view-home .nd-home-section-button img { width:18px;height:18px; }
  body.nd-view-home.new-design-ui.nd-authenticated>.view {
    padding-bottom:calc(118px + env(safe-area-inset-bottom,0px));
  }
}

@media(max-width:360px) {
  .nd-unsaved-dialog {
    padding-inline:16px;
  }

  .nd-unsaved-actions {
    gap:8px;
  }
}
@media(max-width:430px) {
  .nd-home-tabs button { min-width:98px;padding:0 10px; }
  #view-home .ongoing-panel-copy h2,
  #view-home .pending-panel-copy h2,
  #view-home .completed-panel-copy h2 { font-size:14px; }
  #view-home .ongoing-panel-copy p,
  #view-home .pending-panel-copy p,
  #view-home .completed-panel-copy p { max-width:180px; }
  #view-home .ongoing-total,#view-home .pending-total,#view-home .completed-total { padding:6px 8px; }
  #view-analytics .analytics-filters { grid-template-columns:1fr; }
  #view-analytics .analytics-filters>.btn { grid-column:auto; }
  #view-analytics .analytics-grid { grid-template-columns:1fr 1fr; }
  #view-analytics .analytics-kpi { min-height:115px;padding:15px; }
  #view-analytics .analytics-kpi b { font-size:24px; }
}

/* Rapor yazma ekranı revize 01 */
body.nd-view-form { padding-bottom:96px!important; }
body.nd-view-form #view-form { max-width:1480px!important;padding-bottom:105px; }
#view-form .form-header { padding:18px 20px; }
#view-form .form-header h2 { font-size:clamp(22px,2.4vw,32px); }

.nd-audit-steps {
  position:sticky;top:8px;z-index:32;
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;
  margin:0 0 14px;padding:7px;
  border:1px solid rgba(255,255,255,.84);border-radius:21px;
  background:rgba(247,249,250,.88);box-shadow:0 12px 32px rgba(55,68,77,.08);backdrop-filter:blur(22px);
}
.nd-audit-steps button {
  min-width:0;min-height:46px;display:flex;align-items:center;justify-content:center;gap:8px;
  padding:7px 9px;border:0;border-radius:14px;background:transparent;color:#68747c;
  font-size:11px;font-weight:700;cursor:pointer;
}
.nd-audit-steps button span { color:#98a3aa;font-size:8px; }
.nd-audit-steps button small { display:none; }
.nd-audit-steps button:hover,.nd-audit-steps button.active { background:#111;color:#fff;box-shadow:0 8px 18px rgba(0,0,0,.12); }
.nd-audit-steps button.active span { color:#d7dcdf; }
.nd-audit-steps button.locked { color:#9ba5ab; }
.nd-audit-steps button.locked::after { content:none;display:none; }

#view-form .form-info-step,#view-form .form-question-step { display:block!important; }
#view-form.form-step-questions .form-info-step { display:block!important; }
#view-form .tabs.form-question-step { display:grid!important; }
.nd-form-panel { overflow:hidden;scroll-margin-top:82px; }
.nd-form-panel>.nd-form-accordion-title {
  position:relative;min-height:38px;margin:0 0 18px;padding:4px 45px 12px 2px!important;
  cursor:pointer;user-select:none;
}
.nd-form-panel>.nd-form-accordion-title i {
  position:absolute;right:13px;top:8px;width:10px;height:10px;
  border-right:2px solid #77848c;border-bottom:2px solid #77848c;transform:rotate(45deg);transition:.2s;
}
.nd-form-panel.section-collapsed>.nd-form-accordion-title { margin-bottom:0!important;padding-bottom:4px!important;border-bottom-color:transparent!important; }
.nd-form-panel.section-collapsed>.nd-form-accordion-title i { transform:rotate(-45deg); }
#view-form .nd-form-panel.section-collapsed>:not(.nd-form-accordion-title) { display:none!important; }
.nd-form-panel>.nd-form-accordion-title:hover { color:#2d70ad!important; }

.nd-question-area {
  position:relative;margin-bottom:14px;padding:20px;
  border:1px solid rgba(255,255,255,.84);border-radius:25px;
  background:rgba(248,250,251,.72);box-shadow:var(--nd-shadow);backdrop-filter:blur(18px);
  scroll-margin-top:82px;
}
.nd-question-area-title { display:flex;align-items:center;gap:10px;color:#17304c!important;font-size:18px!important; }
.nd-question-area-title span { margin-left:auto;padding:7px 10px;border-radius:999px;background:#edf1f3;color:#727e86;font-size:9px;font-weight:700; }
.nd-question-area.is-locked:not(.section-collapsed)>:not(.nd-form-accordion-title) { filter:blur(4px);opacity:.38;pointer-events:none;user-select:none; }
.nd-question-area.is-locked:not(.section-collapsed)::after {
  content:"Denetim bilgileri tamamlandığında bölüm soruları açılacak";
  position:absolute;left:50%;top:52%;z-index:4;width:min(390px,78%);transform:translate(-50%,-50%);
  padding:18px 20px;border:1px solid #d5dfe4;border-radius:17px;background:rgba(255,255,255,.95);
  color:#4d5b63;font-size:11px;font-weight:700;text-align:center;box-shadow:0 16px 34px rgba(52,65,74,.16);
}

#view-form #sectionTabs { grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 12px; }
#view-form #sectionTabs .tab { min-width:0; }
#view-form .nd-question-accordion { display:block!important;margin-bottom:9px;padding:0!important;overflow:hidden; }
#view-form .nd-question-accordion-head {
  width:100%;min-height:64px;display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:10px;
  padding:11px 15px;border:0;background:transparent;color:#1c2a35;text-align:left;cursor:pointer;
}
.nd-question-accordion-head>span { display:grid;gap:3px; }
.nd-question-accordion-head b { font-size:13px; }
.nd-question-accordion-head small { color:#818c93;font-size:9px; }
.nd-question-accordion-head>strong { padding:6px 9px;border-radius:999px;background:#edf1f3;color:#667279;font-size:9px; }
.nd-question-accordion-head i { width:9px;height:9px;border-right:2px solid #7b878e;border-bottom:2px solid #7b878e;transform:rotate(45deg);transition:.2s; }
.nd-question-accordion.open .nd-question-accordion-head i { transform:rotate(225deg); }
#view-form .nd-question-accordion-body,#view-form .nd-question-accordion>.section-desc { display:none; }
#view-form .nd-question-accordion.open .nd-question-accordion-body { display:block; }
#view-form .nd-question-accordion.open>.section-desc { display:block;padding:0 15px 13px; }
#view-form .nd-question-accordion-body { padding:13px; }
#view-form .nd-question-accordion.complete {
  border:1px solid #2f8b5d;background:rgba(228,241,232,.78);
}
#view-form .nd-question-accordion.complete .nd-question-accordion-head { color:#246b49; }
#view-form .nd-question-accordion.complete .nd-question-accordion-head>strong {
  background:#dcefe3;color:#26764f;
}
#view-form #sectionTabs .tab.complete {
  border-color:#d9e2e6;background:rgba(255,255,255,.68);color:#1c2a35;
}
#view-form #sectionTabs .tab.complete .n { color:#667279; }

#view-form .qcard { border:1px solid #d9e2e6;box-shadow:0 8px 20px rgba(60,73,82,.04); }
#view-form .answer-row { grid-template-columns:repeat(3,minmax(0,1fr)); }
#view-form .section-block[id="block-D"] .answer-row { grid-template-columns:repeat(2,minmax(0,260px)); }
#view-form .nd-obs-toggle {
  width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:10px 12px;
  border:1px dashed #9dabb3;border-radius:12px;background:#edf4fb;color:#2a669e;text-align:left;cursor:pointer;
}
#view-form .nd-obs-toggle span { font-size:18px;line-height:1; }
#view-form .obs-box { display:none!important; }
#view-form .obs-box.open { display:block!important; }
#view-form .obs-box.open { padding-top:9px; }
#view-form .obs-item { padding:9px;border:1px solid #d7e1e6;border-radius:13px;background:rgba(255,255,255,.82); }
#view-form .obs-item textarea { pointer-events:auto!important;touch-action:manipulation;background:#fff; }
#view-form .nd-general-note-field { margin-top:16px;padding-top:16px;border-top:1px solid #dce4e8; }
#view-form .obs-add-btn.hidden { display:none!important; }

body.nd-view-form .nd-audit-dock {
  left:50%;right:auto;bottom:12px;width:auto;max-width:none;margin:0;padding:7px;
  display:grid!important;grid-template-columns:repeat(3,58px);justify-content:center;gap:8px;
  border:1px solid rgba(255,255,255,.88);border-radius:21px;background:rgba(247,249,250,.92);
  box-shadow:0 15px 38px rgba(43,56,66,.17);backdrop-filter:blur(22px);transform:translateX(-50%);
}
body.nd-view-form .nd-audit-dock .footer-main-actions { display:contents; }
body.nd-view-form .nd-audit-dock #formPreviewActions { display:none!important; }
body.nd-view-form .nd-audit-dock #formPreviewActions.is-visible { display:contents!important; }
body.nd-view-form .nd-audit-dock button {
  position:relative;width:56px;min-width:56px;height:56px;min-height:56px;display:grid;place-items:center;
  flex:none;padding:0;border:1px solid #d3dde2;border-radius:16px;background:rgba(255,255,255,.82);color:#182d44;cursor:pointer;
}
body.nd-view-form .nd-audit-dock button span { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0); }
body.nd-view-form .nd-audit-dock .btn-icon { width:21px;height:21px;margin:0;stroke-linecap:round;stroke-linejoin:round; }
body.nd-view-form .nd-audit-dock #formPreviewActions button:first-child { order:1;background:rgba(255,255,255,.86);color:#182d44; }
body.nd-view-form .nd-audit-dock #formPreviewActions button:last-child { order:2;background:rgba(255,255,255,.86);color:#182d44; }
.nd-audit-dock-brand { order:2;background:#fff!important;box-shadow:0 7px 18px rgba(47,72,91,.13); }
.nd-audit-dock-brand img { width:29px;height:29px;object-fit:contain; }
body.nd-view-form .nd-audit-dock #draftSaveBtn { order:1;background:rgba(255,255,255,.86);color:#182d44; }
body.nd-view-form .nd-audit-dock #finishBtn { order:3;background:rgba(255,255,255,.86);color:#2465a4; }
body.nd-view-form .nd-audit-dock #finishBtn.action-complete { background:rgba(255,255,255,.9);border-color:#80bea1;color:#238258; }
body.nd-view-form .nd-audit-dock #finishBtn.action-danger { background:rgba(255,255,255,.9);border-color:#dfa59d;color:#b84032; }
body.nd-view-form .nd-audit-dock button:hover { border-color:#8fa4b1;background:#fff; }
body.nd-view-form .nd-audit-dock button:focus-visible { outline:3px solid rgba(44,112,173,.22);outline-offset:2px; }
body.nd-view-form .nd-audit-dock #formPreviewActions.is-visible~.nd-audit-dock-brand { order:3; }
body.nd-view-form .nd-audit-dock:has(#formPreviewActions.is-visible) { grid-template-columns:repeat(5,58px); }
body.nd-view-form .nd-audit-dock:has(#formPreviewActions.is-visible) #draftSaveBtn { order:4; }
body.nd-view-form .nd-audit-dock:has(#formPreviewActions.is-visible) #finishBtn { order:5; }

@media(max-width:700px) {
  body.nd-view-form { padding-bottom:88px!important; }
  body.nd-view-form .nd-rail { display:none!important; }
  body.nd-view-form #view-form { margin:0 7px!important;padding-bottom:92px; }
  .nd-audit-steps { grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:5px;overflow:visible; }
  .nd-audit-steps button { min-height:49px;flex-direction:column;gap:2px;padding:4px 2px;font-size:7px;line-height:1.05; }
  .nd-audit-steps button b { display:none; }
  .nd-audit-steps button small { display:block;font-size:7px; }
  .nd-audit-steps button span { font-size:7px; }
  #view-form .card { padding:15px; }
  #view-form #sectionTabs { grid-template-columns:1fr 1fr; }
  #view-form .tab { font-size:10px;padding:10px 11px; }
  #view-form .nd-question-accordion-head { grid-template-columns:minmax(0,1fr) auto 14px;padding:10px 11px; }
  #view-form .nd-question-accordion-head b { font-size:11px; }
  #view-form .nd-question-accordion-body { padding:10px 8px 8px; }
  #view-form .answer-row,#view-form .section-block[id="block-D"] .answer-row { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #view-form .section-block[id="block-D"] .answer-row { grid-template-columns:1fr 1fr; }
  body.nd-view-form .nd-audit-dock { left:10px;right:10px;bottom:9px;width:auto;transform:none;border-radius:23px; }
}

@media(max-width:430px) {
  .nd-question-area { padding:12px; }
  .nd-question-area-title { font-size:15px!important; }
  .nd-question-area-title span { font-size:7px; }
  body.nd-view-form .nd-audit-dock { grid-template-columns:repeat(3,52px); }
  body.nd-view-form .nd-audit-dock:has(#formPreviewActions.is-visible) { grid-template-columns:repeat(5,50px); }
  body.nd-view-form .nd-audit-dock button { width:50px;min-width:50px;height:50px;min-height:50px; }
}

/* Revision 01: header, shared filters, card grids and mobile navigation */
.new-design-ui .nd-nav-button[hidden] { display:none!important; }
.new-design-ui .nd-brand {
  width:42px;
  height:42px;
  padding:5px;
  border-radius:13px;
}
.new-design-ui .nd-brand img { width:82%;height:82%;margin:auto; }
.new-design-ui.nd-authenticated>.topbar {
  min-height:86px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:10px 16px;
}
.new-design-ui.nd-authenticated>.topbar .nd-topbar-brand {
  min-width:280px;
  display:flex;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:3px!important;
  padding:4px 8px!important;
  background:transparent!important;
  cursor:pointer;
}
.new-design-ui.nd-authenticated>.topbar .nd-topbar-brand #topbarLogo {
  width:auto!important;
  height:31px!important;
  max-width:220px;
}
.new-design-ui.nd-authenticated>.topbar .nd-topbar-brand>span {
  color:#68747c;
  font-size:10px;
  font-weight:650;
  letter-spacing:.015em;
}
.new-design-ui.nd-authenticated>.topbar .topbar-actions {
  flex:1;
  justify-content:flex-end;
  gap:9px;
}
.new-design-ui.nd-authenticated>.topbar .topbar-module-btn,
.new-design-ui.nd-authenticated>.topbar .topbar-trash-btn { display:none!important; }
.nd-topbar-search {
  width:min(100%,390px);
  min-height:48px;
  display:none;
  align-items:center;
  gap:10px;
  padding:0 16px;
  border:1px solid var(--nd-line);
  border-radius:17px;
  background:rgba(255,255,255,.68);
}
.nd-view-home .nd-topbar-search { display:flex; }
.nd-topbar-search svg,
.nd-notification-button svg {
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.nd-topbar-search input {
  width:100%;
  min-width:0;
  padding:0!important;
  border:0!important;
  outline:0;
  background:transparent!important;
  box-shadow:none!important;
  font-size:12px;
}
.nd-notification-button {
  position:relative;
  width:48px;
  height:48px;
  flex:0 0 48px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid var(--nd-line);
  border-radius:50%;
  background:rgba(255,255,255,.68);
  color:#162733;
}
.nd-notification-button>span {
  position:absolute;
  right:8px;
  top:7px;
  width:8px;
  height:8px;
  border:2px solid #fff;
  border-radius:50%;
  background:#ff665e;
}
.new-design-ui.nd-authenticated>.topbar .account-menu {
  min-width:235px;
  grid-template-columns:1fr 24px;
  gap:10px;
  padding:8px 11px 8px 15px;
}
.new-design-ui.nd-authenticated>.topbar .account-avatar { display:none; }
.new-design-ui.nd-authenticated>.topbar .account-copy {
  min-width:0;
  display:grid!important;
  gap:2px;
}
.new-design-ui.nd-authenticated>.topbar .account-copy>div {
  min-width:0;
  display:flex;
  align-items:center;
  gap:4px;
  color:#6c7880;
  font-size:10px;
  line-height:1.25;
}
.new-design-ui.nd-authenticated>.topbar .account-copy small { color:#8b959b;font:inherit; }
.new-design-ui.nd-authenticated>.topbar .account-copy span {
  min-width:0;
  overflow:hidden;
  color:#50606b;
  font-size:10px;
  font-weight:600;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.new-design-ui.nd-authenticated>.topbar .account-exit { width:21px;height:21px; }

.nd-home-controls { grid-template-columns:auto minmax(560px,1fr); }
#view-home .completed-filters { grid-template-columns:repeat(3,minmax(120px,1fr)) auto; }
#view-home .nd-queue-panel #auditList .audit-card { border-left:4px solid var(--nd-yellow); }
#view-home .nd-queue-panel #pendingApprovalList .audit-card { border-left:4px solid #3d82c5; }
#view-home .month-group {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
#view-home .month-group-title { grid-column:1/-1; }
#view-home .month-group .audit-card { margin:0; }

@media(max-width:1180px) {
  .new-design-ui.nd-authenticated>.topbar .nd-topbar-brand { min-width:235px; }
  .nd-home-controls { grid-template-columns:1fr; }
  .nd-home-tabs { grid-column:auto; }
  #view-home .completed-filters { grid-template-columns:repeat(3,minmax(0,1fr)) auto; }
}

@media(max-width:900px) {
  #view-home .month-group { grid-template-columns:1fr; }
  #view-home .month-group-title { grid-column:auto; }
  #view-home .completed-filters { grid-template-columns:1fr 1fr; }
  #view-home .nd-clear-filters { grid-column:1/-1; }
}

@media(max-width:700px) {
  body.new-design-ui.nd-authenticated {
    padding-bottom:calc(124px + env(safe-area-inset-bottom,0px))!important;
  }
  .new-design-ui .nd-rail {
    bottom:max(10px,env(safe-area-inset-bottom,0px));
    height:72px;
    display:flex;
    justify-content:space-around;
    gap:3px;
    padding:8px 12px;
  }
  .new-design-ui .nd-rail-nav,
  .new-design-ui .nd-rail-bottom { display:contents; }
  .new-design-ui .nd-rail-nav .nd-nav-button[data-nd-view="home"] { display:none!important; }
  .new-design-ui .nd-rail-nav .nd-nav-button[data-nd-view="analytics"] { order:1; }
  .new-design-ui .nd-rail-nav .nd-nav-button[data-nd-view="form"] { order:2; }
  .new-design-ui .nd-brand { order:3;width:50px;height:50px;padding:5px;border-radius:15px; }
  .new-design-ui .nd-brand img { width:88%;height:88%; }
  .new-design-ui .nd-rail-nav .nd-nav-button[data-nd-view="trash"] { order:4; }
  .new-design-ui .nd-rail-bottom .nd-nav-button { order:5; }
  .new-design-ui .nd-rail-bottom>span { display:none!important; }
  .new-design-ui .nd-nav-button { width:48px;height:48px;flex:0 0 48px; }
  .new-design-ui.nd-authenticated>.topbar {
    min-height:78px;
    gap:8px;
    margin:7px;
    padding:8px 10px;
  }
  .new-design-ui.nd-authenticated>.topbar .nd-topbar-brand {
    min-width:0;
    flex:1;
    padding:2px!important;
  }
  .new-design-ui.nd-authenticated>.topbar .nd-topbar-brand #topbarLogo {
    width:auto!important;
    height:27px!important;
    max-width:155px;
  }
  .new-design-ui.nd-authenticated>.topbar .nd-topbar-brand>span { font-size:8px; }
  .new-design-ui.nd-authenticated>.topbar .topbar-actions { flex:0 1 auto;gap:4px; }
  .new-design-ui.nd-authenticated>.topbar .nd-topbar-search,
  .new-design-ui.nd-authenticated>.topbar .nd-notification-button { display:none!important; }
  .new-design-ui.nd-authenticated>.topbar .account-menu {
    min-width:0;
    width:min(56vw,235px);
    min-height:52px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 22px;
    padding:6px 8px 6px 10px;
  }
  .new-design-ui.nd-authenticated>.topbar .account-copy { display:grid!important; }
  .new-design-ui.nd-authenticated>.topbar .account-copy>div,
  .new-design-ui.nd-authenticated>.topbar .account-copy span { font-size:8px; }
  .new-design-ui.nd-authenticated>.view {
    padding-bottom:calc(118px + env(safe-area-inset-bottom,0px));
  }
  #view-home .nd-completed-panel { margin-bottom:22px; }
  #view-home .completed-pagination {
    max-width:100%;
    flex-wrap:nowrap;
    justify-content:flex-start;
    overflow-x:auto;
    padding:8px 2px 12px;
    scroll-padding-inline:8px;
    scrollbar-width:none;
  }
  #view-home .completed-pagination::-webkit-scrollbar { display:none; }
}

@media(max-width:430px) {
  #view-home .completed-filters { grid-template-columns:1fr; }
  #view-home .nd-clear-filters { grid-column:auto; }
  .new-design-ui.nd-authenticated>.topbar .account-menu { width:min(58vw,220px); }
  .new-design-ui.nd-authenticated>.topbar .nd-topbar-brand #topbarLogo { max-width:135px; }
  .new-design-ui .nd-rail { left:7px;right:7px;padding-inline:8px; }
  .new-design-ui .nd-nav-button { width:45px;height:45px;flex-basis:45px; }
  .new-design-ui .nd-brand { width:48px;height:48px; }
}

@media print {
  .nd-rail { display:none!important; }
  .new-design-ui.nd-authenticated>.view { margin:0!important; }
}

/* Revision 02: authentication shell and compact mobile header */
.new-design-ui:not(.nd-authenticated) .nd-rail { display:none!important; }
.new-design-ui #view-login:before { display:none!important;content:none!important; }
.new-design-ui #view-login .nd-login-logo {
  width:min(78vw,290px);
  height:auto;
  display:block;
  margin:0 auto 22px;
  object-fit:contain;
  filter:drop-shadow(0 12px 24px rgba(35,75,112,.12));
}
.new-design-ui.nd-authenticated>.topbar .nd-topbar-brand { min-width:240px; }

@media(max-width:700px) {
  .new-design-ui.nd-authenticated>.topbar .nd-notification-button {
    width:40px;
    height:40px;
    flex:0 0 40px;
    display:grid!important;
  }
  .new-design-ui.nd-authenticated>.topbar .nd-notification-button svg { width:17px;height:17px; }
  .new-design-ui.nd-authenticated>.topbar .nd-notification-button>span {
    right:6px;
    top:5px;
    width:7px;
    height:7px;
  }
  .new-design-ui.nd-authenticated>.topbar .nd-topbar-search { display:none!important; }
  .new-design-ui.nd-authenticated>.topbar .nd-topbar-brand {
    min-width:0;
    flex:1 1 auto;
  }
  .new-design-ui.nd-authenticated>.topbar .account-menu {
    width:min(43vw,168px);
    flex:0 0 min(43vw,168px);
    grid-template-columns:minmax(0,1fr) 18px;
    gap:4px;
    padding:5px 6px 5px 8px;
  }
  .new-design-ui.nd-authenticated>.topbar .account-exit { width:17px;height:17px; }
  .new-design-ui.nd-authenticated>.topbar .account-copy>div,
  .new-design-ui.nd-authenticated>.topbar .account-copy span { font-size:7px; }
  .new-design-ui #view-login .nd-login-logo {
    width:min(70vw,245px);
    margin-bottom:18px;
  }
}

/* Rapor yazma arayüzü — revize 04 */
#view-form #sectionBlocks {
  display:grid!important;
  gap:9px!important;
}
#view-form .nd-question-accordion {
  margin:0!important;
}

body.nd-view-form .nd-audit-dock #formPreviewActions .form-preview-button,
body.nd-view-form .nd-audit-dock #formPreviewActions button:first-child,
body.nd-view-form .nd-audit-dock #formPreviewActions button:last-child {
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.nd-view-form .nd-audit-dock .nd-audit-dock-brand {
  grid-template-rows:1fr;
  gap:0;
}

#view-form .ans-btn.ans-btn-icon {
  display:grid;
  place-items:center;
}
#view-form .ans-btn.ans-btn-icon img {
  width:25px;
  height:25px;
  display:block;
  object-fit:contain;
}
#view-form .ans-btn.ans-btn-icon.sel img {
  filter:brightness(0) invert(1);
}
#view-form .sr-only {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

#view-form .nd-obs-toggle {
  justify-content:flex-start;
  gap:8px;
  border-color:#b7c0c5;
  background:#f2f4f5;
  color:#59666d;
}
#view-form .nd-obs-toggle:hover {
  border-color:#9da9af;
  background:#eaedef;
}
#view-form .nd-obs-toggle .nd-obs-toggle-mark {
  flex:0 0 auto;
  color:#59666d;
  font-size:18px;
  line-height:1;
}
#view-form .nd-obs-toggle .nd-obs-toggle-text {
  color:inherit;
  font-size:12px;
  font-weight:700;
  line-height:1.2;
}

/* Rapor yazma alt menüsü — revize 03 */
body.nd-view-form .nd-audit-dock {
  grid-template-columns:repeat(3,64px);
  gap:6px;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.86);
  background:rgba(248,250,251,.76);
  box-shadow:0 18px 48px rgba(56,70,80,.12);
  -webkit-backdrop-filter:blur(24px) saturate(145%);
  backdrop-filter:blur(24px) saturate(145%);
}
body.nd-view-form .nd-audit-dock:has(#formPreviewActions.is-visible) {
  grid-template-columns:repeat(5,64px);
}
body.nd-view-form .nd-audit-dock button,
body.nd-view-form .nd-audit-dock #draftSaveBtn,
body.nd-view-form .nd-audit-dock #finishBtn,
body.nd-view-form .nd-audit-dock #finishBtn.action-complete,
body.nd-view-form .nd-audit-dock #finishBtn.action-danger,
body.nd-view-form .nd-audit-dock #formPreviewActions button:first-child,
body.nd-view-form .nd-audit-dock #formPreviewActions button:last-child,
body.nd-view-form .nd-audit-dock .nd-audit-dock-brand {
  width:64px;
  min-width:64px;
  height:59px;
  min-height:59px;
  display:grid;
  grid-template-rows:27px 12px;
  place-items:center;
  align-content:center;
  gap:3px;
  padding:5px 2px;
  border:0;
  border-radius:14px;
  background:transparent!important;
  color:#17232d;
  box-shadow:none;
}
body.nd-view-form .nd-audit-dock button:hover {
  border:0;
  background:rgba(255,255,255,.58)!important;
  box-shadow:none;
}
body.nd-view-form .nd-audit-dock button span {
  position:static;
  width:auto;
  max-width:62px;
  height:auto;
  overflow:hidden;
  clip:auto;
  color:#5f6b72;
  font-size:7px;
  font-weight:700;
  line-height:1.1;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.nd-view-form .nd-audit-dock .btn-icon {
  width:22px;
  height:22px;
  margin:0;
  object-fit:contain;
}
body.nd-view-form .nd-audit-dock .nd-audit-dock-brand img {
  width:27px;
  height:27px;
  object-fit:contain;
}
body.nd-view-form .nd-audit-dock #finishBtn.action-complete,
body.nd-view-form .nd-audit-dock #finishBtn.action-danger { color:#17232d; }

@media(max-width:700px) {
  body.nd-view-form { padding-bottom:102px!important; }
  body.nd-view-form #view-form { padding-bottom:108px; }
  body.nd-view-form .nd-audit-dock {
    left:10px;
    right:10px;
    bottom:max(9px,env(safe-area-inset-bottom,0px));
    width:auto;
    grid-template-columns:repeat(3,minmax(0,1fr));
    transform:none;
  }
  body.nd-view-form .nd-audit-dock:has(#formPreviewActions.is-visible) {
    grid-template-columns:repeat(5,minmax(0,1fr));
  }
  body.nd-view-form .nd-audit-dock button,
  body.nd-view-form .nd-audit-dock #draftSaveBtn,
  body.nd-view-form .nd-audit-dock #finishBtn,
  body.nd-view-form .nd-audit-dock .nd-audit-dock-brand {
    width:100%;
    min-width:0;
  }
}

@media(max-width:430px) {
  .new-design-ui.nd-authenticated>.topbar .nd-topbar-brand #topbarLogo {
    width:auto!important;
    height:23px!important;
    max-width:108px;
  }
  .new-design-ui.nd-authenticated>.topbar .account-menu {
    width:min(42vw,160px);
    flex-basis:min(42vw,160px);
  }
  .new-design-ui.nd-authenticated>.topbar .nd-notification-button {
    width:37px;
    height:37px;
    flex-basis:37px;
  }
}

/* Revize 04 son katman: alt menüde logo etiketsiz ve ön izlemeler çerçevesiz */
body.nd-view-form .nd-audit-dock .nd-audit-dock-brand {
  grid-template-rows:1fr;
  gap:0;
}
body.nd-view-form .nd-audit-dock #formPreviewActions .form-preview-button {
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Rapor yazma arayüzü — revize 05 */
#view-form {
  font-size:13px;
}
#view-form .nd-form-panel>.nd-form-accordion-title,
#view-form .nd-question-area-title {
  min-height:34px;
  margin-bottom:14px;
  padding-top:3px!important;
  padding-bottom:10px!important;
  font-size:15px!important;
  font-weight:750;
  line-height:1.25;
}
#view-form .field-label {
  font-size:12px;
  line-height:1.3;
}
#view-form .section-desc {
  font-size:10.5px;
  line-height:1.45;
}
#view-form input,
#view-form select,
#view-form textarea {
  font-size:13px;
}
#view-form .qcard .qid {
  font-size:10.5px;
}
#view-form .qcard .qtext {
  font-size:13px;
  line-height:1.4;
}
#view-form .qcard .qtext-question { font-weight:700; }
#view-form .qcard .qnote { margin:7px 0 2px; }
#view-form .qcard .qnote-toggle { display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:#59717f;font:inherit;font-size:10.5px;cursor:pointer; }
#view-form .qcard .qnote-toggle span { display:inline-grid;place-items:center;width:15px;height:15px;border:1px solid #8ba0aa;border-radius:50%;font-size:10px;font-weight:700;line-height:1; }
#view-form .qcard .qnote-content { display:none;margin-top:6px;padding:7px 9px;border-left:3px solid #b8c7d0;background:#f4f7f8;color:#53616a;font-size:11px;line-height:1.4; }
#view-form .qcard .qnote-content.open { display:block; }
#view-form .ans-btn {
  font-size:12px;
}

#view-form #sectionBlocks {
  display:grid!important;
  gap:9px!important;
}
#view-form .nd-question-accordion {
  margin:0!important;
}
#view-form .nd-question-accordion.open .nd-question-accordion-body {
  margin:0!important;
  padding:7px 10px 10px!important;
  border:0!important;
  border-top:1px solid rgba(126,143,153,.18)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#view-form .nd-question-accordion.open .qcard:first-child {
  margin-top:0!important;
}

/* Rapor yazma ve detay ekranı — revize 07 */
#view-form #formQuestionArea.section-collapsed #sectionBlocks {
  display:none!important;
}

body.new-design-ui.nd-authenticated.nd-view-report .nd-rail,
body.new-design-ui.nd-authenticated.nd-view-pdf-preview .nd-rail {
  display:none!important;
}

#view-home .completed-pagination {
  width:fit-content;
  max-width:100%;
  justify-content:center!important;
  margin-inline:auto!important;
}

@media(min-width:701px) {
  body.new-design-ui.nd-authenticated.nd-view-report>.topbar,
  body.new-design-ui.nd-authenticated.nd-view-pdf-preview>.topbar,
  body.new-design-ui.nd-authenticated.nd-view-report>.view.active,
  body.new-design-ui.nd-authenticated.nd-view-pdf-preview>.view.active {
    margin-left:16px!important;
  }
}

/* Tüm alt barlarda işlem adları görünür ve tek renk kullanır. */
body.nd-view-form .nd-audit-dock button,
body.nd-view-form .nd-audit-dock #finishBtn,
body.nd-view-form .nd-audit-dock #finishBtn.action-complete,
body.nd-view-form .nd-audit-dock #finishBtn.action-danger,
body.nd-view-form .nd-audit-dock #returnedResubmitBtn,
#view-report .report-action-dock .report-dock-button,
#view-report .report-action-dock .report-return-button,
#view-report .report-action-dock .report-approve-button,
#view-report .report-action-dock > .report-edit-button {
  color:#536171!important;
}
body.nd-view-form .nd-audit-dock button span {
  position:static!important;
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  overflow:visible!important;
  clip:auto!important;
  color:#536171!important;
  font-size:7px!important;
  font-weight:700!important;
  line-height:1.08!important;
  text-align:center!important;
  white-space:normal!important;
}
#view-report .report-action-dock .report-dock-button span,
#view-report .report-action-dock .report-dock-group-label {
  color:#536171!important;
}
#view-report .report-dock-group .report-dock-button {
  gap:2px;
}
#view-report .report-dock-group .report-dock-button span {
  font-size:6px;
  line-height:1;
}

/* Sol menü etiketleri web/tablette gizli, mobil ana sayfa alt barında görünürdür. */
.nd-rail .nd-brand span,
.nd-rail .nd-nav-button span {
  display:none;
}
@media(max-width:700px) {
  body.new-design-ui.nd-authenticated.nd-view-analytics .nd-rail,
  body.new-design-ui.nd-authenticated.nd-view-trash .nd-rail {
    display:none!important;
  }
  body.new-design-ui.nd-authenticated.nd-view-analytics,
  body.new-design-ui.nd-authenticated.nd-view-trash {
    padding-bottom:20px!important;
  }
  body.nd-view-home .nd-rail .nd-brand,
  body.nd-view-home .nd-rail .nd-nav-button {
    grid-template-rows:22px 9px;
    align-content:center;
    gap:2px;
  }
  body.nd-view-home .nd-rail .nd-brand span,
  body.nd-view-home .nd-rail .nd-nav-button span {
    display:block;
    max-width:100%;
    overflow:hidden;
    color:#536171;
    font:700 5.5px/1 var(--sans);
    text-align:center;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  body.nd-view-home .nd-rail .nd-brand img,
  body.nd-view-home .nd-rail .nd-nav-button img,
  body.nd-view-home .nd-rail .nd-nav-button svg {
    max-width:20px;
    max-height:20px;
  }
}

@media(max-width:700px) {
  body.new-design-ui.nd-authenticated.nd-view-report,
  body.new-design-ui.nd-authenticated.nd-view-pdf-preview {
    padding-bottom:20px!important;
  }
  body.new-design-ui.nd-authenticated.nd-view-report>.view.active,
  body.new-design-ui.nd-authenticated.nd-view-pdf-preview>.view.active {
    padding-bottom:24px!important;
  }
  #view-home .completed-pagination {
    width:fit-content!important;
    max-width:100%;
    justify-content:center!important;
    margin-inline:auto!important;
    padding-inline:0!important;
  }

  #view-report .report-score-card {
    padding:14px!important;
    border-radius:22px;
  }
  #view-report .report-score-overview {
    grid-template-columns:minmax(0,.78fr) minmax(108px,1.18fr) minmax(0,.92fr);
    gap:4px;
    margin-bottom:11px;
  }
  #view-report .report-score-overview-item {
    grid-template-rows:auto minmax(58px,auto) auto;
    align-content:start;
  }
  #view-report .report-eyebrow {
    font-size:7.5px;
    letter-spacing:.08em;
  }
  #view-report .report-score-value {
    align-self:center;
    font-size:31px;
  }
  #view-report #reportScoreBranch {
    height:auto;
    min-height:58px;
    align-self:center;
    font-size:clamp(15px,4.6vw,20px);
    line-height:1.02;
    overflow-wrap:anywhere;
  }
  #view-report #reportScoreResult {
    min-height:58px;
    align-self:center;
    font-size:clamp(13px,4vw,17px);
    line-height:1.05;
    white-space:normal;
  }
  #view-report .report-score-overview-item small {
    min-height:20px;
    margin-top:4px;
    font-size:7px;
    line-height:1.2;
    overflow-wrap:anywhere;
  }

  .nd-audit-steps button.locked::after {
    content:none!important;
    display:none!important;
  }

  #view-form .form-header {
    padding:13px 14px;
  }
  #view-form .form-header h2 {
    font-size:20px;
    line-height:1.15;
  }
  #view-form .card,
  #view-form .section-block {
    padding:12px;
  }
  #view-form .nd-form-panel>.nd-form-accordion-title,
  #view-form .nd-question-area-title {
    min-height:31px;
    margin-bottom:11px;
    padding-right:38px!important;
    padding-bottom:8px!important;
    font-size:14px!important;
    line-height:1.25;
  }
  #view-form .nd-form-panel>.nd-form-accordion-title i {
    right:9px;
    top:6px;
  }
  #view-form .field-label {
    font-size:11.5px;
  }
  #view-form .section-desc {
    font-size:9.5px;
  }
  #view-form input,
  #view-form select,
  #view-form textarea {
    font-size:12.5px;
  }
  #view-form .qcard {
    padding:11px;
    border-radius:16px;
  }
  #view-form .qcard .qtext {
    margin:4px 0 10px;
    font-size:12.5px;
    line-height:1.38;
  }
  #view-form .ans-btn {
    min-height:43px;
    padding:9px 3px;
    font-size:11.5px;
  }
  #view-form .nd-question-accordion-head {
    min-height:56px;
    padding:9px 11px;
  }
  #view-form .nd-question-accordion-head b {
    font-size:11.5px;
    line-height:1.25;
  }
  #view-form .nd-question-accordion.open .nd-question-accordion-body {
    padding:7px 8px 8px!important;
  }

  #view-form #liveScoreCard.report-score-card {
    padding:14px;
    border-radius:22px;
  }
  #view-form #liveScoreCard .report-score-main {
    margin-bottom:14px;
  }
  #view-form #liveScoreCard .report-score-overview {
    grid-template-columns:minmax(0,.78fr) minmax(92px,1.05fr) minmax(0,.92fr);
    gap:4px;
    margin-bottom:11px;
  }
  #view-form #liveScoreCard .report-score-overview-item {
    grid-template-rows:auto 38px auto;
  }
  #view-form #liveScoreCard .report-eyebrow {
    margin-bottom:3px;
    font-size:7.5px;
    letter-spacing:.08em;
  }
  #view-form #liveScoreCard .report-score-value {
    font-size:32px;
  }
  #view-form #liveScoreCard #liveScoreBranch {
    height:38px;
    font-size:18px;
    line-height:1.02;
  }
  #view-form #liveScoreCard #liveScoreResult {
    height:38px;
    font-size:16px;
    line-height:1.05;
    white-space:normal;
  }
  #view-form #liveScoreCard .report-score-overview-item small {
    margin-top:3px;
    font-size:7px;
    line-height:1.25;
  }
  #view-form #liveScoreCard .report-score-track {
    height:6px;
  }
  #view-form #liveScoreCard .report-stat-grid {
    gap:5px;
  }
  #view-form #liveScoreCard .report-stat {
    min-width:0;
    padding:8px 6px;
    border-radius:10px;
  }
  #view-form #liveScoreCard .report-stat b {
    margin-bottom:2px;
    font-size:15px;
  }
  #view-form #liveScoreCard .report-stat span {
    font-size:7px;
    letter-spacing:.02em;
    white-space:normal;
  }
}

@media(max-width:390px) {
  #view-form #liveScoreCard.report-score-card {
    padding:12px;
  }
  #view-form #liveScoreCard .report-score-overview {
    grid-template-columns:minmax(0,.72fr) minmax(82px,1fr) minmax(0,.9fr);
    gap:3px;
  }
  #view-form #liveScoreCard .report-score-value {
    font-size:29px;
  }
  #view-form #liveScoreCard #liveScoreBranch {
    font-size:16px;
  }
  #view-form #liveScoreCard #liveScoreResult {
    font-size:14px;
  }
}

/* Revize 08: tamamlanan denetim detayında doğrudan rapor işlemleri */
body.new-design-ui.nd-authenticated.nd-view-report {
  padding-bottom:112px!important;
}

#view-report {
  padding-bottom:116px!important;
}

#view-report .report-action-dock {
  position:fixed;
  z-index:9400;
  left:50%;
  right:auto;
  bottom:12px;
  width:min(780px,calc(100vw - 30px));
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:5px;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.88);
  border-radius:24px;
  background:rgba(247,250,251,.78);
  box-shadow:0 18px 48px rgba(39,57,70,.2);
  -webkit-backdrop-filter:blur(24px) saturate(145%);
  backdrop-filter:blur(24px) saturate(145%);
  transform:translateX(-50%);
}

#view-report .report-action-dock.without-edit {
  grid-template-columns:repeat(6,minmax(0,1fr));
}

#view-report .report-action-dock.draft-edit-only {
  width:auto;
  grid-template-columns:64px;
}
#view-report .report-action-dock.draft-edit-only .report-dock-group { display:none!important; }

#view-report .report-dock-button {
  min-width:0;
  min-height:62px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:5px 3px;
  border:0;
  border-radius:14px;
  color:#162c45;
  background:transparent;
  font:700 8px/1.12 var(--sans);
  text-align:center;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}

#view-report .report-dock-button:hover {
  color:#1d66a8;
  background:rgba(255,255,255,.62);
}

#view-report .report-dock-button:active {
  transform:translateY(1px);
}

#view-report .report-dock-button:focus-visible {
  outline:3px solid rgba(44,112,173,.22);
  outline-offset:1px;
}

#view-report .report-dock-button img {
  width:22px;
  height:22px;
  display:block;
  object-fit:contain;
}

#view-report .report-dock-button span {
  display:block;
  max-width:100%;
  overflow-wrap:anywhere;
}

@media(max-width:700px) {
  body.new-design-ui.nd-authenticated.nd-view-report {
    padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))!important;
  }

  body.new-design-ui.nd-authenticated.nd-view-report>#view-report.view.active {
    padding-bottom:calc(102px + env(safe-area-inset-bottom,0px))!important;
  }

  #view-report .report-action-dock {
    left:7px;
    right:7px;
    bottom:max(9px,env(safe-area-inset-bottom,0px));
    width:auto;
    gap:1px;
    padding:7px 5px;
    border-radius:23px;
    transform:none;
  }
  #view-report .report-action-dock.draft-edit-only {
    left:50%;
    right:auto;
    width:76px;
    grid-template-columns:1fr;
    transform:translateX(-50%);
  }

  #view-report .report-dock-button {
    min-height:58px;
    gap:4px;
    padding:4px 1px;
    border-radius:12px;
    font-size:6.4px;
    letter-spacing:-.01em;
  }

  #view-report .report-dock-button img {
    width:20px;
    height:20px;
  }
}

@media(max-width:390px) {
  #view-report .report-action-dock {
    left:5px;
    right:5px;
    padding-inline:3px;
  }

  #view-report .report-dock-button {
    min-height:55px;
    font-size:5.9px;
  }

  #view-report .report-dock-button img {
    width:19px;
    height:19px;
  }
}

/* Revize 11: rapor detayı yeniden dengeli ve ortalanmış genişlikte */
#view-report.report-view,
body.new-design-ui.nd-authenticated.nd-view-report > #view-report.view.active {
  width:min(1280px,calc(100% - 32px))!important;
  max-width:1280px!important;
  margin-inline:auto!important;
  align-self:center;
}

/* Düzenleme aksiyonları yalnızca gerçek bir değişiklikten sonra etkinleşir. */
#view-form #draftSaveBtn:disabled,
#view-form #finishBtn:disabled,
#view-form #draftSaveBtn[aria-disabled="true"],
#view-form #finishBtn[aria-disabled="true"] {
  opacity:.26!important;
  filter:grayscale(1)!important;
  pointer-events:none!important;
  cursor:not-allowed!important;
}

#view-form #draftSaveBtn:disabled img,
#view-form #finishBtn:disabled img,
#view-form #draftSaveBtn[aria-disabled="true"] img,
#view-form #finishBtn[aria-disabled="true"] img {
  opacity:.42!important;
  filter:grayscale(1)!important;
}

@media(max-width:700px) {
  #view-report.report-view,
  body.new-design-ui.nd-authenticated.nd-view-report > #view-report.view.active {
    width:100%!important;
    max-width:none!important;
    margin-inline:0!important;
  }
}

#view-report .report-result-icon {
  flex:0 0 42px;
  width:42px;
  height:42px;
  border-radius:50%;
  background:#e8a014!important;
  box-shadow:0 8px 18px rgba(232,160,20,.24);
}

#view-report .report-result-icon img,
#view-report .report-approval-icon img {
  width:22px;
  height:22px;
  display:block;
  filter:brightness(0) invert(1);
}

#view-report .report-approval-state {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
}

#view-report .report-approval-icon {
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#27a56d;
  box-shadow:0 8px 18px rgba(39,165,109,.22);
}

#view-report .report-approval-copy {
  min-width:0;
}

#view-report .report-approval-copy h3,
#view-report .report-approval-copy p {
  margin-inline:0;
}

#view-report .report-approval-state > .approval-status {
  margin:0;
  justify-self:end;
}

#view-report .report-action-dock,
#view-report .report-action-dock.without-edit {
  width:min(860px,calc(100vw - 30px));
  grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);
  gap:10px;
  align-items:stretch;
  padding:9px 12px 8px;
}

#view-report .report-action-dock.without-edit {
  grid-template-columns:repeat(2,minmax(0,1fr));
}

#view-report .report-dock-group {
  min-width:0;
  display:grid;
  grid-template-rows:1fr auto;
  align-items:end;
  gap:1px;
}

#view-report .report-dock-group-buttons {
  min-width:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:center;
  gap:3px;
}

#view-report .report-dock-group .report-dock-button {
  min-height:39px;
  padding:4px 2px;
}

#view-report .report-dock-group-label {
  display:block;
  color:#536171;
  font:700 8px/1.15 var(--sans);
  text-align:center;
  white-space:nowrap;
}

/* Görüntüleyicinin onay bekleyen raporunda yalnızca tek ön izleme işlemi vardır. */
#view-report .report-action-dock.viewer-preview-only .report-dock-group {
  justify-items:center;
  grid-template-rows:auto auto;
  align-content:center;
}

#view-report .report-action-dock.viewer-preview-only .report-dock-group-buttons {
  width:100%;
  display:flex;
  justify-content:center;
}

#view-report .report-action-dock.viewer-preview-only .report-dock-group .report-preview-button {
  width:44px;
}

#view-report .report-action-dock.viewer-preview-only .report-preview-button > span {
  display:none;
}

#view-report .report-action-dock.viewer-preview-only .report-dock-group-label {
  white-space:normal;
}

#view-report .report-action-dock > .report-edit-button {
  min-width:0;
  min-height:60px;
  height:auto;
  margin:0!important;
  padding:5px 2px;
  align-self:stretch;
  justify-self:stretch;
}

@media(max-width:700px) {
  #view-report .report-action-dock,
  #view-report .report-action-dock.without-edit {
    width:auto;
    grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr);
    gap:4px;
    padding:7px 6px 6px;
  }

  #view-report .report-action-dock.without-edit {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #view-report .report-dock-group-buttons {
    gap:0;
  }

  #view-report .report-dock-group .report-dock-button {
    min-height:37px;
    padding-inline:0;
  }

  #view-report .report-dock-group-label {
    font-size:7px;
  }

  #view-report .report-action-dock > .report-edit-button {
    min-height:55px;
    gap:3px;
    font-size:7px;
  }

  #view-report .report-approval-state {
    grid-template-columns:auto minmax(0,1fr);
    gap:10px;
  }

  #view-report .report-approval-state > .approval-status {
    grid-column:2;
    justify-self:start;
  }
}

/* Revize 10 son katman: rapor durumu ve orta duzenle dugmesi hizasi */
#view-report .report-approval-state {
  grid-template-columns:auto minmax(0,1fr);
}

#view-report .report-approval-title-row {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}

#view-report .report-approval-title-row h3,
#view-report .report-approval-title-row .approval-status {
  margin:0!important;
}

#view-report .report-action-dock > .report-edit-button {
  display:grid;
  grid-template-rows:1fr auto;
  align-items:end;
  justify-items:center;
  gap:1px;
  color:#536171;
  font:700 8px/1.15 var(--sans);
}

#view-report .report-action-dock > .report-edit-button img {
  align-self:center;
}

@media(max-width:700px) {
  #view-report .report-action-dock > .report-edit-button {
    font-size:7px;
  }
}

/* Onay bekleyen editör raporu için alt işlem çubuğu ve durum kartı. */
#view-report .report-pending-action-dock,
#view-report .report-pending-action-dock.without-edit {
  width:min(620px,calc(100vw - 30px));
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
}

#view-report .report-pending-action-dock .report-dock-button {
  min-height:60px;
  font-size:8px;
}

#view-report .report-admin-review-state .report-approval-icon {
  background:#2e79ba;
  box-shadow:0 8px 18px rgba(46,121,186,.24);
}
#view-report .report-admin-review-state .report-approval-icon img {
  filter:brightness(0) invert(1);
}
#view-report .report-admin-review-note {
  width:100%;
  min-height:88px;
  margin-top:16px;
  padding:14px 16px;
  resize:vertical;
  border:1px solid #ced9df;
  border-radius:17px;
  background:rgba(255,255,255,.72);
  color:#172b43;
  font:500 12px/1.5 var(--sans);
  box-sizing:border-box;
}
#view-report .report-admin-review-note:focus {
  outline:3px solid rgba(46,121,186,.15);
  border-color:#6c9dc7;
}
#view-report .report-admin-review-dock {
  width:min(680px,calc(100vw - 30px));
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:5px;
}
#view-report .report-admin-review-dock .report-dock-button {
  min-height:62px;
  font-size:7px;
}
#view-report .report-admin-review-dock .report-return-button { color:#b86617; }
#view-report .report-admin-review-dock .report-approve-button { color:#238258; }

#view-report .report-pending-editor-state .report-approval-icon {
  background:#286db0;
  box-shadow:0 8px 18px rgba(40,109,176,.24);
}

#view-report .report-pending-editor-state .approval-status.pending {
  background:#e4effb;
  color:#286db0;
}

@media(max-width:700px) {
  #view-report .report-pending-action-dock,
  #view-report .report-pending-action-dock.without-edit {
    width:auto;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:1px;
    padding-inline:5px;
  }

  #view-report .report-pending-action-dock .report-dock-button {
    min-height:58px;
    font-size:6.5px;
  }
  #view-report .report-admin-review-state {
    grid-template-columns:auto minmax(0,1fr);
  }
  #view-report .report-admin-review-state .report-approval-title-row {
    align-items:flex-start;
    flex-direction:column;
  }
  #view-report .report-admin-review-note {
    min-height:104px;
    margin-top:13px;
  }
  #view-report .report-admin-review-dock {
    left:7px;
    right:7px;
    width:auto;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:1px;
    padding:7px 5px;
    transform:none;
  }
  #view-report .report-admin-review-dock .report-dock-button {
    min-height:58px;
    padding-inline:1px;
    font-size:6px;
  }
}

/* Ana sayfa navigasyonu — tek tip ikonlar ve bölüm başlıkları */
.new-design-ui .nd-home-section-button {
  display:none;
  align-items:center;
  justify-content:center;
}
body.nd-view-home .nd-home-section-button { display:grid; }
body.nd-view-home .nd-nav-button[data-nd-view="home"],
body.nd-view-home .nd-logout-button { display:none!important; }
.new-design-ui .nd-home-section-button img {
  display:none;
}
.new-design-ui .nd-home-section-button:before {
  content:"";
  width:20px;
  height:20px;
  display:block;
  background:currentColor;
  -webkit-mask:center/contain no-repeat;
  mask:center/contain no-repeat;
}
.new-design-ui .nd-home-section-button[data-home-section="ndOngoingSection"]:before {
  -webkit-mask-image:url("../icons/pen-line.svg");
  mask-image:url("../icons/pen-line.svg");
}
.new-design-ui .nd-home-section-button[data-home-section="ndPendingSection"]:before {
  -webkit-mask-image:url("../icons/clipboard-pen.svg");
  mask-image:url("../icons/clipboard-pen.svg");
}
.new-design-ui .nd-home-section-button[data-home-section="ndReturnedSection"]:before {
  -webkit-mask-image:url("../icons/undo-2.svg");
  mask-image:url("../icons/undo-2.svg");
}
.new-design-ui .nd-home-section-button[data-home-section="ndCompletedSection"]:before {
  -webkit-mask-image:url("../icons/badge-check.svg");
  mask-image:url("../icons/badge-check.svg");
}
#view-home .ongoing-panel-icon,
#view-home .pending-panel-icon,
#view-home .completed-panel-icon {
  display:grid;
  place-items:center;
}
#view-home .ongoing-panel-icon img,
#view-home .pending-panel-icon img,
#view-home .completed-panel-icon img {
  width:21px;
  height:21px;
  display:block;
}
#view-home .pending-panel-icon img,
#view-home .completed-panel-icon img { filter:brightness(0) invert(1); }

@media(max-width:700px) {
  body.nd-view-home .nd-rail {
    justify-content:space-around;
    gap:1px;
    padding-inline:6px;
  }
  body.nd-view-home .nd-rail-nav,
  body.nd-view-home .nd-rail-bottom { display:contents; }
  body.nd-view-home .nd-rail-nav .nd-nav-button[data-nd-view="analytics"] { order:1; }
  body.nd-view-home .nd-rail-nav .nd-nav-button[data-nd-view="form"] { order:2; }
  body.nd-view-home .nd-rail-nav .nd-nav-button[data-nd-view="planning"] { order:3; }
  body.nd-view-home .nd-rail-nav .nd-nav-button[data-nd-view="trash"] { order:4; }
  body.nd-view-home .nd-brand { order:5;width:42px;height:42px;flex:0 0 42px; }
  body.nd-view-home .nd-home-section-button[data-home-section="ndOngoingSection"] { order:6; }
  body.nd-view-home .nd-home-section-button[data-home-section="ndPendingSection"] { order:7; }
  body.nd-view-home .nd-home-section-button[data-home-section="ndReturnedSection"] { order:8; }
  body.nd-view-home .nd-home-section-button[data-home-section="ndCompletedSection"] { order:9; }
  body.nd-view-home .nd-nav-button,
  body.nd-view-home .nd-home-section-button {
    width:34px!important;
    height:38px!important;
    flex:0 0 34px!important;
    border-radius:13px;
  }
  body.nd-view-home .nd-home-section-button:before { width:18px;height:18px; }
}

@media(max-width:360px) {
  body.nd-view-home .nd-rail { padding-inline:4px; }
  body.nd-view-home .nd-nav-button,
  body.nd-view-home .nd-home-section-button {
    width:32px!important;
    height:36px!important;
    flex-basis:32px!important;
  }
  body.nd-view-home .nd-brand { width:40px;height:40px;flex-basis:40px; }
}

/* İade raporu: yönetici notu ve tek düzenleme işlemi */
#view-report .report-returned-editor-state .report-approval-icon {
  background:linear-gradient(145deg,#e86554,#bb3f34);
  box-shadow:0 8px 18px rgba(187,63,52,.22);
}
#view-report .report-returned-note {
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  margin-top:8px!important;
  padding:11px 13px;
  border:1px solid #efc9c3;
  border-radius:13px;
  background:#fff3f1;
  color:#8e382f!important;
  font-weight:650;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  word-break:break-word;
}
#view-report .history-card,
#view-report #historyList,
#view-report .history-item,
#view-report .history-item>div { min-width:0;max-width:100%; }
#view-report .history-item b,
#view-report .history-item span {
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
  white-space:pre-wrap;
}
#view-report .report-action-dock.draft-edit-only {
  width:76px!important;
  grid-template-columns:1fr!important;
  gap:0!important;
}
#view-report .report-action-dock.draft-edit-only .report-dock-group { display:none!important; }
#view-report .report-action-dock.draft-edit-only.returned-preview-edit {
  width:min(430px,calc(100vw - 30px))!important;
  grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr)!important;
  gap:8px!important;
}
#view-report .report-action-dock.draft-edit-only.returned-preview-edit .report-dock-group {
  display:grid!important;
}
#view-report .report-action-dock.draft-edit-only.returned-preview-edit .report-dock-group-buttons {
  display:flex;
  justify-content:center;
}
#view-report .report-action-dock.draft-edit-only.returned-preview-edit .report-dock-group .report-dock-button {
  width:52px;
}
#view-report .report-action-dock.draft-edit-only.returned-preview-edit .report-dock-group .report-download-button {
  display:none!important;
}

body.nd-view-form #view-form.form-edit-returned~.nd-audit-dock,
body.nd-view-form:has(#view-form.form-edit-returned) .nd-audit-dock {
  grid-template-columns:repeat(6,58px);
}
body.nd-view-form .nd-audit-dock #returnedResubmitBtn {
  order:6;
  background:rgba(255,255,255,.9);
  color:#2465a4;
}

@media(max-width:700px) {
  #view-report .report-returned-editor-state {
    grid-template-columns:auto minmax(0,1fr);
  }
  #view-report .report-returned-editor-state .report-approval-title-row {
    align-items:flex-start;
    flex-direction:column;
  }
  #view-report .report-action-dock.draft-edit-only {
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
  }
  #view-report .report-action-dock.draft-edit-only.returned-preview-edit {
    left:7px!important;
    right:7px!important;
    width:auto!important;
    grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr)!important;
    transform:none!important;
  }
  body.nd-view-form:has(#view-form.form-edit-returned) .nd-audit-dock {
    grid-template-columns:repeat(6,48px);
  }
  body.nd-view-form:has(#view-form.form-edit-returned) .nd-audit-dock button {
    width:48px;
    min-width:48px;
  }
}

/* Alt işlem barlarında KaliteSAN yalnızca ana sayfada gösterilir. */
body.nd-view-form .nd-audit-dock .nd-audit-dock-brand {
  display:none!important;
}
body.nd-view-form .nd-audit-dock {
  grid-template-columns:repeat(2,64px);
}
body.nd-view-form .nd-audit-dock:has(#formPreviewActions.is-visible) {
  grid-template-columns:repeat(4,64px);
}
body.nd-view-form #view-form.form-edit-returned~.nd-audit-dock,
body.nd-view-form:has(#view-form.form-edit-returned) .nd-audit-dock {
  grid-template-columns:repeat(3,58px);
}
body.nd-view-form:has(#view-form.form-edit-returned) .nd-audit-dock:has(#formPreviewActions.is-visible) {
  grid-template-columns:repeat(5,58px);
}
#view-report .report-action-dock > .report-home-button span {
  display:block;
  align-self:center;
  max-width:54px;
  text-align:center;
}

@media(max-width:700px) {
  body.new-design-ui.nd-authenticated:not(.nd-view-home) .nd-rail .nd-brand {
    display:none!important;
  }
  body.nd-view-form .nd-audit-dock {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.nd-view-form .nd-audit-dock:has(#formPreviewActions.is-visible) {
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  body.nd-view-form:has(#view-form.form-edit-returned) .nd-audit-dock {
    grid-template-columns:repeat(3,48px);
  }
  body.nd-view-form:has(#view-form.form-edit-returned) .nd-audit-dock:has(#formPreviewActions.is-visible) {
    grid-template-columns:repeat(5,48px);
  }
}

/* Web ve tablette sabit sol menü yalnızca ana sayfada kullanılır. */
@media(min-width:701px) {
  body.new-design-ui.nd-authenticated:not(.nd-view-home) .nd-rail {
    display:none!important;
  }
  body.new-design-ui.nd-authenticated:not(.nd-view-home) > .topbar,
  body.new-design-ui.nd-authenticated:not(.nd-view-home) > .view.active {
    margin-left:16px!important;
  }
}

/* Alt bar yazı stili son katmanı: durum renkleri metne uygulanmaz. */
body.nd-view-form .nd-audit-dock button,
body.nd-view-form .nd-audit-dock button span,
#view-report .report-action-dock .report-dock-button,
#view-report .report-action-dock .report-dock-button span,
#view-report .report-action-dock .report-dock-group-label {
  color:#536171!important;
}

/* Mobil filtre akışı: açılan listeler sayfa akışında kalır ve üst üste binmez. */
@media(max-width:700px) {
  #view-home .completed-filters,
  #view-analytics .analytics-filters {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:start;
  }
  #view-home .analytics-month-picker,
  #view-analytics .analytics-month-picker {
    position:relative;
    align-self:start;
  }
  #view-home .analytics-month-options,
  #view-analytics .analytics-month-options {
    position:absolute!important;
    z-index:900!important;
    top:calc(100% + 6px)!important;
    left:0!important;
    right:auto!important;
    width:100%!important;
    min-width:0!important;
    max-height:none;
    margin-top:0;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    overflow-x:hidden!important;
    overflow-y:visible;
    overscroll-behavior:contain;
    box-sizing:border-box;
  }
  #view-home .analytics-month-options label,
  #view-analytics .analytics-month-options label {
    width:100%;
    min-width:0;
    box-sizing:border-box;
    overflow-wrap:anywhere;
    white-space:normal;
  }
  #view-home .analytics-month-options:has(label:nth-child(16)),
  #view-analytics .analytics-month-options:has(label:nth-child(16)) {
    max-height:620px;
    overflow-y:auto;
  }
  #view-home .analytics-month-picker[open],
  #view-analytics .analytics-month-picker[open] {
    z-index:910;
  }

  #view-home #completedYearPicker { order:1; }
  #view-home #completedMonthPicker { order:2; }
  #view-home #completedBranchPicker { order:3; }
  #view-home .nd-clear-filters { order:4;grid-column:auto!important; }

  #view-analytics #analyticsYearPicker { order:1; }
  #view-analytics #analyticsMonthPicker { order:2; }
  #view-analytics #analyticsBranchPicker { order:3; }
  #view-analytics #analyticsPeriodPicker { order:4; }
  #view-analytics .analytics-filters > .btn {
    order:5;
    grid-column:1/-1!important;
  }
}

/* Tamamlanan rapor detayı: rapor başlığı üstte, üç işlem altta tek sade şeritte. */
#view-report .report-action-dock:not(.draft-edit-only):not(.viewer-preview-only) .report-dock-group {
  grid-template-rows:auto 1fr;
  align-items:center;
  gap:4px;
}
#view-report .report-action-dock:not(.draft-edit-only):not(.viewer-preview-only) .report-dock-group-label {
  grid-row:1;
  font-size:8px;
  line-height:1.1;
}
#view-report .report-action-dock:not(.draft-edit-only):not(.viewer-preview-only) .report-dock-group-buttons {
  grid-row:2;
  width:min(100%,230px);
  justify-self:center;
  gap:2px;
  padding:3px 5px;
  border:0;
  border-radius:14px;
  background:rgba(224,230,234,.62);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
}
#view-report .report-action-dock:not(.draft-edit-only):not(.viewer-preview-only) .report-dock-group .report-dock-button {
  min-height:45px;
  border-radius:11px;
}
#view-report .report-action-dock:not(.draft-edit-only):not(.viewer-preview-only) .report-dock-group .report-dock-button:hover {
  background:rgba(255,255,255,.72);
}

@media(max-width:700px) {
  body.nd-view-home .nd-rail > .nd-brand {
    display:none!important;
  }
  #view-report .report-action-dock:not(.draft-edit-only):not(.viewer-preview-only) .report-dock-group {
    gap:3px;
  }
  #view-report .report-action-dock:not(.draft-edit-only):not(.viewer-preview-only) .report-dock-group-label {
    font-size:7px;
  }
  #view-report .report-action-dock:not(.draft-edit-only):not(.viewer-preview-only) .report-dock-group-buttons {
    width:100%;
    padding:3px 2px;
    border-radius:12px;
  }
  #view-report .report-action-dock:not(.draft-edit-only):not(.viewer-preview-only) .report-dock-group .report-dock-button {
    min-height:42px;
  }
}

/* Üst çubuk: tüm ekranlarda bildirim, kullanıcı ve çıkış için üç bağımsız ikon. */
.new-design-ui.nd-authenticated > .topbar {
  position:relative!important;
  z-index:5000!important;
  overflow:visible!important;
}
.new-design-ui.nd-authenticated > .topbar .topbar-actions {
  overflow:visible!important;
}
.new-design-ui.nd-authenticated > .topbar .nd-notification-button,
.new-design-ui.nd-authenticated > .topbar .account-menu.nd-user-button,
.new-design-ui.nd-authenticated > .topbar .nd-logout-icon-button {
  position:relative;
  width:45px!important;
  min-width:45px!important;
  max-width:45px!important;
  height:45px!important;
  min-height:45px!important;
  flex:0 0 45px!important;
  padding:0!important;
  display:grid!important;
  place-items:center;
  border:1px solid rgba(177,193,204,.58)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.58)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 8px 24px rgba(62,82,96,.06)!important;
  color:#1b2e3b!important;
  cursor:pointer;
}
.new-design-ui.nd-authenticated > .topbar .nd-notification-button > img,
.new-design-ui.nd-authenticated > .topbar .account-menu.nd-user-button > img,
.new-design-ui.nd-authenticated > .topbar .nd-logout-icon-button > img {
  width:19px!important;
  height:19px!important;
  object-fit:contain;
  opacity:.88;
}
.new-design-ui.nd-authenticated > .topbar .account-menu.nd-user-button {
  grid-template-columns:1fr!important;
  justify-content:center!important;
}
.new-design-ui.nd-authenticated > .topbar .account-menu.nd-user-button .mobile-account-popover {
  position:absolute!important;
  z-index:5300!important;
  top:calc(100% + 9px)!important;
  right:0!important;
  left:auto!important;
  width:260px!important;
  max-width:calc(100vw - 20px)!important;
  padding:14px!important;
  gap:10px!important;
  border:1px solid rgba(180,194,204,.62)!important;
  border-radius:17px!important;
  background:rgba(247,250,252,.94)!important;
  box-shadow:0 18px 46px rgba(42,64,79,.18)!important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.new-design-ui.nd-authenticated > .topbar .account-menu.nd-user-button.mobile-open .mobile-account-popover {
  display:grid!important;
}
.new-design-ui.nd-authenticated > .topbar .mobile-account-popover > div {
  min-width:0;
  padding:9px 10px;
  border-radius:11px;
  background:rgba(226,234,239,.62);
  text-align:left;
}
.new-design-ui.nd-authenticated > .topbar .mobile-account-popover small,
.new-design-ui.nd-authenticated > .topbar .mobile-account-popover b,
.new-design-ui.nd-authenticated > .topbar .mobile-account-popover span {
  display:block;
  min-width:0;
  overflow-wrap:anywhere;
}
.notification-popover {
  z-index:5200!important;
}
.notification-popover-limit {
  padding:11px 14px;
  color:#778690;
  font-size:9px;
  text-align:center;
}

@media(max-width:1180px) and (min-width:701px) {
  body.nd-view-home.new-design-ui.nd-authenticated > .topbar {
    grid-template-columns:minmax(190px,1fr) repeat(3,45px)!important;
  }
  body.nd-view-home.new-design-ui.nd-authenticated > .topbar .nd-notification-button { grid-column:2!important; }
  body.nd-view-home.new-design-ui.nd-authenticated > .topbar .account-menu.nd-user-button { grid-column:3!important; }
  body.nd-view-home.new-design-ui.nd-authenticated > .topbar .nd-logout-icon-button { grid-column:4!important; }
}

@media(max-width:700px) {
  .new-design-ui.nd-authenticated > .topbar .nd-notification-button,
  .new-design-ui.nd-authenticated > .topbar .account-menu.nd-user-button,
  .new-design-ui.nd-authenticated > .topbar .nd-logout-icon-button {
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    flex-basis:40px!important;
    border-radius:13px!important;
  }
  .new-design-ui.nd-authenticated > .topbar .nd-notification-button > img,
  .new-design-ui.nd-authenticated > .topbar .account-menu.nd-user-button > img,
  .new-design-ui.nd-authenticated > .topbar .nd-logout-icon-button > img {
    width:18px!important;
    height:18px!important;
  }
  body.nd-view-home.new-design-ui.nd-authenticated > .topbar {
    grid-template-columns:minmax(100px,1fr) repeat(3,40px)!important;
  }
  body.nd-view-home.new-design-ui.nd-authenticated > .topbar .nd-notification-button { grid-column:2!important; }
  body.nd-view-home.new-design-ui.nd-authenticated > .topbar .account-menu.nd-user-button { grid-column:3!important;width:40px!important; }
  body.nd-view-home.new-design-ui.nd-authenticated > .topbar .nd-logout-icon-button { grid-column:4!important; }
  .new-design-ui.nd-authenticated > .topbar .account-menu.nd-user-button .mobile-account-popover {
    position:fixed!important;
    top:72px!important;
    left:10px!important;
    right:10px!important;
    width:auto!important;
    max-width:none!important;
  }
  .notification-popover {
    position:fixed!important;
    z-index:5200!important;
    top:72px!important;
    left:8px!important;
    right:8px!important;
    width:auto!important;
    max-width:none!important;
  }
}

/* Mobil kullanıcı kartı, ikon satırının altında ekran içine açılır. */
@media(max-width:700px) {
  .new-design-ui.nd-authenticated > .topbar #mobileAccountPopover {
    position:absolute!important;
    top:calc(100% + 12px)!important;
    right:-47px!important;
    left:auto!important;
    width:min(360px,calc(100vw - 24px))!important;
    min-width:min(360px,calc(100vw - 24px))!important;
    max-width:calc(100vw - 24px)!important;
    grid-template-columns:minmax(0,1.5fr) minmax(92px,.7fr)!important;
    align-items:stretch!important;
    box-sizing:border-box!important;
  }
  .new-design-ui.nd-authenticated > .topbar #mobileAccountPopover #topbarUser {
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
  }
}

/* Arşivde sade geri kontrolü. */
.notification-popover-head .notification-archive-button .notification-archive-back { display:none!important; }
.notification-popover-head .notification-archive-button.active {
  background:rgba(225,234,240,.74)!important;
  color:#506473!important;
}
.notification-archive-button.active img { display:none!important; }
.notification-archive-button.active .notification-archive-back {
  display:inline!important;
  margin:0!important;
  color:inherit!important;
  font-size:15px!important;
  line-height:1!important;
}

/* Giriş ekranı, yenileme görünümüyle aynı sade ve zarif dilde. */
.new-design-ui #view-login.active {
  min-height:100dvh;
  padding:clamp(28px,8vh,76px) 0!important;
  display:grid!important;
  align-content:center;
  grid-template-columns:minmax(0,1fr);
  box-sizing:border-box;
}
.new-design-ui #view-login .nd-login-logo {
  width:min(64vw,230px)!important;
  margin:0 auto 24px!important;
  filter:drop-shadow(0 10px 24px rgba(43,82,117,.08));
}
.new-design-ui #view-login .hero {
  margin:0 0 18px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#1a3150!important;
}
.new-design-ui #view-login .hero h1 {
  margin:0 0 7px;
  color:#1a3150!important;
  font-size:25px!important;
  font-weight:750;
}
.new-design-ui #view-login .hero p {
  color:#74808d!important;
  font-size:11px;
}
.new-design-ui #view-login > form {
  padding:24px!important;
  border:1px solid rgba(202,215,224,.7)!important;
  border-radius:24px!important;
  background:rgba(250,252,253,.7)!important;
  box-shadow:0 22px 60px rgba(47,73,91,.1),inset 0 1px 0 rgba(255,255,255,.9)!important;
  backdrop-filter:blur(22px) saturate(125%);
  -webkit-backdrop-filter:blur(22px) saturate(125%);
}
.new-design-ui #view-login input {
  border-color:rgba(190,204,214,.72)!important;
  background:rgba(255,255,255,.68)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86)!important;
}
.new-design-ui #view-login .btn.primary {
  border:1px solid rgba(49,94,157,.26)!important;
  background:rgba(238,245,251,.82)!important;
  color:#244d7d!important;
  box-shadow:0 10px 26px rgba(49,94,157,.1)!important;
}

/* Silinen Öğeler: tarih filtreli, kompakt liste. */
#view-trash .trash-header {
  align-items:center;
}
#view-trash .trash-header-main { min-width:0; }
#view-trash .trash-header-main > div:last-child { min-width:0; }
#view-trash .trash-header-icon {
  width:46px!important;
  min-width:46px!important;
  height:46px!important;
  flex:0 0 46px!important;
  padding:0!important;
  display:grid!important;
  place-items:center;
  border-radius:14px!important;
  background:linear-gradient(145deg,#d84a3a,#ef775d)!important;
  box-shadow:0 10px 24px rgba(216,74,58,.2)!important;
}
#view-trash .trash-header-icon img {
  width:21px;
  height:21px;
  filter:brightness(0) invert(1);
}
#view-trash .trash-header p {
  max-width:none!important;
  white-space:nowrap;
}
#view-trash .trash-toolbar {
  margin:14px 0 10px;
  padding:11px 13px;
  display:flex;
  align-items:end;
  gap:10px;
  border:1px solid rgba(205,216,223,.76);
  border-radius:17px;
  background:rgba(249,251,252,.68);
  backdrop-filter:blur(14px);
}
#view-trash .trash-toolbar label { display:grid;gap:4px; }
#view-trash .trash-toolbar label span { color:#6c7a85;font-size:9px;font-weight:700; }
#view-trash .trash-toolbar input {
  width:170px;
  min-height:38px;
  padding:6px 10px;
  border:1px solid rgba(190,204,214,.78);
  border-radius:11px;
  background:rgba(255,255,255,.72);
  color:#263b4c;
}
#view-trash .trash-toolbar button {
  min-height:38px;
  padding:7px 11px;
  border:0;
  border-radius:11px;
  background:rgba(225,233,238,.72);
  color:#526471;
  font-size:9px;
  font-weight:750;
  cursor:pointer;
}
#view-trash .trash-toolbar strong {
  margin-left:auto;
  padding-bottom:9px;
  color:#526471;
  font-size:10px;
}
#view-trash .trash-list {
  overflow:hidden;
  border:1px solid rgba(205,216,223,.82);
  border-radius:18px;
  background:rgba(250,252,253,.72);
  box-shadow:0 12px 32px rgba(48,67,80,.06);
  backdrop-filter:blur(14px);
}
#view-trash .trash-list-head,
#view-trash .trash-list-row {
  display:grid;
  grid-template-columns:minmax(150px,1.15fr) minmax(105px,.68fr) minmax(210px,1.35fr) minmax(75px,.5fr) auto;
  align-items:center;
  gap:13px;
}
#view-trash .trash-list-head {
  padding:10px 14px;
  background:rgba(226,234,239,.64);
  color:#687985;
  font-size:8.5px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}
#view-trash .trash-list-row {
  min-height:72px;
  padding:12px 14px;
  border-top:1px solid rgba(211,220,226,.72);
}
#view-trash .trash-list-primary,
#view-trash .trash-list-cell,
#view-trash .trash-list-expiry { min-width:0;display:grid;gap:3px; }
#view-trash .trash-list-primary b { color:#1d3554;font-size:12px; }
#view-trash .trash-list-primary span,
#view-trash .trash-list-cell span { color:#61717e;font-size:9.5px;line-height:1.35;overflow-wrap:anywhere; }
#view-trash .trash-list-cell small,
#view-trash .trash-list-expiry small { display:none;color:#8a969e;font-size:7.5px; }
#view-trash .trash-list-expiry b { color:#c24334;font-size:10px; }
#view-trash .trash-list-actions { display:flex;justify-content:flex-end;gap:6px; }
#view-trash .trash-list-actions .trash-action-btn {
  min-height:34px!important;
  padding:7px 9px;
  border-radius:10px!important;
  font-size:8.5px;
  white-space:nowrap;
}

/* Taslak sarı, yönetici onayı bekleyen kayıt mavi ışık taşır. */
.audit-card:not(.audit-pending) .audit-result.draft,
.audit-card:not(.audit-pending) .score-chip.draft {
  border:1px solid rgba(233,177,21,.32);
  background:linear-gradient(135deg,rgba(255,244,188,.9),rgba(255,222,77,.5))!important;
  color:#936200!important;
  box-shadow:0 0 16px rgba(244,190,28,.2);
}
.audit-card.audit-pending .audit-result.draft,
.audit-card.audit-pending .score-chip.draft {
  border:1px solid rgba(55,128,199,.3);
  background:linear-gradient(135deg,rgba(225,240,253,.94),rgba(120,181,232,.42))!important;
  color:#276ba8!important;
  box-shadow:0 0 16px rgba(55,128,199,.18);
}

@media(max-width:700px) {
  .new-design-ui #view-login.active {
    min-height:100svh;
    width:min(90vw,430px)!important;
    padding:24px 0!important;
  }
  .new-design-ui #view-login .nd-login-logo { width:min(58vw,205px)!important;margin-bottom:20px!important; }
  .new-design-ui #view-login > form { padding:19px!important;border-radius:21px!important; }
  #view-trash .trash-header {
    padding:15px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:13px!important;
  }
  #view-trash .trash-header-main { width:100%;align-items:center!important; }
  #view-trash .trash-header-icon {
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    flex-basis:42px!important;
  }
  #view-trash .trash-header h2 { font-size:18px!important;white-space:nowrap; }
  #view-trash .trash-header p {
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:8.5px!important;
  }
  #view-trash .trash-back-btn { width:100%;min-height:42px; }
  #view-trash .trash-toolbar {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end;
  }
  #view-trash .trash-toolbar label { min-width:0; }
  #view-trash .trash-toolbar input { width:100%;box-sizing:border-box; }
  #view-trash .trash-toolbar strong { margin:0;padding:0;grid-column:1/-1; }
  #view-trash .trash-list-head { display:none; }
  #view-trash .trash-list-row {
    grid-template-columns:minmax(0,1fr) minmax(90px,.55fr);
    gap:10px 14px;
    padding:14px;
  }
  #view-trash .trash-list-primary,
  #view-trash .trash-list-cell:nth-child(3),
  #view-trash .trash-list-actions { grid-column:1/-1; }
  #view-trash .trash-list-cell small,
  #view-trash .trash-list-expiry small { display:block; }
  #view-trash .trash-list-actions { display:grid;grid-template-columns:1fr 1fr; }
  #view-trash .trash-list-actions .trash-action-btn { width:100%;min-height:38px!important; }
}

/* Çoklu seçimli Silinen Öğeler tablosu ve son giriş düzeltmeleri. */
.new-design-ui #view-login .hero:before {
  display:none!important;
  content:none!important;
}
#view-trash .trash-toolbar { flex-wrap:wrap; }
#view-trash .trash-bulk-actions {
  display:flex;
  align-items:center;
  gap:7px;
}
#view-trash .trash-toolbar .trash-bulk-actions button.restore {
  background:rgba(229,244,235,.9);
  color:#2c7b4d;
}
#view-trash .trash-toolbar .trash-bulk-actions button.remove {
  background:rgba(253,237,233,.9);
  color:#bd4939;
}
#view-trash .trash-toolbar .trash-bulk-actions button:disabled {
  opacity:.42;
  cursor:not-allowed;
}
#view-trash .trash-bulk-actions span {
  color:#687985;
  font-size:9px;
  white-space:nowrap;
}
#view-trash .trash-list { overflow-x:auto; }
#view-trash .trash-list-head,
#view-trash .trash-list-row {
  min-width:980px;
  grid-template-columns:30px 38px minmax(140px,1fr) 104px minmax(120px,.75fr) minmax(140px,.9fr) minmax(180px,1.15fr) 76px;
  gap:11px;
}
#view-trash .trash-list-head > span,
#view-trash .trash-list-row > div { min-width:0; }
#view-trash .trash-list-check,
#view-trash .trash-list-number {
  display:grid;
  place-items:center;
  color:#6b7984;
  font-size:10px;
}
#view-trash .trash-list input[type="checkbox"] {
  width:16px;
  height:16px;
  margin:0;
  accent-color:#315e9d;
  cursor:pointer;
}
#view-trash .trash-list-primary b { margin:0; }

@media(max-width:700px) {
  #view-trash .trash-toolbar {
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  #view-trash .trash-bulk-actions {
    grid-column:1/-1;
    display:grid;
    grid-template-columns:1fr 1fr auto;
    width:100%;
  }
  #view-trash .trash-bulk-actions button { width:100%; }
  #view-trash .trash-list-head {
    display:grid!important;
    padding:10px 12px;
  }
  #view-trash .trash-list-row {
    display:grid!important;
    padding:12px;
  }
  #view-trash .trash-list-head,
  #view-trash .trash-list-row {
    min-width:900px;
    grid-template-columns:30px 36px 140px 105px 125px 145px 180px 76px!important;
    gap:10px!important;
  }
  #view-trash .trash-list-primary,
  #view-trash .trash-list-cell:nth-child(3) {
    grid-column:auto!important;
  }
}

/* Ana sayfa iş akışı: Aktif → İade → Onay Bekleyen → Tamamlanan. */
#view-home .nd-queue-panel {
  grid-template-columns:minmax(0,1fr)!important;
}
#view-home .nd-pending-panel-wrap {
  margin-top:13px;
}
#view-home .nd-pending-panel-wrap .nd-queue-column {
  width:100%;
}
#view-home .audit-card.audit-returned .audit-result.bad,
#view-home .audit-card.audit-returned .score-chip.bad {
  border:1px solid rgba(207,79,66,.34);
  background:linear-gradient(135deg,rgba(255,232,227,.96),rgba(239,119,93,.42))!important;
  color:#b43f32!important;
  box-shadow:0 0 17px rgba(207,79,66,.22);
}

/* Mobil tabloda son Kalan Süre hücresi tam ve dengeli görünür. */
@media(max-width:700px) {
  #view-trash .trash-list {
    scroll-padding-inline:14px;
  }
  #view-trash .trash-list-head,
  #view-trash .trash-list-row {
    min-width:930px!important;
    padding-right:24px!important;
    box-sizing:border-box!important;
  }
  #view-trash .trash-list-expiry {
    width:100%;
    min-width:72px;
    min-height:38px;
    padding:8px 9px;
    display:grid;
    place-items:center;
    border:1px solid rgba(205,216,223,.78);
    border-radius:10px;
    background:rgba(226,234,239,.64);
    box-sizing:border-box;
  }
}

/* Tamamlanan sonuç rozetleri ve yüzde değerleri ışıklı durum rengi taşır. */
#view-home #monthlyList .audit-card.audit-success .audit-result.good,
#view-home #monthlyList .audit-card.audit-success .score-chip.good {
  border:1px solid rgba(41,154,95,.3);
  background:linear-gradient(135deg,rgba(228,247,235,.98),rgba(90,195,133,.4))!important;
  color:#247b4c!important;
  box-shadow:0 0 18px rgba(41,154,95,.22);
}
#view-home #monthlyList .audit-card.audit-failed .audit-result.bad,
#view-home #monthlyList .audit-card.audit-failed .score-chip.bad {
  border:1px solid rgba(212,81,61,.3);
  background:linear-gradient(135deg,rgba(255,235,230,.98),rgba(239,119,93,.4))!important;
  color:#b94131!important;
  box-shadow:0 0 18px rgba(212,81,61,.22);
}

/* Ana sayfa menüsü: marka görsel, iş akışı ikonları sabit sırada. */
.new-design-ui .nd-brand {
  cursor:default!important;
  pointer-events:none!important;
}
.new-design-ui .nd-nav-button[data-nd-view="analytics"] > img,
.new-design-ui .topbar-module-btn#analyticsOpenButton > img {
  width:20px;
  height:20px;
  display:block;
  object-fit:contain;
  opacity:.82;
  filter:brightness(0) saturate(100%) invert(53%) sepia(9%) saturate(482%) hue-rotate(157deg) brightness(92%) contrast(87%);
}

@media(max-width:700px) {
  body.nd-view-home .nd-brand { display:none!important; }
  body.nd-view-home .nd-home-section-button[data-home-section="ndOngoingSection"] { order:1!important; }
  body.nd-view-home .nd-home-section-button[data-home-section="ndReturnedSection"] { order:2!important; }
  body.nd-view-home .nd-home-section-button[data-home-section="ndPendingSection"] { order:3!important; }
  body.nd-view-home .nd-home-section-button[data-home-section="ndCompletedSection"] { order:4!important; }
  body.nd-view-home .nd-rail-nav .nd-nav-button[data-nd-view="form"] { order:5!important; }
  body.nd-view-home .nd-rail-nav .nd-nav-button[data-nd-view="analytics"] { order:6!important; }
  body.nd-view-home .nd-rail-nav .nd-nav-button[data-nd-view="planning"] { order:7!important; }
  body.nd-view-home .nd-rail-nav .nd-nav-button[data-nd-view="trash"] { order:8!important; }
}

/* Ana menü sayaçları: ikonun yapısını değiştirmeden bildirim rozeti. */
.new-design-ui .nd-nav-button {
  position:relative;
}
.new-design-ui .nd-nav-button .nd-nav-count {
  position:absolute;
  z-index:4;
  top:-4px;
  right:-5px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:auto;
  min-width:18px;
  height:18px;
  padding:0 4px;
  border:2px solid rgba(248,250,251,.98);
  border-radius:999px;
  background:#e95749;
  color:#fff;
  font:800 8px/1 var(--sans);
  letter-spacing:0;
  box-sizing:border-box;
  pointer-events:none;
  overflow:visible;
  white-space:nowrap;
}
.new-design-ui .nd-nav-button .nd-nav-count[hidden] {
  display:none!important;
}
.new-design-ui #view-login .nd-login-version {
  display:block;
  margin:14px auto 0;
  color:#84909b;
  font:750 9px/1 var(--sans);
  letter-spacing:.12em;
  text-align:center;
}
@media(max-width:700px) {
  body.nd-view-home .nd-rail .nd-nav-button .nd-nav-count {
    top:-3px;
    right:-3px;
    display:flex;
    width:auto;
    min-width:17px;
    max-width:none;
    height:17px;
    padding:0 3px;
    color:#fff;
    font:800 7.5px/1 var(--sans);
    overflow:visible;
  }
  body.nd-view-home .nd-rail .nd-nav-button .nd-nav-count[hidden] {
    display:none!important;
  }
}
@media screen {
  body.nd-authenticated .audit-card {
    content-visibility:auto;
    contain-intrinsic-size:auto 150px;
  }
  body.nd-view-form .nd-question-accordion.open .qcard {
    content-visibility:auto;
    contain-intrinsic-size:auto 230px;
  }
  body.nd-view-analytics .analytics-panel {
    content-visibility:auto;
    contain-intrinsic-size:auto 420px;
  }
}

@media screen {
  body.nd-authenticated .nd-rail,
  body.new-design-ui.nd-authenticated>.topbar,
  body.nd-authenticated .nd-home-controls,
  body.nd-authenticated .nd-queue-panel,
  body.nd-authenticated .nd-completed-panel,
  body.nd-authenticated .nd-returned-panel,
  body.nd-view-form .nd-audit-steps,
  body.nd-view-form .nd-question-area,
  body.nd-view-form .nd-audit-dock,
  .new-design-ui.nd-authenticated #view-form .form-header,
  .new-design-ui.nd-authenticated #view-analytics .analytics-panel,
  .new-design-ui.nd-authenticated #view-analytics .analytics-kpi,
  #view-form .form-preview-actions,
  #view-form .sticky-actions {
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
}

.voice-dictation-button {
  position:fixed;
  right:18px;
  bottom:90px;
  z-index:1250;
  min-width:92px;
  height:44px;
  display:none;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 14px;
  border:1px solid rgba(37,102,155,.24);
  border-radius:999px;
  background:#fff;
  color:#245f93;
  box-shadow:0 12px 30px rgba(35,63,84,.2);
  font:800 12px/1 var(--sans);
  cursor:pointer;
  touch-action:manipulation;
}
.voice-dictation-button.is-visible { display:flex; }
.voice-dictation-button svg {
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.voice-dictation-button.listening {
  border-color:#d95545;
  background:#d95545;
  color:#fff;
  animation:voice-dictation-pulse 1.15s ease-in-out infinite;
}
.voice-dictation-button.unsupported { opacity:.72; }
@keyframes voice-dictation-pulse {
  50% { box-shadow:0 0 0 8px rgba(217,85,69,.16),0 12px 30px rgba(35,63,84,.2); }
}
@media (prefers-reduced-motion:reduce) {
  .voice-dictation-button.listening { animation:none; }
}

/* Bu blok dosyanın sonunda kalmalı; eski form kurallarını kesin olarak ezer. */
.nd-audit-steps { grid-template-columns:repeat(4,minmax(0,1fr))!important; }
#view-form .answer-row,
#view-form .section-block[id="block-D"] .answer-row {
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
#view-form .section-block[id="block-E"] .answer-row { grid-template-columns:repeat(5,minmax(0,1fr))!important; }
#view-form .ans-btn[data-v="tam"].sel { border-color:#2f7a4f!important;background:#2f7a4f!important;color:#fff!important; }
#view-form .ans-btn[data-v="minor"].sel { border-color:#f59e0b!important;background:#f59e0b!important;color:#fff!important; }
#view-form .ans-btn[data-v="major"].sel { border-color:#d9534f!important;background:#d9534f!important;color:#fff!important; }
#view-form .ans-btn[data-v="dd"].sel { border-color:#64748b!important;background:#64748b!important;color:#fff!important; }
#view-form .ans-btn[data-v="kritik"].sel { border-color:#7a1f14!important;background:#7a1f14!important;color:#fff!important; }
#view-form .qcard.question-tam { border-color:#9fd2b1!important;border-left:5px solid #2f7a4f!important;background:#edf8f1!important; }
#view-form .qcard.question-minor { border-color:#f3c76b!important;border-left:5px solid #f59e0b!important;background:#fff8e8!important; }
#view-form .qcard.question-major { border-color:#e7aaa4!important;border-left:5px solid #d9534f!important;background:#fff0ee!important; }
#view-form .qcard.question-dd { border-color:#cbd5e1!important;border-left:5px solid #64748b!important;background:#f8fafc!important; }
#view-form .qcard.question-kritik { border-color:#b42318!important;border-left:5px solid #7a1f14!important;background:#fdecec!important; }
@media(max-width:760px) {
  .nd-audit-steps { grid-template-columns:repeat(4,minmax(0,1fr))!important; }
  #view-form .answer-row,
  #view-form .section-block[id="block-D"] .answer-row {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
