/* DOSYA: /assets/css/mini-erp.css */
/* v1.1 */

/* =========================================================
   BLOK 01 — Nav Renk Değişkenleri
========================================================= */
:root{
  --nav-bg: #34495e;
  --nav-item-active-bg: #2c3e50;
  --nav-item-hover-bg: #5d6d7e;
  --nav-text-light: #ecf0f1;

  /* Filter bar (mat açık mavi) */
  --erp-filter-bg: #dfeaf6;
  --erp-filter-border: #c7d6ea;
  --erp-field-bg: #f9fbff;
  --erp-field-border: #c5ccd6;
  --erp-focus: rgba(52, 152, 219, 0.18);
  /* Unified field sizing */
  --trcn-field-h: 42px;
  --trcn-field-radius: 8px;
  --trcn-field-font: 14px;
}

/* =========================================================
   BLOK 02 — Genel Wrapper + Box Model
========================================================= */
.trcn-mini-erp-wrapper{
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #f8f9fa;
  padding: 12px;
  border-radius: 12px;
  max-width: 1320px;
  margin: 0 auto;
  color: #2c3e50;
  box-sizing: border-box;
}

.trcn-mini-erp-wrapper *,
.trcn-mini-erp-wrapper *:before,
.trcn-mini-erp-wrapper *:after{
  box-sizing: border-box;
}

.trcn-mini-erp-content{
  display: block;
}

.mini-erp-module{
  display: block;
}

.mini-erp-module-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  flex-wrap: wrap;
}

.mini-erp-module-header h2{
  margin: 0;
  font-size: 20px;
  color: #2c3e50;
  font-weight: 600;
}

.mini-erp-panel-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.mini-erp-panel-header h2{
  margin: 0 0 10px 0;
  font-size: 17px;
  color: #34495e;
  font-weight: 600;
  padding-bottom: 5px;
  border-bottom: 1px solid #ecf0f1;
}

.mini-erp-panel-header-flex{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* =========================================================
   BLOK 03 — Panel / Kart
========================================================= */
.mini-erp-panel{
  background: #ffffff;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 16px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  border: 1px solid #ecf0f1;
  width: 100%;
}

.mini-erp-panel h3{
  margin: 0 0 15px 0;
  font-size: 16px;
  color: #34495e;
  font-weight: 600;
  padding-bottom: 8px;
  border-bottom: 1px solid #ecf0f1;
}

.mini-erp-panel-collapsible .mini-erp-panel-body{
  display: none;
}
.mini-erp-panel-collapsible.open .mini-erp-panel-body{
  display: block;
}

.mini-erp-documents-module #mini-erp-document-form-panel .mini-erp-panel-body{
  background: #f4f6f8;
  border-radius: 10px;
  padding: 16px 18px;
}

