/* ────────────────────────────────────────────────────────────
   👷 Приложение бригадира — стили доработок (очередь, «не получилось»,
   фото до работы, подпись клиента, экран «Неделя»).
   Базовые стили модуля остаются в index.html, как и были.
   ──────────────────────────────────────────────────────────── */

/* полоска «ещё не ушло»: бригадир видит, что сохранено, но пока лежит в телефоне */
.cr-qbar{display:block;width:100%;box-sizing:border-box;margin:0 0 12px;padding:10px 12px;border:0;border-radius:12px;
  background:var(--warn-bg,rgba(189,112,30,.16));color:var(--text);font-size:13px;font-weight:600;text-align:left;cursor:pointer;}
.cr-qbar.bad{background:rgba(200,60,60,.18);}

/* фото «до работы» — на карточке текущего заказа */
.cr-before{display:block;width:100%;box-sizing:border-box;margin:8px 0 0;padding:11px 12px;border:1px dashed rgba(255,255,255,.28);
  border-radius:12px;background:transparent;color:inherit;font-size:13.5px;font-weight:600;text-align:left;cursor:pointer;}
.cr-before.has{border-style:solid;border-color:var(--accent,#A0AF14);}

/* «не получилось сделать» — второстепенная кнопка, не спорит с главной */
.cr-skipb{display:block;width:100%;box-sizing:border-box;margin:8px 0 0;padding:11px 12px;border:0;border-radius:12px;
  background:rgba(255,255,255,.08);color:inherit;opacity:.85;font-size:13.5px;font-weight:600;cursor:pointer;}
.cr-skipb:active{opacity:1;}

/* подпись клиента: рисуется пальцем, белый лист на любой теме */
.cr-sig{display:block;width:100%;height:140px;box-sizing:border-box;margin:0 0 8px;border:1px dashed rgba(128,128,128,.5);
  border-radius:12px;background:#fff;touch-action:none;cursor:crosshair;}

/* «Неделя»: часы по людям полоской */
.cr-wrow{position:relative;overflow:hidden;margin:0 0 6px;padding:10px 12px;border-radius:12px;background:rgba(128,128,128,.12);}
.cr-wrow>div{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:baseline;gap:10px;}
.cr-wrow b{font-size:14px;} .cr-wrow span{font-size:13px;color:var(--text-dim);white-space:nowrap;}
.cr-wrow>i{position:absolute;left:0;top:0;bottom:0;background:var(--accent,#A0AF14);opacity:.22;}

/* наличные на руках */
.cr-cash{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:14px;border-radius:14px;background:rgba(128,128,128,.12);}
.cr-cash.on{background:rgba(189,112,30,.18);}
.cr-cash b{font-size:24px;font-weight:800;} .cr-cash span{flex:1;min-width:120px;font-size:12.5px;color:var(--text-dim);}
.cr-cash em{font-style:normal;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;}
.cr-row em{font-style:normal;font-weight:700;white-space:nowrap;}

/* 📋 «Что оценивали»: что продали, факты и фото с осмотра */
.cr-quote{display:block;width:100%;box-sizing:border-box;margin:8px 0 0;padding:11px 12px;border:0;border-radius:12px;
  background:rgba(160,175,20,.16);color:inherit;font-size:13.5px;font-weight:700;text-align:left;cursor:pointer;}
.qt-work{margin:0 0 4px;font-size:16px;font-weight:600;line-height:1.35;}
.qt-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0 4px;}
.qt-facts>div:last-child:nth-child(odd){grid-column:1/-1;}  /* одинокая плитка занимает всю строку */
.qt-facts>div{padding:10px 12px;border-radius:12px;background:rgba(128,128,128,.12);}
.qt-facts span{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);}
.qt-facts b{font-size:15px;}
.qt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:4px;}
.qt-ph{padding:0;border:0;border-radius:12px;overflow:hidden;background:rgba(128,128,128,.12);aspect-ratio:4/3;cursor:pointer;}
.qt-ph img{width:100%;height:100%;object-fit:cover;display:block;}
.qt-full{position:fixed;inset:0;z-index:9500;background:rgba(0,0,0,.94);display:flex;align-items:center;justify-content:center;}
.qt-full img{max-width:100%;max-height:100%;object-fit:contain;}
.qt-x{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);right:12px;width:44px;height:44px;border:0;border-radius:50%;
  background:rgba(255,255,255,.14);color:#fff;font-size:20px;cursor:pointer;}
.qt-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:72px;border:0;background:rgba(255,255,255,.1);
  color:#fff;font-size:30px;line-height:1;cursor:pointer;}
.qt-prev{left:0;border-radius:0 12px 12px 0;} .qt-next{right:0;border-radius:12px 0 0 12px;}
.qt-cnt{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);left:50%;transform:translateX(-50%);
  color:#fff;font-size:13px;background:rgba(0,0,0,.5);padding:5px 12px;border-radius:999px;}
.qt-text{white-space:pre-wrap;font-size:15px;line-height:1.5;margin:0;}