/* Columns shown (web/columns.js): the button at the right of a register's headings and its list. */
.col-chooser { position: absolute; top: 4px; right: 6px; z-index: 5; display: inline-grid; place-items: center; width: 26px; height: 26px; padding: 0;
  border: 1px solid #cdd6e1; border-radius: 7px; background: #fff; color: #44546c; cursor: pointer; box-shadow: 0 1px 2px rgb(15 23 42 / .08); transition: background .15s, color .15s, transform .15s; }
.col-chooser svg { width: 15px; height: 15px; }
.col-chooser:hover, .col-chooser:focus-visible { background: #2563eb; border-color: #2563eb; color: #fff; transform: translateY(-1px); }
html.vivid .col-chooser:hover, html.vivid .col-chooser:focus-visible { background: linear-gradient(90deg, #6366f1, #a855f7); border-color: transparent; }
.col-chooser-pop { position: fixed; z-index: 90; width: 260px; max-height: min(460px, calc(100vh - 24px)); display: flex; flex-direction: column; overflow: hidden;
  border: 1px solid #d5dde6; border-radius: 12px; background: #fff; color: #1f2d3d; box-shadow: 0 18px 44px rgb(15 23 42 / .22); animation: col-chooser-in .18s cubic-bezier(.16,1,.3,1); }
.col-chooser-head { display: grid; gap: 2px; padding: 10px 12px 8px; border-bottom: 1px solid #e5eaf0; }
.col-chooser-head strong { font-size: 13px; }
.col-chooser-head small { font-size: 11px; color: #6b7a8c; }
.col-chooser-list { overflow-y: auto; padding: 6px; }
.col-chooser-list label { display: flex; align-items: center; gap: 9px; padding: 6px 8px; border-radius: 7px; font-size: 13px; cursor: pointer; }
.col-chooser-list label:hover { background: #f1f5f9; }
.col-chooser-list input { width: 16px; height: 16px; margin: 0; accent-color: #2563eb; }
.col-chooser-foot { display: flex; align-items: center; gap: 10px; padding: 8px 12px; border-top: 1px solid #e5eaf0; }
.col-chooser-foot button { padding: 4px 10px; border: 1px solid #cdd6e1; border-radius: 6px; background: #fff; color: inherit; font: inherit; font-size: 12px; cursor: pointer; }
.col-chooser-foot button:hover { background: #f1f5f9; }
.col-chooser-status { font-size: 11.5px; color: #16a34a; }
@keyframes col-chooser-in { from { opacity: 0; transform: translateY(-4px) scale(.98); } to { opacity: 1; transform: none; } }
/* Quotation column of the enquiry register */
.quotation-cell { white-space: nowrap; }
.quote-link { padding: 0; border: 0; background: none; color: #2563eb; font: inherit; font-size: 12.5px; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
.quote-link:hover { color: #1d4ed8; }
.quote-create { display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; border: 1px solid #2563eb; border-radius: 7px; background: #eff6ff; color: #1d4ed8;
  font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; transition: background .15s, color .15s, transform .15s; }
.quote-create svg { width: 13px; height: 13px; }
.quote-create:hover, .quote-create:focus-visible { background: #2563eb; color: #fff; transform: translateY(-1px); }
html.vivid .quote-create { border-color: #8b5cf6; background: #f5f3ff; color: #6d28d9; }
html.vivid .quote-create:hover, html.vivid .quote-create:focus-visible { background: linear-gradient(90deg, #6366f1, #a855f7); border-color: transparent; color: #fff; }
@media (prefers-reduced-motion: reduce) { .col-chooser-pop { animation: none; } }
/* The enquiry register has ten columns since the Quotation column (desktop.css sized nine). */
#register-table:has(thead[data-kind="enquiries"]) th:nth-child(1){width:15%}
#register-table:has(thead[data-kind="enquiries"]) th:nth-child(2){width:13%}
#register-table:has(thead[data-kind="enquiries"]) th:nth-child(3){width:14%}
#register-table:has(thead[data-kind="enquiries"]) th:nth-child(4){width:11%}
#register-table:has(thead[data-kind="enquiries"]) th:nth-child(5){width:8%}
#register-table:has(thead[data-kind="enquiries"]) th:nth-child(6){width:9%}
#register-table:has(thead[data-kind="enquiries"]) th:nth-child(7){width:8%}
#register-table:has(thead[data-kind="enquiries"]) th:nth-child(8){width:10%}
#register-table:has(thead[data-kind="enquiries"]) th:nth-child(9){width:9%}
#register-table:has(thead[data-kind="enquiries"]) th:nth-child(10){width:3%}