/* =========================================================
   BLOK 04 — Navigation
========================================================= */
.trcn-mini-erp-nav{
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin-bottom: 16px;
  background: var(--nav-bg);
  border-radius: 10px;
  padding: 0;
  border: 1px solid var(--nav-bg);
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.trcn-mini-erp-nav-item{
  flex: 1 1 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 12px;
  border-radius: 0;
  text-decoration: none;
  font-size: 14px;
  color: var(--nav-text-light);
  background: transparent;
  transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.trcn-mini-erp-nav-item:last-child{
  border-right: none;
}

.trcn-mini-erp-nav-item .icon{
  font-size: 15px;
}

.trcn-mini-erp-nav-item.active{
  background: var(--nav-item-active-bg);
  color: #ffffff;
  font-weight: 600;
  box-shadow: none;
}

.trcn-mini-erp-nav-item:hover:not(.active){
  background: var(--nav-item-hover-bg);
  color: #ffffff;
}

/* =========================================================
   BLOK 05 — Grid (Form)
========================================================= */

/* Settings: 4 kolon */
.mini-erp-settings-grid-4{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
  align-items: start;
}

/* Genel formlar: 2 kolon (desktop), 1 kolon (mobil) */
.mini-erp-form-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
  align-items: start;
}

/* Dokumente: 3 kolon (desktop) */
.mini-erp-module-documents #mini-erp-document-form-panel .mini-erp-form-grid{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.mini-erp-module-documents #mini-erp-document-form-panel .mini-erp-form-grid .span-1{ grid-column: span 1; }
.mini-erp-module-documents #mini-erp-document-form-panel .mini-erp-form-grid .span-2{ grid-column: span 2; }
.mini-erp-module-documents #mini-erp-document-form-panel .mini-erp-form-grid .span-3,
.mini-erp-module-documents #mini-erp-document-form-panel .mini-erp-form-grid .span-4{ grid-column: span 3; }

/* Span helpers — Settings (4 kolon) */
.mini-erp-settings-grid-4 .span-1{ grid-column: span 1; }
.mini-erp-settings-grid-4 .span-2{ grid-column: span 2; }
.mini-erp-settings-grid-4 .span-3{ grid-column: span 3; }
.mini-erp-settings-grid-4 .span-4{ grid-column: span 4; }

/* Span helpers — Form (2 kolon) */
.mini-erp-form-grid .span-1{ grid-column: span 1; }
.mini-erp-form-grid .span-2,
.mini-erp-form-grid .span-3,
.mini-erp-form-grid .span-4{ grid-column: span 2; }

/* Oranlı satırlar (Straße/Hausnr, PLZ/Ort vs.) */
.mini-erp-form-row-70-30{
  display: grid;
  grid-template-columns: 7fr 3fr;
  gap: 15px;
  align-items: start;
}
.mini-erp-form-row-30-70{
  display: grid;
  grid-template-columns: 3fr 7fr;
  gap: 15px;
  align-items: start;
}

.mini-erp-form-field{
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* Dokumente: Neuer Kunde Button (rechte Spalte) */
.mini-erp-new-customer-btn-field{
  justify-content: flex-end;
}

/* + Neuer Kunde button (grün, auffällig, input-high) */
.trcn-btn-new-customer{
  height: 44px;
  padding: 0 16px;
  font-weight: 700;
  color: #1f8f3a;
  border: 2px solid #1f8f3a;
  background: #fff;
  border-radius: 10px;
  white-space: nowrap;
  line-height: 44px;
}
.trcn-btn-new-customer:hover{
  background: rgba(31,143,58,.08);
}
.trcn-btn-new-customer:active{
  transform: translateY(1px);
}

.mini-erp-form-field label{
  font-size: 12px;
  color: #7f8c8d;
  margin-bottom: 6px;
  font-weight: 600;
}

.mini-erp-form-field input[type="text"],
.mini-erp-form-field input[type="email"],
.mini-erp-form-field input[type="date"],
.mini-erp-form-field input[type="number"],
.mini-erp-form-field select,
.mini-erp-form-field textarea{
  width: 100%;
  border-radius: 6px;
  border: 1px solid #dcdfe3;
  padding: 10px 12px;
  font-size: 14px;
  background: #ffffff;
  color: #2c3e50;
  transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
  min-width: 0;
}

/* =========================================================
   TRCN — Unified input/button heights + theme-resilient labels
========================================================= */
.trcn-mini-erp-wrapper .mini-erp-form-field label{
  position: static;
  display: block;
  float: none;
  line-height: 1.2;
}

.trcn-mini-erp-wrapper .mini-erp-form-field input[type="text"],
.trcn-mini-erp-wrapper .mini-erp-form-field input[type="email"],
.trcn-mini-erp-wrapper .mini-erp-form-field input[type="date"],
.trcn-mini-erp-wrapper .mini-erp-form-field input[type="number"],
.trcn-mini-erp-wrapper .mini-erp-form-field select,
.trcn-mini-erp-wrapper .mini-erp-filter-bar input[type="text"],
.trcn-mini-erp-wrapper .mini-erp-filter-bar input[type="date"],
.trcn-mini-erp-wrapper .mini-erp-filter-bar select{
  height: var(--trcn-field-h);
  min-height: var(--trcn-field-h);
  border-radius: var(--trcn-field-radius);
  font-size: var(--trcn-field-font);
  padding: 0 12px;
}

.trcn-mini-erp-wrapper .mini-erp-form-field textarea{
  border-radius: var(--trcn-field-radius);
  font-size: var(--trcn-field-font);
}

.trcn-mini-erp-wrapper .mini-erp-button{
  height: var(--trcn-field-h);
  min-height: var(--trcn-field-h);
  border-radius: var(--trcn-field-radius);
  font-size: var(--trcn-field-font);
  padding: 0 16px;
}
.trcn-mini-erp-wrapper .mini-erp-button.mini-erp-button-small{
  padding: 0 12px;
}
.trcn-mini-erp-wrapper .mini-erp-button.btn-icon{
  width: var(--trcn-field-h);
  padding: 0;
}

.trcn-mini-erp-wrapper .mini-erp-form-grid{
  align-items: end;
}
.trcn-mini-erp-wrapper .mini-erp-form-field{
  min-width: 0;
}

.mini-erp-form-field textarea{
  resize: vertical;
  min-height: 80px;
  line-height: 1.4;
}

.mini-erp-form-field input:focus,
.mini-erp-form-field select:focus,
.mini-erp-form-field textarea:focus{
  border-color: #3498db;
  outline: none;
  box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
}

.mini-erp-text-hint{
  font-size: 11px;
  color: #95a5a6;
  margin-top: 4px;
}

/* =========================================================
   BLOK 05.1 — Einstellungen: Logo Card (Fix: zu breite Logoanzeige)
========================================================= */
.logo-card-only{
  display: flex;
  gap: 15px;
  align-items: center;
}

.mini-erp-logo-box{
  flex: 0 0 auto;
  width: 220px;
  max-width: 220px;
  height: 80px;
  border: 1px dashed #dcdfe3;
  border-radius: 10px;
  background: #f8f9fa;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  overflow: hidden;
}

.mini-erp-logo-box img{
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}

.mini-erp-logo-placeholder{
  font-size: 12px;
  color: #95a5a6;
}

/* Mobil: Logo alt satıra düşsün */
@media (max-width: 768px){
  .logo-card-only{
    flex-direction: column;
    align-items: stretch;
  }
  .mini-erp-logo-box{
    width: 100%;
    max-width: 100%;
    height: 100px;
  }
}

/* =========================================================
   BLOK 06 — Buttons
========================================================= */
.mini-erp-button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  border-radius: 6px;
  background: #3498db;
  color: #ffffff;
  border: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s;
}

.mini-erp-button:hover{
  background: #2980b9;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

.mini-erp-button:active{
  transform: translateY(1px);
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.mini-erp-button.ghost{
  background: #ffffff;
  color: #3498db;
  box-shadow: none;
  border: 1px solid #3498db;
}
.mini-erp-button.ghost:hover{
  background: #f8f9fa;
}

.mini-erp-button-small{
  padding: 6px 12px;
  font-size: 13px;
}

.mini-erp-button-save{
  background: #27ae60;
  width: 100%;
}

.mini-erp-button-save:hover{
  background: #219150;
}

.mini-erp-button-save:active{
  background: #1e7f44;
}

.mini-erp-button-new-doc{
  background: #2ecc71;
  color: #ffffff;
}
.mini-erp-button-new-doc:hover{
  background: #27ae60;
}

.mini-erp-button-netto{
  background: #ffffff;
  color: #3498db;
  border: 1px solid #3498db;
  box-shadow: none;
}
.mini-erp-button-netto:hover{
  background: #e9f5ff;
}

.mini-erp-icon-button{
  border: none;
  background: #f8f9fa;
  color: #7f8c8d;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  cursor: pointer;
  margin: 0 4px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
  transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
}
.mini-erp-icon-button:hover{
  background: #ffffff;
  color: #3498db;
  box-shadow: 0 2px 6px rgba(0,0,0,0.12);
}

.mini-erp-icon-button svg{
  width:16px;
  height:16px;
  display:block;
}

.mini-erp-icon-button svg *{
  fill:none;
}

.mini-erp-icon-button.danger{
  background: #fde8e8;
  color: #e74c3c;
}
.mini-erp-icon-button.danger:hover{
  background: #fad2d2;
}

/* =========================================================
   BLOK 07 — Tables
========================================================= */
.mini-erp-table-wrapper{
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #ecf0f1;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  overflow-x: auto;
}

.mini-erp-table{
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  color: #34495e;
}

.mini-erp-table thead{
  background: #f8f9fa;
}

.mini-erp-table th{
  padding: 10px 15px;
  border-bottom: 1px solid #ecf0f1;
  text-align: left;
  vertical-align: middle;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #95a5a6;
  font-weight: 600;
}

.mini-erp-table td{
  padding: 10px 15px;
  border-bottom: 1px solid #ecf0f1;
  text-align: left;
  vertical-align: middle;
}

.mini-erp-table tbody tr:nth-child(even){
  background: #fcfcfd;
}

.mini-erp-table tbody tr:hover{
  background: #f5f5f5;
}

.mini-erp-table-empty{
  text-align: center;
  padding: 20px;
  font-size: 14px;
  color: #bdc3c7;
}

/* =========================================================
   BLOK 08 — Dashboard Kartları
========================================================= */
.mini-erp-dashboard{
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.mini-erp-cards-row{
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 16px;
}

.mini-erp-card{
  background: #ffffff;
  border-radius: 12px;
  padding: 16px 18px;
  border: 1px solid #ecf0f1;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.mini-erp-card-label{
  font-size: 12px;
  letter-spacing: 0.05em;
  color: #95a5a6;
  margin-bottom: 6px;
}

.mini-erp-card-value{
  font-size: 28px;
  font-weight: 700;
  color: #2c3e50;
}

.mini-erp-card-sub{
  font-size: 12px;
  color: #7f8c8d;
  margin-top: 8px;
  line-height: 1.4;
}

.mini-erp-quick-actions{
  display: flex;
  gap: 10px;
  align-items: center;
}

.mini-erp-quick-btn{
  background: #3498db;
  padding: 10px 18px;
  font-size: 13px;
  color: #fff;
  border-radius: 8px;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 2px 5px rgba(0,0,0,0.08);
}
.mini-erp-quick-btn:hover{
  background: #2980b9;
}

.mini-erp-quick-logo img{
  height: 42px;
  width: auto;
  border-radius: 8px;
  border: 1px solid #eee;
}

.mini-erp-search-box{
  margin-top: 5px;
}
#mini-erp-search{
  width: 100%;
  padding: 12px 16px;
  font-size: 14px;
  border-radius: 10px;
  border: 1px solid #d0d7de;
  background: #f5f6f8;
}

/* =========================================================
   BLOK 09 — Lists
========================================================= */
.mini-erp-lists{
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;
}

.mini-erp-list{
  background: #ffffff;
  border: 1px solid #ecf0f1;
  border-radius: 12px;
  padding: 16px;
  text-align: left;
}

.mini-erp-list h3{
  margin: 0 0 10px 0;
  font-size: 14px;
  font-weight: 600;
  color: #2c3e50;
}

.mini-erp-list ul{
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
}

.mini-erp-list li{
  padding: 6px 0;
  border-bottom: 1px solid #f0f0f0;
  font-size: 13px;
  color: #34495e;
  text-align: left;
}

.mini-erp-list li:last-child{
  border-bottom: none;
}

.mini-erp-chart-panel{
  background: #ffffff;
  border-radius: 12px;
  padding: 20px;
  border: 1px solid #ecf0f1;
  display: none;
}

.mini-erp-cards-row-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* =========================================================
   BLOK 10 — Items / Pills / Status
========================================================= */
.mini-erp-items-wrapper{
  background: #e9ecef;
}

/* Items table layout tweaks */
.mini-erp-items-table{
  table-layout: fixed;
}

.mini-erp-items-table td,
.mini-erp-items-table th{
  vertical-align: top;
}

.mini-erp-items-table .col-desc{
  width: 41%;
}

.mini-erp-items-table .col-actions{
  width: 150px;
  white-space: nowrap;
}

@media (max-width: 680px){
  .mini-erp-items-table .col-actions{ width: 110px; }
  .trcn-mini-erp-wrapper .mini-erp-icon-button{ width: 30px; height: 30px; }
}

.mini-erp-item-note-preview{
  margin-top: 6px;
  font-size: 12px;
  color: #7f8c8d;
  white-space: pre-wrap;
}

.mini-erp-item-note-row{
  background: #f8f9fa;
}

.mini-erp-item-note-cell{
  padding: 10px;
}

.mini-erp-inline-field{
  display: flex;
  align-items: center;
  gap: 8px;
}

.mini-erp-inline-field select{
  flex: 1 1 auto;
  min-width: 0;
}

/* Ledger: soft-delete / reversed visuals */
.mini-erp-row-deleted td{
  opacity: 0.55;
  text-decoration: line-through;
}

.mini-erp-row-reversed td{
  opacity: 0.75;
  text-decoration: line-through;
}

.mini-erp-items-table .item-total-td{
  text-align: right;
}

.mini-erp-items-table .item-total{
  font-weight: 700;
  color: #3498db;
}

.mini-erp-item-sub{
  margin-top: 4px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.mini-erp-pill{
  border-radius: 999px;
  border: 1px solid #dcdfe3;
  background: #f1f3f4;
  padding: 3px 10px;
  font-size: 12px;
  color: #5d6d7e;
  cursor: pointer;
}

.mini-erp-status-pill{
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 500;
}

.mini-erp-status-offen{
  background: #fef5e7;
  color: #f39c12;
}

.mini-erp-status-bezahlt{
  background: #eaf7ee;
  color: #2ecc71;
}

/* =========================================================
   BLOK 11 — Autocomplete
========================================================= */
.mini-erp-autocomplete{
  position: absolute;
  z-index: 9999;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #ecf0f1;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  margin-top: 4px;
  min-width: 250px;
}

.mini-erp-autocomplete-item{
  padding: 8px 12px;
  font-size: 14px;
  cursor: pointer;
}

.mini-erp-autocomplete-item:hover{
  background: #f8f9fa;
}

/* =========================================================
   BLOK 12 — Pagination
========================================================= */
.mini-erp-pagination .page-numbers{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid transparent;
  margin: 0 3px;
  font-size: 13px;
  text-decoration: none;
  color: #7f8c8d;
  background: #ffffff;
  transition: background 0.2s;
}

.mini-erp-pagination .page-numbers:hover{
  background: #f0f3f5;
}

.mini-erp-pagination .page-numbers.current{
  border-color: #3498db;
  background: #3498db;
  color: #ffffff;
  font-weight: 500;
}

/* =========================================================
   BLOK 13 — Kunden Form Flex Layout
========================================================= */
#mini-erp-customer-form-panel .mini-erp-form-rows{
  display: flex;
  flex-direction: column;
  gap: 12px;
}

#mini-erp-customer-form-panel .mini-erp-form-row{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

#mini-erp-customer-form-panel .mini-erp-form-row .mini-erp-form-field{
  flex: 1;
  min-width: 0;
}

.field-cnumber{ flex: 0 0 15%; }
.field-company{ flex: 0 0 35%; }
.field-first-name{ flex: 0 0 25%; }
.field-last-name{ flex: 0 0 25%; }

.mini-erp-form-row-address .field-street{ flex: 0 0 45%; }
.mini-erp-form-row-address .field-house{ flex: 0 0 8%; }
.mini-erp-form-row-address .field-zip{ flex: 0 0 12%; }
.mini-erp-form-row-address .field-city{ flex: 0 0 18%; }
.mini-erp-form-row-address .field-country{ flex: 0 0 17%; }

.field-phone{ flex: 0 0 25%; }
.field-fax{ flex: 0 0 25%; }
.field-email{ flex: 0 0 25%; }
.field-web{ flex: 0 0 25%; }

.mini-erp-form-row-vat .field-vatid{ flex: 0 0 50%; }
.mini-erp-form-row-vat .field-vatfree{ flex: 0 0 50%; }

.mini-erp-module-customers .mini-erp-form-row-address{
  display: flex;
  gap: 10px;
}
.mini-erp-module-customers .mini-erp-form-row-address .field-street{
  flex: 3 1 0;
}
.mini-erp-module-customers .mini-erp-form-row-address .field-house{
  flex: 0 0 90px;
}

/* =========================================================
   BLOK 14 — Document Totals
========================================================= */
.mini-erp-doc-totals{
  grid-column: span 4;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  margin-top: 10px;
}

.mini-erp-doc-totals .mini-erp-doc-totals-list{
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 13px;
  min-width: 220px;
}

.mini-erp-doc-total-row{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mini-erp-doc-total-row .label{
  color: #7f8c8d;
}

.mini-erp-doc-total-row .value{
  font-weight: 600;
  min-width: 90px;
  text-align: right;
  display: inline-block;
}

.mini-erp-doc-total-row input[type="text"]{
  min-width: 120px;
  text-align: right;
  border-radius: 6px;
  border: 1px solid #ecf0f1;
  padding: 6px 10px;
  box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.06);
  background: #ffffff;
}

.mini-erp-doc-total-row input[type="text"]:focus{
  border-color: #3498db;
  box-shadow: 0 0 0 2px rgba(52,152,219,0.2);
}

.mini-erp-doc-total-grand .value{
  font-size: 15px;
  font-weight: 700;
}

/* Lieferschein özel */
#mini-erp-document-form.doc-type-lieferschein .mini-erp-doc-payment{ display: none; }
#mini-erp-document-form.doc-type-lieferschein .mini-erp-doc-totals{ display: none; }
#mini-erp-document-form.doc-type-lieferschein .col-price{ display: none; }
#mini-erp-document-form.doc-type-lieferschein .col-tax{ display: none; }
#mini-erp-document-form.doc-type-lieferschein .col-total{ display: none; }

/* =========================================================
   BLOK 15 — Products / Tax Row (KOMPAKT + EINZEILIG)
========================================================= */
.mini-erp-module-products #mini-erp-product-form .mini-erp-form-grid{
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  align-items: end;
}

/* Felder */
.mini-erp-module-products #mini-erp-product-form .mini-erp-form-field{
  min-width: 0;
}

