.to-modal-overlay {

  position: fixed;

  top: 0; left: 0; right: 0; bottom: 0;

  background: rgba(0,0,0,0.6);

  z-index: 10000;

  display: flex;

  align-items: center;

  justify-content: center;

}

.to-modal-container {

  background: #fff;

  border-radius: 12px;

  width: 95%;

  max-width: 900px;

  max-height: 90vh;

  display: flex;

  flex-direction: column;

  box-shadow: 0 8px 40px rgba(0,0,0,0.3);

  position: relative;

}

.to-modal-close {

  position: absolute;

  top: 10px; right: 14px;

  background: none;

  border: none;

  font-size: 26px;

  cursor: pointer;

  color: #666;

  z-index: 2;

  line-height: 1;

}

.to-modal-close:hover { color: #333; }



.to-modal-header {

  padding: 18px 24px 12px;

  border-bottom: 1px solid #e0e0e0;

}

.to-modal-header h3 {

  margin: 0 0 12px;

  font-size: 18px;

  font-weight: 700;

  color: #333;

}

.to-steps {

  display: flex;

  gap: 8px;

}

.to-step {

  flex: 1;

  text-align: center;

  padding: 8px 6px;

  border-radius: 8px;

  background: #f0f0f0;

  color: #888;

  font-size: 12px;

  font-weight: 600;

}

.to-step span {

  display: inline-block;

  width: 20px; height: 20px;

  line-height: 20px;

  border-radius: 50%;

  background: #ccc;

  color: #fff;

  font-size: 11px;

  margin-right: 4px;

}

.to-step.active {

  background: #1a73e8;

  color: #fff;

}

.to-step.active span {

  background: #fff;

  color: #1a73e8;

}

.to-step.completed {

  background: #e8f5e9;

  color: #2e7d32;

}

.to-step.completed span {

  background: #2e7d32;

  color: #fff;

}



.to-modal-body {

  flex: 1;

  overflow-y: auto;

  padding: 16px 24px;

}



.to-step-content { }



.to-empty {

  text-align: center;

  padding: 40px 20px;

  color: #888;

  font-size: 14px;

}



.to-select-bar {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 8px 12px;

  background: #f8f9fa;

  border-radius: 8px;

  margin-bottom: 12px;

  font-size: 13px;

}

.to-select-bar label {

  display: flex;

  align-items: center;

  gap: 6px;

  cursor: pointer;

  font-weight: 600;

}

.to-selected-count {

  color: #1a73e8;

  font-weight: 600;

}



.to-table-wrap {

  max-height: 400px;

  overflow-y: auto;

  border: 1px solid #e0e0e0;

  border-radius: 8px;

}

.to-table {

  width: 100%;

  border-collapse: collapse;

  font-size: 13px;

}

.to-table thead th {

  background: #f0f2f5;

  padding: 8px 10px;

  text-align: left;

  font-weight: 600;

  color: #555;

  border-bottom: 2px solid #e0e0e0;

  position: sticky;

  top: 0;

  z-index: 1;

}

.to-table tbody td {

  padding: 8px 10px;

  border-bottom: 1px solid #eee;

}

.to-table tbody tr:hover {

  background: #f5f8ff;

}



.to-kalan-kritik {

  color: #dc3545;

  font-weight: 700;

}

.to-kalan-uyari {

  color: #f39c12;

  font-weight: 600;

}

.to-kalan-normal {

  color: #28a745;

}



.to-actions {

  display: flex;

  justify-content: flex-end;

  gap: 10px;

  padding-top: 16px;

  border-top: 1px solid #eee;

  margin-top: 16px;

}

.to-actions-final {

  justify-content: center;

  flex-wrap: wrap;

}



.to-btn {

  padding: 8px 20px;

  border: none;

  border-radius: 8px;

  font-size: 13px;

  font-weight: 600;

  cursor: pointer;

  transition: background 0.2s;

}

.to-btn-primary {

  background: #1a73e8;

  color: #fff;

}

.to-btn-primary:hover { background: #1557b0; }

.to-btn-secondary {

  background: #34a853;

  color: #fff;

}

.to-btn-secondary:hover { background: #2d8f47; }

.to-btn-cancel {

  background: #f0f0f0;

  color: #555;

}

.to-btn-cancel:hover { background: #e0e0e0; }

.to-btn-back {

  background: #f0f0f0;

  color: #555;

}

.to-btn-back:hover { background: #e0e0e0; }

.to-btn-print {

  background: #ff9800;

  color: #fff;

  font-size: 12px;

  padding: 6px 14px;

}

.to-btn-print:hover { background: #e68900; }



.to-accordion-list {

  display: flex;

  flex-direction: column;

  gap: 6px;

}

.to-accordion-item {

  border: 1px solid #e0e0e0;

  border-radius: 8px;

  overflow: hidden;

}

.to-accordion-header {

  display: flex;

  align-items: center;

  gap: 10px;

  padding: 10px 14px;

  background: #f8f9fa;

  cursor: pointer;

  user-select: none;

  transition: background 0.2s;

}

.to-accordion-header:hover {

  background: #eef1f5;

}

.to-accordion-header.to-acc-active {

  background: #e3f2fd;

  border-bottom: 1px solid #bbdefb;

}

.to-acc-arrow {

  font-size: 11px;

  color: #888;

  width: 14px;

}

.to-acc-name {

  font-weight: 600;

  font-size: 14px;

  color: #333;

  flex: 1;

}

.to-acc-tc {

  font-size: 12px;

  color: #888;

}



.to-accordion-content {

  padding: 14px;

  background: #fff;

}



.to-section {

  margin-bottom: 16px;

}

.to-section:last-child {

  margin-bottom: 0;

}

.to-section-title {

  font-size: 13px;

  font-weight: 700;

  color: #1a73e8;

  margin: 0 0 10px;

  padding-bottom: 6px;

  border-bottom: 2px solid #e3f2fd;

}



.to-checkbox-grid {

  display: flex;

  flex-wrap: wrap;

  gap: 6px 16px;

}

.to-checkbox-label {

  display: flex;

  align-items: center;

  gap: 5px;

  font-size: 12px;

  color: #444;

  cursor: pointer;

  padding: 3px 0;

}



.to-form-grid {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 10px;

}

.to-form-group {

  display: flex;

  flex-direction: column;

  gap: 3px;

}

.to-form-group label {

  font-size: 11px;

  font-weight: 600;

  color: #555;

}

.to-form-group.to-full-width {

  grid-column: 1 / -1;

}

.to-input {

  padding: 7px 10px;

  border: 1px solid #d0d0d0;

  border-radius: 6px;

  font-size: 13px;

  outline: none;

  transition: border 0.2s;

}

.to-input:focus {

  border-color: #1a73e8;

  box-shadow: 0 0 0 2px rgba(26,115,232,0.15);

}

.to-textarea {

  padding: 8px 10px;

  border: 1px solid #d0d0d0;

  border-radius: 6px;

  font-size: 13px;

  outline: none;

  resize: vertical;

  width: 100%;

  box-sizing: border-box;

}

.to-textarea:focus {

  border-color: #1a73e8;

  box-shadow: 0 0 0 2px rgba(26,115,232,0.15);

}



.to-success-msg {

  text-align: center;

  font-size: 18px;

  font-weight: 700;

  color: #2e7d32;

  padding: 20px 0 16px;

}



.to-result-list {

  display: flex;

  flex-direction: column;

  gap: 8px;

  margin-bottom: 16px;

}

.to-result-card {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 10px 14px;

  background: #f8f9fa;

  border-radius: 8px;

  border: 1px solid #e0e0e0;

}

.to-result-name {

  font-weight: 600;

  font-size: 14px;

  color: #333;

}



.to-saved-badge {

  display: inline-block;

  background: #e8f5e9;

  color: #2e7d32;

  font-size: 10px;

  font-weight: 700;

  padding: 1px 6px;

  border-radius: 4px;

  margin-left: 6px;

  vertical-align: middle;

}