:root{
  --dus-mq-border:#e5e7eb;
  --dus-mq-muted:#6b7280;
  --dus-mq-bg:#ffffff;
}

.dus-mq{
  --dus-mq-accent:#2563eb;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  border:1px solid var(--dus-mq-border);
  border-radius:8px;
  background:var(--dus-mq-bg);
  padding:18px;
  max-width:980px;
}

.dus-mq-head{margin-bottom:14px;}
.dus-mq-title{margin:0 0 6px;font-size:22px;line-height:1.2;}
.dus-mq-desc{margin:0;color:var(--dus-mq-muted);}

.dus-mq-form{margin:0;}
.dus-mq-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap:14px;
}
@media (max-width: 720px){
  .dus-mq-grid{grid-template-columns:1fr;}
}

.dus-mq-field label{display:block;font-weight:600;margin:0 0 6px;}
.dus-mq-field input,
.dus-mq-field select,
.dus-mq-field textarea{
  width:100%;
  border:1px solid var(--dus-mq-border);
  border-radius:4px;
  padding:5px 8px;
  font-weight:500;
  font-size:14px;
  background:#f7f7f7;
  box-sizing:border-box;
}
.dus-mq-field input:focus,
.dus-mq-field select:focus,
.dus-mq-field textarea:focus{
  outline:2px solid color-mix(in srgb, var(--dus-mq-accent) 35%, transparent);
  outline-offset:1px;
  border-color: color-mix(in srgb, var(--dus-mq-accent) 55%, var(--dus-mq-border));
}
.dus-mq-help{margin-top:6px;color:var(--dus-mq-muted);font-size:13px;}

.dus-mq-birth{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;}

.dus-mq-actions{display:flex;gap:10px;align-items:center;margin-top:14px;}

