.wcs-cl{--ink:#212529;--mute:#6c757d;--line:#ced4da;--bg:#F8F9F9;--paper:#fff;--brand:#4a8fc9;--tab:#337ab7;--go:#28a745;--go2:#218838;--band:#cfe3f3;--alert:#568ec8;--err:#dc3545}.wcs-cl *{box-sizing:border-box}.wcs-cl{font:12px/1.4 Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;color:var(--ink);background:var(--paper);text-align:left}.wcs-cl .wrap{max-width:600px;margin:0 auto;padding:12px}.wcs-cl /* white with padding on any host page (Dima 2026-10-28) */
  a{color:var(--tab);text-decoration:none}.wcs-cl a:hover{text-decoration:underline}.wcs-cl b,.wcs-cl strong{font-family:inherit}.wcs-cl .hide{display:none!important}.wcs-cl /* header */
  .hd{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:2px 0 4px}.wcs-cl .hd>div{min-width:0}.wcs-cl .hd .t{font-size:22px;line-height:1.05;color:var(--brand)}.wcs-cl .hd .s{font-size:10px;font-weight:700;text-transform:uppercase;line-height:1.2}.wcs-cl .hd .s a{color:#000}.wcs-cl /* export / import switch (hidden on the single-direction copies) */
  .dir{display:flex;margin:4px 0 2px;border:1px solid var(--brand);border-radius:4px;overflow:hidden}.wcs-cl .dir button{flex:1;border:0;background:transparent;font:700 12px Lato,Arial,sans-serif;color:var(--brand);padding:6px 4px;cursor:pointer;text-transform:uppercase;letter-spacing:.3px}.wcs-cl .dir button.on{background:var(--brand);color:#fff}.wcs-cl.imp .dir{border-color:#4a8fc9;margin:0 0 8px}.wcs-cl.imp .dir button{font:700 12px sans-serif;color:#4a8fc9;padding:7px 4px}.wcs-cl.imp .dir button.on{background:#4a8fc9;color:#fff}.wcs-cl /* tabs */
  .tabs{display:flex;border-bottom:1px solid #dee2e6;margin-top:2px}.wcs-cl .tabs button{flex:1;border:1px solid transparent;border-bottom:0;border-radius:4px 4px 0 0;background:transparent;font:700 12px Lato,Arial,sans-serif;color:var(--tab);padding:5px 4px;cursor:pointer;margin-bottom:-1px}.wcs-cl .tabs button.on{background:var(--paper);border-color:#dee2e6 #dee2e6 var(--paper);color:#495057}.wcs-cl .tabs button:disabled{color:#a6a6a6;cursor:default}.wcs-cl .pane{background:var(--paper);padding:2px 0 0}.wcs-cl /* form */
  .lbl{font-weight:700;text-transform:uppercase;padding:8px 2px 0;font-size:12px}.wcs-cl /* margin,.wcs-cl letter-spacing and line-height resets: the wcshipping.com theme gives .row a -12px side margin and form fields their own letter-spacing and line-height (2026-10-28) */
  .row{display:flex;gap:4px;padding-top:4px;margin:0}.wcs-cl .row>*{flex:1;min-width:0}.wcs-cl .fc{display:block;width:100%;height:30px;padding:3px 7px;font:11px Lato,Arial,sans-serif;letter-spacing:normal;margin:0;color:#495057;background:var(--paper);border:1px solid var(--line);border-radius:4px;-webkit-appearance:none;appearance:none}.wcs-cl select.fc{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23495057' stroke-width='1.4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 7px center;padding-right:20px}.wcs-cl .fc:focus{outline:0;border-color:#80bdff;box-shadow:0 0 0 .15rem rgba(0,123,255,.25)}.wcs-cl .fc.bad{border-color:var(--err)}.wcs-cl .fc::placeholder{color:#8a9199;opacity:1}.wcs-cl .fc:disabled{background:#e9ecef}.wcs-cl .chk{display:flex;align-items:center;gap:5px;margin:0;padding:5px 2px 0;font-size:10px;font-weight:700;line-height:1.4;letter-spacing:normal}.wcs-cl .chk input{margin:0;width:13px;height:13px}.wcs-cl .chk .q{color:var(--tab);cursor:help}.wcs-cl .gp{font-size:10px;font-weight:700;padding:3px 2px 0;min-height:14px;color:var(--mute)}.wcs-cl .gp b{color:var(--ink)}.wcs-cl .hint{font-size:10px;color:var(--mute);padding:2px 2px 0;min-height:13px}.wcs-cl .go{display:block;width:100%;margin-top:12px;border:1px solid var(--go);background:var(--go);color:#fff;font:700 12px Lato,Arial,sans-serif;text-transform:uppercase;padding:8px 6px;border-radius:4px;cursor:pointer;letter-spacing:.02em}.wcs-cl .go:hover{background:var(--go2);border-color:var(--go2)}.wcs-cl .go:disabled{opacity:.65;cursor:default}.wcs-cl .alert{margin-top:8px;padding:6px 9px;border:1px solid #f5c6cb;background:#f8d7da;color:#721c24;border-radius:4px;font-size:11px}.wcs-cl .alert ul{margin:0;padding-left:16px}.wcs-cl /* rate quote (export): the row layout of the old Rate Quote tab */
  .guide{display:block;width:100%;margin:6px 0 4px;border:1px solid var(--go);background:var(--go);color:#fff;font:700 12px Lato,Arial,sans-serif;text-transform:capitalize;padding:3px 6px;border-radius:4px;cursor:pointer;text-align:center;text-decoration:none}.wcs-cl .guide:hover{background:var(--go2);text-decoration:none}.wcs-cl .r{display:flex;align-items:baseline;gap:4px;padding-top:7px;font-size:11px}.wcs-cl .r .a{flex:1 1 58%;min-width:0}.wcs-cl .r .b{flex:0 0 17%;text-align:right;white-space:nowrap}.wcs-cl .r .c{flex:0 0 25%;text-align:right;white-space:nowrap;padding-right:4px}.wcs-cl .r.h{font-weight:700;text-transform:uppercase;font-size:11px;padding-bottom:3px;border-bottom:1px solid rgba(0,0,0,.12)}.wcs-cl .r .big{font-weight:700;font-size:11px}.wcs-cl .r .sm{font-size:10px;color:#333}.wcs-cl .band{background:var(--band);margin-top:8px;padding:0 0 8px}.wcs-cl .band .r{padding-left:10px;padding-right:12px}.wcs-cl .band .tot{font-weight:700;font-size:11px;padding-top:8px}.wcs-cl .band .est{font-size:10px}.wcs-cl .pa{display:block;width:100%;border:0;background:var(--alert);color:#fff;font:11px Lato,Arial,sans-serif;padding:5px 8px;text-align:center;cursor:pointer}.wcs-cl .pa b{font-weight:700}.wcs-cl .pa:hover{filter:brightness(.95)}.wcs-cl .sent{padding:8px 10px 0;font-size:10px;color:#1e4d78}.wcs-cl .sent b{font-weight:700}.wcs-cl /* "a copy is in your inbox",.wcs-cl first thing on the Rate Quote tab (2026-10-27) */
  .inbox{display:flex;gap:8px;align-items:flex-start;margin:0 0 10px;padding:9px 12px;border:1px solid #b7dfc3;border-radius:6px;background:#eaf6ee;color:#1d5a32;font-size:12px;line-height:1.4}.wcs-cl .inbox .ck{flex:none;width:16px;height:16px;border-radius:50%;background:#2e8b57;color:#fff;font-size:11px;line-height:16px;text-align:center;font-weight:700}.wcs-cl .inbox b{font-weight:700;word-break:break-all}.wcs-cl .inbox.warn{border-color:#f0c48a;background:#fff6e8;color:#7a4a00}.wcs-cl .inbox.warn .ck{display:none}.wcs-cl /* the lead was refused: no tick */
  /* import tables (the two old Bootstrap tables) */
  .qblk+.qblk{margin-top:14px}.wcs-cl table{width:100%;border-collapse:collapse;font-size:11px;margin-top:6px}.wcs-cl th,.wcs-cl td{padding:4px 5px;border-top:1px solid #dee2e6;vertical-align:top;text-align:left}.wcs-cl thead th{border-top:0;border-bottom:2px solid #dee2e6;font-weight:700}.wcs-cl tbody tr:first-child td{border-top:2px solid #212529}.wcs-cl td.n{text-align:right;white-space:nowrap}.wcs-cl th.n{text-align:right}.wcs-cl tr.tot td{background:#cfe3f3;font-weight:700}.wcs-cl /* footer */
  .ft{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 8px;padding-top:8px;font-size:11px}.wcs-cl .band.mail{margin-top:0;padding:6px 12px 10px}.wcs-cl .band.mail.solo{margin-top:8px}.wcs-cl .band.mail .fc{height:30px;font-size:11px;margin-bottom:6px}.wcs-cl .band.mail .go{margin-top:0}.wcs-cl .band.mail .sent{padding:6px 0 0}
  @media(max-width:360px){.wcs-cl .hd .t{font-size:18px}.wcs-cl .r .sm{display:block}}.wcs-cl .wrap{container-type:inline-size}@container (max-width:345px){.wcs-cl .hd .t{font-size:18px}}.wcs-cl /* the padded box in a 360px slot,.wcs-cl whatever the viewport */
  .imp{font:12px/1.5 sans-serif;color:#666;background:#fff;border:2px solid #e7e7e7}.wcs-cl.imp .wrap{padding:12px}.wcs-cl.imp .hd{gap:4px 10px;padding:2px 0 6px}.wcs-cl.imp .hd .t{font:400 24px/1.2 sans-serif;color:#4a8fc9}.wcs-cl.imp .hd .s{font:700 12px/1 sans-serif;text-transform:uppercase;color:#666}.wcs-cl.imp .hd .s a{color:#000}.wcs-cl.imp .tabs{border-bottom:1px solid #dee2e6;margin-top:0}.wcs-cl.imp .tabs button{font:700 12px sans-serif;color:#666;padding:8px 16px;border-radius:6px 6px 0 0;border:1px solid transparent;margin-bottom:-1px}.wcs-cl.imp .tabs button.on{color:#000;background:#fff;border-color:#dee2e6 #dee2e6 #fff}.wcs-cl.imp .tabs button:disabled{color:#a6a6a6}.wcs-cl.imp .pane{background:transparent;padding:0}.wcs-cl.imp .lbl{font:700 12px sans-serif;text-transform:uppercase;color:#000;padding:8px 0 0;margin:0 0 8px}.wcs-cl.imp .row{gap:12.8px;padding-top:4px}.wcs-cl.imp .fc{height:28px;padding:6px 12px;font:12px sans-serif;color:#212529;border:1px solid #dee2e6;border-radius:4px}.wcs-cl.imp select.fc{padding-right:36px}.wcs-cl.imp .chk{font:700 12px sans-serif;color:#000;padding:8px 0 0}.wcs-cl.imp .chk input{width:12px;height:12px;accent-color:#0d6efd}.wcs-cl.imp .chk .q{color:#000}.wcs-cl.imp .go{height:38px;margin-top:16px;font:400 16px/24px sans-serif;text-transform:uppercase;background:#28a745;border-color:#28a745;border-radius:4px;padding:6px 12px;letter-spacing:0}.wcs-cl.imp .go:hover{background:#218838}.wcs-cl.imp .ft{font:12px sans-serif;padding-top:10px}.wcs-cl.imp .ft a{color:#0d6efd}.wcs-cl.imp .hint{font-size:12px}.wcs-cl.imp .alert{font-size:12px}.wcs-cl.imp table{font-size:12px;color:#212529;margin-top:8px}.wcs-cl.imp th,.wcs-cl.imp td{padding:8px;border-top:1px solid #dee2e6}.wcs-cl.imp thead th{border-bottom:2px solid #dee2e6}.wcs-cl.imp tbody tr:first-child td{border-top:2px solid #212529}.wcs-cl.imp tr.tot td{background:#cfe3f3}.wcs-cl.imp .band.mail{background:#fff;border:1px solid #dee2e6;border-radius:6px;margin-top:12px;padding:12px}.wcs-cl.imp .sent{font-size:12px;color:#212529}