/* css/modules/cn.css: the .cn-* module — split out of css/app.css by #360's sibling stage (#362).
   Load order is core.css, then every modules/*.css alphabetically; rules here
   are in their original relative order, and no selector in this file appears in
   any other (asserted in tests/css-split-check.js). */

.cn-custref--req .cn-in{border:1px solid var(--red);background:#fff6f2}
.cn-warn{background:#fff6f2;border:1px solid var(--red);color:#8a2b12;font-weight:700;font-size:13px;border-radius:10px;padding:10px 14px;margin:0 0 12px;line-height:1.5}
/* ---------- Consignment Note (connote) ---------- */
.cn-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.cn-sheet{background:#fff;color:#111;max-width:840px;margin:0 auto;border:1px solid #333;font-size:12px;line-height:1.3}
.cn-sheet input.cn-in{border:none;border-bottom:1px solid #999;font-family:var(--font);font-size:12px;font-weight:700;padding:1px 3px;min-width:60px;background:transparent;color:#111}
.cn-sheet input.cn-in:focus{outline:none;border-bottom-color:var(--blue);background:#f4f8ff}
.cn-head{display:grid;grid-template-columns:1.5fr 2fr 1.4fr;border-bottom:2px solid #111}
.cn-brand{padding:8px;border-right:1px solid #333}
.cn-logo{width:54px;display:block}
.cn-word{font-weight:900;font-size:18px;line-height:1;margin:2px 0}
.cn-word b{color:#221F20}
.cn-word i{color:var(--orange);font-style:normal}
.cn-co{font-size:10px;font-weight:600;color:#333;margin-top:4px}
.cn-depots{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;padding:8px;border-right:1px solid #333;font-size:9.5px;line-height:1.25}
.cn-idbox{padding:8px;text-align:right}
.cn-barcode{text-align:right}
.cn-cno{font-weight:900;font-size:18px;letter-spacing:1px}
.cn-booking{font-size:11px;font-weight:700}
.cn-order{background:#111;color:#fff;padding:3px 6px;border-radius:4px;margin:4px 0;display:flex;justify-content:space-between;align-items:center;gap:6px}
.cn-order span{font-size:10px}
.cn-order b{color:#F58A2A}
.cn-order input.cn-in{color:#F58A2A;border-bottom-color:#666}
.cn-acct{font-size:10px;font-weight:700}
.cn-row2{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #333}
.cn-dates{padding:8px;border-right:1px solid #333;display:flex;flex-direction:column;gap:10px;font-weight:700}
.cn-freightacct{padding:8px;position:relative;display:flex;flex-direction:column;gap:4px}
.cn-tag{display:inline-block;background:#111;color:#fff;font-size:9px;font-weight:800;padding:2px 8px;border-radius:3px;margin-bottom:3px;align-self:flex-start}
.cn-party{display:grid;grid-template-columns:26px 1fr 150px;border-bottom:1px solid #333}
.cn-side{background:#eee;writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;font-weight:800;font-size:10px;letter-spacing:1px;padding:4px}
.cn-partybody{padding:7px;display:flex;flex-direction:column;gap:5px;border-right:1px solid #333;border-left:1px solid #333}
.cn-partybody div{display:flex;align-items:baseline;gap:4px}
.cn-partybody .cn-in{flex:1}
.cn-state{background:#e4e9f2;font-weight:800;font-size:10px;padding:1px 6px;border-radius:3px}
.cn-times{padding:7px;display:flex;flex-direction:column;gap:12px;font-weight:800}
.cn-freight{width:100%;border-collapse:collapse;border-bottom:1px solid #333}
.cn-freight th{background:#111;color:#fff;font-size:10px;padding:4px 6px;text-align:left}
.cn-freight th:nth-child(3),.cn-freight th:nth-child(4),.cn-freight th:nth-child(5){text-align:center;width:80px}
.cn-freight td{border:1px solid #ccc;padding:5px 6px;height:20px;font-weight:600}
.cn-freight td:nth-child(3),.cn-freight td:nth-child(4),.cn-freight td:nth-child(5){text-align:center}
.cn-charge{background:#fff6ef;font-weight:800;color:#111;text-align:right!important}
.cn-special{border-bottom:1px solid #333;padding:7px;min-height:56px}
.cn-specialbody{font-weight:700;padding-top:4px}
.cn-sign{display:grid;grid-template-columns:1fr 1fr 0.7fr 0.7fr;border-bottom:1px solid #333}
.cn-sign:nth-of-type(odd){}
.cn-sigbox{padding:6px 8px;border-right:1px solid #333;min-height:56px;display:flex;flex-direction:column}
.cn-sigbox:last-child{border-right:none}
.cn-sigbox span{font-size:9px;font-weight:800;text-transform:uppercase;color:#333}
.cn-sigline{flex:1;border-bottom:1px solid #111;margin:14px 0 2px;font-weight:700}
.cn-sigbox small{font-size:8px;color:#666}
.cn-foot{padding:8px;font-size:9.5px;line-height:1.35;color:#333}
.cn-foot-bold{font-weight:800;color:#111;margin:3px 0}