/* Blocks on the order (06-11-2026): templates/blocksField.html (order form + edit modal) and the gold chip wherever an order is read */
.gsb{--b-navy:#16284A;--b-gold:#E6A91A;--b-gold-bg:#F6E7B4;--b-gold-ink:#5C4400;--b-muted:#5d6b82;--b-line:#e6e9f1;--b-red:#b4322a;
	background:#fff;border:1px solid var(--b-line);border-radius:11px;margin:0 0 14px;font-size:15px;color:#1a2433}
.gsb-hd{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding:12px 16px;border-bottom:1px solid var(--b-line)}
.gsb-bar{width:4px;height:17px;border-radius:3px;background:var(--b-gold);flex:none}
.gsb-t{font-size:16px;font-weight:800;color:var(--b-navy)}
.gsb-hint{font-size:13px;font-weight:600;color:var(--b-muted)}
.gsb-sel,.gsb-list{padding:10px 16px 0}
.gsb-carry,.gsb-l,.gsb-note{margin:0 0 8px;font-size:14px;color:var(--b-muted)}
.gsb-carry b{color:var(--b-navy)}
.gsb-note{padding:10px 16px 0}
.gsb-chips{display:flex;flex-wrap:wrap;gap:6px}
.gsb-scroll{max-height:168px;overflow-y:auto;padding:2px}
.gsb .gsb-chip{display:inline-flex;align-items:center;gap:4px;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--b-line);
	background:#fff;color:var(--b-navy);font-size:14px;font-weight:700;cursor:pointer;font-variant-numeric:tabular-nums;box-shadow:none}
.gsb .gsb-chip:hover{border-color:var(--b-navy)}
.gsb .gsb-chip.on{background:var(--b-gold-bg);border-color:var(--b-gold);color:var(--b-gold-ink)}
.gsb .gsb-chip:focus-visible{outline:2px solid var(--b-navy);outline-offset:2px}
.gsb-add{display:block;padding:10px 16px 14px;margin:0}
.gsb-add span{display:block;font-size:12px;font-weight:700;color:var(--b-muted);margin-bottom:5px}
.gsb .gsb-add input{width:100%;max-width:340px;box-sizing:border-box;height:38px;padding:0 10px;border:1px solid var(--b-line);border-radius:8px;font-size:15px}
.gsb-err{padding:0 16px 12px;color:var(--b-red);font-weight:600;font-size:14px}
/* read-only: the order's blocks next to the category (allorders, My Orders, edit modal, order form summary / review / done) */
.gs-blk-chip{display:inline-block;margin-inline-start:6px;padding:1px 9px;border-radius:999px;background:#F6E7B4;color:#5C4400;border:1px solid #E6A91A;
	font-size:13px;font-weight:700;white-space:nowrap;vertical-align:middle;font-variant-numeric:tabular-nums}
td.cat .gs-blk-chip{display:block;width:max-content;max-width:100%;margin:4px 0 0;white-space:normal}
@media (max-width:600px){.gsb .gsb-add input{max-width:none}}