/* Actions unten weiter volle Breite */
.mini-erp-module-products #mini-erp-product-form .mini-erp-form-actions{
  grid-column: span 6;
}

/* Steuer-Feld kompakt */
.mini-erp-product-tax-compact{
  grid-column: span 2; /* Steuer + Button braucht etwas Platz */
}

.mini-erp-product-tax-inline{
  display: flex;
  gap: 10px;
  align-items: center;
}

/* 19% Select: möglichst kurz */
.mini-erp-product-tax-select{
  flex: 0 0 90px;
  max-width: 90px;
}

/* Button bleibt kompakt */
.mini-erp-product-tax-inline .mini-erp-button-netto{
  flex: 1 1 auto;
  white-space: nowrap;
}

/* Mobile: sauber untereinander */
@media (max-width: 680px){
  .mini-erp-module-products #mini-erp-product-form .mini-erp-form-grid{
    grid-template-columns: 1fr;
  }
  .mini-erp-product-tax-compact{
    grid-column: span 1;
  }
  .mini-erp-module-products #mini-erp-product-form .mini-erp-form-actions{
    grid-column: span 1;
  }
  .mini-erp-product-tax-select{
    flex: 0 0 110px;
    max-width: 110px;
  }
}


/* =========================================================
   BLOK 16 — Filter Bar (NİHAİ DÜZEN)
========================================================= */
.mini-erp-module-filters{
  margin-bottom: 12px;
  background: var(--erp-filter-bg);
  border-radius: 10px;
  padding: 10px 10px;
  border: 1px solid var(--erp-filter-border);
}

