:root {
  --bg: #f5f7fb;
  --panel: #ffffff;
  --text: #172033;
  --muted: #64748b;
  --border: #e2e8f0;
  --accent: #1d4ed8;
  --accent-dark: #163fb3;
  --ok: #047857;
  --bad: #b91c1c;
  --soft-ok: #ecfdf5;
  --soft-bad: #fef2f2;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  background: var(--bg);
  color: var(--text);
}
.app-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 260px 1fr;
}
.sidebar {
  background: #101827;
  color: white;
  padding: 22px;
  display: flex;
  flex-direction: column;
}
.brand {
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 28px;
}
.brand span { color: #93c5fd; }
.sidebar nav { display: grid; gap: 10px; }
.sidebar a {
  color: #dbeafe;
  text-decoration: none;
  padding: 13px 14px;
  border-radius: 12px;
  font-size: 16px;
}
.sidebar a:hover, .sidebar a.active { background: rgba(255,255,255,.12); }
.sidebar-user {
  margin-top: auto;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.07);
  border-radius: 16px;
  padding: 12px;
  display: grid;
  gap: 12px;
  overflow: hidden;
}
.user-row {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}
.user-avatar {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: rgba(147,197,253,.18);
  border: 1px solid rgba(147,197,253,.24);
  font-size: 18px;
}
.user-meta {
  min-width: 0;
  display: grid;
  gap: 2px;
}
.user-name {
  color: #ffffff;
  font-size: 15px;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-email {
  color: #bfdbfe;
  font-size: 12px;
  line-height: 1.25;
  word-break: break-word;
}
.logout-link {
  display: block;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.12);
  color: #ffffff !important;
  margin-top: 0;
  text-align: center;
  font-weight: 700;
  padding: 10px 12px !important;
  border-radius: 12px;
}
.logout-link:hover { background: rgba(255,255,255,.20) !important; }
.content { padding: 26px; }
.hero-card, .card, .status-list, .auth-card {
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: 18px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .06);
}
.hero-card {
  padding: 24px;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.eyebrow {
  color: var(--accent);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin: 0 0 8px;
}
h1 { margin: 0 0 10px; font-size: 34px; }
p { color: var(--muted); line-height: 1.5; }
.primary-button {
  display: inline-block;
  background: var(--accent);
  color: white;
  text-decoration: none;
  border: 0;
  padding: 14px 18px;
  border-radius: 14px;
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
  font-size: 16px;
}
.primary-button:hover { background: var(--accent-dark); }
.grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.card { padding: 18px; }
.card h2 { margin: 0 0 8px; font-size: 20px; }
.status-list { padding: 12px; }
.status-row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 14px 12px;
  border-bottom: 1px solid var(--border);
}
.status-row:last-child { border-bottom: 0; }
.ok { color: var(--ok); font-weight: 800; }
.bad { color: var(--bad); font-weight: 800; }
.auth-body {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 22px;
  background: radial-gradient(circle at top left, #dbeafe, transparent 34%), var(--bg);
}
.auth-shell { width: min(560px, 100%); }
.auth-card { padding: 28px; }
.form-card { display: grid; gap: 15px; margin-top: 20px; }
.form-card label { display: grid; gap: 7px; font-weight: 700; }
.form-card input {
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 14px;
  font-size: 16px;
  outline: none;
}
.form-card input:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(29,78,216,.12);
}
.alert {
  margin-top: 16px;
  padding: 12px 14px;
  border-radius: 12px;
  font-weight: 700;
}
.ok-alert { color: var(--ok); background: var(--soft-ok); border: 1px solid #bbf7d0; }
.bad-alert { color: var(--bad); background: var(--soft-bad); border: 1px solid #fecaca; }
@media (max-width: 900px) {
  .app-shell { grid-template-columns: 1fr; }
  .sidebar { position: static; }
  .content { padding: 16px; }
  .hero-card { align-items: flex-start; flex-direction: column; }
  .grid { grid-template-columns: 1fr; }
  h1 { font-size: 28px; }
}

/* V3 RESERVATION 1 */
.hero-compact { align-items: flex-start; }
.secondary-button,
.ghost-button,
.small-button {
  display: inline-block;
  text-decoration: none;
  border-radius: 12px;
  font-weight: 700;
  cursor: pointer;
  font-size: 15px;
}
.secondary-button {
  background: #0f172a;
  color: #ffffff;
  border: 0;
  padding: 13px 16px;
  white-space: nowrap;
}
.secondary-button:hover { background: #1e293b; }
.ghost-button {
  color: var(--accent);
  border: 1px solid var(--border);
  background: #ffffff;
  padding: 12px 14px;
}
.small-button {
  color: #ffffff;
  background: var(--accent);
  padding: 9px 12px;
  font-size: 14px;
}
.module-card { display: grid; gap: 10px; align-content: start; }
.filter-card { margin-bottom: 16px; }
.filter-form {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr auto;
  gap: 12px;
  align-items: end;
}
.filter-form label {
  display: grid;
  gap: 7px;
  color: var(--muted);
  font-weight: 700;
  font-size: 14px;
}
.filter-form input,
.filter-form select {
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 12px;
  color: var(--text);
  background: #ffffff;
  font-size: 15px;
}
.filter-actions { display: flex; gap: 8px; }
.table-card { margin-top: 16px; }
.section-title-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 12px;
}
.section-title-row h2 { margin: 0 0 4px; }
.section-title-row p { margin: 0; }
.responsive-table { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; }
th, td {
  text-align: left;
  padding: 14px 12px;
  border-bottom: 1px solid var(--border);
  vertical-align: top;
}
th {
  color: var(--muted);
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .04em;
}
td small { color: var(--muted); }
.status-pill {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 13px;
  font-weight: 800;
  background: #eef2ff;
  color: #3730a3;
  white-space: nowrap;
}
.status-cancelled { background: var(--soft-bad); color: var(--bad); }
.status-completed { background: var(--soft-ok); color: var(--ok); }
.empty-state {
  border: 1px dashed var(--border);
  border-radius: 14px;
  padding: 22px;
  background: #f8fafc;
}
.pagination {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  color: var(--muted);
  font-weight: 700;
}
.detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.detail-card h2,
.note-card h2 { margin-top: 0; }
.info-list { display: grid; }
.info-list div {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 12px;
  padding: 11px 0;
  border-bottom: 1px solid var(--border);
}
.info-list div:last-child { border-bottom: 0; }
.info-list span { color: var(--muted); font-weight: 700; }
.info-list strong { overflow-wrap: anywhere; }
.note-card { margin-top: 16px; }
@media (max-width: 1100px) {
  .filter-form { grid-template-columns: 1fr 1fr; }
  .filter-actions { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
  .filter-form,
  .detail-grid { grid-template-columns: 1fr; }
  .info-list div { grid-template-columns: 1fr; gap: 4px; }
  .pagination { justify-content: flex-start; flex-wrap: wrap; }
}


/* V3 RESERVATION 1A - visual polish */
.app-shell { grid-template-columns: 280px 1fr; }
.sidebar { padding: 22px 20px; }
.sidebar nav { gap: 8px; }
.sidebar-user {
  margin-top: auto;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
  border-radius: 18px;
  padding: 13px;
  display: grid;
  gap: 10px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.user-row { grid-template-columns: 36px minmax(0, 1fr); gap: 10px; }
.user-avatar { width: 36px; height: 36px; border-radius: 13px; font-size: 16px; }
.user-name { display:block; font-size: 15px; line-height: 1.2; }
.user-email { display:block; font-size: 12px; line-height: 1.25; color: #bfdbfe; overflow-wrap:anywhere; }
.logout-link {
  display: block !important;
  width: 100%;
  text-align: center;
  background: rgba(255,255,255,.13) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 13px;
  padding: 10px 12px !important;
  font-size: 14px !important;
  font-weight: 800;
}
.logout-link:hover { background: rgba(255,255,255,.22) !important; }
.content { padding: 24px 26px; }
.reservation-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}
.reservation-hero p { max-width: 760px; }
.page-alert { margin: 0 0 14px 0; }
.filter-card { padding: 16px 18px; }
.filter-form {
  grid-template-columns: minmax(220px, 1.6fr) minmax(150px, .8fr) minmax(150px, .8fr) minmax(150px, .8fr) auto;
  gap: 12px;
}
.filter-actions { align-items: end; }
.filter-actions .primary-button,
.filter-actions .ghost-button { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.reservation-card { padding: 18px; }
.reservation-list { display: grid; gap: 12px; }
.reservation-item {
  display: grid;
  grid-template-columns: minmax(210px, 1.35fr) minmax(180px, 1fr) minmax(170px, .95fr) minmax(130px, .7fr) minmax(95px, .55fr) auto;
  gap: 14px;
  align-items: center;
  padding: 14px 14px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: #ffffff;
}
.reservation-item:hover { background: #f8fafc; border-color: #cbd5e1; }
.reservation-no-line { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; }
.reservation-no { font-size: 17px; color: #0f172a; }
.reservation-sub-line,
.reservation-item small { color: var(--muted); font-size: 13px; line-height: 1.3; }
.field-label {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-bottom: 3px;
}
.reservation-customer,
.reservation-tour,
.reservation-date,
.reservation-money { min-width: 0; }
.reservation-customer strong,
.reservation-tour strong,
.reservation-date strong,
.reservation-money strong {
  display: block;
  color: #0f172a;
  overflow-wrap: anywhere;
}
.channel-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 5px 9px;
  font-size: 12px;
  font-weight: 800;
  background: #e0f2fe;
  color: #075985;
}
.reservation-actions { justify-self: end; }
.reservation-actions .small-button { min-width: 74px; text-align:center; }
@media (max-width: 1180px) {
  .reservation-item {
    grid-template-columns: minmax(240px, 1.2fr) minmax(190px, 1fr) minmax(170px, 1fr) auto;
  }
  .reservation-money { grid-column: 2 / 3; }
  .reservation-actions { grid-column: 4 / 5; }
}
@media (max-width: 900px) {
  .app-shell { grid-template-columns: 1fr; }
  .reservation-hero { grid-template-columns: 1fr; }
  .sidebar-user { margin-top: 16px; }
  .filter-form { grid-template-columns: 1fr 1fr; }
  .filter-actions { grid-column: 1 / -1; }
  .reservation-item { grid-template-columns: 1fr 1fr; align-items: start; }
  .reservation-main { grid-column: 1 / -1; }
  .reservation-actions { justify-self: start; grid-column: 1 / -1; }
}
@media (max-width: 620px) {
  .content { padding: 14px; }
  .filter-form,
  .reservation-item { grid-template-columns: 1fr; }
  .reservation-money,
  .reservation-actions { grid-column: auto; }
  .secondary-button,
  .primary-button,
  .ghost-button,
  .small-button { width: 100%; text-align: center; }
}

/* V3 RESERVATION 2 - manual create/edit */
.hero-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.hero-actions form { margin: 0; }
.light-button {
  background: #eef2ff;
  color: #1d4ed8;
}
.light-button:hover { background: #dbeafe; }
.reservation-actions {
  display: flex;
  flex-direction: column;
  gap: 7px;
  align-items: stretch;
}
.form-panel { padding: 20px; }
.reservation-form { display: grid; gap: 20px; }
.form-section-title {
  border-top: 1px solid var(--border);
  padding-top: 18px;
}
.form-section-title:first-child {
  border-top: 0;
  padding-top: 0;
}
.form-section-title h2 {
  margin: 0 0 4px;
  font-size: 20px;
}
.form-section-title p {
  margin: 0;
  font-size: 14px;
}
.form-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.form-grid label {
  display: grid;
  gap: 7px;
  color: var(--muted);
  font-weight: 800;
  font-size: 14px;
}
.form-grid input,
.form-grid select,
.form-grid textarea {
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 13px;
  padding: 13px;
  color: var(--text);
  background: #ffffff;
  font-size: 15px;
  font-family: inherit;
}
.form-grid textarea { resize: vertical; min-height: 110px; }
.form-grid input:focus,
.form-grid select:focus,
.form-grid textarea:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(29,78,216,.12);
}
.full-field { grid-column: 1 / -1; }
.form-grid-money { grid-template-columns: minmax(150px, .7fr) minmax(150px, .7fr) minmax(0, 2fr); }
.safe-note {
  border: 1px solid #bfdbfe;
  background: #eff6ff;
  color: #1e3a8a;
  border-radius: 14px;
  padding: 13px 14px;
  font-weight: 700;
  line-height: 1.45;
}
.form-actions {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}
@media (max-width: 980px) {
  .form-grid,
  .form-grid-money { grid-template-columns: 1fr 1fr; }
  .full-field { grid-column: 1 / -1; }
}
@media (max-width: 620px) {
  .hero-actions,
  .form-actions { justify-content: stretch; }
  .hero-actions > *,
  .hero-actions form,
  .form-actions > * { width: 100%; }
  .form-grid,
  .form-grid-money { grid-template-columns: 1fr; }
  .full-field { grid-column: auto; }
  .reservation-actions { width: 100%; }
}

/* V3 CLEAN DEMO 1 */
.cleanup-warning-card { margin-bottom: 16px; }
.cleanup-warning-card p { margin-top: 4px; }
.cleanup-rules {
  margin: 12px 0 0;
  padding-left: 20px;
  color: var(--muted);
  line-height: 1.6;
}
.cleanup-list {
  display: grid;
  gap: 12px;
}
.cleanup-item {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 12px;
  align-items: start;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: #ffffff;
  cursor: pointer;
}
.cleanup-item:hover { background: #f8fafc; border-color: #cbd5e1; }
.cleanup-item input { margin-top: 7px; width: 18px; height: 18px; }
.cleanup-main { min-width: 0; display: grid; gap: 6px; }
.cleanup-title-line { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.cleanup-title-line strong { font-size: 17px; color: #0f172a; }
.cleanup-sub-line { color: var(--muted); font-size: 14px; overflow-wrap: anywhere; }
.cleanup-reason {
  display: inline-block;
  width: fit-content;
  border-radius: 999px;
  padding: 5px 10px;
  background: #fff7ed;
  color: #9a3412;
  font-weight: 800;
  font-size: 13px;
}
.cleanup-actions { margin-top: 16px; }
.danger-button {
  display: inline-block;
  background: #b91c1c;
  color: #ffffff;
  border: 0;
  text-decoration: none;
  padding: 14px 18px;
  border-radius: 14px;
  font-weight: 800;
  white-space: nowrap;
  cursor: pointer;
  font-size: 16px;
}
.danger-button:hover { background: #991b1b; }
@media (max-width: 620px) {
  .cleanup-item { grid-template-columns: 1fr; }
  .cleanup-item input { margin-top: 0; }
  .danger-button { width: 100%; }
}

/* V3 ADMIN LISTS 1 */
.admin-lists-layout {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  display: grid;
  grid-template-columns: 290px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}
.list-groups-card {
  position: sticky;
  top: 18px;
}
.list-groups-card h2,
.list-add-card h2 { margin: 0 0 8px; }
.list-groups-card p,
.list-add-card p { margin-top: 0; }
.list-group-nav {
  display: grid;
  gap: 8px;
  margin-top: 14px;
}
.list-group-link {
  display: grid;
  gap: 4px;
  text-decoration: none;
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: 13px;
  padding: 12px;
  background: #ffffff;
}
.list-group-link:hover,
.list-group-link.active {
  border-color: #bfdbfe;
  background: #eff6ff;
}
.list-group-link span { font-weight: 800; }
.list-group-link small { color: var(--muted); }
.admin-lists-main {
  display: grid;
  gap: 16px;
  min-width: 0;
}
.list-items-cards {
  display: grid;
  gap: 10px;
}
.list-item-card {
  border: 1px solid var(--border);
  border-radius: 16px;
  background: #ffffff;
  padding: 14px;
  display: grid;
  gap: 12px;
}
.list-item-card.is-passive {
  opacity: .68;
  background: #f8fafc;
}
.list-item-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}
.list-item-title-row {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
.list-item-title-row h3 {
  margin: 0;
  font-size: 18px;
}
.list-item-code {
  margin-top: 5px;
  color: var(--muted);
  font-weight: 800;
  letter-spacing: .02em;
  overflow-wrap: anywhere;
}
.list-item-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.list-item-meta span {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 9px 10px;
  min-width: 0;
  overflow-wrap: anywhere;
  background: #f8fafc;
}
.list-item-meta strong {
  display: block;
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-bottom: 3px;
}
.muted-row { opacity: .62; }
.table-action-button {
  padding: 8px 10px;
  font-size: 13px;
  white-space: nowrap;
}
.list-add-card textarea { min-height: 74px; }
@media (max-width: 1050px) {
  .admin-lists-layout { grid-template-columns: 1fr; }
  .list-groups-card { position: static; }
  .list-group-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .list-item-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 650px) {
  .list-group-nav,
  .list-item-meta { grid-template-columns: 1fr; }
  .list-item-main { grid-template-columns: 1fr; }
  .list-item-main form,
  .list-item-main button { width: 100%; }
}


/* V3 ADMIN LISTS 1B - SIMPLE MODE */
.list-item-card {
  gap: 8px;
}
.list-item-main-simple {
  align-items: center;
}
.list-item-simple-title {
  min-width: 0;
}
.list-item-details {
  border-top: 1px dashed #e5e7eb;
  padding-top: 8px;
}
.list-item-details summary {
  color: var(--muted);
  font-weight: 800;
  font-size: 13px;
  cursor: pointer;
  width: fit-content;
  padding: 4px 0;
  user-select: none;
}
.list-item-details summary:hover {
  color: var(--brand);
}
.list-item-details .list-item-meta {
  margin-top: 8px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.list-item-details:not([open]) {
  border-top: 0;
  padding-top: 0;
}
.list-item-card .list-item-code {
  display: none;
}
.list-group-link small {
  font-size: 13px;
}
@media (max-width: 1150px) {
  .list-item-details .list-item-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 650px) {
  .list-item-details .list-item-meta {
    grid-template-columns: 1fr;
  }
}

/* V3 CHANNEL MAP 1A - detail readability polish */
.channel-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 16px;
}
.channel-summary-card,
.parser-preview-card,
.readable-mail-card,
.technical-mail-card {
  overflow: hidden;
}
.kv-list {
  display: grid;
  gap: 0;
}
.kv-row {
  display: grid;
  grid-template-columns: minmax(130px, .42fr) minmax(0, 1fr);
  gap: 14px;
  padding: 10px 0;
  border-bottom: 1px solid var(--border);
  align-items: start;
}
.kv-row:last-child { border-bottom: 0; }
.kv-label {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  line-height: 1.3;
}
.kv-value {
  color: #0f172a;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}
.kv-value.muted-value {
  color: var(--muted);
  font-weight: 700;
}
.parser-preview-card .section-title-row {
  border-bottom: 1px solid var(--border);
  padding-bottom: 12px;
  margin-bottom: 14px;
}
.parser-groups {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.parser-group {
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 14px;
  background: #f8fafc;
  min-width: 0;
}
.parser-group h3 {
  margin: 0 0 8px;
  font-size: 15px;
  color: #0f172a;
}
.parser-group .kv-row {
  grid-template-columns: minmax(110px, .38fr) minmax(0, 1fr);
  padding: 8px 0;
}
.parser-group .kv-label { font-size: 11px; }
.parser-group .kv-value { font-size: 14px; font-weight: 700; }
.map-ok-box {
  display: grid;
  gap: 8px;
  border: 1px solid #bbf7d0;
  background: #ecfdf5;
  color: #065f46;
  border-radius: 14px;
  padding: 12px;
  margin: 0 0 14px;
}
.map-warn-box {
  display: grid;
  gap: 8px;
  border: 1px solid #fde68a;
  background: #fffbeb;
  color: #92400e;
  border-radius: 14px;
  padding: 12px;
  margin: 0 0 14px;
}
.map-status-title {
  font-weight: 900;
  font-size: 15px;
}
.channel-pre-box {
  max-height: 420px;
  overflow: auto;
  background: #0f172a;
  color: #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  font-size: 13px;
  line-height: 1.5;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.readable-mail-box {
  background: #f8fafc;
  color: #0f172a;
  border: 1px solid var(--border);
}
.channel-detail-note {
  margin: 0 0 12px;
}
@media (max-width: 1050px) {
  .channel-detail-grid,
  .parser-groups { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .kv-row,
  .parser-group .kv-row { grid-template-columns: 1fr; gap: 4px; }
}

/* V3 CHANNEL MAP 1B - restore channel mail list/card readability after detail polish */
.channel-filter-form {
  grid-template-columns: minmax(220px, 2fr) minmax(130px, 1fr) minmax(130px, 1fr) minmax(130px, 1fr) minmax(110px, .8fr) minmax(140px, 1fr) minmax(140px, 1fr) auto;
  align-items: end;
}
.channel-mail-list {
  display: grid;
  gap: 12px;
}
.channel-mail-item {
  display: grid;
  grid-template-columns: minmax(260px, 1.5fr) minmax(180px, 1fr) minmax(170px, 1fr) minmax(150px, .9fr) auto;
  gap: 14px;
  align-items: center;
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: #ffffff;
}
.channel-mail-item:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
}
.channel-mail-main,
.channel-mail-item .reservation-customer,
.channel-mail-item .reservation-tour,
.channel-mail-item .reservation-date {
  min-width: 0;
}
.channel-mail-main .reservation-sub-line {
  margin-top: 6px;
  overflow-wrap: anywhere;
}
.channel-mail-item .reservation-no-line {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
}
.channel-mail-item .reservation-actions {
  justify-self: end;
}
.channel-mail-item small {
  display: block;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.risk-pill {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 4px 9px;
  font-size: 12px;
  font-weight: 800;
  background: #f1f5f9;
  color: #334155;
}
.risk-low { background: #ecfdf5; color: #047857; }
.risk-medium { background: #fffbeb; color: #b45309; }
.risk-high { background: #fef2f2; color: #b91c1c; }
.risk-unknown { background: #f1f5f9; color: #475569; }
.raw-mail-box {
  white-space: pre-wrap;
  word-break: break-word;
  background: #0f172a;
  color: #e2e8f0;
  padding: 16px;
  border-radius: 14px;
  overflow: auto;
  max-height: 440px;
  font-size: 14px;
  line-height: 1.5;
}
.raw-mail-card { margin-top: 16px; }
@media (max-width: 1180px) {
  .channel-filter-form { grid-template-columns: 1fr 1fr; }
  .channel-mail-item { grid-template-columns: 1fr; align-items: stretch; }
  .channel-mail-item .reservation-actions { justify-self: start; }
}
@media (max-width: 720px) {
  .channel-filter-form { grid-template-columns: 1fr; }
  .channel-mail-item .small-button { width: 100%; text-align: center; }
}

/* V3 CHANNEL MAP 1C - no horizontal scroll fix */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

.app-shell {
  grid-template-columns: 280px minmax(0, 1fr) !important;
  max-width: 100vw;
  overflow-x: hidden;
}

.content {
  min-width: 0;
  max-width: 100%;
  overflow-x: hidden;
}

.hero-card,
.card,
.channel-hero,
.channel-filter-card,
.channel-mail-card {
  max-width: 100%;
  overflow: hidden;
}

.channel-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
}

.channel-hero h1,
.channel-hero p,
.channel-mail-card h2,
.channel-mail-card p {
  overflow-wrap: anywhere;
}

.hero-actions {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  max-width: 100%;
}

.hero-actions .primary-button,
.hero-actions .secondary-button,
.hero-actions .ghost-button {
  max-width: 100%;
  white-space: normal;
  text-align: center;
}

.channel-filter-form {
  display: grid !important;
  grid-template-columns: minmax(220px, 1.6fr) repeat(4, minmax(120px, .75fr)) minmax(140px, .85fr) minmax(140px, .85fr) auto !important;
  gap: 10px;
  align-items: end;
  min-width: 0;
}

.channel-filter-form label,
.channel-filter-form input,
.channel-filter-form select {
  min-width: 0;
  max-width: 100%;
}

.channel-filter-form input,
.channel-filter-form select {
  font-size: 14px;
  padding: 11px 10px;
}

.channel-filter-form .filter-actions {
  min-width: 0;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.channel-mail-list {
  display: grid;
  gap: 12px;
  min-width: 0;
  max-width: 100%;
}

.channel-mail-item {
  display: grid !important;
  grid-template-columns: minmax(260px, 1.45fr) minmax(180px, 1fr) minmax(150px, .85fr) minmax(165px, .85fr) minmax(74px, auto) !important;
  gap: 14px;
  align-items: center;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: 14px 16px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: #fff;
  overflow: hidden;
}

.channel-mail-item > *,
.channel-mail-main,
.reservation-customer,
.reservation-tour,
.reservation-date,
.reservation-actions {
  min-width: 0;
  max-width: 100%;
}

.channel-mail-main .reservation-sub-line,
.channel-mail-item small,
.channel-mail-item strong,
.channel-mail-item .reservation-no {
  overflow-wrap: anywhere;
  word-break: normal;
}

.channel-mail-item .reservation-no-line {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
}

.channel-mail-item .reservation-actions {
  justify-self: end;
}

.channel-mail-item .reservation-actions .small-button {
  min-width: 70px;
  text-align: center;
}

@media (max-width: 1250px) {
  .channel-filter-form {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .channel-filter-form label:first-of-type {
    grid-column: span 2;
  }
  .channel-filter-form .filter-actions {
    grid-column: span 2;
  }
  .channel-mail-item {
    grid-template-columns: minmax(260px, 1.2fr) minmax(180px, 1fr) minmax(150px, .8fr) auto !important;
  }
  .channel-mail-item .reservation-date {
    grid-column: 2 / 4;
  }
  .channel-mail-item .reservation-actions {
    grid-column: 4 / 5;
  }
}

@media (max-width: 980px) {
  .app-shell {
    grid-template-columns: 1fr !important;
  }
  .channel-hero {
    grid-template-columns: 1fr !important;
  }
  .hero-actions {
    justify-content: flex-start;
  }
  .channel-filter-form {
    grid-template-columns: 1fr 1fr !important;
  }
  .channel-filter-form label:first-of-type,
  .channel-filter-form .filter-actions {
    grid-column: 1 / -1;
  }
  .channel-mail-item {
    grid-template-columns: 1fr 1fr !important;
    align-items: start;
  }
  .channel-mail-main,
  .channel-mail-item .reservation-actions {
    grid-column: 1 / -1;
  }
  .channel-mail-item .reservation-date {
    grid-column: auto;
  }
  .channel-mail-item .reservation-actions {
    justify-self: start;
  }
}

@media (max-width: 640px) {
  .channel-filter-form,
  .channel-mail-item {
    grid-template-columns: 1fr !important;
  }
  .channel-filter-form label:first-of-type,
  .channel-filter-form .filter-actions,
  .channel-mail-main,
  .channel-mail-item .reservation-date,
  .channel-mail-item .reservation-actions {
    grid-column: auto;
  }
  .hero-actions,
  .hero-actions > *,
  .hero-actions form,
  .hero-actions a,
  .hero-actions button,
  .channel-filter-form .filter-actions,
  .channel-filter-form .filter-actions a,
  .channel-filter-form .filter-actions button {
    width: 100%;
  }
}

/* V3 CHANNEL MAP 1D - filter date layout fix */
.channel-filter-card,
.channel-filter-card .card-body,
.channel-filter-form {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.channel-filter-form {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: end !important;
  gap: 10px !important;
  width: 100% !important;
}

.channel-filter-form label {
  flex: 1 1 145px !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.channel-filter-form label:first-of-type {
  flex: 2 1 280px !important;
}

.channel-filter-form label:has(input[type="date"]) {
  flex: 0 1 150px !important;
}

.channel-filter-form input,
.channel-filter-form select {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.channel-filter-form input[type="date"] {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 150px !important;
  font-size: 13px !important;
  padding-left: 9px !important;
  padding-right: 8px !important;
}

.channel-filter-form .filter-actions {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

@media (max-width: 1200px) {
  .channel-filter-form label {
    flex: 1 1 160px !important;
  }
  .channel-filter-form label:first-of-type {
    flex: 2 1 260px !important;
  }
  .channel-filter-form label:has(input[type="date"]) {
    flex: 1 1 145px !important;
  }
  .channel-filter-form input[type="date"] {
    max-width: 100% !important;
  }
}

@media (max-width: 720px) {
  .channel-filter-form label,
  .channel-filter-form label:first-of-type,
  .channel-filter-form label:has(input[type="date"]),
  .channel-filter-form .filter-actions {
    flex: 1 1 100% !important;
  }
}

/* V3 CHANNEL WARNINGS 1 */
.channel-warning-strip {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.channel-warning-strip span {
  flex: 1 1 280px;
}
.warning-summary-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(120px, 1fr));
  gap: 12px;
  margin: 0 0 16px;
}
.warning-summary-card {
  border: 1px solid var(--border);
  border-radius: 16px;
  background: #fff;
  padding: 14px 16px;
  min-width: 0;
}
.warning-summary-card span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.warning-summary-card strong {
  display: block;
  margin-top: 5px;
  font-size: 26px;
  line-height: 1;
}
.warning-mail-item {
  border-color: #f2c94c !important;
  background: #fffdf4 !important;
}
.status-pill.status-ready_to_create,
.status-pill.status-parsed_ok,
.status-pill.status-message_ready {
  background: #e8f8ef;
  color: #176a36;
}
.status-pill.status-map_missing,
.status-pill.status-parser_failed,
.status-pill.status-change_review,
.status-pill.status-refund_review,
.status-pill.status-message_unlinked,
.status-pill.status-message_link_pending,
.status-pill.status-waiting_review {
  background: #fff0d6;
  color: #8a4b00;
}
.status-pill.status-skipped,
.status-pill.status-skipped_review {
  background: #eef2f7;
  color: #526071;
}
.risk-pill.risk-high {
  background: #ffe1e1;
  color: #9b1c1c;
}
.risk-pill.risk-medium {
  background: #fff0d6;
  color: #8a4b00;
}
.risk-pill.risk-low {
  background: #e8f8ef;
  color: #176a36;
}
@media (max-width: 1100px) {
  .warning-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .warning-summary-grid {
    grid-template-columns: 1fr;
  }
}


/* CHANNEL WARNINGS 1A */
.danger-light-button {
  border-color: #fecaca !important;
  color: #991b1b !important;
  background: #fff7f7 !important;
}
.danger-light-button:hover {
  background: #fee2e2 !important;
}

/* CHANNEL-DRAFT-1 - read-only reservation draft preview */
.channel-mail-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.draft-button {
  background: #0f766e !important;
  border-color: #0f766e !important;
  color: #ffffff !important;
}
.channel-draft-guard {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.channel-draft-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  gap: 16px;
  margin-bottom: 16px;
}
.channel-draft-card,
.channel-draft-main-card {
  overflow: hidden;
}
.payment-draft-card {
  border-color: #99f6e4;
  background: linear-gradient(180deg, #ffffff 0%, #f0fdfa 100%);
}
.payment-big-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 12px 0;
}
.payment-big-row > div {
  border: 1px solid var(--border);
  border-radius: 16px;
  background: #ffffff;
  padding: 14px;
  min-width: 0;
}
.payment-big-row span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-bottom: 6px;
}
.payment-big-row strong {
  display: block;
  color: #0f172a;
  font-size: 20px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}
.channel-draft-groups {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 1050px) {
  .channel-draft-grid,
  .channel-draft-groups,
  .payment-big-row {
    grid-template-columns: 1fr;
  }
  .channel-mail-actions {
    justify-content: flex-start;
  }
}


/* V3-OPERATIONAL-RESET-1 */
.reset-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 16px;
}
.reset-card {
  overflow: hidden;
}
.reset-card h2 {
  margin-top: 0;
}
.reset-result-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.reset-result-grid span {
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 999px;
  padding: 5px 10px;
}
.reset-notes {
  margin: 10px 0 18px;
  padding-left: 22px;
}
.reset-checkbox {
  margin: 12px 0;
}
.danger-button {
  border: 0;
  border-radius: 10px;
  background: #b42318;
  color: #fff;
  font-weight: 700;
  padding: 11px 16px;
  cursor: pointer;
}
.danger-button:hover {
  filter: brightness(.95);
}
.warning-alert {
  border: 1px solid #f6c343;
  background: #fff8e1;
  color: #6b4e00;
}
.danger-alert {
  border: 1px solid #f3a2a2;
  background: #fff1f1;
  color: #7f1d1d;
}
.danger-status {
  background: #fee2e2;
  color: #991b1b;
}
.ok-status {
  background: #dcfce7;
  color: #166534;
}
.compact-table table td,
.compact-table table th {
  font-size: 12px;
}
.form-label {
  display: block;
  font-weight: 700;
  margin-bottom: 6px;
}
.form-input {
  width: 100%;
  max-width: 520px;
  border: 1px solid #d0d5dd;
  border-radius: 10px;
  padding: 10px 12px;
}
.checkbox-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 980px) {
  .reset-grid {
    grid-template-columns: 1fr;
  }
}

/* WEBSITE CMS 1A */
.website-admin-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(360px, .7fr);
  gap: 18px;
  align-items: start;
}
.website-tour-list { display: grid; gap: 14px; }
.website-tour-item {
  display: grid;
  grid-template-columns: 156px minmax(0, 1fr);
  gap: 14px;
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 12px;
  background: #fff;
}
.website-tour-item.is-passive { opacity: .62; background: #f8fafc; }
.website-tour-thumb {
  min-height: 116px;
  border-radius: 14px;
  border: 1px solid var(--border);
  overflow: hidden;
  background: linear-gradient(135deg, #dbeafe, #fef3c7);
  display: grid;
  place-items: center;
  color: var(--muted);
  font-weight: 800;
  text-align: center;
}
.website-tour-thumb img {
  width: 100%;
  height: 100%;
  min-height: 116px;
  object-fit: cover;
  display: block;
}
.website-tour-main { display: grid; gap: 8px; }
.website-tour-main p { margin: 0; }
.website-tour-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}
.website-tour-actions form { margin: 0; }
.website-tour-form-card { position: sticky; top: 16px; }
.one-col-form { grid-template-columns: 1fr !important; }
.two-col-form { grid-template-columns: 1fr 1fr !important; }
.checkbox-stack {
  display: grid;
  gap: 10px;
  align-content: center;
  padding: 10px 0;
}
.checkbox-stack label {
  display: flex !important;
  flex-direction: row !important;
  gap: 8px !important;
  align-items: center;
  font-weight: 700;
}
.checkbox-stack input { width: auto !important; }
@media (max-width: 1100px) {
  .website-admin-layout { grid-template-columns: 1fr; }
  .website-tour-form-card { position: static; }
}
@media (max-width: 720px) {
  .website-tour-item { grid-template-columns: 1fr; }
  .two-col-form { grid-template-columns: 1fr !important; }
}


.danger-checkline{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid rgba(220,38,38,.28);border-radius:12px;background:rgba(254,226,226,.45);font-weight:700;color:#7f1d1d}.danger-checkline input{margin-top:3px;min-width:16px}


/* OPERATION-DISPATCH-1B
   Ana operasyon ekranı sadece sahaya sevk ekranıdır. Rehber/araç/şoför ataması saha ekranlarına bırakılır. */
.operation-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
  gap: 16px;
  align-items: start;
}
.operation-filter-card .filter-form {
  grid-template-columns: 170px 190px minmax(220px, 1fr) auto;
}
.operation-create-box {
  display: grid;
  grid-template-columns: 190px minmax(260px, 1fr) auto;
  gap: 10px;
  align-items: end;
  padding: 14px;
  border: 1px solid var(--border-color, #e5e7eb);
  border-radius: 14px;
  background: #f8fafc;
  margin-bottom: 14px;
}
.operation-create-box label,
.operation-danger-card label {
  display: grid;
  gap: 6px;
  font-weight: 700;
  color: #334155;
}
.operation-create-box input,
.operation-create-box select,
.operation-danger-card input {
  width: 100%;
  min-height: 38px;
  border: 1px solid #dbe3ef;
  border-radius: 10px;
  padding: 8px 10px;
  background: #fff;
}
.operation-note-field { grid-column: auto; }
.operation-table-wrap table td small,
.operation-table-wrap table td a + small,
.operation-detail-grid table td small {
  display: block;
  color: #64748b;
  margin-top: 3px;
  font-size: 12px;
}
.operation-group-list { display: grid; gap: 10px; }
.operation-group-card {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #fff;
  color: inherit;
  text-decoration: none;
}
.operation-group-card:hover { border-color: #93c5fd; background: #f8fbff; }
.operation-group-card strong { display: block; font-size: 15px; }
.operation-group-card span,
.operation-group-card small { color: #64748b; }
.operation-group-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}
.operation-group-metrics > span:not(.status-pill) {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  border-radius: 999px;
  padding: 0 8px;
  background: #f1f5f9;
  color: #334155;
  font-size: 12px;
  font-weight: 800;
}
.status-pill {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 0 8px;
  background: #f1f5f9;
  color: #334155;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}
.status-pill.ok { background: #dcfce7; color: #166534; }
.status-pill.danger { background: #fee2e2; color: #991b1b; }
.status-pill.neutral { background: #e0f2fe; color: #075985; }
.operation-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .42fr);
  gap: 16px;
  align-items: start;
  margin-bottom: 16px;
}
.operation-summary-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.operation-summary-grid div {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 10px;
  background: #f8fafc;
}
.operation-summary-grid span {
  display: block;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
  margin-bottom: 4px;
}
.operation-summary-grid strong { display: block; overflow-wrap: anywhere; }
.operation-danger-card p { color: #64748b; line-height: 1.45; }
.operation-danger-card form { display: grid; gap: 10px; }
.danger-button {
  border: 0;
  border-radius: 10px;
  min-height: 40px;
  padding: 0 14px;
  background: #dc2626;
  color: #fff;
  font-weight: 800;
  cursor: pointer;
}
.empty-state {
  padding: 22px;
  border: 1px dashed #cbd5e1;
  border-radius: 14px;
  color: #64748b;
  text-align: center;
  background: #f8fafc;
}
@media (max-width: 1100px) {
  .operation-grid,
  .operation-detail-grid { grid-template-columns: 1fr; }
  .operation-create-box,
  .operation-filter-card .filter-form { grid-template-columns: 1fr 1fr; }
  .operation-note-field { grid-column: 1 / -1; }
}
@media (max-width: 720px) {
  .operation-create-box,
  .operation-filter-card .filter-form,
  .operation-summary-grid { grid-template-columns: 1fr; }
}


/* OPERATION-FIELD-DAILY-1A
   Daily saha atamasi: rehber/arac/sofor ana sevk ekranindan sonra burada yapilir. */
.operation-create-box .primary-button{
  width:100%;
  min-width:0;
  white-space:normal;
  line-height:1.15;
}
.daily-field-filter{
  grid-template-columns:170px minmax(240px,1fr) auto !important;
}
.daily-stats-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:16px;
}
.daily-stat-card{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:14px;
  padding:14px;
  box-shadow:0 8px 24px rgba(15,23,42,.04);
}
.daily-stat-card span{
  display:block;
  color:#64748b;
  font-size:12px;
  font-weight:800;
  margin-bottom:6px;
}
.daily-stat-card strong{
  display:block;
  font-size:24px;
}
.daily-field-list{
  display:grid;
  gap:16px;
}
.daily-field-card{
  display:grid;
  gap:14px;
}
.daily-field-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid #e2e8f0;
  padding-bottom:12px;
}
.daily-field-head h2{margin:0 0 5px;}
.daily-field-head p{margin:0;}
.daily-field-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.daily-assignment-form{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr)) minmax(240px,1.2fr) auto;
  gap:10px;
  align-items:end;
  padding:14px;
  border:1px solid #e2e8f0;
  border-radius:14px;
  background:#f8fafc;
}
.daily-assignment-form label{
  display:grid;
  gap:6px;
  color:#334155;
  font-weight:800;
}
.daily-assignment-form input,
.daily-assignment-form select{
  width:100%;
  min-height:38px;
  border:1px solid #dbe3ef;
  border-radius:10px;
  padding:8px 10px;
  background:#fff;
}
.daily-assignment-form label small{
  display:block;
  color:#b45309;
  font-size:11px;
  font-weight:800;
  line-height:1.25;
}
.daily-assignment-form .primary-button{
  width:100%;
  min-width:0;
  white-space:normal;
  line-height:1.15;
}
.daily-field-table table td small{
  display:block;
  color:#64748b;
  margin-top:3px;
  font-size:12px;
}
@media(max-width:1180px){
  .daily-assignment-form{grid-template-columns:repeat(2,minmax(0,1fr));}
  .daily-note-field{grid-column:1 / -1;}
}
@media(max-width:720px){
  .daily-field-filter,
  .daily-stats-grid,
  .daily-assignment-form{grid-template-columns:1fr !important;}
  .daily-field-head{display:grid;}
}


/* ADMIN-CARDS-OPERATION-1B
   Kart tiplerini yazı/link gibi değil, buton/sekme gibi gösterir.
   Şoför ayrı kart tipidir; Personel şirket içi çalışan listesidir. */
.card-type-nav{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.card-type-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:38px;
  padding:8px 12px;
  border:1px solid #dbe3ef;
  border-radius:999px;
  background:#fff;
  color:#0f172a;
  text-decoration:none;
  font-weight:800;
  box-shadow:0 4px 12px rgba(15,23,42,.04);
}
.card-type-link:hover{
  border-color:#2563eb;
  background:#eff6ff;
  color:#1d4ed8;
}
.card-type-link.active{
  border-color:#2563eb;
  background:#2563eb;
  color:#fff;
}
.card-type-link span{
  display:inline-block;
  white-space:nowrap;
}
.card-type-link small{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:20px;
  padding:0 7px;
  border-radius:999px;
  background:#f1f5f9;
  color:#475569;
  font-size:11px;
  font-weight:900;
}
.card-type-link.active small{
  background:rgba(255,255,255,.18);
  color:#fff;
}
@media(max-width:720px){
  .card-type-nav{display:grid;grid-template-columns:1fr 1fr;}
  .card-type-link{width:100%;}
}

/* OPERATION-LIST-COMPACT-1C
   Operasyon ana havuz listesi kompakt hale getirildi.
   Pickup listede kisa gorunur; tam adres detay sayfasinda kalir. */
.operation-table-wrap{
  overflow-x:hidden !important;
  max-width:100%;
}
.op-pool-table{
  width:100%;
  min-width:0 !important;
  table-layout:fixed;
}
.op-pool-table th,
.op-pool-table td{
  padding:9px 7px;
  vertical-align:top;
  line-height:1.2;
}
.op-pool-table th{
  font-size:11px;
  white-space:nowrap;
}
.op-pool-table td{
  font-size:13px;
  overflow:hidden;
}
.op-pool-table small{
  display:block;
  margin-top:2px;
  color:#64748b;
  font-size:11px;
  line-height:1.15;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.op-col-check{width:32px;}
.op-col-time{width:58px;}
.op-col-ref{width:126px;}
.op-col-customer{width:118px;}
.op-col-tour{width:96px;}
.op-col-pax{width:42px;}
.op-col-pickup{width:auto;}
.op-col-channel{width:50px;}
.op-time-cell strong,
.op-pax-cell strong{
  white-space:nowrap;
}
.op-ref-cell a,
.op-customer-cell strong,
.op-tour-cell,
.op-pickup-cell,
.op-channel-cell{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
}
.op-ref-cell a,
.op-tour-cell,
.op-pickup-cell,
.op-channel-cell{
  white-space:nowrap;
}
.op-customer-cell strong{
  white-space:normal;
  max-height:32px;
  line-height:1.15;
}
.op-pickup-cell{
  color:#0f172a;
}
.operation-create-box{
  grid-template-columns:minmax(150px,190px) minmax(180px,1fr) minmax(160px,190px);
}
.operation-create-box .primary-button{
  width:100%;
  min-width:0;
  padding-left:10px;
  padding-right:10px;
  white-space:normal;
  line-height:1.15;
}
@media(max-width:1180px){
  .op-col-ref{width:116px;}
  .op-col-customer{width:108px;}
  .op-col-tour{width:88px;}
  .op-col-channel{width:44px;}
  .op-pool-table th,
  .op-pool-table td{padding:8px 5px;font-size:12px;}
}

/* ADMIN-CARDS-OPERATION-1B carry-forward
   Kart tipleri buton/sekme gibi görünür. Şoför ayrı kart tipidir; Personel şirket içi çalışan listesidir. */
.card-type-nav{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.card-type-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:38px;
  padding:8px 12px;
  border:1px solid #dbe3ef;
  border-radius:999px;
  background:#fff;
  color:#0f172a;
  text-decoration:none;
  font-weight:800;
  box-shadow:0 4px 12px rgba(15,23,42,.04);
}
.card-type-link:hover{border-color:#2563eb;background:#eff6ff;color:#1d4ed8;}
.card-type-link.active{border-color:#2563eb;background:#2563eb;color:#fff;}
.card-type-link span{display:inline-block;white-space:nowrap;}
.card-type-link small{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:20px;
  padding:0 7px;
  border-radius:999px;
  background:#f1f5f9;
  color:#475569;
  font-size:11px;
  font-weight:900;
}
.card-type-link.active small{background:rgba(255,255,255,.18);color:#fff;}

/* OPERATION-FIELD-OTHER-1A + OPERATION-LIST-COMPACT-1D
   Saha ekranları ve operasyon havuzunda kolon dengesi: checkbox/saat daha dar, tur daha geniş, kanal tek satır. */
.op-col-check{width:26px;}
.op-col-time{width:48px;}
.op-col-ref{width:122px;}
.op-col-customer{width:116px;}
.op-col-tour{width:132px;}
.op-col-pax{width:38px;}
.op-col-pickup{width:auto;}
.op-col-channel{width:42px;}
.op-pool-table th:first-child,
.op-pool-table td:first-child{padding-left:2px;padding-right:2px;text-align:center;}
.op-time-cell strong{font-size:12px;}
.op-channel-cell{white-space:nowrap;text-align:center;font-weight:900;}
.op-tour-cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.field-basic-list{display:grid;gap:14px;}
.field-basic-card{overflow:hidden;}
.field-note-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) 150px;
  gap:10px;
  align-items:end;
  padding:14px;
  border:1px solid #e2e8f0;
  border-radius:14px;
  background:#f8fafc;
}
.field-note-form label{display:grid;gap:6px;color:#334155;font-weight:800;}
.field-note-form input{
  width:100%;
  min-height:38px;
  border:1px solid #dbe3ef;
  border-radius:10px;
  padding:8px 10px;
  background:#fff;
}
.field-note-form .primary-button{width:100%;min-width:0;}
.field-basic-table table{table-layout:fixed;}
.field-basic-table th:nth-child(1),.field-basic-table td:nth-child(1){width:52px;}
.field-basic-table th:nth-child(2),.field-basic-table td:nth-child(2){width:130px;}
.field-basic-table th:nth-child(5),.field-basic-table td:nth-child(5){width:52px;text-align:center;}
.field-basic-table th:nth-child(7),.field-basic-table td:nth-child(7){width:120px;}
.field-basic-table td{vertical-align:top;}
.field-basic-table td small{display:block;color:#64748b;margin-top:3px;font-size:12px;}
@media(max-width:1180px){
  .op-col-ref{width:112px;}
  .op-col-customer{width:108px;}
  .op-col-tour{width:118px;}
  .op-col-time{width:44px;}
  .op-col-channel{width:38px;}
  .op-pool-table th,.op-pool-table td{padding:8px 4px;font-size:12px;}
}
@media(max-width:720px){
  .card-type-nav{display:grid;grid-template-columns:1fr 1fr;}
  .card-type-link{width:100%;}
  .field-note-form{grid-template-columns:1fr;}
}

/* OPERATION-AUTO-TARGET-1E
   Operasyon ana havuzunda kanal tek satır kalır; checkbox/saat dar, tur alanı daha okunur. */
.op-col-check{width:24px !important;}
.op-col-time{width:42px !important;}
.op-col-ref{width:116px !important;}
.op-col-customer{width:112px !important;}
.op-col-tour{width:150px !important;}
.op-col-pax{width:34px !important;}
.op-col-channel{width:38px !important;}
.op-pool-table th:first-child,
.op-pool-table td:first-child{padding-left:1px !important;padding-right:1px !important;text-align:center;}
.op-pool-table th,
.op-pool-table td{padding-left:4px !important;padding-right:4px !important;}
.op-channel-cell{
  display:table-cell !important;
  white-space:nowrap !important;
  text-align:center !important;
  vertical-align:middle !important;
  font-weight:900;
  overflow:hidden;
  text-overflow:clip;
  line-height:1.1;
}
.op-tour-cell{white-space:nowrap !important;overflow:hidden;text-overflow:ellipsis;}
.op-time-cell strong{font-size:12px;white-space:nowrap;}
@media(max-width:1180px){
  .op-col-tour{width:132px !important;}
  .op-col-customer{width:104px !important;}
  .op-col-ref{width:108px !important;}
  .op-col-time{width:40px !important;}
  .op-col-channel{width:36px !important;}
}

/* OPERATION-LIST-CARD-1F
   Operasyon ana havuzu tablo yerine kompakt kart satırı görünümü. Backend/iş akışı değişmez. */
.operation-card-list{
  display:grid;
  gap:8px;
  margin-top:10px;
}
.operation-pool-item{
  display:grid;
  grid-template-columns:26px 52px minmax(0,1fr) 48px;
  gap:8px;
  align-items:center;
  min-height:58px;
  padding:8px 10px;
  border:1px solid #e2e8f0;
  border-radius:12px;
  background:#fff;
  cursor:pointer;
  transition:background .12s ease,border-color .12s ease,box-shadow .12s ease;
}
.operation-pool-item:hover{
  border-color:#bfdbfe;
  background:#f8fbff;
}
.operation-pool-item:has(.operation-pool-check:checked){
  border-color:#2563eb;
  background:#eff6ff;
  box-shadow:0 0 0 2px rgba(37,99,235,.08);
}
.operation-pool-check{
  width:16px;
  height:16px;
  margin:0;
}
.operation-pool-time{
  font-size:14px;
  font-weight:900;
  color:#0f172a;
  white-space:nowrap;
  text-align:center;
}
.operation-pool-main{
  min-width:0;
  display:grid;
  gap:4px;
}
.operation-pool-primary{
  min-width:0;
  display:flex;
  align-items:center;
  gap:7px;
  white-space:nowrap;
  overflow:hidden;
}
.operation-pool-customer{
  min-width:0;
  max-width:210px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#0f172a;
}
.operation-pool-pax{
  flex:0 0 auto;
  min-height:22px;
  padding:2px 7px;
  border-radius:999px;
  background:#f1f5f9;
  color:#334155;
  font-size:12px;
  font-weight:900;
}
.operation-pool-tour{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#0f172a;
  font-weight:800;
}
.operation-pool-secondary{
  min-width:0;
  display:flex;
  align-items:center;
  gap:6px;
  color:#64748b;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
}
.operation-pool-secondary span,
.operation-pool-secondary a{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.operation-pool-rzv{
  flex:0 0 auto;
  color:#1d4ed8;
  font-weight:900;
  text-decoration:none;
}
.operation-pool-rzv:hover{text-decoration:underline;}
.operation-pool-channel{
  justify-self:end;
  min-width:38px;
  min-height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:3px 7px;
  border-radius:999px;
  background:#eef2ff;
  color:#1e40af;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}
@media(max-width:1180px){
  .operation-pool-item{grid-template-columns:24px 48px minmax(0,1fr) 44px;padding:8px;gap:6px;}
  .operation-pool-customer{max-width:160px;}
  .operation-pool-primary{gap:5px;}
  .operation-pool-secondary{gap:5px;font-size:11.5px;}
}
@media(max-width:760px){
  .operation-pool-item{grid-template-columns:24px 46px minmax(0,1fr);}
  .operation-pool-channel{grid-column:3;justify-self:start;margin-top:-2px;}
  .operation-pool-primary{flex-wrap:wrap;white-space:normal;}
  .operation-pool-customer{max-width:100%;}
  .operation-pool-secondary{flex-wrap:wrap;white-space:normal;}
}


/* OPERATION-WHATSAPP-1A
   Saha ekranlarında WhatsApp mesaj hazırlama butonları. Otomatik gönderim yoktur; sadece wa.me linki açılır. */
.daily-field-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  flex-wrap:wrap;
}
.small-button.wa-button{
  border-color:#bbf7d0;
  background:#f0fdf4;
  color:#166534;
}
.small-button.wa-button.light{
  border-color:#bfdbfe;
  background:#eff6ff;
  color:#1d4ed8;
}
@media(max-width:760px){
  .daily-field-actions{
    justify-content:flex-start;
  }
}

/* OPERATION-CARI-DAILY-1A */
.daily-cari-box{
  grid-column:1 / -1;
  border:1px solid #dbeafe;
  background:#f8fbff;
  border-radius:12px;
  padding:10px;
  display:grid;
  gap:9px;
}
.daily-cari-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.daily-cari-head strong{font-size:13px;color:#0f172a;}
.daily-cari-head span{font-size:12px;color:#64748b;font-weight:800;}
.daily-cari-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.daily-cari-option{
  border:1px solid #e2e8f0;
  background:#fff;
  border-radius:10px;
  padding:8px;
  display:grid !important;
  gap:6px !important;
  min-width:0;
}
.daily-cari-option.done{background:#f0fdf4;border-color:#bbf7d0;}
.daily-cari-option span{font-weight:900;color:#334155;font-size:12px;display:flex;align-items:center;gap:6px;}
.daily-cari-option input[type="checkbox"]{width:15px;height:15px;min-height:15px;}
.daily-cari-option input,
.daily-cari-option select{
  width:100%;
  min-width:0;
  min-height:30px;
  border:1px solid #dfe5ee;
  border-radius:8px;
  padding:5px 7px;
  font-size:12px;
  background:#fff;
}
.daily-cari-option small{color:#15803d;font-weight:800;font-size:11px;}
.daily-cari-summary{
  border:1px solid #e2e8f0;
  background:#fff;
  border-radius:12px;
  padding:10px 11px;
  margin:8px 0 10px;
}
.daily-cari-summary.empty{
  background:#f8fafc;
  border-style:dashed;
}
.daily-cari-summary-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:7px;
}
.daily-cari-summary-title strong{display:block;font-size:13px;color:#0f172a;}
.daily-cari-summary-title span{font-size:11px;font-weight:900;color:#64748b;}
.daily-cari-empty{
  color:#64748b;
  font-size:12px;
  font-weight:800;
  line-height:1.35;
}
.daily-cari-movement-list{display:flex;flex-wrap:wrap;gap:6px;}
.daily-cari-chip{
  display:inline-flex;
  align-items:center;
  gap:4px;
  border:1px solid #bfdbfe;
  background:#eff6ff;
  color:#1d4ed8;
  border-radius:999px;
  padding:5px 8px;
  font-size:11.5px;
  font-weight:900;
  white-space:nowrap;
}
.daily-cari-chip b{color:#1e40af;}
.daily-cari-chip.reversal{border-color:#fde68a;background:#fffbeb;color:#92400e;}
.daily-cari-chip.reversal b{color:#92400e;}
@media(max-width:980px){.daily-cari-grid{grid-template-columns:1fr;}}

/* CARI-PANEL-1A */
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;align-items:center}.cari-filter-card{margin-bottom:16px}.cari-filter-form{display:grid;grid-template-columns:150px minmax(180px,1fr) minmax(180px,1fr) 160px 92px 92px;gap:10px;align-items:end}.cari-filter-form label,.cari-manual-form label{display:flex;flex-direction:column;gap:6px;color:#516174;font-weight:800;font-size:12px}.cari-filter-form input,.cari-filter-form select,.cari-manual-form input,.cari-manual-form select{width:100%;min-height:38px;border:1px solid #dbe3ef;border-radius:10px;padding:8px 10px;background:#fff;color:#0f172a;font-weight:800}.checkline{flex-direction:row!important;align-items:center;gap:8px;min-height:38px}.checkline input{width:18px!important;min-height:18px!important}.cari-grid{align-items:start}.cari-summary-list{display:grid;gap:8px}.cari-summary-row{border:1px solid #dbe3ef;border-radius:12px;background:#fff;padding:10px 12px;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);gap:12px;align-items:center}.cari-summary-row strong{display:block;font-size:14px}.cari-summary-row small{display:block;color:#64748b;font-weight:800;margin-top:3px}.cari-totals{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.cari-totals span,.cari-totals .balance{border:1px solid #e2e8f0;border-radius:999px;padding:5px 8px;background:#f8fafc;font-size:11px;font-weight:900;white-space:nowrap}.cari-totals .balance.positive{background:#fff7ed;color:#c2410c;border-color:#fdba74}.cari-totals .balance.negative{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.cari-totals .balance.zero{background:#f1f5f9;color:#475569}.cari-manual-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cari-manual-form .wide{grid-column:1/-1}.form-note{border:1px dashed #cbd5e1;background:#f8fafc;border-radius:10px;padding:9px 10px;color:#64748b;font-size:12px;font-weight:800;line-height:1.35}.cari-movement-table{width:100%;border-collapse:collapse;min-width:900px}.cari-movement-table th{font-size:11px;color:#64748b;text-align:left;border-bottom:1px solid #e2e8f0;padding:9px 8px}.cari-movement-table td{border-bottom:1px solid #edf2f7;padding:9px 8px;vertical-align:top;font-size:12px}.cari-movement-table .num{text-align:right;font-weight:900;white-space:nowrap}.cari-movement-table small{color:#64748b;font-weight:800}.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900}.pill.warn{background:#fff7ed;color:#c2410c}.pill.ok{background:#ecfdf5;color:#047857}.pill.gray{background:#f1f5f9;color:#475569}.table-wrap.responsive{overflow:auto}.empty-state{border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;color:#64748b;font-weight:800;padding:22px;text-align:center}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.section-head h2{margin:0 0 4px}.section-head p{margin:0;color:#64748b;font-weight:700}.grid.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);gap:16px;margin-bottom:16px}@media(max-width:1100px){.cari-filter-form{grid-template-columns:1fr 1fr}.grid.two-col{grid-template-columns:1fr}.cari-summary-row{grid-template-columns:1fr}.cari-totals{justify-content:flex-start}}@media(max-width:720px){.cari-filter-form,.cari-manual-form{grid-template-columns:1fr}.hero-actions{justify-content:flex-start}}


/* CARI-PANEL-1A-FIX1: remove stray text-link look and normalize filter buttons. */
.cari-filter-form .cari-action-btn{
  min-height:38px;
  border-radius:10px;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-weight:900;
  font-size:14px;
  line-height:1;
  white-space:nowrap;
  cursor:pointer;
}
.cari-filter-form .cari-action-primary{
  border:1px solid var(--accent);
  background:var(--accent);
  color:#fff;
}
.cari-filter-form .cari-action-primary:hover{
  background:var(--accent-dark);
  border-color:var(--accent-dark);
}
.cari-filter-form .cari-action-light{
  border:1px solid #dbe3ef;
  background:#fff;
  color:var(--accent);
}
.cari-filter-form .cari-action-light:hover{
  background:#eff6ff;
  border-color:#bfdbfe;
}

/* CARI-PAYMENT-1B */
.cari-payment-grid{margin-top:16px;}
.cari-finance-list{display:grid;gap:8px;}
.cari-finance-row{border:1px solid var(--border,#dbe3ef);border-radius:12px;padding:10px 12px;background:#f8fafc;display:grid;gap:3px;}
.cari-finance-row strong{font-size:13px;color:#0f172a;}
.cari-finance-row span{font-size:12px;font-weight:800;color:#1d4ed8;}
.cari-finance-row small{font-size:11px;color:#64748b;font-weight:700;}

/* CARI-UX-1C
   Cari ekranini "cari sec -> detay gor -> islem yap" akisi icin yeniden duzenler.
   Backend yazma mantigina dokunmaz; test temizlikleri canli oncesi toplu yapilacak. */
.cari-hero-ux{margin-bottom:14px;}
.cari-filter-card-compact{margin-bottom:14px;}
.cari-filter-form-ux{
  grid-template-columns:150px minmax(170px,1fr) minmax(170px,1fr) 130px 92px 92px;
}
.cari-ux-layout{
  display:grid;
  grid-template-columns:minmax(310px,.43fr) minmax(0,.57fr);
  gap:16px;
  align-items:start;
}
.cari-list-panel,
.cari-detail-panel{min-width:0;}
.section-head.compact{margin-bottom:10px;}
.cari-summary-list.ux-list{display:grid;gap:8px;}
.cari-summary-row.ux-row{
  text-decoration:none;
  color:inherit;
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  border:1px solid #dbe3ef;
  border-radius:13px;
  background:#fff;
  padding:11px 12px;
  transition:border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
.cari-summary-row.ux-row:hover{
  border-color:#bfdbfe;
  background:#f8fbff;
}
.cari-summary-row.ux-row.active{
  border-color:var(--accent,#2563eb);
  background:#eff6ff;
  box-shadow:0 0 0 2px rgba(37,99,235,.08);
}
.cari-summary-row.ux-row strong{font-size:14px;color:#0f172a;}
.cari-summary-row.ux-row small{font-size:12px;color:#64748b;font-weight:800;}
.cari-totals.ux-totals{
  justify-content:flex-start;
  gap:5px;
}
.cari-totals.ux-totals span,
.cari-totals.ux-totals .balance{
  font-size:10.8px;
  padding:4px 7px;
}
.cari-select-empty{
  min-height:360px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  border:1px dashed #cbd5e1;
  border-radius:14px;
  background:#f8fafc;
  padding:28px;
  color:#64748b;
}
.cari-select-empty h2{margin:0 0 8px;color:#0f172a;}
.cari-select-empty p{max-width:480px;margin:0;line-height:1.45;font-weight:800;}
.cari-detail-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}
.cari-detail-head h2{margin:2px 0 4px;font-size:22px;}
.cari-detail-head p{margin:0;color:#64748b;font-weight:800;line-height:1.35;}
.eyebrow.small{font-size:11px;letter-spacing:.8px;}
.cari-detail-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.cari-selected-balance-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-bottom:12px;
}
.cari-selected-balance-card{
  border:1px solid #e2e8f0;
  border-radius:13px;
  background:#f8fafc;
  padding:10px 12px;
  min-width:0;
}
.cari-selected-balance-card small{
  display:block;
  color:#64748b;
  font-size:11px;
  font-weight:900;
  margin-bottom:4px;
}
.cari-selected-balance-card strong{
  display:block;
  font-size:18px;
  line-height:1.15;
}
.cari-selected-balance-card span{
  display:block;
  color:#64748b;
  font-size:11px;
  font-weight:800;
  margin-top:5px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.cari-selected-balance-card.positive{background:#fff7ed;border-color:#fdba74;color:#c2410c;}
.cari-selected-balance-card.negative{background:#ecfdf5;border-color:#a7f3d0;color:#047857;}
.cari-selected-balance-card.zero{background:#f1f5f9;border-color:#cbd5e1;color:#475569;}
.cari-action-accordion{
  display:grid;
  gap:8px;
  margin:10px 0 14px;
}
.cari-action-accordion details{
  border:1px solid #dbe3ef;
  border-radius:13px;
  background:#fff;
  overflow:hidden;
}
.cari-action-accordion summary{
  list-style:none;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 13px;
  color:#0f172a;
  font-weight:900;
  cursor:pointer;
  background:#f8fafc;
}
.cari-action-accordion summary::-webkit-details-marker{display:none;}
.cari-action-accordion summary::after{
  content:'+';
  width:24px;
  height:24px;
  border-radius:999px;
  background:#eff6ff;
  color:#1d4ed8;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
}
.cari-action-accordion details[open] summary::after{content:'-';}
.cari-action-accordion .compact-form{
  padding:12px;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.cari-detail-section{
  border-top:1px solid #e2e8f0;
  padding-top:13px;
  margin-top:13px;
}
.cari-detail-section h3{margin:0 0 10px;font-size:16px;}
.cari-movement-cards{display:grid;gap:7px;}
.cari-movement-card{
  border:1px solid #e2e8f0;
  border-radius:12px;
  background:#fff;
  padding:9px 10px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:8px;
  align-items:start;
}
.cari-movement-card strong{display:block;font-size:12.5px;color:#0f172a;}
.cari-movement-card small{display:block;color:#64748b;font-size:11px;font-weight:800;margin-top:2px;}
.cari-movement-card b{font-size:12px;white-space:nowrap;align-self:center;}
.cari-movement-card em{
  grid-column:1 / -1;
  color:#475569;
  font-size:11.5px;
  font-style:normal;
  font-weight:800;
  line-height:1.35;
}
.cari-finance-list.compact{display:grid;gap:7px;}
@media(max-width:1180px){
  .cari-ux-layout{grid-template-columns:1fr;}
  .cari-filter-form-ux{grid-template-columns:1fr 1fr;}
}
@media(max-width:760px){
  .cari-filter-form-ux,
  .cari-action-accordion .compact-form{grid-template-columns:1fr;}
  .cari-selected-balance-grid{grid-template-columns:1fr;}
  .cari-detail-head{flex-direction:column;}
  .cari-movement-card{grid-template-columns:1fr auto;}
  .cari-movement-card b{grid-column:1 / -1;}
}

/* CARI-STATEMENT-1D */
.cari-statement-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.cari-share-panel{border:1px solid #dbe4f0;border-radius:12px;background:#f8fafc;padding:12px;margin:12px 0;display:grid;gap:10px}
.cari-share-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.cari-share-head strong{font-size:15px}.cari-share-head span{color:#64748b;font-size:12px;font-weight:800;line-height:1.35}
.cari-share-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 110px 100px;gap:8px;align-items:end}
.cari-share-grid label{display:grid;gap:5px;font-size:12px;font-weight:900;color:#526179}.cari-share-grid input{width:100%;border:1px solid #dbe4f0;border-radius:8px;min-height:36px;padding:8px 10px;font-weight:800;background:#fff;color:#0f172a}
.cari-action-ok{background:#16a34a!important;color:#fff!important;border-color:#16a34a!important}
@media(max-width:920px){.cari-share-grid{grid-template-columns:1fr 1fr}.cari-statement-actions{justify-content:flex-start}}

/* CARI-STATEMENT-1D-FIX1
   Cari detay ust aksiyon linklerini gercek buton gibi gosterir.
   Kayit/muhasebe mantigina dokunmaz. */
.cari-detail-panel .cari-action-btn,
.cari-share-panel .cari-action-btn{
  min-height:36px;
  border-radius:10px;
  padding:0 13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none !important;
  font-weight:900;
  font-size:13px;
  line-height:1;
  white-space:nowrap;
  cursor:pointer;
  border:1px solid #dbe4f0;
  background:#fff;
  color:#1d4ed8;
  box-shadow:0 1px 0 rgba(15,23,42,.04);
}
.cari-detail-panel .cari-action-btn:hover,
.cari-share-panel .cari-action-btn:hover{
  background:#eff6ff;
  border-color:#bfdbfe;
}
.cari-detail-panel .cari-action-primary{
  background:#2454e6;
  border-color:#2454e6;
  color:#fff;
}
.cari-detail-panel .cari-action-primary:hover{
  background:#1d4ed8;
  border-color:#1d4ed8;
}
.cari-detail-panel .cari-action-light,
.cari-share-panel .cari-action-light{
  background:#fff;
  color:#1d4ed8;
}
.cari-detail-actions.cari-statement-actions{
  align-items:center;
  gap:7px;
}
.cari-share-panel .cari-action-ok{
  background:#16a34a !important;
  border-color:#16a34a !important;
  color:#fff !important;
}
.cari-share-panel .cari-action-ok:hover{
  background:#15803d !important;
  border-color:#15803d !important;
}

/* CARI-REVERSAL-1E */
.cari-movement-card.is-reversed {
  border-color: #bfdbfe;
  background: #f8fafc;
}
.cari-movement-card.is-reversal {
  border-color: #bbf7d0;
  background: #f0fdf4;
}
.reversal-note {
  display: inline-block;
  margin-top: 4px;
  padding: 2px 8px;
  border-radius: 999px;
  background: #eef2ff;
  color: #1d4ed8;
  font-weight: 800;
}
.cari-reverse-form {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto;
  gap: 8px;
  align-items: center;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dashed #dbe4f0;
}
.cari-reverse-form input {
  width: 100%;
  min-height: 34px;
  border: 1px solid #d7e0ef;
  border-radius: 10px;
  padding: 6px 10px;
  font-weight: 700;
}
.cari-action-danger {
  background: #fee2e2;
  border: 1px solid #fecaca;
  color: #b91c1c;
  font-weight: 900;
}
.cari-action-danger:hover {
  background: #fecaca;
}
@media (max-width: 760px) {
  .cari-reverse-form {
    grid-template-columns: 1fr;
  }
}

/* FINANCE UI 1C */
.finance-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;}
.finance-filter-card{margin-top:16px;background:#fff;border:1px solid var(--border,#e2e8f0);border-radius:18px;padding:16px 18px;box-shadow:0 14px 36px rgba(15,23,42,.05);}
.finance-filter-form{display:grid;grid-template-columns:180px 140px 130px 150px 150px minmax(190px,1fr) auto;gap:10px;align-items:end;}
.finance-filter-form label{display:flex;flex-direction:column;gap:6px;color:#516174;font-weight:800;font-size:12px;}
.finance-filter-form input,.finance-filter-form select{width:100%;min-height:38px;border:1px solid #dbe3ef;border-radius:10px;padding:8px 10px;background:#fff;color:#0f172a;font-weight:800;}
.finance-filter-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;}
.finance-total-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:16px;}
.finance-total-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:14px 16px;box-shadow:0 12px 28px rgba(15,23,42,.04);}
.finance-total-card span{display:block;color:#64748b;font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;}
.finance-total-card strong{display:block;margin-top:8px;font-size:22px;line-height:1.1;color:#0f172a;}
.finance-total-card small{display:block;margin-top:8px;color:#64748b;font-weight:800;}
.finance-total-card.positive{border-color:#bbf7d0;background:#f0fdf4;}
.finance-total-card.negative{border-color:#fed7aa;background:#fff7ed;}
.finance-total-card.neutral{background:#f8fafc;}
.finance-layout{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(460px,1.18fr);gap:16px;margin-top:16px;align-items:start;}
.finance-panel{background:#fff;border:1px solid var(--border,#e2e8f0);border-radius:18px;padding:16px 18px;box-shadow:0 14px 36px rgba(15,23,42,.05);}
.finance-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px;}
.finance-panel-head h2{margin:0 0 4px;font-size:22px;color:#0f172a;}
.finance-panel-head p{margin:0;color:#64748b;font-weight:700;line-height:1.35;}
.finance-count{white-space:nowrap;border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;}
.finance-account-list,.finance-movement-list{display:grid;gap:10px;}
.finance-account-card{border:1px solid #dbe3ef;border-radius:14px;background:#f8fafc;padding:12px 14px;display:grid;gap:10px;}
.finance-account-main strong{display:block;font-size:15px;color:#0f172a;}
.finance-account-main small{display:block;margin-top:3px;color:#64748b;font-weight:800;}
.finance-account-pills{display:flex;gap:7px;flex-wrap:wrap;}
.finance-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900;white-space:nowrap;border:1px solid transparent;}
.finance-pill.in{background:#ecfdf5;color:#047857;border-color:#a7f3d0;}
.finance-pill.out{background:#fff7ed;color:#c2410c;border-color:#fed7aa;}
.finance-pill.balance{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe;}
.finance-pill.balance.negative{background:#fff7ed;color:#c2410c;border-color:#fed7aa;}
.finance-pill.reversal{background:#eef2ff;color:#4338ca;border-color:#c7d2fe;}
.finance-movement-card{border:1px solid #e2e8f0;border-left-width:5px;border-radius:14px;background:#fff;padding:12px 14px;display:grid;gap:9px;}
.finance-movement-card.in{border-left-color:#16a34a;}
.finance-movement-card.out{border-left-color:#f97316;}
.finance-movement-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;}
.finance-movement-top strong{font-size:14px;color:#0f172a;}
.finance-movement-top small{display:block;margin-top:4px;color:#64748b;font-weight:800;}
.finance-movement-amount{text-align:right;display:grid;gap:5px;justify-items:end;min-width:130px;}
.finance-movement-amount strong{font-size:15px;white-space:nowrap;}
.finance-movement-meta{display:flex;gap:7px;flex-wrap:wrap;align-items:center;}
.finance-movement-meta > span:not(.finance-pill){border:1px solid #e2e8f0;border-radius:999px;background:#f8fafc;color:#475569;padding:5px 8px;font-size:11px;font-weight:900;}
.finance-movement-card p{margin:0;color:#475569;background:#f8fafc;border-radius:10px;padding:8px 10px;font-size:12px;font-weight:700;line-height:1.35;}
@media(max-width:1180px){.finance-filter-form{grid-template-columns:1fr 1fr 1fr}.finance-filter-actions{justify-content:flex-start}.finance-layout{grid-template-columns:1fr}}
@media(max-width:720px){.finance-hero{display:block}.finance-filter-form{grid-template-columns:1fr}.finance-movement-top{display:grid}.finance-movement-amount{text-align:left;justify-items:start}}


/* FINANCE UI FIX 1D */
.finance-hero{display:block;}
.finance-filter-card{overflow:hidden;}
.finance-filter-form{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:12px;align-items:end;}
.finance-filter-actions{display:flex;gap:8px;align-items:center;justify-content:flex-start;}
.finance-filter-actions .btn{min-height:38px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;}
@media(max-width:900px){.finance-filter-form{grid-template-columns:1fr 1fr;}}
@media(max-width:640px){.finance-filter-form{grid-template-columns:1fr;}}


/* FINANCE MANUAL 1E */
.finance-manual-card{
  background:#fff;
  border:1px solid #dbe4f0;
  border-radius:18px;
  padding:16px 18px;
  margin:18px 0;
  box-shadow:0 10px 28px rgba(15,23,42,.05);
}
.finance-manual-form{
  display:grid;
  grid-template-columns:repeat(4,minmax(150px,1fr));
  gap:12px;
  align-items:end;
}
.finance-manual-form label{
  display:flex;
  flex-direction:column;
  gap:6px;
  font-weight:700;
  color:#53637d;
  font-size:13px;
}
.finance-manual-form input,
.finance-manual-form select{
  min-height:40px;
  border:1px solid #d8e2ef;
  border-radius:10px;
  padding:8px 10px;
  font-weight:700;
  color:#0f172a;
  background:#fff;
}
.finance-manual-wide{grid-column:span 2;}
.finance-manual-actions{display:flex;align-items:end;}
.finance-manual-actions .btn{width:100%;justify-content:center;}
@media (max-width:1100px){
  .finance-manual-form{grid-template-columns:repeat(2,minmax(160px,1fr));}
  .finance-manual-wide{grid-column:span 2;}
}
@media (max-width:720px){
  .finance-manual-form{grid-template-columns:1fr;}
  .finance-manual-wide{grid-column:span 1;}
}

/* FINANCE-MANUAL-UX-1F */
.finance-manual-collapsed{
  margin:18px 0;
  padding:16px 18px;
}
.finance-manual-compact-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.finance-manual-compact-head h2{margin:0 0 4px;font-size:22px;}
.finance-manual-compact-head p{margin:0;color:#64748b;font-weight:700;}
.finance-manual-toggle-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.finance-manual-toggle-actions .primary-button,
.finance-manual-toggle-actions .secondary-button{min-height:42px;padding:10px 16px;font-size:14px;border-radius:12px;}
.finance-manual-drawer{
  margin-top:14px;
  padding:14px;
  border:1px solid #dbe4f0;
  border-radius:16px;
  background:#f8fafc;
}
.finance-manual-drawer[hidden]{display:none!important;}
.finance-manual-drawer-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:12px;
}
.finance-manual-drawer-head strong{font-size:17px;color:#0f172a;}
.finance-manual-drawer-head .ghost-button{padding:8px 12px;font-size:13px;}
.finance-manual-form{grid-template-columns:repeat(3,minmax(150px,1fr));}
.finance-manual-wide{grid-column:span 2;}
.finance-manual-actions .primary-button,
.finance-manual-actions .secondary-button{width:100%;text-align:center;justify-content:center;}
.finance-filter-actions .btn,
.finance-filter-actions button,
.finance-filter-actions a{
  min-height:38px;
  border-radius:10px;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-weight:900;
  font-size:14px;
  line-height:1;
  cursor:pointer;
}
.finance-filter-actions .btn-primary,
.finance-filter-actions button[type="submit"]{
  border:1px solid var(--accent,#1d4ed8);
  background:var(--accent,#1d4ed8);
  color:#fff;
}
.finance-filter-actions .btn-soft,
.finance-filter-actions a{
  border:1px solid #dbe3ef;
  background:#fff;
  color:var(--accent,#1d4ed8);
}
@media(max-width:980px){
  .finance-manual-compact-head{align-items:flex-start;flex-direction:column;}
  .finance-manual-toggle-actions{justify-content:flex-start;}
  .finance-manual-form{grid-template-columns:repeat(2,minmax(150px,1fr));}
}
@media(max-width:640px){
  .finance-manual-form{grid-template-columns:1fr;}
  .finance-manual-wide{grid-column:span 1;}
  .finance-manual-toggle-actions .primary-button,
  .finance-manual-toggle-actions .secondary-button{width:100%;}
}

/* UI_SIMPLIFY_1A: sade sol menu gruplari */
.sidebar-nav {
  display: grid;
  gap: 12px;
}
.nav-section,
.nav-group {
  display: grid;
  gap: 8px;
}
.nav-section-title,
.nav-group summary {
  color: #93c5fd;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 8px 10px 4px;
  cursor: pointer;
  user-select: none;
}
.nav-group summary {
  list-style: none;
  border-top: 1px solid rgba(255,255,255,.10);
  margin-top: 4px;
}
.nav-group summary::-webkit-details-marker { display: none; }
.nav-group summary::after {
  content: "▾";
  float: right;
  color: #bfdbfe;
  font-size: 12px;
  transform: rotate(-90deg);
  transition: transform .15s ease;
}
.nav-group[open] summary::after { transform: rotate(0deg); }
.nav-group a {
  margin-left: 8px;
  font-size: 15px;
  padding-top: 11px;
  padding-bottom: 11px;
}
.nav-group-technical summary {
  color: #fde68a;
}
@media (max-width: 900px) {
  .nav-group a { margin-left: 0; }
}

/* UI_SIMPLIFY_1B: sol menu okunurluk duzeltmesi */
.sidebar-nav {
  gap: 10px;
}
.nav-section,
.nav-group {
  display: block;
}
.nav-section a,
.nav-group a {
  display: block;
  width: 100%;
  margin: 0 0 6px 0;
  white-space: normal;
  line-height: 1.25;
}
.nav-group a {
  margin-left: 0;
  padding: 10px 12px;
  font-size: 14px;
  border-radius: 10px;
}
.nav-section-title,
.nav-group summary {
  display: block;
  margin: 10px 0 8px;
  padding: 8px 10px;
  border-top: 1px solid rgba(255,255,255,.12);
  border-radius: 10px;
}
.nav-group summary {
  background: rgba(255,255,255,.03);
}
.nav-group[open] summary {
  background: rgba(255,255,255,.06);
}
.nav-group summary::after {
  float: right;
}
.nav-group-technical:not([open]) {
  margin-top: 8px;
}
.nav-group-technical summary {
  color: #fde68a;
}

/* OPERATION_DETAIL_PANEL_1A: operasyon satirinda detay ve musteri mesajlari */
.message-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 9px;
  border-radius: 999px;
  background: #eef2ff;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}
.message-badge.unread {
  background: #fee2e2;
  color: #b91c1c;
}
.operation-detail-row td {
  background: #f8fafc;
  border-top: 0;
  padding: 0 12px 14px;
}
.operation-reservation-card {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr);
  gap: 14px;
  padding: 14px;
  border: 1px solid #dbeafe;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .06);
}
.operation-reservation-card h3 {
  margin: 0 0 10px;
  font-size: 16px;
}
.operation-detail-mini-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.operation-detail-mini-grid div {
  padding: 9px 10px;
  border-radius: 12px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
}
.operation-detail-mini-grid span {
  display: block;
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.operation-detail-mini-grid strong {
  display: block;
  color: #0f172a;
  font-size: 13px;
  line-height: 1.35;
  word-break: break-word;
}
.operation-note-inline {
  margin: 10px 0 0;
  padding: 10px 12px;
  border-radius: 12px;
  background: #fffbeb;
  border: 1px solid #fde68a;
  color: #78350f;
}
.operation-message-panel {
  border-left: 1px solid #e2e8f0;
  padding-left: 14px;
}
.operation-message-item {
  padding: 10px 12px;
  margin-bottom: 8px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #f8fafc;
}
.operation-message-item.unread {
  border-color: #fecaca;
  background: #fff7f7;
}
.operation-message-item p {
  margin: 6px 0;
  color: #334155;
  line-height: 1.4;
}
.operation-message-item small {
  color: #64748b;
}
.operation-message-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.empty-state.compact {
  padding: 10px 12px;
  font-size: 13px;
}
@media (max-width: 980px) {
  .operation-reservation-card { grid-template-columns: 1fr; }
  .operation-message-panel { border-left: 0; border-top: 1px solid #e2e8f0; padding-left: 0; padding-top: 12px; }
  .operation-detail-mini-grid { grid-template-columns: 1fr; }
}

/* OPERATION_DETAIL_LINK_1B: ana operasyon havuzunda okunabilir detay/mesaj karti */
.operation-pool-item{
  grid-template-columns:26px 52px minmax(0,1fr) 48px;
}
.operation-pool-detail-link{
  flex:0 0 auto;
  padding:2px 7px;
  border-radius:999px;
  background:#eff6ff;
  color:#1d4ed8!important;
  text-decoration:none!important;
  font-weight:900;
}
.message-badge.mini{
  padding:2px 7px;
  font-size:11px;
  flex:0 0 auto;
}
.operation-pool-detail-card{
  grid-column:3 / 5;
  min-width:0;
  margin-top:2px;
}
.operation-pool-detail-card summary{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 9px;
  border-radius:999px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  color:#1d4ed8;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
  list-style:none;
}
.operation-pool-detail-card summary::-webkit-details-marker{display:none;}
.operation-pool-detail-card[open] summary{
  background:#dbeafe;
  border-color:#bfdbfe;
}
.operation-reservation-card.compact{
  margin-top:8px;
  padding:12px;
  box-shadow:none;
  grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);
}
.operation-reservation-card.compact .operation-message-panel h3,
.operation-reservation-card.compact .operation-reservation-info h3{
  font-size:14px;
}
@media(max-width:1180px){
  .operation-pool-detail-card{grid-column:3 / 5;}
  .operation-reservation-card.compact{grid-template-columns:1fr;}
  .operation-reservation-card.compact .operation-message-panel{border-left:0;border-top:1px solid #e2e8f0;padding-left:0;padding-top:12px;}
}
@media(max-width:760px){
  .operation-pool-detail-card{grid-column:1 / -1;}
}

/* OPERATION_DETAIL_TOGGLE_1C: saha/detay ekranlarinda detay kartlari varsayilan kapali */
.operation-detail-row {
  display: none;
}
.operation-detail-row.is-open {
  display: table-row;
}
.operation-detail-row .operation-reservation-card {
  margin-top: 10px;
}


/* OPERATION_DETAIL_TOGGLE_1D: detay butonu satiri sikistirmeden ac/kapat */
.operation-pool-secondary .operation-pool-detail-link{display:none;}
.operation-pool-channel{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  gap:6px;
}
.operation-channel-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:5px 10px;
  border-radius:999px;
  background:#eef2ff;
  color:#1d4ed8;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}
.operation-pool-detail-toggle{
  border:0;
  cursor:pointer;
  padding:4px 10px;
  border-radius:999px;
  background:#eff6ff;
  color:#1d4ed8;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}
.operation-pool-detail-toggle:hover{background:#dbeafe;}
.operation-pool-detail-card summary{display:none;}
.operation-pool-detail-card{display:block;}
.operation-pool-detail-card:not([open]){display:none;}
.operation-pool-detail-card[open]{display:block;}
@media(max-width:760px){
  .operation-pool-channel{align-items:flex-start; flex-direction:row; grid-column:3 / -1;}
}


/* OPERATION_DETAIL_MESSAGE_CLEAN_1E: detay karti daha okunur, mesaj metni tasmasin */
.operation-pool-detail-card{
  grid-column:1 / -1;
  width:100%;
}
.operation-reservation-card.compact{
  grid-template-columns:minmax(240px,.8fr) minmax(320px,1.2fr);
}
.operation-message-item p,
.operation-message-item strong,
.operation-detail-mini-grid strong{
  overflow-wrap:anywhere;
  word-break:normal;
}
.operation-message-item p{
  white-space:pre-wrap;
  font-size:14px;
}
.operation-reservation-card.compact .operation-detail-mini-grid{
  grid-template-columns:repeat(2,minmax(140px,1fr));
}
@media(max-width:1180px){
  .operation-reservation-card.compact{grid-template-columns:1fr;}
}

/* OPERATION_DETAIL_MESSAGE_CLEAN_1F: operasyon kartinda mesaj ve not daha kisa okunur */
.operation-message-item p{
  font-size:14px;
  line-height:1.45;
  white-space:normal;
}
.operation-note-inline{
  max-height:150px;
  overflow:auto;
}
.operation-message-item strong{
  display:block;
  margin-bottom:4px;
}

/* OPERATION_ADVANCED_FILTERS_1A: Sheets benzeri operasyon havuzu filtreleri */
.operation-advanced-filter-form {
  display: block;
}
.operation-filter-main-row {
  display: grid;
  grid-template-columns: minmax(150px, 0.85fr) minmax(150px, 0.9fr) minmax(240px, 1.4fr) auto auto;
  gap: 12px;
  align-items: end;
}
.operation-filter-search input {
  min-width: 220px;
}
.operation-advanced-filter-panel {
  margin-top: 12px;
  border: 1px solid #dbe5f2;
  border-radius: 14px;
  background: #f8fafc;
  padding: 10px 12px;
}
.operation-advanced-filter-panel > summary {
  cursor: pointer;
  font-weight: 800;
  color: #123261;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 8px;
}
.operation-advanced-filter-panel > summary::-webkit-details-marker {
  display: none;
}
.operation-advanced-filter-panel > summary::before {
  content: '▸';
  font-size: 12px;
  transform: translateY(-1px);
}
.operation-advanced-filter-panel[open] > summary::before {
  content: '▾';
}
.operation-advanced-filter-panel > summary span {
  font-weight: 600;
  color: #64748b;
  font-size: 12px;
}
.operation-advanced-filter-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(145px, 1fr));
  gap: 10px 12px;
  margin-top: 12px;
}
.operation-advanced-filter-grid label {
  min-width: 0;
}
.operation-advanced-filter-grid select,
.operation-advanced-filter-grid input {
  width: 100%;
}
.operation-filter-hint {
  margin-top: 10px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.35;
}
@media (max-width: 1100px) {
  .operation-filter-main-row {
    grid-template-columns: repeat(2, minmax(180px, 1fr));
  }
  .operation-advanced-filter-grid {
    grid-template-columns: repeat(2, minmax(180px, 1fr));
  }
}
@media (max-width: 700px) {
  .operation-filter-main-row,
  .operation-advanced-filter-grid {
    grid-template-columns: 1fr;
  }
}

/* CARI_SHEET_STYLE_SUMMARY_1B_LAYOUT_FIX */
.cari-sheet-summary-card{
  margin-bottom:16px;
  border-left:4px solid #f59e0b;
}
.cari-sheet-summary-card>details>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  cursor:pointer;
  list-style:none;
  font-weight:900;
  font-size:18px;
}
.cari-sheet-summary-card>details>summary::before{
  content:"▸";
  font-size:13px;
  color:#f59e0b;
  margin-right:4px;
}
.cari-sheet-summary-card>details[open]>summary::before{
  content:"▾";
}
.cari-sheet-summary-card>details>summary::-webkit-details-marker{display:none;}
.cari-sheet-summary-card>details>summary span{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.cari-sheet-summary-card>details>summary small{
  font-size:13px;
  color:#64748b;
  font-weight:700;
  text-align:right;
}
.cari-sheet-summary-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  margin-top:16px;
}
.cari-sheet-block{
  border:1px solid #e2e8f0;
  border-radius:18px;
  padding:14px;
  background:#fff;
  min-width:0;
}
.cari-sheet-block-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
}
.cari-sheet-block-head h3{margin:0 0 4px;font-size:17px;}
.cari-sheet-block-head p{margin:0;color:#64748b;font-weight:700;}
.cari-sheet-block-head strong{font-size:20px;color:#0f172a;white-space:nowrap;}
.cari-sheet-table-wrap{
  overflow-x:hidden;
  overflow-y:auto;
  max-height:360px;
}
.cari-sheet-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0 6px;
  min-width:0;
  table-layout:fixed;
}
.cari-sheet-table th{
  text-align:left;
  font-size:11px;
  color:#64748b;
  padding:0 5px;
  font-weight:900;
  white-space:nowrap;
}
.cari-sheet-table th:nth-child(1),.cari-sheet-table td:nth-child(1){width:34%;}
.cari-sheet-table th:nth-child(2),.cari-sheet-table td:nth-child(2),
.cari-sheet-table th:nth-child(3),.cari-sheet-table td:nth-child(3),
.cari-sheet-table th:nth-child(4),.cari-sheet-table td:nth-child(4){width:18%;}
.cari-sheet-table th:nth-child(5),.cari-sheet-table td:nth-child(5){width:12%;}
.cari-sheet-table td{
  background:#f8fafc;
  padding:8px 5px;
  border-top:1px solid #e2e8f0;
  border-bottom:1px solid #e2e8f0;
  vertical-align:middle;
  font-size:11px;
  line-height:1.25;
  overflow:hidden;
  text-overflow:ellipsis;
}
.cari-sheet-table td:first-child{border-left:1px solid #e2e8f0;border-radius:12px 0 0 12px;}
.cari-sheet-table td:last-child{border-right:1px solid #e2e8f0;border-radius:0 12px 12px 0;}
.cari-sheet-table a{
  font-weight:900;
  color:#1643a8;
  text-decoration:none;
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.cari-sheet-table small{
  display:block;
  color:#64748b;
  margin-top:2px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.cari-sheet-status{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:4px 6px;
  font-size:10px;
  font-weight:900;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.cari-sheet-status.closed{background:#ecfdf5;color:#15803d;}
.cari-sheet-status.collect{background:#fff7ed;color:#c2410c;}
.cari-sheet-status.pay{background:#fef2f2;color:#b91c1c;}
.cari-sheet-status.over{background:#eff6ff;color:#1d4ed8;}
.cari-sheet-more{font-size:12px;color:#64748b;font-weight:800;margin-top:8px;}
@media(min-width:1180px){
  .cari-sheet-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .cari-sheet-table td{font-size:11px;}
  .cari-sheet-table th{font-size:10px;}
}
@media(max-width:900px){
  .cari-sheet-summary-card>details>summary{align-items:flex-start;flex-direction:column;}
  .cari-sheet-summary-card>details>summary small{text-align:left;}
  .cari-sheet-table-wrap{overflow-x:auto;}
  .cari-sheet-table{min-width:560px;}
}

/* CARI_SHEET_STYLE_SUMMARY_1C_COLLAPSE_COMPACT */
.cari-sheet-summary-card.cari-sheet-collapsed,
.cari-sheet-summary-card.cari-sheet-expanded{
  margin-bottom:16px;
  border-left:4px solid #f59e0b;
}
.cari-sheet-summary-toggle{
  width:100%;
  border:0;
  background:transparent;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  cursor:pointer;
  color:#0f172a;
  text-align:left;
  font:inherit;
}
.cari-sheet-summary-title{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight:900;
  font-size:20px;
}
.cari-sheet-summary-title::before{
  content:"▸";
  color:#f59e0b;
  font-size:14px;
}
.cari-sheet-expanded .cari-sheet-summary-title::before{content:"▾";}
.cari-sheet-summary-toggle small{
  font-size:13px;
  color:#64748b;
  font-weight:700;
  text-align:right;
}
.cari-sheet-summary-body{margin-top:16px;}
.cari-sheet-summary-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
.cari-sheet-block{min-width:0;}
.cari-sheet-rows{
  display:grid;
  gap:8px;
  max-height:360px;
  overflow-y:auto;
  overflow-x:hidden;
  padding-right:2px;
}
.cari-sheet-row{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:8px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:12px;
  padding:9px;
  min-width:0;
}
.cari-sheet-row-main{min-width:0;}
.cari-sheet-row-main a{
  display:block;
  color:#1643a8;
  text-decoration:none;
  font-weight:900;
  font-size:13px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.cari-sheet-row-main small{
  display:block;
  color:#64748b;
  font-size:11px;
  margin-top:2px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.cari-sheet-row-values{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
  align-items:stretch;
  min-width:0;
}
.cari-sheet-row-values span:not(.cari-sheet-status){
  min-width:0;
  border:1px solid #e2e8f0;
  border-radius:10px;
  background:#fff;
  padding:5px 6px;
}
.cari-sheet-row-values em{
  display:block;
  color:#64748b;
  font-size:9px;
  font-style:normal;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.02em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.cari-sheet-row-values b{
  display:block;
  color:#0f172a;
  font-size:11px;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.cari-sheet-row-values .cari-sheet-status{
  justify-content:center;
  width:100%;
  min-width:0;
  padding:5px 6px;
  font-size:10px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
@media(min-width:1180px){
  .cari-sheet-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(min-width:1500px){
  .cari-sheet-row{grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);align-items:center;}
  .cari-sheet-row-values{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media(max-width:900px){
  .cari-sheet-summary-toggle{align-items:flex-start;flex-direction:column;}
  .cari-sheet-summary-toggle small{text-align:left;}
}

/* CARI_SEARCH_FILTERS_1A: Sheets tarzı hızlı cari bulma */
.cari-filter-help{
  grid-column:1/-1;
  border:1px dashed #cbd5e1;
  background:#f8fafc;
  border-radius:10px;
  padding:8px 10px;
  color:#64748b;
  font-size:12px;
  font-weight:800;
  line-height:1.35;
}
.cari-live-search{
  display:grid;
  gap:6px;
  margin-bottom:10px;
  padding:10px;
  border:1px solid #e2e8f0;
  background:#f8fafc;
  border-radius:12px;
}
.cari-live-search label{
  font-size:12px;
  font-weight:900;
  color:#334155;
}
.cari-live-search input{
  width:100%;
  min-height:40px;
  border:1px solid #cbd5e1;
  border-radius:10px;
  background:#fff;
  padding:9px 11px;
  font-weight:900;
  color:#0f172a;
}
.cari-live-search small{
  color:#64748b;
  font-size:11px;
  font-weight:800;
}
.cari-quick-type-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:10px;
}
.cari-quick-type-tabs button{
  border:1px solid #dbe3ef;
  background:#fff;
  color:#334155;
  border-radius:999px;
  padding:7px 10px;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
.cari-quick-type-tabs button.active{
  border-color:var(--accent,#2563eb);
  background:#eff6ff;
  color:#1d4ed8;
}
.cari-summary-row[hidden]{display:none!important;}

/* MOBILE_BASE_1A - temel mobil kullanim ve Super Admin gorunum modu */
.mobile-topbar { display: none; }
.view-mode-sidebar,
.view-mode-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 12px;
  font-weight: 900;
  text-decoration: none;
}
.view-mode-sidebar {
  width: 100%;
  padding: 10px 12px !important;
  color: #dbeafe !important;
  border: 1px solid rgba(147,197,253,.28);
  background: rgba(147,197,253,.12);
}
.view-mode-sidebar:hover { background: rgba(147,197,253,.20) !important; }
.view-mode-toggle {
  color: #1d4ed8;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  padding: 9px 10px;
  font-size: 12px;
  white-space: nowrap;
}
@media (max-width: 760px) {
  body:not(.force-desktop) {
    background: #f8fafc;
    padding-bottom: 0;
  }
  body:not(.force-desktop) .mobile-topbar {
    display: flex;
    position: sticky;
    top: 0;
    z-index: 80;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 56px;
    padding: 10px 12px;
    background: rgba(255,255,255,.96);
    border-bottom: 1px solid #e2e8f0;
    box-shadow: 0 6px 18px rgba(15,23,42,.08);
    backdrop-filter: blur(10px);
  }
  body:not(.force-desktop) .mobile-brand {
    color: #0f172a;
    text-decoration: none;
    font-weight: 950;
    letter-spacing: .01em;
  }
  body:not(.force-desktop) .mobile-brand span { color: #1d4ed8; }
  body:not(.force-desktop) .app-shell {
    display: block;
    min-height: auto;
  }
  body:not(.force-desktop) .sidebar {
    display: block;
    padding: 10px 10px 8px;
    background: #101827;
    border-bottom: 1px solid rgba(255,255,255,.08);
  }
  body:not(.force-desktop) .sidebar .brand { display: none; }
  body:not(.force-desktop) .sidebar-nav {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 2px;
    -webkit-overflow-scrolling: touch;
  }
  body:not(.force-desktop) .nav-section,
  body:not(.force-desktop) .nav-group {
    display: flex;
    flex: 0 0 auto;
    gap: 6px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
  }
  body:not(.force-desktop) .nav-section-title,
  body:not(.force-desktop) .nav-group summary,
  body:not(.force-desktop) .nav-group-technical { display: none; }
  body:not(.force-desktop) .sidebar a,
  body:not(.force-desktop) .nav-section a,
  body:not(.force-desktop) .nav-group a {
    white-space: nowrap;
    padding: 10px 11px;
    min-height: 40px;
    border-radius: 999px;
    font-size: 13px;
  }
  body:not(.force-desktop) .sidebar-user { display: none; }
  body:not(.force-desktop) .content {
    padding: 12px;
    max-width: 100%;
    overflow-x: hidden;
  }
  body:not(.force-desktop) h1 { font-size: 24px; line-height: 1.15; }
  body:not(.force-desktop) .hero-card,
  body:not(.force-desktop) .reservation-hero {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 16px;
  }
  body:not(.force-desktop) .card,
  body:not(.force-desktop) .form-panel,
  body:not(.force-desktop) .filter-card,
  body:not(.force-desktop) .table-card,
  body:not(.force-desktop) .reservation-card {
    border-radius: 15px;
    padding: 14px;
  }
  body:not(.force-desktop) .primary-button,
  body:not(.force-desktop) .secondary-button,
  body:not(.force-desktop) .ghost-button,
  body:not(.force-desktop) .small-button,
  body:not(.force-desktop) button,
  body:not(.force-desktop) input[type="submit"] {
    min-height: 44px;
    border-radius: 12px;
    font-size: 15px;
  }
  body:not(.force-desktop) input,
  body:not(.force-desktop) select,
  body:not(.force-desktop) textarea {
    min-height: 44px;
    font-size: 16px !important;
  }
  body:not(.force-desktop) .filter-form,
  body:not(.force-desktop) .cari-filter-form,
  body:not(.force-desktop) .cari-manual-form,
  body:not(.force-desktop) .form-grid,
  body:not(.force-desktop) .form-grid-money,
  body:not(.force-desktop) .detail-grid,
  body:not(.force-desktop) .grid,
  body:not(.force-desktop) .grid.two-col {
    grid-template-columns: 1fr !important;
  }
  body:not(.force-desktop) .hero-actions,
  body:not(.force-desktop) .filter-actions,
  body:not(.force-desktop) .form-actions {
    justify-content: stretch;
    width: 100%;
  }
  body:not(.force-desktop) .hero-actions > *,
  body:not(.force-desktop) .filter-actions > *,
  body:not(.force-desktop) .form-actions > *,
  body:not(.force-desktop) .hero-actions form {
    width: 100%;
  }
  body:not(.force-desktop) .responsive-table,
  body:not(.force-desktop) .table-wrap.responsive,
  body:not(.force-desktop) .operation-table-wrap,
  body:not(.force-desktop) .cari-sheet-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 12px;
  }
  body:not(.force-desktop) table { min-width: 760px; }
  body:not(.force-desktop) th,
  body:not(.force-desktop) td {
    padding: 10px 9px;
    font-size: 13px;
  }
  body:not(.force-desktop) .reservation-item,
  body:not(.force-desktop) .cari-summary-row,
  body:not(.force-desktop) .status-row,
  body:not(.force-desktop) .section-head,
  body:not(.force-desktop) .section-title-row {
    grid-template-columns: 1fr !important;
    align-items: start;
  }
  body:not(.force-desktop) .cari-totals { justify-content: flex-start; }

}
@media (max-width: 760px) {
  body.force-desktop {
    min-width: 1180px;
    overflow-x: auto;
    padding-bottom: 0;
  }
  body.force-desktop .mobile-topbar {
    display: flex;
    position: sticky;
    top: 0;
    z-index: 80;
    align-items: center;
    justify-content: space-between;
    min-height: 48px;
    padding: 8px 12px;
    background: #ffffff;
    border-bottom: 1px solid #e2e8f0;
  }
  body.force-desktop .mobile-brand {
    color: #0f172a;
    text-decoration: none;
    font-weight: 950;
  }
  body.force-desktop .app-shell {
    display: grid !important;
    grid-template-columns: 280px minmax(900px, 1fr) !important;
    min-width: 1180px;
  }
  body.force-desktop .sidebar {
    display: flex !important;
    padding: 22px 20px !important;
  }
  body.force-desktop .sidebar .brand { display: block !important; }
  body.force-desktop .sidebar-nav { display: grid !important; overflow: visible !important; }
  body.force-desktop .nav-section { display: grid !important; }
  body.force-desktop .nav-group { display: block !important; }
  body.force-desktop .nav-section-title,
  body.force-desktop .nav-group summary { display: block !important; }
  body.force-desktop .sidebar-user { display: grid !important; }
  body.force-desktop .content {
    padding: 24px 26px !important;
    overflow: visible !important;
  }
}


/* MOBILE_PRINT_SHOW_1A: mobilde yazdir yerine sahada goster butonu */
.mobile-show-link { display: none !important; }
@media (max-width: 760px) {
  body:not(.force-desktop) .desktop-print-link { display: none !important; }
  body:not(.force-desktop) .mobile-show-link { display: inline-flex !important; align-items: center; justify-content: center; }
}
@media (max-width: 760px) {
  body.force-desktop .mobile-show-link { display: none !important; }
  body.force-desktop .desktop-print-link { display: inline-flex !important; }
}


/* MOBILE_OPERATION_CARDS_1B: mobil operasyon/saha kart gorunumu.
   Sadece gorunumdur; form, kayit, cari, finance ve print is mantigina dokunmaz. */
.mobile-operation-card-list { display: none; }
@media (max-width: 760px) {
  body:not(.force-desktop) .daily-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  body:not(.force-desktop) .daily-stat-card {
    padding: 10px;
    border-radius: 13px;
  }
  body:not(.force-desktop) .daily-stat-card strong { font-size: 20px; }
  body:not(.force-desktop) .daily-field-list,
  body:not(.force-desktop) .field-basic-list { gap: 12px; }
  body:not(.force-desktop) .daily-field-card,
  body:not(.force-desktop) .field-basic-card { padding: 12px; }
  body:not(.force-desktop) .daily-field-head {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }
  body:not(.force-desktop) .daily-field-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
  }
  body:not(.force-desktop) .daily-field-actions > * {
    width: 100%;
    justify-content: center;
  }
  body:not(.force-desktop) .daily-assignment-form,
  body:not(.force-desktop) .field-note-form {
    display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
    margin-top: 10px;
  }
  body:not(.force-desktop) .daily-cari-box,
  body:not(.force-desktop) .daily-cari-summary {
    display: none;
  }
  body:not(.force-desktop) .daily-field-table,
  body:not(.force-desktop) .field-basic-table {
    display: none;
  }
  body:not(.force-desktop) .mobile-operation-card-list {
    display: grid;
    gap: 10px;
    margin-top: 12px;
  }
  body:not(.force-desktop) .mobile-operation-card {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid #dbeafe;
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 8px 24px rgba(15,23,42,.06);
  }
  body:not(.force-desktop) .mobile-operation-card-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: start;
  }
  body:not(.force-desktop) .mobile-operation-card-time {
    color: #1d4ed8;
    font-weight: 950;
    font-size: 13px;
  }
  body:not(.force-desktop) .mobile-operation-card h3 {
    margin: 2px 0 0;
    color: #0f172a;
    font-size: 18px;
    line-height: 1.15;
  }
  body:not(.force-desktop) .mobile-operation-card-channel {
    max-width: 116px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 5px 8px;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 11px;
    font-weight: 950;
  }
  body:not(.force-desktop) .mobile-operation-card-lines {
    display: grid;
    gap: 7px;
  }
  body:not(.force-desktop) .mobile-operation-card-lines div {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 8px;
    align-items: start;
    padding: 7px 8px;
    border-radius: 12px;
    background: rgba(241,245,249,.72);
  }
  body:not(.force-desktop) .mobile-operation-card-lines span {
    color: #64748b;
    font-size: 12px;
    font-weight: 900;
  }
  body:not(.force-desktop) .mobile-operation-card-lines strong {
    color: #0f172a;
    font-size: 14px;
    line-height: 1.25;
    word-break: break-word;
  }
  body:not(.force-desktop) .mobile-operation-card-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }
  body:not(.force-desktop) .mobile-operation-card-actions .small-button {
    width: 100%;
    justify-content: center;
    padding-left: 6px;
    padding-right: 6px;
  }
  body:not(.force-desktop) .mobile-operation-card-detail {
    border-top: 1px dashed #cbd5e1;
    padding-top: 8px;
  }
  body:not(.force-desktop) .mobile-operation-card-detail summary {
    cursor: pointer;
    color: #1d4ed8;
    font-weight: 950;
  }
}
@media (max-width: 760px) {
  body.force-desktop .mobile-operation-card-list { display: none !important; }
}

/* RESERVATIONS_DESKTOP_SIMPLIFY_1A - compact desktop reservation list */
.page-title-row.reservations-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 12px;
}
.page-title-row.reservations-title-row h1{
  margin:0;
  font-size:24px;
  line-height:1.15;
  letter-spacing:-.02em;
}
.reservations-filter-form{
  grid-template-columns:minmax(220px,1.45fr) minmax(120px,.72fr) minmax(132px,.74fr) minmax(132px,.74fr) minmax(150px,.85fr) auto;
  gap:9px;
  align-items:end;
}
.reservations-filter-form label{gap:4px;font-size:11px;}
.reservations-filter-form input,
.reservations-filter-form select{min-height:38px;padding:8px 9px;border-radius:10px;}
.reservations-filter-form .filter-actions{
  display:flex;
  gap:7px;
  align-items:end;
  white-space:nowrap;
}
.reservations-filter-form .filter-actions .primary-button,
.reservations-filter-form .filter-actions .ghost-button{
  min-height:38px;
  padding:8px 12px;
}
.compact-section-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.compact-section-title h2{margin:0;}
.compact-section-title span{color:var(--muted);font-size:12px;font-weight:800;}
.reservation-list{gap:8px;}
.reservation-item-compact{
  position:relative;
  display:block;
  padding:9px 11px;
  border-radius:13px;
}
.reservation-item-compact .reservation-row-link{
  position:absolute;
  inset:0;
  z-index:1;
  border-radius:13px;
}
.reservation-item-compact a:not(.reservation-row-link),
.reservation-item-compact button,
.reservation-item-compact .reservation-message-icon{
  position:relative;
  z-index:2;
}
.reservation-line{
  display:grid;
  grid-template-columns:128px minmax(150px,1.25fr) minmax(170px,1.35fr) 70px 78px 110px auto;
  gap:8px;
  align-items:center;
  min-width:0;
}
.reservation-line-top{margin-bottom:4px;}
.reservation-line-bottom{
  grid-template-columns:96px minmax(210px,1.35fr) minmax(120px,.75fr) 96px 70px;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}
.reservation-line > *{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.reservation-time,
.reservation-customer-name,
.reservation-pax{color:#0f172a;font-size:13px;}
.reservation-tour-compact{color:#0f172a;font-size:13px;font-weight:900;}
.channel-badge.compact,
.status-pill.compact{
  justify-self:start;
  padding:3px 7px;
  font-size:11px;
  line-height:1.1;
}
.reservation-ref{
  color:#52637a;
  font-weight:900;
}
.reservation-pickup{color:#52637a;}
.reservation-phone-link{
  color:#0f5fd6;
  font-weight:900;
  text-decoration:none;
}
.reservation-phone-link:hover{text-decoration:underline;}
.reservation-phone-empty{color:#94a3b8;}
.reservation-money-compact{color:#0f172a;font-weight:900;text-align:right;}
.compact-actions{
  display:flex;
  justify-content:flex-end;
  gap:6px;
}
.compact-actions .small-button{
  min-width:auto;
  width:auto;
  padding:5px 9px;
  font-size:12px;
}
.reservation-item-compact .reservation-message-icon{
  display:inline-flex;
  align-items:center;
  gap:4px;
  justify-self:start;
  border-radius:999px;
  padding:3px 7px;
  font-size:12px;
  font-weight:900;
  line-height:1;
  white-space:nowrap;
  background:#f1f5f9;
  color:#111827;
  border:1px solid #cbd5e1;
}
.reservation-item-compact .reservation-message-icon.has-unread{
  background:#fee2e2;
  color:#b91c1c;
  border-color:#fecaca;
}
.reservation-item-compact .reservation-message-icon small{font-size:10px;font-weight:900;color:inherit;}
@media(max-width:1180px){
  .reservations-filter-form{grid-template-columns:1.2fr .8fr .8fr .8fr 1fr auto;}
  .reservation-line{grid-template-columns:108px minmax(130px,1.2fr) minmax(150px,1.3fr) 64px 62px 96px auto;}
  .reservation-line-bottom{grid-template-columns:88px minmax(170px,1.25fr) minmax(112px,.75fr) 82px 64px;}
}
@media(max-width:900px){
  .page-title-row.reservations-title-row{align-items:flex-start;flex-direction:column;}
  .reservations-filter-form{grid-template-columns:1fr 1fr;}
  .reservations-filter-form .filter-actions{grid-column:1/-1;}
  .reservation-line,
  .reservation-line-bottom{grid-template-columns:1fr 1fr;white-space:normal;}
  .reservation-line > *, .reservation-line-bottom > *{white-space:normal;}
  .compact-actions{justify-content:flex-start;}
}
@media(max-width:620px){
  .reservations-filter-form{grid-template-columns:1fr;}
  .reservation-line,
  .reservation-line-bottom{grid-template-columns:1fr;}
}


/* MOBILE_OPERATION_FIELD_V2: saha mobil kart v2 - masaustu ve is mantigi korunur */
@media (max-width: 760px) {
  body:not(.force-desktop) .mobile-operation-card-list {
    gap: 9px;
    margin-top: 10px;
  }
  body:not(.force-desktop) .mobile-operation-card {
    gap: 8px;
    padding: 11px;
    border-radius: 15px;
    border-color: #cfe0ff;
    box-shadow: 0 6px 18px rgba(15,23,42,.05);
  }
  body:not(.force-desktop) .mobile-operation-card-head {
    grid-template-columns: minmax(0,1fr) auto;
    gap: 6px;
  }
  body:not(.force-desktop) .mobile-operation-card-time {
    font-size: 12px;
    letter-spacing: .01em;
  }
  body:not(.force-desktop) .mobile-operation-card h3 {
    font-size: 17px;
    line-height: 1.12;
  }
  body:not(.force-desktop) .mobile-operation-card-channel {
    display: inline-flex !important;
    max-width: 86px;
    font-size: 10px;
    padding: 4px 7px;
    background: #f1f5f9;
    color: #334155;
  }
  body:not(.force-desktop) .mobile-operation-card-lines {
    gap: 6px;
  }
  body:not(.force-desktop) .mobile-operation-card-lines div {
    grid-template-columns: 58px minmax(0,1fr);
    gap: 7px;
    padding: 6px 7px;
    border-radius: 10px;
  }
  body:not(.force-desktop) .mobile-operation-card-lines span {
    font-size: 11px;
  }
  body:not(.force-desktop) .mobile-operation-card-lines strong {
    font-size: 13px;
  }
  body:not(.force-desktop) .mobile-operation-phone-link {
    color: #16a34a;
    text-decoration: none;
    font-weight: 950;
  }
  body:not(.force-desktop) .mobile-operation-warning-line {
    background: #fff7ed !important;
    border: 1px solid #fed7aa;
  }
  body:not(.force-desktop) .mobile-operation-warning-line strong {
    color: #c2410c !important;
  }
  body:not(.force-desktop) .mobile-operation-partner-line {
    background: #f0fdf4 !important;
    border: 1px solid #bbf7d0;
  }
  body:not(.force-desktop) .mobile-operation-partner-line strong {
    color: #15803d !important;
  }
  body:not(.force-desktop) .mobile-operation-card-actions {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 6px;
  }
  body:not(.force-desktop) .mobile-operation-card-actions .small-button {
    min-height: 34px;
    border-radius: 10px;
    font-size: 12px;
  }
  body:not(.force-desktop) .mobile-operation-card-detail {
    padding-top: 7px;
  }
  body:not(.force-desktop) .mobile-operation-card-detail summary {
    font-size: 13px;
  }
}


/* MOBILE_NAV_FIELD_1B - mobilde tek ust menu, alt menu yok */
@media (max-width: 760px) {
  body:not(.force-desktop) {
    padding-bottom: 0 !important;
  }
  body:not(.force-desktop) .mobile-topbar {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 8px;
    position: sticky;
    top: 0;
    z-index: 120;
    min-height: auto;
    padding: 8px 10px 10px;
    background: rgba(255,255,255,.98);
    border-bottom: 1px solid #e2e8f0;
    box-shadow: 0 6px 18px rgba(15,23,42,.08);
    backdrop-filter: blur(10px);
    overflow: visible;
  }
  body:not(.force-desktop) .mobile-topbar-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 34px;
  }
  body:not(.force-desktop) .mobile-primary-nav {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    position: relative;
    overflow: visible;
  }
  body:not(.force-desktop) .mobile-primary-nav > a,
  body:not(.force-desktop) .mobile-more-menu > summary {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 8px 6px;
    border: 1px solid #e2e8f0;
    border-radius: 13px;
    background: #fff;
    color: #334155;
    text-decoration: none;
    font-size: 12px;
    font-weight: 950;
    line-height: 1.1;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(15,23,42,.05);
  }
  body:not(.force-desktop) .mobile-primary-nav > a.active,
  body:not(.force-desktop) .mobile-more-menu > summary.active,
  body:not(.force-desktop) .mobile-more-panel a.active {
    border-color: #bfdbfe;
    background: #eff6ff;
    color: #1d4ed8;
  }
  body:not(.force-desktop) .mobile-more-menu {
    position: relative;
    min-width: 0;
  }
  body:not(.force-desktop) .mobile-more-menu > summary {
    list-style: none;
  }
  body:not(.force-desktop) .mobile-more-menu > summary::-webkit-details-marker {
    display: none;
  }
  body:not(.force-desktop) .mobile-more-menu[open] > summary {
    border-color: #93c5fd;
    background: #dbeafe;
    color: #1d4ed8;
  }
  body:not(.force-desktop) .mobile-more-panel {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 140;
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
    width: min(280px, calc(100vw - 20px));
    padding: 10px;
    border: 1px solid #dbe3ef;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 18px 44px rgba(15,23,42,.22);
  }
  body:not(.force-desktop) .mobile-more-panel a {
    display: flex;
    align-items: center;
    min-height: 42px;
    padding: 9px 11px;
    border-radius: 12px;
    color: #334155;
    background: #f8fafc;
    text-decoration: none;
    font-size: 14px;
    font-weight: 900;
  }
  body:not(.force-desktop) .sidebar {
    display: none !important;
  }
  body:not(.force-desktop) .app-shell {
    display: block;
    min-height: auto;
  }
  body:not(.force-desktop) .content {
    padding: 12px;
    max-width: 100%;
    overflow-x: hidden;
  }
  body:not(.force-desktop) .mobile-bottom-nav {
    display: none !important;
  }
}

/* MOBILE_OPERATION_POOL_1A - mobil operasyon havuzu sade kart ve hedef secimi */
.operation-pool-mobile-target { display: none; }
@media (max-width: 760px) {
  body:not(.force-desktop) .operation-page-head-v1 {
    padding: 9px 11px;
    border-radius: 13px;
    margin-bottom: 9px;
  }
  body:not(.force-desktop) .operation-page-head-v1 h1 {
    font-size: 20px;
  }
  body:not(.force-desktop) .operation-filter-card {
    padding: 10px !important;
  }
  body:not(.force-desktop) .operation-grid {
    gap: 11px;
  }
  body:not(.force-desktop) .operation-pool-card,
  body:not(.force-desktop) .operation-groups-card {
    padding: 11px !important;
    border-radius: 16px;
  }
  body:not(.force-desktop) .operation-pool-card .section-title-row,
  body:not(.force-desktop) .operation-groups-card .section-title-row {
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 8px;
  }
  body:not(.force-desktop) .operation-pool-card .section-title-row h2,
  body:not(.force-desktop) .operation-groups-card .section-title-row h2 {
    font-size: 18px;
    margin-bottom: 2px;
  }
  body:not(.force-desktop) .operation-pool-card .section-title-row p,
  body:not(.force-desktop) .operation-groups-card .section-title-row p {
    font-size: 12px;
  }
  body:not(.force-desktop) .operation-create-box {
    display: grid;
    grid-template-columns: 1fr !important;
    gap: 8px;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 14px;
    background: #f8fbff;
    border-color: #bfdbfe;
  }
  body:not(.force-desktop) .operation-create-box label {
    gap: 4px;
    font-size: 12px;
  }
  body:not(.force-desktop) .operation-create-box select,
  body:not(.force-desktop) .operation-create-box input {
    min-height: 42px;
    border-radius: 12px;
    font-size: 14px;
  }
  body:not(.force-desktop) .operation-create-box .primary-button,
  body:not(.force-desktop) .operation-create-box .secondary-button,
  body:not(.force-desktop) .operation-add-existing-btn {
    width: 100%;
    min-height: 42px;
    border-radius: 12px;
    font-size: 14px;
  }
  body:not(.force-desktop) .operation-add-existing-wrap {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    padding-top: 8px;
    border-top: 1px dashed #bfdbfe;
  }
  body:not(.force-desktop) .operation-card-list {
    gap: 9px;
    margin-top: 8px;
  }
  body:not(.force-desktop) .operation-pool-item {
    position: relative;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    grid-template-areas:
      "check main channel"
      "time main channel"
      "detail detail detail";
    align-items: start;
    gap: 7px 9px;
    min-height: 0;
    padding: 11px !important;
    border-radius: 16px !important;
    border-color: #dbeafe;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 6px 18px rgba(15,23,42,.05);
  }
  body:not(.force-desktop) .operation-pool-item:has(.operation-pool-check:checked) {
    border-color: #2563eb;
    background: #eff6ff;
    box-shadow: 0 0 0 2px rgba(37,99,235,.10);
  }
  body:not(.force-desktop) .operation-pool-check {
    grid-area: check;
    width: 22px;
    height: 22px;
    margin: 1px auto 0;
    accent-color: #2563eb;
  }
  body:not(.force-desktop) .operation-pool-time {
    grid-area: time;
    width: 42px;
    text-align: center;
    font-size: 13px;
    font-weight: 950;
    color: #1d4ed8;
    white-space: nowrap;
  }
  body:not(.force-desktop) .operation-pool-main {
    grid-area: main;
    gap: 6px;
  }
  body:not(.force-desktop) .operation-pool-primary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 5px 7px;
    align-items: center;
    white-space: normal;
    overflow: visible;
  }
  body:not(.force-desktop) .operation-pool-customer {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.15;
  }
  body:not(.force-desktop) .operation-pool-pax {
    justify-self: end;
    padding: 3px 8px;
    font-size: 12px;
    background: #e0f2fe;
    color: #075985;
  }
  body:not(.force-desktop) .operation-pool-tour {
    grid-column: 1 / -1;
    font-size: 13px;
    line-height: 1.22;
    color: #0f172a;
    white-space: normal;
    overflow: visible;
  }
  body:not(.force-desktop) .message-badge.mini {
    grid-column: 1 / -1;
    justify-self: start;
  }
  body:not(.force-desktop) .operation-pool-mobile-target {
    display: block;
    padding: 6px 8px;
    border-radius: 10px;
    background: #f1f5f9;
    color: #475569;
    font-size: 11px;
    font-weight: 900;
    line-height: 1.25;
  }
  body:not(.force-desktop) .operation-pool-secondary {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4px;
    white-space: normal;
    overflow: visible;
    font-size: 12px;
  }
  body:not(.force-desktop) .operation-pool-secondary span,
  body:not(.force-desktop) .operation-pool-secondary a {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    line-height: 1.25;
  }
  body:not(.force-desktop) .operation-phone-link {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    padding: 4px 7px;
    border-radius: 999px;
    background: #dcfce7;
    color: #15803d !important;
    text-decoration: none;
  }
  body:not(.force-desktop) .operation-pool-channel {
    grid-area: channel;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 6px;
    min-width: 0;
    padding: 0;
    background: transparent;
  }
  body:not(.force-desktop) .operation-channel-badge {
    display: inline-flex !important;
    max-width: 74px;
    padding: 4px 7px;
    font-size: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  body:not(.force-desktop) .operation-pool-detail-toggle {
    padding: 5px 8px;
    font-size: 11px;
  }
  body:not(.force-desktop) .operation-pool-detail-card {
    grid-area: detail;
    grid-column: 1 / -1;
    margin-top: 2px;
  }
  body:not(.force-desktop) .operation-reservation-card.compact {
    padding: 10px;
    border-radius: 14px;
    grid-template-columns: 1fr !important;
  }
  body:not(.force-desktop) .operation-detail-mini-grid {
    grid-template-columns: 1fr;
  }
  body:not(.force-desktop) .operation-message-actions .small-button {
    width: 100%;
    justify-content: center;
  }
  body:not(.force-desktop) .operation-group-list {
    gap: 8px;
  }
  body:not(.force-desktop) .operation-group-card-v1 {
    padding: 10px 11px !important;
    border-radius: 15px;
  }
}

/* MOBILE_FIELD_PANELS_1A
   Daily / Ciftlik / ATV / Diger saha panellerinde mobil kart ve form okunurlugunu iyilestirir.
   Sadece gorunumdur; atama, partner cari, operasyon, rezervasyon ve finance is mantigina dokunmaz. */
@media (max-width: 760px) {
  body:not(.force-desktop) .operation-page-head-v1 {
    position: static;
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 6px !important;
    margin-bottom: 10px !important;
    padding: 10px 12px !important;
  }
  body:not(.force-desktop) .operation-page-head-v1 h1 {
    font-size: 19px !important;
    line-height: 1.15 !important;
  }
  body:not(.force-desktop) .operation-filter-card {
    padding: 10px !important;
    margin-bottom: 10px !important;
  }
  body:not(.force-desktop) .daily-field-filter {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
  body:not(.force-desktop) .daily-field-filter input,
  body:not(.force-desktop) .daily-field-filter button {
    min-height: 42px !important;
    height: 42px !important;
    width: 100% !important;
  }
  body:not(.force-desktop) .daily-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-bottom: 10px !important;
  }
  body:not(.force-desktop) .daily-stat-card {
    min-height: 50px !important;
    padding: 8px 9px !important;
  }
  body:not(.force-desktop) .daily-stat-card span {
    font-size: 11px !important;
  }
  body:not(.force-desktop) .daily-stat-card strong {
    font-size: 19px !important;
  }
  body:not(.force-desktop) .daily-field-card,
  body:not(.force-desktop) .field-basic-card {
    border-radius: 16px !important;
    padding: 10px !important;
  }
  body:not(.force-desktop) .daily-field-head {
    padding: 0 0 10px !important;
    border-bottom: 1px solid #e2e8f0;
  }
  body:not(.force-desktop) .daily-field-head h2 {
    font-size: 17px !important;
  }
  body:not(.force-desktop) .daily-field-head p {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }
  body:not(.force-desktop) .daily-field-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }
  body:not(.force-desktop) .daily-field-actions .small-button,
  body:not(.force-desktop) .daily-field-actions button {
    min-height: 38px !important;
    height: auto !important;
    padding: 8px 7px !important;
    width: 100% !important;
    justify-content: center !important;
    white-space: normal !important;
    line-height: 1.1 !important;
  }
  body:not(.force-desktop) .operation-inline-cancel-form {
    width: 100% !important;
  }
  body:not(.force-desktop) .daily-assignment-form,
  body:not(.force-desktop) .field-note-form {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    padding: 10px !important;
    margin-top: 10px !important;
    border-radius: 14px !important;
  }
  body:not(.force-desktop) .daily-assignment-form label,
  body:not(.force-desktop) .field-note-form label {
    font-size: 12px !important;
  }
  body:not(.force-desktop) .daily-assignment-form input,
  body:not(.force-desktop) .daily-assignment-form select,
  body:not(.force-desktop) .field-note-form input,
  body:not(.force-desktop) .field-note-form select {
    min-height: 42px !important;
    height: 42px !important;
    border-radius: 11px !important;
  }
  body:not(.force-desktop) .daily-required-note {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }
  body:not(.force-desktop) .partner-service-box {
    padding: 10px !important;
    border-radius: 14px !important;
  }
  body:not(.force-desktop) .partner-service-head {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 4px !important;
  }
  body:not(.force-desktop) .partner-service-head span {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }
  body:not(.force-desktop) .partner-service-grid {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
  body:not(.force-desktop) .partner-description {
    grid-column: auto !important;
  }
  body:not(.force-desktop) .partner-save-button,
  body:not(.force-desktop) .field-note-form > .primary-button,
  body:not(.force-desktop) .daily-assignment-form > .primary-button {
    min-height: 44px !important;
    height: auto !important;
    width: 100% !important;
  }
  body:not(.force-desktop) .partner-cari-chips {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }
  body:not(.force-desktop) .partner-cari-chips span {
    width: 100% !important;
    border-radius: 12px !important;
    line-height: 1.25 !important;
  }
  body:not(.force-desktop) .mobile-operation-card {
    padding: 11px !important;
    border-radius: 15px !important;
  }
  body:not(.force-desktop) .mobile-operation-card-head {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }
  body:not(.force-desktop) .mobile-operation-card-channel {
    justify-self: start !important;
    max-width: 100% !important;
    display: inline-flex !important;
  }
  body:not(.force-desktop) .mobile-operation-card-lines div {
    grid-template-columns: 58px minmax(0, 1fr) !important;
    padding: 7px !important;
  }
  body:not(.force-desktop) .mobile-operation-card-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body:not(.force-desktop) .mobile-operation-card-actions .small-button:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }
  body:not(.force-desktop) .operation-message-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
  }
  body:not(.force-desktop) .operation-message-actions .small-button {
    width: 100% !important;
    justify-content: center !important;
  }
}


/* STAFF_NOTES_SIMPLE_1A */
.staff-notes-grid {
  display: grid;
  grid-template-columns: minmax(300px, .75fr) minmax(0, 1.25fr);
  gap: 16px;
  align-items: start;
}
.staff-note-form {
  display: grid;
  gap: 12px;
}
.staff-note-form label {
  display: grid;
  gap: 7px;
  font-weight: 800;
  color: #334155;
}
.staff-note-form textarea {
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 12px 13px;
  min-height: 150px;
  resize: vertical;
  font-size: 15px;
  line-height: 1.45;
  outline: none;
  background: #fff;
  color: var(--text);
}
.staff-note-form textarea:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(29,78,216,.12);
}
.staff-note-list-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.staff-note-list-head h2 { margin: 0; }
.staff-note-list-head span {
  border: 1px solid var(--border);
  background: #f8fafc;
  color: #475569;
  border-radius: 999px;
  padding: 5px 9px;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}
.staff-note-list {
  display: grid;
  gap: 10px;
}
.staff-note-item {
  border: 1px solid var(--border);
  background: #ffffff;
  border-radius: 15px;
  padding: 13px;
  display: grid;
  gap: 10px;
}
.staff-note-text {
  color: #172033;
  font-weight: 700;
  line-height: 1.45;
  white-space: normal;
  word-break: break-word;
}
.staff-note-meta {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}
.staff-note-delete {
  border: 1px solid #fecaca;
  background: #fef2f2;
  color: #b91c1c;
  border-radius: 11px;
  padding: 9px 12px;
  font-weight: 900;
  cursor: pointer;
}
.staff-note-delete:hover { background: #fee2e2; }
@media (max-width: 900px) {
  .staff-notes-grid { grid-template-columns: 1fr; }
  .staff-note-form textarea { min-height: 130px; }
}

/* OPERATION_POOL_CUSTOMER_WA_RESTORE_1A
   Operasyon Havuzu'nda müşteri WhatsApp bağlantısı görünür kalır.
   Saha print/göster/rehber-kaptan çıktılarındaki gizlilik kurallarına dokunmaz. */
.operation-pool-wa-link{
  display:inline-flex!important;
  align-items:center!important;
  max-width:180px!important;
  color:#16a34a!important;
  font-weight:950!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.operation-pool-wa-link:hover{text-decoration:underline!important;}
@media(max-width:760px){
  body:not(.force-desktop) .operation-pool-wa-link{
    max-width:100%!important;
    width:100%!important;
    margin-top:2px!important;
  }
}

/* OPERATION_POOL_WA_PICKUP_PLACEHOLDER_FIX_1A */
.operation-pool-wa-link::before,
a.operation-pool-wa-link::before {
  content: "" !important;
}