.expansion-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:18px;padding:4px 2px 14px;border-bottom:1px solid var(--line)}
.expansion-intro span{font-size:11px;color:#9a5c12}.expansion-intro h2{margin:4px 0 0;font-size:20px}.expansion-intro p{max-width:520px;margin:0;color:var(--muted);font-size:12px;text-align:right}
:root {
  --textile-tile-bg: #789262;
  --textile-icon-line: #FFFBF0;
}
.action-board{display:grid;gap:18px}.action-group{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.action-group>header{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);background:#fafbfc}.action-group>header>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #dfc29d;border-radius:5px;color:#9a5c12;font-size:10px;font-weight:700}.action-group h3{margin:0;font-size:14px}.action-group header p{margin:3px 0 0;color:var(--muted);font-size:11px}.action-grid{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:0}.action-tile{min-height:92px;display:grid;grid-template-columns:42px minmax(0,1fr) 12px;align-items:center;gap:11px;padding:15px;border:0;border-right:1px solid #edf0f4;border-bottom:1px solid #edf0f4;background:#fff;text-align:left;color:var(--ink);cursor:pointer}.action-tile:hover{background:#fffaf4}.action-tile:focus-visible{outline:3px solid rgba(216,129,36,.26);outline-offset:-3px}.action-tile>b{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#315fa8;color:#fff;font-size:15px}.action-tile.tone-1>b{background:#6370d9}.action-tile.tone-2>b{background:#d87357}.action-tile.tone-3>b{background:#1b9c99}.action-tile span{min-width:0}.action-tile strong,.action-tile small{display:block}.action-tile strong{font-size:13px}.action-tile small{margin-top:5px;color:var(--muted);font-size:10px;line-height:1.45}.action-tile i{font-style:normal;color:#a4adba;font-size:18px}
.action-tile > b.textile-tile,
.action-tile[class*="tone-"] > b.textile-tile {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 8px;
  background: var(--textile-tile-bg, #789262) !important;
  color: var(--textile-icon-line, #FFFBF0);
  font-size: 0;
  border: 0;
}
.textile-icon {
  display: block;
  width: 24px;
  height: 24px;
  color: var(--textile-icon-line, #FFFBF0);
  --icon-action: var(--textile-icon-line, #FFFBF0);
  border: 0;
}
.expansion-drawer{width:min(1240px,93vw)}.expansion-drawer .drawer-head-actions .drawer-back{width:auto;min-width:104px;white-space:nowrap}.expansion-drawer .data-table select,.expansion-drawer .data-table input{width:100%;min-width:90px;height:31px;border:1px solid #d8dee7;border-radius:4px;padding:4px 6px;background:#fff}.expansion-drawer .data-table{min-width:1080px}.expansion-drawer .section{margin-top:16px}
.settings-sheet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:8px 18px 20px}.settings-sheet>label{display:grid;grid-template-columns:minmax(150px,1fr) minmax(180px,1fr);align-items:center;gap:16px;min-height:58px;border-bottom:1px solid #edf0f4;font-size:12px}.settings-sheet input,.settings-sheet select,.permission-editor select{height:34px;border:1px solid #d8dee7;border-radius:5px;padding:0 9px;background:#fff}
.permission-editor{padding:18px}.permission-editor>label{display:flex;align-items:center;gap:12px;font-size:12px}.permission-editor>label select{min-width:260px}.check-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:9px;margin-top:16px;padding:14px;background:#f8fafc;border:1px solid var(--line);border-radius:7px}.check-grid.compact{grid-template-columns:repeat(3,minmax(130px,1fr));margin-top:0}.check-grid label{display:flex;align-items:center;gap:7px;min-height:32px;font-size:12px}.check-grid input{width:15px;height:15px;accent-color:var(--brand)}
.record-tabs{display:flex;gap:0;margin:-4px 0 18px;border-bottom:1px solid var(--line)}.record-tabs button{min-height:38px;padding:0 16px;border:0;border-bottom:2px solid transparent;background:#fff;color:#667085;cursor:pointer;font-size:12px}.record-tabs button.active{border-bottom-color:var(--brand);color:#8f5316;font-weight:700}.record-panel{display:none}.record-panel.active{display:block}
.data-table td input,.data-table td select{font-size:11px}.tag.over{background:#f0e9ff;color:#6d3ec5}
.arrival-finished-sheet{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}
.arrival-finished-group+.arrival-finished-group{border-top:2px solid #efd8b9}
.arrival-finished-group-head{display:grid;grid-template-columns:minmax(118px,1.2fr) minmax(96px,1fr) repeat(3,minmax(70px,.7fr)) minmax(70px,.65fr) minmax(86px,.8fr) minmax(110px,1.2fr) auto;align-items:end;gap:8px;padding:10px 12px;border-bottom:1px solid #e5e9ef;background:#f8fafc}
.arrival-finished-field{display:grid;min-width:0;gap:4px;color:#667085;font-size:10px}
.arrival-finished-field input,.arrival-finished-field select{width:100%;min-width:0;height:30px;border:1px solid #d8dee7;border-radius:4px;padding:3px 6px;background:#fff;color:#1f2937;font-size:11px}
.arrival-finished-add-product{justify-self:start;height:26px;padding:2px 8px;font-size:11px;white-space:nowrap}
.arrival-finished-product-panel{grid-column:1 / -1;min-width:0;max-width:560px}
.arrival-finished-remove{align-self:end;height:30px;padding:0 9px}
.arrival-finished-quantity-wrap{overflow-x:auto;background:#fff}
.arrival-finished-table{width:100%;max-width:1050px;min-width:760px!important;margin:0 auto;table-layout:fixed}
.arrival-finished-table th{text-align:center;vertical-align:middle;white-space:normal}
.arrival-finished-table td{padding:4px 3px;vertical-align:middle}
.arrival-finished-table input{width:100%;min-width:0!important;height:28px!important;border:1px solid #d8dee7;border-radius:4px;padding:2px 4px;background:#fff;font-size:11px;font-variant-numeric:tabular-nums}
.arrival-finished-sheet input[type=number]{appearance:textfield;-moz-appearance:textfield}
.arrival-finished-sheet input[type=number]::-webkit-inner-spin-button,.arrival-finished-sheet input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.arrival-range-col{width:5%}.arrival-quantity-col{width:4.8%}.arrival-rolls-col{width:6%}.arrival-gross-col{width:8%}.arrival-adjust-col,.arrival-actual-col{width:9%}.arrival-amount-col{width:15%}
.arrival-finished-index,.arrival-finished-range{background:#fff9f1!important;color:#8a4d0a!important;text-align:center!important;font-weight:700}
.arrival-finished-quantity{background:#fffdf8}
.arrival-finished-quantity input,.arrival-finished-adjustment input,.arrival-finished-actual input{text-align:right}
.arrival-finished-table input:focus{border-color:#d88124;outline:3px solid rgba(216,129,36,.16);outline-offset:0}
.arrival-finished-rolls,.arrival-finished-gross,.arrival-finished-amount{font-weight:700;font-variant-numeric:tabular-nums}
.arrival-finished-gross{background:#fbfcfe}.arrival-finished-adjustment{background:#fffaf1}.arrival-finished-actual{background:#f4faf6}
.arrival-finished-summary{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 24px;padding:11px 16px;border-top:1px solid #efd8b9;background:#fff7ea;color:#7b4a16;font-size:12px}
.arrival-finished-summary b{margin-left:6px;color:#1f2937;font-size:14px;font-variant-numeric:tabular-nums}
.arrival-basic-grid{grid-template-columns:minmax(170px,1.25fr) minmax(110px,.75fr) minmax(160px,1.1fr) minmax(140px,.9fr) minmax(150px,1fr);grid-template-areas:"supplier goods warehouse date store" "handler freight shrinkage notes notes";gap:10px 12px;padding:2px 0 4px}
.arrival-supplier{grid-area:supplier}.arrival-goods-type{grid-area:goods}.arrival-warehouse{grid-area:warehouse}.arrival-date{grid-area:date}.arrival-store{grid-area:store}.arrival-handler{grid-area:handler}.arrival-freight{grid-area:freight}.arrival-shrinkage{grid-area:shrinkage}.arrival-notes{grid-area:notes}
.arrival-basic-grid .field input,.arrival-basic-grid .field select{height:34px;padding:6px 8px}
.arrival-basic-grid #xaBusinessDate{max-width:165px}
.arrival-basic-grid #xaHandler{max-width:180px}
.arrival-basic-grid #xaFreight{max-width:240px}
.arrival-simple-sheet{min-width:1120px!important;table-layout:fixed}
.arrival-simple-sheet th,.arrival-simple-sheet td{padding:6px 5px;vertical-align:middle}
.arrival-simple-sheet th{text-align:center;white-space:normal;line-height:1.25}
.arrival-simple-sheet td input,.arrival-simple-sheet td select{width:100%;min-width:0;height:32px}
.arrival-simple-sheet th:nth-child(1){width:18%}.arrival-simple-sheet th:nth-child(2),.arrival-simple-sheet th:nth-child(3){width:9%}.arrival-simple-sheet th:nth-child(4),.arrival-simple-sheet th:nth-child(5){width:8%}.arrival-simple-sheet th:nth-child(6){width:7%}.arrival-simple-sheet th:nth-child(7),.arrival-simple-sheet th:nth-child(8){width:8%}.arrival-simple-sheet th:nth-child(9),.arrival-simple-sheet th:nth-child(10),.arrival-simple-sheet th:nth-child(11){width:9%}.arrival-simple-sheet th:last-child{width:54px}
@media(max-width:1180px){.action-grid{grid-template-columns:repeat(2,minmax(190px,1fr))}.settings-sheet{grid-template-columns:1fr}.check-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}.arrival-finished-group-head{grid-template-columns:repeat(4,minmax(0,1fr))}.arrival-finished-notes{grid-column:span 2}}
@media(max-width:900px){.arrival-basic-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:none}.arrival-basic-grid .field{grid-area:auto}.arrival-basic-grid .field input,.arrival-basic-grid .field select{max-width:none}}
@media(max-width:760px){.expansion-intro{align-items:flex-start;flex-direction:column}.expansion-intro p{text-align:left}.action-grid{grid-template-columns:1fr}.check-grid,.check-grid.compact{grid-template-columns:1fr}.settings-sheet>label{grid-template-columns:1fr;gap:6px;padding:10px 0}.arrival-finished-group-head{grid-template-columns:repeat(2,minmax(0,1fr))}.arrival-finished-notes{grid-column:auto}.arrival-finished-summary{justify-content:flex-start;gap:8px 14px}.arrival-basic-grid{grid-template-columns:1fr}}

/* Finished detailed code sheet: give text fields a dedicated, readable row
   while keeping the ten numeric slots compact and keyboard-friendly. */
@media(min-width:1181px){
  .arrival-finished-group-head{grid-template-columns:repeat(15,minmax(0,1fr));gap:10px;padding:12px 14px;align-items:end}
  .arrival-finished-group-head .arrival-finished-product{grid-column:span 3}
  .arrival-finished-group-head .arrival-finished-color{grid-column:span 2}
  .arrival-finished-group-head .arrival-finished-vat,
  .arrival-finished-group-head .arrival-finished-width,
  .arrival-finished-group-head .arrival-finished-grammage,
  .arrival-finished-group-head .arrival-finished-unit{grid-column:span 1}
  .arrival-finished-group-head .arrival-finished-price{grid-column:span 2}
  .arrival-finished-group-head .arrival-finished-notes{grid-column:span 3}
  .arrival-finished-group-head .arrival-finished-remove{grid-column:span 1}
  .arrival-finished-field input,.arrival-finished-field select{height:34px;padding-inline:8px;font-size:12px}
  .arrival-finished-product select{font-size:12px}
}

.arrival-finished-quantity-wrap{overflow-x:auto}
.arrival-finished-table{width:100%;max-width:none;min-width:960px!important}
.arrival-finished-table th{padding:6px 4px;font-size:11px;line-height:1.25}
.arrival-finished-table td{padding:5px 4px}
.arrival-finished-table input{height:32px!important;padding-inline:6px;font-size:12px}
.arrival-range-col{width:6%}.arrival-quantity-col{width:5%}.arrival-rolls-col{width:6%}.arrival-gross-col{width:8%}.arrival-adjust-col,.arrival-actual-col{width:10%}.arrival-amount-col{width:10%}

@media(max-width:1180px) and (min-width:761px){
  .arrival-finished-group-head{gap:8px;padding:10px 12px}
  .arrival-finished-field input,.arrival-finished-field select{height:32px;font-size:11px}
  .arrival-finished-table{min-width:920px!important}
}