.mini-erp-filter-form{
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  flex-wrap: nowrap;
}

/* filter bar select + input aynı “belirgin” görünüm */
.mini-erp-filter-form select,
.mini-erp-filter-form .mini-erp-input-search{
  border-radius: 10px;
  border: 1px solid var(--erp-field-border);
  padding: 9px 12px;
  font-size: 13px;
  background: var(--erp-field-bg);
  color: #2c3e50;
  outline: none;
  height: 42px;
}

.mini-erp-filter-form select:focus,
.mini-erp-filter-form .mini-erp-input-search:focus{
  border-color: #3498db;
  box-shadow: 0 0 0 3px var(--erp-focus);
  background: #ffffff;
}

/* ✅ Documents özel: 2 dropdown %15 + %15 */
.mini-erp-documents-module .mini-erp-filter-form select:nth-of-type(1){
  flex: 0 0 15%;
  max-width: 15%;
  min-width: 140px;
}

.mini-erp-documents-module .mini-erp-filter-form select:nth-of-type(2){
  flex: 0 0 15%;
  max-width: 15%;
  min-width: 140px;
}

/* ✅ Search: kalan alan */
.mini-erp-filter-form .mini-erp-input-search{
  flex: 1 1 auto;
  min-width: 220px;
}

/* Filter button (submit) */
.mini-erp-filter-form button[type="submit"]{
  height: 42px;
  padding: 0 16px;
  border-radius: 10px;
}