.dus-mq-btn{
  border:1px solid var(--dus-mq-border);
  background:#fff;
  padding:8px 9px;
  border-radius:4px;
  cursor:pointer;
  font-weight:600;
}
.dus-mq-btn:disabled{opacity:.6;cursor:not-allowed;}
.dus-mq-btn-primary{
  border-color: color-mix(in srgb, var(--dus-mq-accent) 70%, var(--dus-mq-border));
  background: var(--dus-mq-accent);
  color:#fff;
}
.dus-mq-btn-secondary{
  border-color: color-mix(in srgb, var(--dus-mq-accent) 40%, var(--dus-mq-border));
  color: var(--dus-mq-accent);
}
.dus-mq-btn-ghost{background:#333;}

.dus-mq-msg{margin-top:10px;font-size:14px;}
.dus-mq-msg.is-error{color:#b91c1c;}
.dus-mq-msg.is-ok{color:#166534;}
.dus-mq-msg.is-info{color:var(--dus-mq-muted);}

.dus-mq-results{margin-top:18px;}

.dus-mq-summary{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap:16px;
}
@media (max-width: 960px){
  .dus-mq-summary{grid-template-columns:1fr;}
}

.dus-mq-card{
  border:1px solid var(--dus-mq-border);
  border-radius:4px;
  padding:12px 14px;
  background:#fff;
}
.dus-mq-card-label{color:var(--dus-mq-muted);font-size:13px;margin-bottom:6px;}
.dus-mq-card-value{font-size:20px;font-weight:800;}
.dus-mq-thanks{margin-top:8px;color:var(--dus-mq-muted);font-size:13px;}

.dus-mq-print-row{display:flex;justify-content:flex-end;margin:12px 0 6px;}
.dus-mq [hidden]{display:none !important;}


.dus-mq-card-sub{margin-top:10px;border-top:1px solid var(--dus-mq-border);padding-top:10px;display:flex;flex-direction:column;gap:6px;}
.dus-mq-card-subrow{display:flex;align-items:baseline;justify-content:space-between;gap:10px;}
.dus-mq-card-subtitle{color:var(--dus-mq-muted);font-size:13px;}
.dus-mq-card-subvalue{font-size:14px;font-weight:800;color:#111827;}

.dus-mq-field-wide{grid-column: 1 / -1;}
.dus-mq-optional{border:0px solid var(--dus-mq-border);border-radius:14px;background:#fff;padding:0px 0px;}
.dus-mq-optional-summary{cursor:pointer;font-weight:700;list-style:none;outline:none;}
.dus-mq-optional-summary::-webkit-details-marker{display:none;}
.dus-mq-optional-body{margin-top:10px;}
.dus-mq-grid-inner{grid-template-columns: repeat(2, minmax(0,1fr));gap:12px;}
@media (max-width: 960px){
  .dus-mq-grid-inner{grid-template-columns:1fr;}
}

.dus-mq-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.dus-mq-table-wrap.dus-mq-table-scroll table{min-width:760px;}
.dus-mq-table-wrap:not(.dus-mq-table-scroll) table{width:100%;}


.dus-mq-extra{
  border:1px solid var(--dus-mq-border);
  border-radius:4px;
  padding:12px 14px;
  background:#fff;
  margin:12px 0;
}
.dus-mq-extra .dus-mq-h3{margin:0px 0 10px;font-size:16px;}
.dus-mq-extra-body{color:#111827;font-size:14px;}
.dus-mq-extra-body p{margin:0 0 10px;}
.dus-mq-extra-body p:last-child{margin-bottom:0;}
.dus-mq-extra-actions{margin-top:10px;display:flex;justify-content:flex-start;}
.dus-mq-pay{text-decoration:none;display:inline-flex;align-items:center;font-size:14px;padding: 5px 9px;background: transparent;justify-content:center;}



.dus-mq-h3{margin:18px 0 10px;font-size:16px;}

.dus-mq-table-wrap{overflow:auto;border:1px solid var(--dus-mq-border);border-radius:8px;}
.dus-mq-table{width:100%;border-collapse:collapse;min-width:760px;background:#fff;}
.dus-mq-table th,.dus-mq-table td{padding:10px 12px;border-bottom:1px solid var(--dus-mq-border);text-align:left;vertical-align:top;font-size:14px;}
.dus-mq-table th{background:#f9fafb;font-weight:700;}
.dus-mq-muted{color:var(--dus-mq-muted);text-align:center;}

/* Print fallback: hide obvious UI when printing the full page */
@media print{
  .dus-mq-form, .dus-mq-print-row, .dus-mq-reset{display:none !important;}
  .dus-mq{border:none;padding:0;max-width:none;}
  .dus-mq-table{min-width:0;}
}

/* Tablo sütunları ekranla birlikte esnesin */
.responsive-table {
  width: 100%;
  table-layout: fixed;      /* kolonlar alanı paylaşır */
  border-collapse: collapse;
}

.responsive-table th,
.responsive-table td {
  padding: 8px 10px;
  vertical-align: top;
  overflow: hidden;         /* taşanı kontrol et */
  text-overflow: ellipsis;  /* uzun metni üç nokta */
  white-space: nowrap;      /* tek satır (istersen kaldır) */
}

/* Eğer bazı hücrelerin satır kırmasını istersen */
.responsive-table .wrap {
  white-space: normal;
  word-break: break-word;
}

/* İsteğe bağlı: kolon oranları */
.responsive-table .col-type   { width: 12%; }
.responsive-table .col-amount { width: 12%; }
.responsive-table .col-date   { width: 12%; }
.responsive-table .col-method { width: 14%; }
.responsive-table .col-receipt{ width: 15%; }
.responsive-table .col-note   { width: 35%; }  /* en geniş alan not */


.no-border {
  border: 0;
  padding: 0;
  margin: 0;
  box-shadow: none;
  outline: 0;
}


/* jQuery UI Datepicker minimal styling */
.ui-datepicker{background:#fff;border:1px solid var(--dus-mq-border);border-radius:12px;padding:10px;box-shadow:0 18px 50px rgba(0,0,0,.18);z-index:999999 !important;}
.ui-datepicker .ui-datepicker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.ui-datepicker .ui-datepicker-title{font-weight:700;}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{cursor:pointer;padding:4px 6px;border-radius:8px;color:#111827;text-decoration:none;}
.ui-datepicker .ui-datepicker-prev:hover,.ui-datepicker .ui-datepicker-next:hover{background:#f3f4f6;}
.ui-datepicker table{width:100%;border-collapse:collapse;font-size:13px;}
.ui-datepicker th{color:var(--dus-mq-muted);font-weight:700;padding:6px;text-align:center;}
.ui-datepicker td{padding:2px;text-align:center;}
.ui-datepicker td a{display:block;padding:6px 0;border-radius:8px;text-decoration:none;color:#111827;}
.ui-datepicker td a.ui-state-active{background:var(--dus-mq-accent);color:#fff;}
.ui-datepicker td a:hover{background:#f3f4f6;}


/* Query info card (TC + birth date + optional fields) */
.dus-mq-query-card{
  border:1px solid var(--dus-mq-border);
  border-radius:16px;
  padding:12px 14px;
  background:#fff;
  margin:0 0 16px;
}
.dus-mq-query-title{
  font-size:13px;
  font-weight:700;
  color:var(--dus-mq-muted);
  margin:0 0 10px;
}
.dus-mq-query-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));
  gap:12px;
}
.dus-mq-query-item{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.dus-mq-query-label{
  font-size:12px;
  color:var(--dus-mq-muted);
}
.dus-mq-query-value{
  font-size:14px;
  font-weight:700;
  color:#111827;
  word-break:break-word;
}

/* Objection (itiraz) */
.dus-mq-extra-objection{margin-top:12px;}
.dus-mq-objection-status{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px;}
.dus-mq-pill{
	display:inline-flex;
	align-items:center;
	padding:4px 12px;
	border-radius:8px;
	border:1px solid var(--dus-mq-border);
	background:#f1f5f9;
	color:#0f172a;
	font-size:11px;
	font-weight:700;
}
.dus-mq-pill.is-new{background:#f1f5f9;border-color:#cbd5e1;color:#334155;}
.dus-mq-pill.is-in_review{background:#e0f2fe;border-color:#7dd3fc;color:#0c4a6e;}
.dus-mq-pill.is-resolved{background:#dcfce7;border-color:#86efac;color:#14532d;}
.dus-mq-pill.is-closed{background:#fee2e2;border-color:#fecaca;color:#7f1d1d;}
.dus-mq-objection-solution{margin-top:8px;padding:10px 12px;border:1px solid var(--dus-mq-border);border-radius:8px;background:#f9f9f9;}
.dus-mq-objection-solution-row{margin:4px 0;font-size:13px;color:#0f172a;}

/* Online payment widget (shared with portal) */
.dus-pay{margin-top:12px;padding:12px;border:1px solid var(--dus-mq-border);border-radius:12px;background:#f8fafc;}
.dus-pay-title{margin:0 0 10px;font-size:14px;font-weight:700;}
.dus-pay-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px;}
.dus-pay-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;border:1px solid var(--dus-mq-border);background:var(--dus-mq-accent);color:#fff;text-decoration:none;font-weight:800;}
.dus-pay-btn:hover{filter:brightness(.98);}
.dus-pay-details{display:grid;gap:8px;}
.dus-pay-row{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:start;font-size:13px;}
.dus-pay-k{color:#475569;font-weight:700;}
.dus-pay-v{color:#0f172a;word-break:break-word;}
.dus-pay-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:12px;}