:root{
--nav-bg: #34495e;
--nav-item-active-bg: #2c3e50;
--nav-item-hover-bg: #5d6d7e;
--nav-text-light: #ecf0f1; --erp-filter-bg: #dfeaf6;
--erp-filter-border: #c7d6ea;
--erp-field-bg: #f9fbff;
--erp-field-border: #c5ccd6;
--erp-focus: rgba(52, 152, 219, 0.18); --trcn-field-h: 42px;
--trcn-field-radius: 8px;
--trcn-field-font: 14px;
} .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;
} .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;
} .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;
}  .mini-erp-settings-grid-4{
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 15px;
align-items: start;
} .mini-erp-form-grid{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 15px;
align-items: start;
} .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; } .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; } .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; } .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%;
} .mini-erp-new-customer-btn-field{
justify-content: flex-end;
} .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-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;
} .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;
} @media (max-width: 768px){
.logo-card-only{
flex-direction: column;
align-items: stretch;
}
.mini-erp-logo-box{
width: 100%;
max-width: 100%;
height: 100px;
}
} .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;
} .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;
} .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;
} .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));
} .mini-erp-items-wrapper{
background: #e9ecef;
} .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;
} .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;
} .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;
} .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;
} #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;
} .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;
} #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; } .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;
} .mini-erp-module-products #mini-erp-product-form .mini-erp-form-field{
min-width: 0;
} .mini-erp-module-products #mini-erp-product-form .mini-erp-form-actions{
grid-column: span 6;
} .mini-erp-product-tax-compact{
grid-column: span 2; }
.mini-erp-product-tax-inline{
display: flex;
gap: 10px;
align-items: center;
} .mini-erp-product-tax-select{
flex: 0 0 90px;
max-width: 90px;
} .mini-erp-product-tax-inline .mini-erp-button-netto{
flex: 1 1 auto;
white-space: nowrap;
} @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;
}
} .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;
} .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;
} .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;
} .mini-erp-filter-form .mini-erp-input-search{
flex: 1 1 auto;
min-width: 220px;
} .mini-erp-filter-form button[type="submit"]{
height: 42px;
padding: 0 16px;
border-radius: 10px;
} .mini-erp-filter-form .mini-erp-button-new-doc{
height: 42px;
min-width: 46px;
padding: 0 14px;
border-radius: 10px;
} @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;
} .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;
} .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;
}
}  .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;
} :root{
--nav-bg: #2f3f52;
--nav-item-active-bg: #223041;
--nav-item-hover-bg: #3a5168;
--nav-text-light: rgba(255,255,255,.92); --erp-accent: #2563eb;
--erp-accent-soft: rgba(37, 99, 235, .12); --erp-line: rgba(15, 23, 42, .12);
} .trcn-mini-erp-nav-item{
text-decoration: none !important;
}
.trcn-mini-erp-nav-item .label{
text-decoration: none !important;
} .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);
} .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);
} .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);
} .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;
} .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);
} .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);
} .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);
} .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; }
.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;
} .mini-erp-cards-row-4 {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 20px !important;
padding: 10px 5px 25px 5px !important; overflow: visible !important; }
.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; 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;
} @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; }
} .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;
} .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; } }  @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; } .mini-erp-items-table td.col-desc{ grid-column: 1 / -1; } .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; } .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){ .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;
} .mini-erp-new-customer-grid{
display:block !important;
}
.mini-erp-new-customer-grid .mini-erp-form-field{
width:100% !important;
}
} .mini-erp-form-grid.is-stacked{
grid-template-columns: 1fr !important;
} @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; }
} .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;
}
} .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;
} .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){ td.col-desc input.item-desc,
td.col-desc input.mini-erp-item-desc{
width: 100% !important;
max-width: 100% !important;
}
} .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;
} @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;
}
} @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-wrap{max-width:1200px;margin:0 auto;padding:12px}
.trcn-settings-head{margin:8px 0 14px} @media (max-width: 768px){ .mini-erp-cards-row,
.mini-erp-cards-row-3{
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.mini-erp-card{
min-width: 0 !important;
}
}
@media (max-width: 680px){ .mini-erp-items-table td.col-desc{
width: 100% !important;
max-width: 100% !important;
}
.mini-erp-items-table td.col-desc input.item-desc,
.mini-erp-items-table td.col-desc input.mini-erp-item-desc{
width: 100% !important;
max-width: 100% !important;
display: block;
}
}
.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; 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-wrap{
position:relative;
width:62px;
height:62px;
border-radius:12px;
overflow:hidden;
border:1px solid rgba(0,0,0,.08);
background:#fafafa;
}
.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-preview-wrap .trcn-logo-preview{
width:100%;
height:100%;
border:0;
border-radius:0;
}
.trcn-logo-hover-delete{
position:absolute;
inset:0;
border:0;
background:rgba(15,23,42,.64);
color:#fff;
font-size:12px;
font-weight:700;
cursor:pointer;
opacity:0;
transition:opacity .18s ease;
}
.trcn-logo-preview-wrap:hover .trcn-logo-hover-delete{
opacity:1;
}
.trcn-logo-size-controls{
display:grid;
grid-template-columns:minmax(0,1fr) 92px;
gap:10px;
align-items:center;
}
.trcn-logo-size-range{
padding:0 !important;
height:34px;
}
.trcn-logo-url{font-size:12px;opacity:.75;word-break:break-all} .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;
} .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; }.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .wp-video .cmplz-blocked-content-notice,.cmplz-optout .wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.wp-video iframe{max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{0{opacity:0}100%{opacity:1}}