/* + / - button */
.mini-erp-filter-form .mini-erp-button-new-doc{
  height: 42px;
  min-width: 46px;
  padding: 0 14px;
  border-radius: 10px;
}

/* =========================================================
   BLOK 17 — Responsive
========================================================= */
@media (max-width: 768px){
  .mini-erp-settings-grid-4,
  .mini-erp-settings-grid-2,
  .mini-erp-form-grid{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 15px;
  }

  .span-1,.span-2,.span-3,.span-4{
    grid-column: 1 / -1 !important;
  }

  .mini-erp-panel{
    padding: 15px;
  }

  .mini-erp-form-field input,
  .mini-erp-form-field select,
  .mini-erp-form-field textarea{
    font-size: 16px;
  }

  /* Filter bar: alt alta */
  .mini-erp-filter-form{
    flex-wrap: wrap;
  }

  .mini-erp-filter-form select,
  .mini-erp-filter-form .mini-erp-input-search,
  .mini-erp-filter-form button{
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0;
  }

  /* Nav: 3 kolon */
  .trcn-mini-erp-nav{
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 2px !important;
    background: var(--nav-bg);
  }

  .trcn-mini-erp-nav-item{
    flex: none !important;
    border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    font-size: 11px !important;
    padding: 12px 5px !important;
    flex-direction: column !important;
    text-align: center;
  }

  .mini-erp-cards-row{
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }

  .mini-erp-card-value{
    font-size: 20px !important;
  }

  .mini-erp-cards-row-4{
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }

  .mini-erp-lists{
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   BLOK 18 — Tema kırmızısı / underline temizliği + yumuşak UI
========================================================= */

/* 18.1 — Genel link underline temizliği (tema kaynaklı çizgiler) */
.trcn-mini-erp-wrapper a,
.trcn-mini-erp-wrapper a:visited{
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}
.trcn-mini-erp-wrapper a:hover{
  text-decoration: none !important;
}

/* 18.2 — Menü renklerini daha “soft” yap (değişken override) */
:root{
  --nav-bg: #2f3f52;
  --nav-item-active-bg: #223041;
  --nav-item-hover-bg: #3a5168;
  --nav-text-light: rgba(255,255,255,.92);

  /* Kırmızı yerine mavi aksan */
  --erp-accent: #2563eb;
  --erp-accent-soft: rgba(37, 99, 235, .12);

  /* Tablo çizgi rengi yumuşat */
  --erp-line: rgba(15, 23, 42, .12);
}

/* 18.3 — Menü item’larında alt çizgi olmasın + daha temiz */
.trcn-mini-erp-nav-item{
  text-decoration: none !important;
}
.trcn-mini-erp-nav-item .label{
  text-decoration: none !important;
}

/* 18.4 — Tema kırmızısı buton kenarlıklarını bastır (soft mavi) */
.trcn-mini-erp-wrapper .mini-erp-button,
.trcn-mini-erp-wrapper button.mini-erp-button,
.trcn-mini-erp-wrapper a.mini-erp-button{
  background: #fff;
  color: #1f2937;
  border: 1px solid rgba(15, 23, 42, .16);
  box-shadow: 0 2px 8px rgba(15, 23, 42, .06);
}

/* Filtre bar içindeki “Filter/Suche” butonu mavi outline */
.trcn-mini-erp-wrapper .mini-erp-module-filters .mini-erp-button{
  border-color: rgba(37, 99, 235, .45);
  color: var(--erp-accent);
  background: #fff;
}
.trcn-mini-erp-wrapper .mini-erp-module-filters .mini-erp-button:hover{
  background: var(--erp-accent-soft);
  border-color: rgba(37, 99, 235, .60);
}

/* + / - butonu: kırmızı yerine mavi, outline görünüm */
.trcn-mini-erp-wrapper .mini-erp-button-new-doc{
  background: #fff;
  color: var(--erp-accent);
  border: 1px solid rgba(37, 99, 235, .55);
  box-shadow: 0 2px 8px rgba(15, 23, 42, .06);
}
.trcn-mini-erp-wrapper .mini-erp-button-new-doc:hover{
  background: var(--erp-accent-soft);
  border-color: rgba(37, 99, 235, .70);
}

/* 18.5 — Focus (kırmızı glow yerine soft mavi) */
.trcn-mini-erp-wrapper button:focus,
.trcn-mini-erp-wrapper a:focus,
.trcn-mini-erp-wrapper input:focus,
.trcn-mini-erp-wrapper select:focus,
.trcn-mini-erp-wrapper textarea:focus{
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .18) !important;
  border-color: rgba(37, 99, 235, .55) !important;
}

/* 18.6 — Tablo: çizgileri yumuşat, zebra daha hafif, hover daha soft */
.trcn-mini-erp-wrapper .mini-erp-table-wrapper{
  border-color: rgba(15, 23, 42, .10);
  box-shadow: 0 6px 18px rgba(15, 23, 42, .06);
}

.trcn-mini-erp-wrapper .mini-erp-table thead{
  background: #f8fafc;
}

.trcn-mini-erp-wrapper .mini-erp-table th{
  border-bottom: 1px solid var(--erp-line);
  color: rgba(15, 23, 42, .45);
}

.trcn-mini-erp-wrapper .mini-erp-table td{
  border-bottom: 1px solid rgba(15, 23, 42, .08);
}

.trcn-mini-erp-wrapper .mini-erp-table tbody tr:nth-child(even){
  background: rgba(15, 23, 42, .02);
}

.trcn-mini-erp-wrapper .mini-erp-table tbody tr:hover{
  background: rgba(37, 99, 235, .04);
}

/* 18.7 — Tablo içindeki ikon butonlar: daha “clean” */
.trcn-mini-erp-wrapper .mini-erp-icon-button{
  background: #fff;
  border: 1px solid rgba(15, 23, 42, .12);
  color: rgba(15, 23, 42, .55);
  box-shadow: 0 2px 8px rgba(15, 23, 42, .06);
}
.trcn-mini-erp-wrapper .mini-erp-icon-button:hover{
  color: var(--erp-accent);
  border-color: rgba(37, 99, 235, .35);
  background: rgba(37, 99, 235, .06);
}

/* 18.8 — Filter bar iç alanlar: daha net ama sakin */
.trcn-mini-erp-wrapper .mini-erp-module-filters{
  background: #dbe8f7;
  border-color: rgba(37, 99, 235, .18);
}
.trcn-mini-erp-wrapper .mini-erp-filter-form select,
.trcn-mini-erp-wrapper .mini-erp-filter-form .mini-erp-input-search{
  background: #f7fbff;
  border-color: rgba(15, 23, 42, .16);
}
/* 1. BLOK: İstatistik Kartları (Hafif Dokunuş) */
.mini-erp-cards-row, 
.mini-erp-cards-row-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
  margin-bottom: 25px !important;
  padding: 5px !important; /* Gölgelerin kesilmemesi için dış boşluk */
}

