:root{--ink:#17202b;--ink2:#202c3a;--muted:#64748b;--line:#dbe2ea;--bg:#f3f6f9;--card:#fff;--red:#e52a2f;--red2:#bd2026;--blue:#1769d2;--green:#16804e;--amber:#b87812;--purple:#704da0;--radius:14px;--shadow:0 6px 22px rgba(20,34,50,.07)}
*{box-sizing:border-box}html{font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}body{margin:0;background:var(--bg);font-size:14px}.app-shell{min-height:100vh;display:grid;grid-template-columns:246px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:#151c25;color:#dfe7ef;display:flex;flex-direction:column;z-index:30}.brand{height:82px;padding:13px 16px;display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.08)}.brand img{width:52px;height:52px;object-fit:contain;background:#fff;border-radius:50%}.brand b{font-size:20px;letter-spacing:.3px}.brand small{display:block;color:#9eb0c2;margin-top:3px;max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav{padding:10px 9px;overflow:auto;flex:1}.nav-title{font-size:10px;color:#72869b;font-weight:800;padding:14px 10px 6px;letter-spacing:1px}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;color:#cbd6e1;text-decoration:none;margin:2px 0}.nav-link span{width:21px;text-align:center;font-size:17px}.nav-link:hover,.nav-link.active{background:#263545;color:#fff}.sidebar-bottom{padding:12px 16px;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:6px;font-size:11px;color:#8295a9}.sidebar-bottom a{color:#cbd6e1}.main-area{min-width:0}.topbar{height:62px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 22px;position:sticky;top:0;z-index:20}.topbar-title{font-size:18px;font-weight:750;flex:1}.topbar-user{display:flex;align-items:center;gap:14px}.topbar-user span{text-align:right}.topbar-user small{display:block;color:var(--muted);font-size:11px}.content{padding:20px;max-width:1900px;margin:0 auto}.page-head{display:flex;gap:14px;align-items:flex-end;justify-content:space-between;margin-bottom:16px}.page-head h1{margin:0;font-size:25px}.page-head p{color:var(--muted);margin:5px 0 0}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:end}.card{background:var(--card);border:1px solid #e0e6ed;border-radius:var(--radius);box-shadow:var(--shadow)}.card-h{padding:14px 16px;border-bottom:1px solid var(--line);font-weight:750;display:flex;align-items:center;justify-content:space-between}.card-b{padding:16px}.grid{display:grid;gap:14px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.kpi{padding:18px;min-height:118px;position:relative;overflow:hidden}.kpi::after{content:"";position:absolute;right:-20px;bottom:-28px;width:90px;height:90px;border-radius:50%;background:currentColor;opacity:.06}.kpi .label{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.kpi .value{font-size:28px;font-weight:800;margin:9px 0 3px}.kpi .sub{font-size:12px;color:var(--muted)}.field{display:grid;gap:5px}.field label{font-size:12px;font-weight:700;color:#435166}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px}.form-grid .span-2{grid-column:span 2}.form-grid .span-4{grid-column:1/-1}input,select,textarea{width:100%;border:1px solid #cfd8e3;background:#fff;color:var(--ink);border-radius:8px;padding:9px 10px;min-height:38px;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:#6ea6eb;box-shadow:0 0 0 3px rgba(23,105,210,.1)}textarea{min-height:86px;resize:vertical}.check{display:flex;align-items:center;gap:7px;min-height:38px}.check input{width:17px;height:17px;min-height:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:8px;padding:9px 14px;min-height:38px;font-weight:750;text-decoration:none;cursor:pointer}.btn-primary{background:var(--blue);color:#fff}.btn-danger{background:var(--red);color:#fff}.btn-green{background:var(--green);color:#fff}.btn-dark{background:#334155;color:#fff}.btn-ghost{background:#eef2f6;color:#334155}.btn-sm{padding:6px 10px;min-height:30px;font-size:12px}.btn:disabled{opacity:.48;cursor:not-allowed}.table-wrap{overflow:auto;border-radius:10px;border:1px solid var(--line);background:#fff}.table{border-collapse:collapse;width:100%;min-width:760px}.table th{position:sticky;top:0;background:#303b49;color:#fff;font-size:12px;text-align:left;padding:10px;white-space:nowrap}.table td{padding:9px 10px;border-bottom:1px solid #e6ebf0;white-space:nowrap}.table tbody tr:nth-child(even){background:#f8fafc}.table tbody tr:hover{background:#eef5ff}.badge{display:inline-flex;padding:3px 7px;border-radius:999px;font-size:11px;font-weight:800}.badge-ok{background:#d9f3e4;color:#087344}.badge-not{background:#ffe0e0;color:#b4232a}.badge-blue{background:#dfeeff;color:#155ab0}.badge-warn{background:#fff0cd;color:#885b00}.alert{padding:11px 13px;border-radius:9px;margin-bottom:12px}.alert-error{background:#fff0f0;border:1px solid #ffc9c9;color:#a11d25}.alert-success{background:#eaf8f0;border:1px solid #bde7ce;color:#12633d}.empty{padding:38px;text-align:center;color:var(--muted)}.section-gap{margin-top:16px}.muted{color:var(--muted)}.mono{font-family:Consolas,"Courier New",monospace}.number{text-align:right;font-variant-numeric:tabular-nums}.split{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px}.sticky-card{position:sticky;top:82px;align-self:start}.stat-line{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #edf1f5}.mobile-only{display:none}.icon-btn{border:0;background:transparent;font-size:22px}.scan-box{display:flex;gap:8px}.scan-box input{font-size:17px;font-weight:700}.camera{border-radius:12px;overflow:hidden;background:#0d141d;min-height:220px;display:none}.camera video{display:block;width:100%;max-height:420px}.mobile-home{max-width:560px;margin:10px auto}.mobile-logo{display:flex;align-items:center;gap:12px;margin-bottom:18px}.mobile-logo img{width:58px;height:58px;object-fit:contain}.mobile-actions{display:grid;gap:12px}.mobile-action{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow);display:flex;align-items:center;gap:14px}.mobile-action .ico{width:50px;height:50px;border-radius:14px;background:#edf4ff;display:grid;place-items:center;font-size:25px;color:var(--blue)}.mobile-action b{font-size:17px}.mobile-action small{display:block;color:var(--muted);margin-top:3px}.auth-body{min-height:100vh;background:#111922;display:grid;place-items:center;padding:18px}.login-shell{width:min(930px,100%);min-height:550px;display:grid;grid-template-columns:390px 1fr;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.26)}.login-brand{background:#151c25;color:#fff;padding:48px 34px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.login-brand img{width:190px;height:190px;object-fit:contain;margin-bottom:20px}.login-brand h1{margin:0;font-size:30px}.login-brand p{color:#aab8c6;line-height:1.6}.login-form{padding:62px 58px;display:flex;flex-direction:column;justify-content:center}.login-form h2{font-size:30px;margin:0 0 8px}.login-form>p{color:var(--muted);margin:0 0 25px}.login-form .field{margin-bottom:14px}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.permission-item{border:1px solid var(--line);border-radius:8px;padding:8px}.report-nav{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px}.report-link{padding:17px;background:#fff;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);font-weight:750}.trace-chain{display:flex;flex-wrap:wrap;gap:7px}.trace-node{padding:7px 9px;background:#f1f5f9;border-radius:8px;border:1px solid #dbe2ea}.mini-bars{display:grid;gap:9px}.mini-row{display:grid;grid-template-columns:75px 1fr 75px;gap:8px;align-items:center}.mini-track{height:10px;background:#edf1f5;border-radius:99px;overflow:hidden}.mini-fill{height:100%;background:var(--blue);border-radius:99px}.toast-host{position:fixed;right:18px;bottom:18px;z-index:100}.toast{background:#17202b;color:#fff;padding:10px 14px;border-radius:9px;margin-top:7px;box-shadow:0 8px 25px rgba(0,0,0,.25)}
@media(max-width:1200px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{font-size:13px}.brand{padding-left:11px}.brand img{width:45px;height:45px}.content{padding:14px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:repeat(3,minmax(130px,1fr))}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:900px){.mobile-only{display:inline-flex}.app-shell{display:block}.sidebar{position:fixed;left:-265px;width:250px;transition:left .2s}.sidebar.open{left:0;box-shadow:20px 0 50px rgba(0,0,0,.25)}.topbar{padding:0 12px}.topbar-user span{display:none}.content{padding:12px}.page-head{align-items:stretch;flex-direction:column}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.grid-2{grid-template-columns:1fr}.split{grid-template-columns:1fr}.sticky-card{position:static}.report-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){body{font-size:13px}.topbar{height:54px}.topbar-title{font-size:15px}.content{padding:9px}.kpis{grid-template-columns:1fr 1fr;gap:8px}.kpi{min-height:95px;padding:13px}.kpi .value{font-size:21px}.card-b{padding:12px}.form-grid{grid-template-columns:1fr}.form-grid .span-2,.form-grid .span-4{grid-column:auto}.toolbar{display:grid;grid-template-columns:1fr 1fr}.toolbar .field{min-width:0}.toolbar .btn{width:100%}.table{font-size:12px}.report-nav{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr}.login-shell{display:block;min-height:0}.login-brand{padding:26px 20px}.login-brand img{width:105px;height:105px;margin-bottom:8px}.login-brand p{display:none}.login-form{padding:28px 22px}.login-form h2{font-size:25px}.mobile-home{margin:0}.scan-box{flex-direction:column}}

/* ET-İZ V2 visual sections */
.card.accent-blue{border-top:4px solid var(--blue)}.card.accent-green{border-top:4px solid var(--green)}.card.accent-red{border-top:4px solid var(--red)}.card.accent-amber{border-top:4px solid #d78b16}.card.accent-purple{border-top:4px solid var(--purple)}
.hint{display:block;color:var(--muted);font-size:11px;line-height:1.35;margin-top:3px}.field-note{font-size:10.5px;color:#758397;line-height:1.35}.section-title{display:flex;align-items:center;gap:8px}.section-title .dot{width:9px;height:9px;border-radius:50%;background:currentColor}.selected-stock{padding:12px 14px;background:#f1f6ff;border:1px solid #cddff7;border-radius:10px;font-weight:800}.selected-stock.empty{font-weight:500;color:var(--muted);padding:12px 14px;text-align:left}
.feature-switches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.feature-switch{position:relative}.feature-switch input{position:absolute;opacity:0;pointer-events:none}.feature-switch span{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:11px;padding:11px 12px;background:#f8fafc;font-weight:750;cursor:pointer;transition:.15s}.feature-switch .emoji{font-size:20px}.feature-switch input:checked+span{border-color:#8ab8ef;background:#eaf3ff;color:#0f5bb6;box-shadow:0 0 0 3px rgba(23,105,210,.07)}.feature-switch.red input:checked+span{border-color:#f1a1a4;background:#fff0f0;color:#b51e26}.feature-switch.green input:checked+span{border-color:#91d0ac;background:#edf9f2;color:#12683f}
.nav-group{margin:2px 0}.nav-group>summary{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;color:#cbd6e1;cursor:pointer;list-style:none;font-weight:600}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary span{width:21px;text-align:center;font-size:17px}.nav-group[open]>summary,.nav-group>summary:hover{background:#263545;color:#fff}.nav-sub{display:grid;margin:2px 0 5px 30px;border-left:1px solid #34485c;padding-left:8px}.nav-sub a{color:#aebdcb;text-decoration:none;padding:6px 8px;border-radius:7px;font-size:12px}.nav-sub a:hover{background:#263545;color:#fff}
.company-settings-logo{display:flex;align-items:center;justify-content:center;padding:10px;margin-bottom:12px;background:#f7f9fb;border:1px dashed var(--line);border-radius:12px}.company-settings-logo img{width:92px;height:92px;object-fit:contain;border-radius:12px;background:#fff}
.operation-list .table th{background:#354052}.danger-zone{border:1px solid #f4c1c3;background:#fffafa}.danger-zone .card-h{color:#a11d25;background:#fff1f1}.quality-zone{border:1px solid #b8d7f5;background:#fbfdff}.quality-zone .card-h{color:#145da8;background:#eef6ff}
.autocomplete{position:relative}.autocomplete-results{position:absolute;left:0;right:0;top:100%;z-index:80;background:#fff;border:1px solid #cfd8e3;border-radius:9px;box-shadow:0 12px 30px rgba(20,34,50,.16);max-height:300px;overflow:auto;display:none}.autocomplete-results.open{display:block}.autocomplete-item{display:grid;grid-template-columns:minmax(150px,1fr) minmax(140px,1fr) auto;gap:8px;padding:9px 10px;border-bottom:1px solid #edf1f5;cursor:pointer}.autocomplete-item:hover{background:#edf5ff}.autocomplete-item small{color:var(--muted)}.cart-table input[type=number]{min-width:75px;padding:5px 7px;min-height:30px}.cart-table .remove-line{border:0;background:#ffe7e7;color:#a11d25;border-radius:6px;padding:5px 8px;cursor:pointer}
.trace-tree,.trace-tree ul{list-style:none;margin:0;padding-left:22px}.trace-tree{padding-left:0}.trace-tree li{position:relative;padding:5px 0 5px 16px}.trace-tree li::before{content:"";position:absolute;left:2px;top:0;bottom:0;border-left:1px solid #bfd0df}.trace-tree li::after{content:"";position:absolute;left:2px;top:18px;width:11px;border-top:1px solid #bfd0df}.trace-tree>li::before{top:18px}.trace-node-card{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:#fff}.trace-node-card.stock{background:#f3f8ff;border-color:#cbdff8}.trace-node-card.animal{background:#fff6ed;border-color:#f3d1a9}.trace-node-card.ship{background:#edf9f2;border-color:#bce2cc}.trace-node-card .meta{font-size:10px;color:var(--muted)}.animal-detail{margin-top:8px;padding:10px;background:#fffaf3;border:1px solid #f2d6b4;border-radius:8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;font-size:12px}
.label-designer{display:grid;grid-template-columns:230px minmax(420px,1fr) 260px;gap:14px}.designer-tools,.designer-props{position:sticky;top:82px;align-self:start}.label-canvas-shell{overflow:auto;padding:22px;background:#dfe4ea;border-radius:14px}.label-canvas{position:relative;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.18);transform-origin:top left}.label-item{position:absolute;border:1px dashed #8ca2b7;background:rgba(231,241,252,.36);padding:2px;overflow:hidden;cursor:move;user-select:none;font-family:Arial,sans-serif}.label-item.selected{outline:2px solid #1769d2;border-color:transparent}.label-item.qr{display:grid;place-items:center;background:repeating-linear-gradient(45deg,#111 0 3px,#fff 3px 6px);color:#e52a2f;font-weight:900}.tool-palette{display:grid;gap:7px}.tool-palette button{width:100%;text-align:left;border:1px solid var(--line);background:#fff;padding:8px;border-radius:8px;cursor:pointer}.tool-palette button:hover{background:#eef5ff}.designer-props .field{margin-bottom:8px}
.report-choice{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#f8fafc}.report-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.report-summary .mini-kpi{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px}.report-summary .mini-kpi b{display:block;font-size:20px;margin-top:4px}.snapshot-list{display:grid;gap:8px}.snapshot-item{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}.snapshot-item.active{border-color:#82b5ef;background:#eef6ff}
@media(max-width:1100px){.label-designer{grid-template-columns:1fr}.designer-tools,.designer-props{position:static}.report-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.animal-detail{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.feature-switches{grid-template-columns:1fr}.autocomplete-item{grid-template-columns:1fr}.report-summary{grid-template-columns:1fr}.animal-detail{grid-template-columns:1fr}}

/* ET-İZ final operation/report refinements */
.mini-feature-row{display:flex;flex-wrap:wrap;gap:8px}.mini-feature{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:9px;font-size:12px;font-weight:800;border:1px solid var(--line);background:#f8fafc;color:#64748b}.mini-feature.on-green{background:#eaf8f0;border-color:#b8e2ca;color:#116a40}.mini-feature.on-blue{background:#eaf3ff;border-color:#bdd7f7;color:#125cac}.mini-feature.on-amber{background:#fff5dc;border-color:#efd49a;color:#865b08}.mini-feature.off{opacity:.48;filter:grayscale(.4)}
.inline-fields{display:flex;flex-wrap:wrap;align-items:end;gap:10px}.feature-icon{width:34px;height:34px;border-radius:9px;background:#edf4ff;color:var(--blue);display:grid!important;place-items:center;font-size:16px;flex:0 0 34px}.feature-switch>span:not(.feature-icon){display:block;border:0;padding:0;background:transparent}.feature-switch>span:not(.feature-icon) small{display:block;color:var(--muted);font-weight:500;font-size:10.5px;margin-top:2px}.feature-switch:has(input){display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:11px;padding:8px 10px;background:#f8fafc;min-height:58px}.feature-switch:has(input:checked){background:#eef6ff;border-color:#9ec4f0}.feature-switch:has(input) input{width:18px;height:18px;min-height:0;opacity:1;position:static;pointer-events:auto}
.shipment-groups{display:grid;gap:10px}.shipment-group{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.shipment-group>summary{cursor:pointer;padding:12px 14px;background:#f7f9fc;font-weight:750}.shipment-group[open]>summary{border-bottom:1px solid var(--line);background:#eef5ff}
.trace-tree-node{margin:4px 0}.tree-dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:var(--blue);margin-right:6px}.tree-sub{display:block;color:var(--muted);font-size:10px;margin-left:16px}.snapshot-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}.snapshot-card.active{border-color:#82b5ef;background:#eef6ff}.snapshot-json{white-space:pre-wrap;word-break:break-word;max-width:520px;font:11px/1.45 Consolas,monospace;color:#475569}.label-print-zone{background:#f4f7fa;border:1px dashed #b9c7d4;border-radius:12px;padding:14px}
.report-filter-card{border-top:4px solid #5f7f9e}.report-toolbar{padding:0}.report-toolbar>.field{min-width:145px}.report-toolbar>.field:has(input[name=product]),.report-toolbar>.field:has(input[name=search]){min-width:220px}.report-accordion{display:grid;gap:10px}.report-detail{overflow:hidden}.report-detail>summary{display:grid;grid-template-columns:minmax(130px,1.1fr) minmax(130px,1fr) minmax(150px,1.2fr) repeat(3,minmax(100px,.8fr));align-items:center;gap:10px;padding:12px 14px;cursor:pointer;background:#f8fafc;list-style:none}.report-detail>summary::-webkit-details-marker{display:none}.report-detail[open]>summary{background:#edf4fc;border-bottom:1px solid var(--line)}.inline-summary{margin-top:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.inline-summary>div{background:#f8fafc;border:1px solid var(--line);border-radius:9px;padding:9px 10px}.inline-summary span{display:block;color:var(--muted);font-size:10.5px;text-transform:uppercase;font-weight:700}.inline-summary b{display:block;margin-top:3px}.table-sub{display:block;color:var(--muted);font-size:10px;margin-top:2px}.table.compact th,.table.compact td{padding:7px 8px;font-size:11.5px}.report-summary>div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px}.report-summary>div span{display:block;color:var(--muted);font-size:11px}.report-summary>div b{display:block;font-size:18px;margin-top:4px}
@media(max-width:1100px){.report-detail>summary{grid-template-columns:repeat(3,minmax(0,1fr))}.inline-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.inline-fields{display:grid;grid-template-columns:1fr}.report-detail>summary{grid-template-columns:1fr 1fr}.inline-summary{grid-template-columns:1fr}.snapshot-card{grid-template-columns:1fr}.report-toolbar>.field{min-width:0}}
.snapshot-action{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.snapshot-action input{min-width:240px}.snapshot-last{margin:-5px 0 12px;padding:7px 10px;border-left:3px solid #7f95ac;background:#f8fafc;border-radius:0 7px 7px 0;font-size:12px}
@media(max-width:620px){.snapshot-action{display:grid;grid-template-columns:1fr 1fr;width:100%}.snapshot-action input{min-width:0;grid-column:1/-1}.snapshot-action .btn{width:100%}}

/* 13.08.2026 operation, definition and designer layout fixes */
.field-hint{display:block;color:var(--muted);font-size:10.5px;line-height:1.35;margin-top:3px}.selected-row{background:#e8f3ff!important}
.operation-stack{display:grid;gap:16px}.form-grid-balanced{grid-template-columns:repeat(4,minmax(0,1fr))}.product-create-card{border-color:#9dd7b6;box-shadow:0 10px 28px rgba(18,120,70,.10)}.product-create-button{min-width:220px;font-size:15px}.compact-summary{grid-template-columns:repeat(2,minmax(150px,1fr));grid-column:span 2}.compact-summary>div{min-width:0}.compact-summary b{white-space:normal;overflow-wrap:anywhere}
.feature-switches .feature-switch,.feature-switch{min-width:0;overflow:hidden}.feature-switch .feature-copy{min-width:0!important;max-width:100%;overflow:hidden}.feature-switch .feature-copy b,.feature-switch .feature-copy small{display:block;white-space:normal;overflow-wrap:anywhere}.feature-switches{align-items:stretch}.feature-switches .feature-switch{height:100%}
.snapshot-table td{vertical-align:middle}.snapshot-table .selected-row{background:#e8f3ff!important}.animal-selector{border:1px solid var(--line);border-radius:12px;background:#f8fafc;padding:14px}.animal-selector-head{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}.animal-check-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:8px;margin-top:12px;max-height:380px;overflow:auto}.animal-check{display:flex;align-items:flex-start;gap:8px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px;cursor:pointer}.animal-check:has(input:checked){border-color:#7dafeb;background:#edf5ff}.animal-check input{width:17px;height:17px;min-height:0;margin-top:2px}.animal-check span{min-width:0}.animal-check b,.animal-check small{display:block}.animal-check small{color:var(--muted);font-size:10px;margin-top:3px}
.definition-editor{border:1px solid var(--line);border-radius:12px;background:#f8fafc;padding:13px}.definition-editor-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.definition-editor-head small{display:block;color:var(--muted);font-weight:400;margin-top:3px}.definition-value-row{display:grid;grid-template-columns:24px minmax(180px,1fr) auto auto auto;gap:7px;align-items:center;margin-top:8px}.drag-order{color:#789;cursor:move;text-align:center}.definition-chips{display:flex;flex-wrap:wrap;gap:5px;max-width:640px}.definition-chips span{padding:3px 7px;border-radius:999px;background:#eaf2fb;border:1px solid #cbdced;font-size:11px;white-space:normal}.row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.row-actions form{display:inline-flex}
.label-designer-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;align-items:start}.label-designer-work{display:grid;grid-template-columns:170px minmax(420px,1fr) 220px;gap:12px;align-items:start}.label-toolbox,.label-properties{position:sticky;top:82px;display:grid;gap:6px;max-height:72vh;overflow:auto}.label-toolbox button{width:100%;text-align:left;border:1px solid var(--line);background:#fff;padding:7px 8px;border-radius:7px;cursor:pointer}.label-toolbox button:hover{background:#eaf3ff;border-color:#a9c7ea}.label-canvas-shell{min-height:520px;display:flex;align-items:flex-start;justify-content:center}.label-canvas{width:min(720px,100%);min-width:420px;min-height:250px;position:relative;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.18);overflow:hidden}.design-element{position:absolute;border:1px dashed #71869b;background:rgba(231,241,252,.45);padding:2px;overflow:hidden;cursor:move;user-select:none;font-family:Arial,sans-serif;line-height:1.15}.design-element.selected{outline:2px solid var(--blue);border-color:transparent;z-index:3}.design-element .resize-handle{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;background:var(--blue);border:2px solid #fff;border-radius:3px;cursor:nwse-resize}.label-properties .field{margin-top:7px}.label-preview-bar{display:grid;grid-template-columns:minmax(240px,1fr) auto minmax(180px,1fr);align-items:end;gap:10px;padding:11px;border:1px dashed #b7c6d6;border-radius:10px;background:#f7f9fc}.label-preview-bar small{color:var(--muted);align-self:center}
.label-assets-card{border-top:4px solid var(--purple)}.label-assets-head{display:grid;grid-template-columns:minmax(280px,1fr) minmax(360px,1.4fr);gap:12px;align-items:stretch}.label-upload-form{display:grid;grid-template-columns:minmax(240px,1fr) auto;align-items:end;gap:10px;padding:12px;border:1px dashed #b7c6d6;border-radius:11px;background:#f7f9fc}.label-assets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}.label-asset{display:grid;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:11px;background:#fff}.label-asset img{width:68px;height:58px;object-fit:contain;background:#fff;border:1px solid #edf1f5;border-radius:8px}.label-asset b,.label-asset small{display:block}.label-asset small{color:var(--muted);font-size:10px;overflow-wrap:anywhere;margin-top:3px}.design-element.image{padding:0;background:#fff}.design-element.image img{width:100%;height:100%;object-fit:contain;pointer-events:none}
@media(max-width:1250px){.animal-check-grid{grid-template-columns:repeat(3,minmax(170px,1fr))}.label-designer-layout{grid-template-columns:1fr}.label-designer-work{grid-template-columns:155px minmax(360px,1fr) 205px}}
@media(max-width:900px){.form-grid-balanced{grid-template-columns:repeat(2,minmax(0,1fr))}.animal-check-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}.label-assets-head{grid-template-columns:1fr}.label-upload-form{grid-template-columns:1fr}.label-designer-work{grid-template-columns:1fr}.label-toolbox,.label-properties{position:static;max-height:none}.label-toolbox{grid-template-columns:repeat(3,minmax(0,1fr))}.label-toolbox>b{grid-column:1/-1}.label-canvas{min-width:320px}.label-preview-bar{grid-template-columns:1fr 1fr}.label-preview-bar small{grid-column:1/-1}}
@media(max-width:620px){.form-grid-balanced{grid-template-columns:1fr}.compact-summary{grid-column:auto;grid-template-columns:1fr}.animal-check-grid{grid-template-columns:1fr}.definition-value-row{grid-template-columns:20px minmax(120px,1fr) auto auto}.definition-value-row [data-remove]{grid-column:2/-1}.label-toolbox{grid-template-columns:repeat(2,minmax(0,1fr))}.label-canvas-shell{min-height:380px;padding:10px}.label-canvas{min-width:280px}.label-preview-bar{grid-template-columns:1fr}.label-preview-bar small{grid-column:auto}}

/* 13.08.2026 reported screen fixes */
.mal-kabul-features{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-column:1/-1}.mal-kabul-features .feature-switch{display:grid;grid-template-columns:18px 38px minmax(0,1fr);align-items:center;gap:10px;min-height:78px;padding:10px 12px;overflow:visible}.mal-kabul-features .feature-switch input{margin:0}.mal-kabul-features .feature-icon{width:38px;height:38px;flex-basis:38px}.mal-kabul-features .feature-copy{display:block!important;min-width:0;overflow:visible!important}.mal-kabul-features .feature-copy b{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal;font-size:13px}.mal-kabul-features .feature-copy small{white-space:normal!important;overflow-wrap:normal!important;word-break:normal;line-height:1.3;margin-top:3px}
.master-data-links{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:12px;margin-bottom:16px}.master-data-link{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px 15px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:var(--shadow)}.master-data-link:hover{border-color:#91b8e5;background:#f7fbff}.master-data-link .master-data-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:23px;background:#eaf3ff;color:var(--blue)}.master-data-link.customer .master-data-icon{background:#eaf8f0;color:var(--green)}.master-data-link.depot .master-data-icon{background:#fff3dd;color:#a5680b}.master-data-link b,.master-data-link small{display:block}.master-data-link b{font-size:15px}.master-data-link small{color:var(--muted);font-size:10.5px;line-height:1.35;margin-top:3px}.master-data-link strong{font-size:12px;color:var(--blue);white-space:nowrap}
@media(max-width:1100px){.master-data-links{grid-template-columns:1fr}}
@media(max-width:620px){.mal-kabul-features{grid-template-columns:1fr}}