/* 18-10-2026 owner: CRM Enquiries board - desktop = columns, phone = stacked sections (Matteo works on the phone) */
.eq { --c-matteo:#b39ddb; --c-us:#e5646b; --c-sched:#e2b44c; --c-client:#6fcf97; --c-supp:#6aa8ff; }
.eq-head { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 14px; margin:4px 0 14px; }
.eq-head h1 { font-size:20px; font-weight:600; margin:0; }
.eq-head .sub { color:var(--text-2); font-size:13px; }
.eq-tiles { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin-bottom:12px; }
.eq-tile { background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:10px 12px; cursor:pointer; text-align:left; color:inherit; }
.eq-tile .n { font-size:26px; font-weight:600; line-height:1.1; }
.eq-tile .l { font-size:12px; color:var(--text-2); }
.eq-tile[data-zero="1"] { opacity:.45; }
.eq-chips { display:flex; gap:6px; overflow-x:auto; padding-bottom:6px; margin-bottom:10px; -webkit-overflow-scrolling:touch; }
.eq-chip { flex:0 0 auto; border:1px solid var(--line-2); background:transparent; color:var(--text-2); border-radius:999px; padding:5px 12px; font-size:13px; }
.eq-chip.on { border-color:var(--accent); color:var(--accent-2); }
.eq-new { background:rgba(201,169,110,.08); border:1px solid rgba(201,169,110,.35); border-radius:12px; padding:10px 12px; margin-bottom:12px; }
.eq-new h2 { font-size:14px; margin:0 0 6px; color:var(--accent-2); font-weight:600; }
.eq-new .r { font-size:13px; padding:5px 0; border-top:1px solid var(--line); }
.eq-new .r:first-of-type { border-top:0; }
.eq-board { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; align-items:start; }
.eq-col { background:var(--bg-2); border:1px solid var(--line); border-radius:14px; padding:8px; }
.eq-col > summary { list-style:none; display:flex; justify-content:space-between; align-items:center; font-weight:600; font-size:14px; padding:4px 4px 8px; cursor:pointer; }
.eq-col > summary::-webkit-details-marker { display:none; }
.eq-col > summary .cnt { font-size:12px; border-radius:999px; padding:1px 9px; background:var(--surface-3); color:var(--text); }
.eq-col .empty { color:var(--text-3); font-size:13px; padding:6px 4px 10px; }
.eq-card { background:var(--surface); border:1px solid var(--line); border-left:4px solid var(--k); border-radius:0 10px 10px 0; padding:10px 11px; margin-bottom:8px; cursor:pointer; }
.eq-card:hover { border-color:var(--line-2); border-left-color:var(--k); }
.eq-card .t { display:flex; justify-content:space-between; align-items:center; gap:8px; }
.eq-card .ge { font-weight:600; font-size:15px; }
.eq-card .age { font-size:12px; border-radius:999px; padding:1px 8px; white-space:nowrap; }
.age-g { background:rgba(111,207,151,.15); color:#8fe0b0; } .age-a { background:rgba(226,180,76,.16); color:#f0cd7a; } .age-r { background:rgba(229,100,107,.16); color:#f2969b; }
.eq-card .cl { font-size:13px; color:var(--text-2); margin:2px 0 6px; }
.eq-card .bar { height:4px; background:var(--surface-3); border-radius:2px; overflow:hidden; margin-bottom:6px; }
.eq-card .bar i { display:block; height:4px; border-radius:2px; }
.eq-card .last { font-size:12px; color:var(--text-3); margin-bottom:4px; }
.eq-card .nx { font-size:14px; line-height:1.35; }
.eq-card .what { font-size:12px; color:var(--text-2); margin-top:6px; }
.eq-det { display:none; margin-top:8px; border-top:1px solid var(--line); padding-top:8px; }
.eq-card.open .eq-det { display:block; }
.eq-det .kv { font-size:12px; color:var(--text-2); margin-bottom:6px; }
.eq-det .kv b { color:var(--text); font-weight:600; }
.eq-msg { font-size:12px; padding:6px 0; border-top:1px dashed var(--line); }
.eq-msg .h { color:var(--text); }
.eq-msg .h .d { color:var(--text-3); }
.eq-msg .s { color:var(--text-2); margin-top:2px; }
.eq-foot { color:var(--text-3); font-size:12px; margin:14px 0 4px; }
.eq-err { color:var(--danger); padding:20px 0; }
@media (max-width: 999px) {
  .eq-board { grid-template-columns:1fr; gap:10px; }
  .eq-tiles { grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; }
  .eq-tile { padding:8px 6px; text-align:center; }
  .eq-tile .n { font-size:22px; }
  .eq-tile .l { font-size:11px; line-height:1.2; }
  .eq-card { padding:12px; }
  .eq-card .ge { font-size:16px; }
  .eq-card .nx { font-size:15px; }
}
@media (max-width: 420px) { .eq-tile .l { font-size:10px; } }

/* owner 18-10-2026: the enquiry status on every card (the five CRM statuses) */
.eq-card .st { display:inline-block; font-size:12px; font-weight:600; border-radius:6px; padding:2px 8px; margin:0 0 7px; }
.st-new-enquiry { background:rgba(242,150,155,.16); color:#f2a3a7; }
.st-enquiry-pending { background:rgba(240,205,122,.16); color:#f0cd7a; }
.st-quotation-requested { background:rgba(106,168,255,.16); color:#9cc4ff; }
.st-quotation-sent { background:rgba(111,207,151,.16); color:#8fe0b0; }
.st-quotation-closed { background:rgba(167,173,186,.16); color:#c3c8d2; }

/* owner 18-10-2026: status filter chips keep the status colours */
.eq-chip.st-chip { border-color:transparent; }
.eq-chip.st-chip.on { outline:2px solid var(--accent); outline-offset:-2px; }

/* owner 18-10-2026: 6th category Quotation closed (folded by default, below the board on desktop) */
.eq { --c-closed:#a7adba; }
.eq-tiles { grid-template-columns:repeat(6,minmax(0,1fr)); }
#col-closed { grid-column:1 / -1; }
#col-closed[open] { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:8px; }
#col-closed[open] > summary, #col-closed[open] > .empty { grid-column:1 / -1; }
@media (max-width: 999px) { .eq-tiles { grid-template-columns:repeat(3,minmax(0,1fr)); } #col-closed[open] { display:block; } }
/* 20-10-2026 owner: mobile friendly - readable tile labels, bigger chips */
@media (max-width: 600px) {
  .eq-tile .l { font-size: 12px; line-height: 1.25; }
  .eq-tile .n { font-size: 24px; }
  .eq-chip { min-height: 40px; }
  #board summary { min-height: 42px; }
}
/* 20-10-2026 owner: website/app Enquiries page on a phone - every filter visible without swiping, title readable over the leaves */
@media (max-width: 600px) {
  .eq-chips { flex-wrap: wrap; overflow: visible; gap: 6px; }
  .eq-chip { padding: 6px 12px; font-size: 14px; }
  .eq-head { background: rgba(18, 20, 27, .88); border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px; margin-bottom: 10px; }
  .eq-head h1 { font-size: 24px; margin: 0 0 2px; }
}
/* 20-10-2026 owner: "should be centered, all the tiles" - same centred width for everyone, admin or client */
body.eq .app, body.has-topnav.admin.eq .app { max-width: 1280px !important; width: 100%; margin: 0 auto; padding-left: 24px; padding-right: 24px; box-sizing: border-box; }
@media (max-width: 600px) { body.eq .app, body.has-topnav.admin.eq .app { padding-left: 10px; padding-right: 10px; } }

/* 21-10-2026 owner GO: tabs CRM | Otelrom; Otelrom board has 4 columns */
.eq-tabs { display:flex; gap:6px; margin:4px 0 10px; }
.eq-tab { border:1px solid var(--line-2); background:var(--surface); color:var(--text-2); border-radius:10px; padding:8px 18px; font-size:15px; font-weight:600; cursor:pointer; min-height:40px; }
.eq-tab.on { border-color:var(--accent); color:var(--accent-2); background:rgba(201,169,110,.10); }
.eq-board.eq-ot { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media (max-width: 999px) { .eq-board.eq-ot { grid-template-columns:1fr; } }

/* 22-10-2026 audit F51/F76 (Otelrom tab only): 4 tiles in 4 slots; colours for the Otelrom statuses (cards + chips) */
.eq-tiles.eq-ot { grid-template-columns:repeat(4,minmax(0,1fr)); }
@media (max-width: 420px) { .eq-tiles.eq-ot { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.st-replied-action-needed, .st-open { background:rgba(242,150,155,.16); color:#f2a3a7; }
.st-waiting, .st-quote-requested { background:rgba(240,205,122,.16); color:#f0cd7a; }
.st-applied, .st-form-sent, .st-sent, .st-booked { background:rgba(106,168,255,.16); color:#9cc4ff; }
.st-quote-received, .st-active, .st-approved, .st-delivered { background:rgba(111,207,151,.16); color:#8fe0b0; }
.st-closed, .st-refused, .st-cancelled-on-hold, .st-not-applied { background:rgba(167,173,186,.16); color:#c3c8d2; }