.mini-erp-card {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.03) !important;
  border-radius: 12px !important;
  padding: 20px 15px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
  min-height: 140px !important;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* 2. BLOK: Hızlı Erişim Butonları (Gölge + Kırpılma Fix) */
.mini-erp-cards-row-4 {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
  padding: 10px 5px 25px 5px !important; /* Alt taraftaki kırpılmayı önleyen extra padding */
  overflow: visible !important; /* İçeriğin taşmasına izin ver */
}

.mini-erp-quick-card {
  background: #ffffff !important;
  border: 1px solid rgba(52, 152, 219, 0.2) !important;
  padding: 20px 10px !important;
  border-radius: 12px !important;
  text-decoration: none !important;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.07) !important; /* Butonlara özel gölge */
  transition: all 0.2s ease-in-out !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.mini-erp-quick-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
  background: #fdfdfd !important;
}

.mini-erp-quick-icon {
  font-size: 24px !important;
  margin-bottom: 8px !important;
}

.mini-erp-quick-label {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #2c3e50 !important;
}

/* Mobil Düzenleme */
@media (max-width: 768px) {
  .mini-erp-cards-row, 
  .mini-erp-cards-row-3 {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
  }

  .mini-erp-card {
    min-height: 110px !important;
  }

  .mini-erp-cards-row-4 {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
    padding-bottom: 30px !important; /* Mobilde daha fazla alt boşluk */
  }
}
/* Checkbox'ları şık butonlara dönüştürür */
.mini-erp-toggle-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background: #fff;
    border: 1px solid #dcdfe3;
    border-radius: 6px;
    cursor: pointer;
    font-size: 13px;
    transition: all 0.2s;
    text-align: center;
    height: 42px;
}
.mini-erp-toggle-btn input[type="checkbox"] { display: none; }
.mini-erp-toggle-btn.active {
    background: #3498db;
    color: #fff;
    border-color: #2980b9;
}
/* Grid'i 4 kolonlu yapıya zorlar */
.doc-form-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin-bottom: 15px;
}
@media (max-width: 992px) { .doc-form-row { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .doc-form-row { grid-template-columns: 1fr; } }


/* ===== Mobile fixes (<=680px) ===== */
/* ===== Tablet fixes (<=1024px) — split Positionen rows into 2 lines for readability ===== */
@media (max-width: 1024px) and (min-width: 681px){
  .mini-erp-items-wrapper{ overflow-x: visible !important; }
  .mini-erp-items-table thead{ display:none; }
  .mini-erp-items-table, .mini-erp-items-table tbody{ display:block; width:100%; }
  .mini-erp-items-table tr.mini-erp-item-row{
    display:grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap:10px;
    border:1px solid rgba(0,0,0,.08);
    border-radius:14px;
    padding:10px;
    margin-bottom:12px;
    background:#fff;
  }
  .mini-erp-items-table td{ border:none !important; padding:0 !important; }
  /* Line 1: product name full width */
  .mini-erp-items-table td.col-desc{ grid-column: 1 / -1; }
  /* Line 2: fields */
  .mini-erp-items-table td.col-unit{  grid-column: 1 / 3; }
  .mini-erp-items-table td.col-qty{   grid-column: 3 / 5; }
  .mini-erp-items-table td.col-price{ grid-column: 5 / 8; }
  .mini-erp-items-table td.col-tax{   grid-column: 8 / 10; }
  .mini-erp-items-table td.col-total{ grid-column: 10 / -1; }
  /* Line 3: actions full width, right aligned */
  .mini-erp-items-table td.col-actions{ grid-column: 1 / -1; display:flex; justify-content:flex-end; gap:10px; padding-top:6px !important; }
  .mini-erp-items-table td[data-label]::before{
    content: attr(data-label);
    display:block;
    font-size:12px;
    font-weight:700;
    color:#6b7280;
    margin-bottom:4px;
  }
  .mini-erp-items-table td.col-actions::before{ display:none; content:''; }
  .mini-erp-items-table .mini-erp-input,
  .mini-erp-items-table .mini-erp-select,
  .mini-erp-items-table textarea{
    width:100% !important;
    box-sizing:border-box;
    min-width:0;
  }
}

@media (max-width: 680px){
  /* Dokumente: Positionstabelle als Karten-Layout */
  .mini-erp-items-wrapper{ overflow-x: visible !important; }
  .mini-erp-items-table thead{ display:none; }
  .mini-erp-items-table, .mini-erp-items-table tbody, .mini-erp-items-table tr, .mini-erp-items-table td{
    display:block;
    width:100%;
  }
  .mini-erp-items-table tr.mini-erp-item-row{
    border:1px solid rgba(0,0,0,.08);
    border-radius:14px;
    padding:10px;
    margin-bottom:12px;
    background:#fff;
  }
  .mini-erp-items-table td{
    padding:6px 0 !important;
    border:none !important;
  }
  .mini-erp-items-table .mini-erp-input,
  .mini-erp-items-table .mini-erp-select,
  .mini-erp-items-table textarea{
    width:100% !important;
    box-sizing:border-box;
  }
  .mini-erp-items-table td.col-actions{
    display:flex;
    justify-content:flex-end;
    gap:10px;
    padding-top:8px !important;
  }
  .mini-erp-item-note-row td{
    padding-top:0 !important;
  }

  /* Neue Kunde Form: volle Breite, sauber untereinander */
  .mini-erp-new-customer-grid{
    display:block !important;
  }
  .mini-erp-new-customer-grid .mini-erp-form-field{
    width:100% !important;
  }
}


/* Settings: stack textareas full-width */
.mini-erp-form-grid.is-stacked{
  grid-template-columns: 1fr !important;
}

/* Mobile: show labels for positions */
@media (max-width: 680px){
  .mini-erp-items-table td[data-label]::before{
    content: attr(data-label);
    display:block;
    font-size: 12px;
    font-weight: 600;
    color: #7f8c8d;
    margin-bottom: 6px;
  }
  .mini-erp-items-table td.col-actions::before{ display:none; content:''; }
  .mini-erp-items-table td.col-total::before{ content: 'Gesamt'; }
  .mini-erp-items-table td.col-desc input.item-desc{ width:100% !important; display:block; }
}


/* ===== Settings layout fixes ===== */
.mini-erp-module-settings .mini-erp-payment-grid{
  grid-template-columns: 1fr !important;
}
.mini-erp-module-settings .mini-erp-payment-grid textarea{
  min-height: 96px;
  line-height: 1.35;
}

@media (max-width: 680px){
  .mini-erp-module-settings .mini-erp-form-grid{
    grid-template-columns: 1fr;
  }
}


/* === Force Settings textareas full width (desktop + mobile) === */
.mini-erp-module-settings .payment-text-card .mini-erp-form-grid,
.mini-erp-module-settings .doc-text-card .mini-erp-form-grid{
  grid-template-columns: 1fr !important;
}
.mini-erp-module-settings .payment-text-card .mini-erp-form-field,
.mini-erp-module-settings .doc-text-card .mini-erp-form-field{
  grid-column: 1 / -1 !important;
}
.mini-erp-module-settings .payment-text-card textarea,
.mini-erp-module-settings .doc-text-card textarea{
  width: 100% !important;
  min-height: 120px;
  line-height: 1.4;
}



/* === Netto input helper button (B→N) === */
.mini-erp-input-with-btn{
  position: relative;
}
.mini-erp-input-with-btn input{
  padding-right: 44px;
}
.mini-erp-b2n-btn{
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: transparent;
  font-weight: 700;
  cursor: pointer;
  padding: 2px 4px;
  line-height: 1;
  opacity: 0.85;
}
.mini-erp-b2n-btn:hover{ opacity: 1; }

@media (max-width: 680px){
  /* make product input full width inside mobile card */
  td.col-desc input.item-desc,
  td.col-desc input.mini-erp-item-desc{
    width: 100% !important;
    max-width: 100% !important;
  }
}



/* Settings: stacked textarea blocks (Angebot/KVA) */
.mini-erp-form-grid--stack{
  display: block;
  width: 100%;
  max-width: 100%;
}
.mini-erp-form-grid--stack .mini-erp-form-field{
  width: 100%;
  max-width: 100%;
}
.mini-erp-form-grid--stack textarea,
.mini-erp-form-grid--stack .mini-erp-textarea.full{
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
  min-height: 160px;
  line-height: 1.4;
  display: block;
}


/* Mobile: positions as cards with labels */
@media (max-width: 680px){
  .mini-erp-items-table thead{ display:none; }
  .mini-erp-items-table, 
  .mini-erp-items-table tbody, 
  .mini-erp-items-table tr, 
  .mini-erp-items-table td{
    display:block;
    width:100%;
  }
  .mini-erp-items-table tr.mini-erp-item-row{
    border:1px solid #e5e7eb;
    border-radius:12px;
    padding:10px;
    margin-bottom:12px;
    background:#fff;
  }
  .mini-erp-items-table td{
    padding:8px 0;
  }
  .mini-erp-items-table td[data-label]::before{
    content: attr(data-label);
    display:block;
    font-size:12px;
    font-weight:700;
    color:#6b7280;
    margin-bottom:4px;
  }
  .mini-erp-items-table input,
  .mini-erp-items-table select{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box;
  }
  .mini-erp-items-table .col-actions{
    display:flex;
    justify-content:flex-end;
    gap:8px;
    padding-top:6px;
    width:100% !important;
  }
}


/* =========================================================
   UI Standard — Responsive Form Grid
========================================================= */
@media (max-width: 768px){
  .mini-erp-form-grid{
    grid-template-columns: 1fr;
  }
  .mini-erp-form-row-70-30,
  .mini-erp-form-row-30-70{
    grid-template-columns: 1fr;
  }
  .mini-erp-form-grid .span-1,
  .mini-erp-form-grid .span-2,
  .mini-erp-form-grid .span-3,
  .mini-erp-form-grid .span-4{
    grid-column: span 1;
  }
}
/* === TRCN Settings Layout (append to assets/css/mini-erp.css) === */
.trcn-settings-wrap{max-width:1200px;margin:0 auto;padding:12px}
.trcn-settings-head{margin:8px 0 14px}
.trcn-settings-title{margin:0;font-size:22px;line-height:1.2}
.trcn-settings-sub{opacity:.75;margin-top:4px}

.trcn-settings-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
}
@media (max-width: 900px){
  .trcn-settings-grid{grid-template-columns:1fr}
}

.trcn-card{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
  padding:14px;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
  display:flex;
  flex-direction:column;
  min-height:100%;
}
.trcn-card--half{grid-column:auto}
.trcn-card--full{grid-column:1 / -1}

.trcn-card__head{margin-bottom:10px}
.trcn-card__head--row{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}
.trcn-card__title{margin:0;font-size:16px}
.trcn-card__hint{opacity:.65;font-size:12px;margin-top:2px}

.trcn-field{margin-top:10px}
.trcn-label{display:block;font-size:12px;opacity:.8;margin-bottom:6px}
.trcn-input,.trcn-textarea{
  width:100%;
  border:1px solid rgba(0,0,0,.14);
  border-radius:10px;
  padding:10px 12px;
  outline:none;
  background:#fff;
}
.trcn-input:focus,.trcn-textarea:focus{
  border-color:rgba(0,0,0,.28);
  box-shadow:0 0 0 4px rgba(0,0,0,.06);
}
.trcn-textarea{resize:vertical;min-height:110px}

.trcn-card__foot{margin-top:auto;padding-top:12px}
.trcn-card__foot--row{display:flex;gap:10px;flex-wrap:wrap}

.trcn-btn{
  border-radius:10px;
  border:1px solid rgba(0,0,0,.16);
  padding:10px 14px;
  cursor:pointer;
  background:#fff;
  font-weight:600;
}
.trcn-btn-primary{
  background:#2f7d32; /* mat green */
  border-color:#2f7d32;
  color:#fff;
}
.trcn-btn-secondary{
  background:#f6f6f6;
}
.trcn-btn-ghost{
  background:transparent;
}
.trcn-btn:hover{filter:brightness(.98)}

.trcn-logo-row{display:flex;gap:12px;align-items:center}
.trcn-logo-preview{width:62px;height:62px;object-fit:contain;border-radius:12px;border:1px solid rgba(0,0,0,.08);background:#fafafa}
.trcn-logo-url{font-size:12px;opacity:.75;word-break:break-all}

/* Documents: stacked checkbox lines (no headings) */
.trcn-check-stack{ padding-top: 6px; }
.trcn-check-stack-left{ text-align:left; justify-self:stretch; align-self:start; }
.trcn-checkline{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  font-size:14px;
  font-weight:600;
  color:#2c3e50;
  margin:0;
  width:auto;
}

/* Override generic label rule inside form-field for our checkbox lines */
.trcn-mini-erp-wrapper .mini-erp-form-field label.trcn-checkline{
  display:inline-flex !important;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  margin:0;
  width:auto;
}
.trcn-mini-erp-wrapper .mini-erp-form-field label.trcn-checkline span{
  margin:0;
}

.trcn-checkline input[type="checkbox"]{
  width:18px !important;
  height:18px !important;
  margin:0;
  flex:0 0 auto;
}

.trcn-mini-erp-wrapper input[type="checkbox"]{
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  min-height:18px !important;
  padding:0 !important;
}

.trcn-mini-erp-wrapper input[type="checkbox"]:focus{
  box-shadow:none !important;
  outline:none !important;
}

.trcn-checkline span{ display:inline-block; }