.x-top{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin:8px 0}
.x-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:10px;margin-bottom:14px}
.x-col{background:var(--bg2);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px;min-width:0}
.x-col h4{margin:0;font-size:.85rem;color:var(--head);display:flex;justify-content:space-between;align-items:center}
.x-col h4 span{background:var(--card);border-radius:20px;padding:0 8px;font-size:.75rem}
.x-job{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px;display:flex;flex-direction:column;gap:3px;font-size:.8rem;overflow-wrap:anywhere}
.x-job b{color:var(--head)}
.x-job small{color:var(--muted)}
.x-job em,.x-flag,.x-ok{font-style:normal;font-size:.75rem;font-weight:600}
.x-job em{color:var(--muted)}
.x-job .x-flag,.x-flag,.x-list .x-flag{color:var(--o)}
.x-job .x-ok,.x-ok{color:var(--head)}
.x-job .btn,.x-list .btn,.x-shots .btn,.x-top .btn{padding:6px 11px;font-size:.78rem}
.x-job .btn{margin-top:4px}
.x-list{list-style:none;margin:0 0 12px;padding:0}
.x-list li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:9px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.x-list li b{color:var(--head);font-size:.86rem;flex:1 1 100%}
.x-list li span{color:var(--muted);font-size:.78rem;flex:1 1 200px;min-width:0}
.x-list li em{font-style:normal;font-weight:600;color:var(--head);font-size:.82rem}
.x-list li.x-due{border-left:3px solid var(--o);padding-left:9px}
.x-wide{width:100%;flex:1 1 100%}
.x-form{display:grid;gap:8px;margin-bottom:12px}
.x-form input:not([type=checkbox]),.x-form select,.x-nf input,.x-tabh select,.x-ph-h select{width:100%;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);font:inherit;font-size:.85rem;box-sizing:border-box}
.x-r2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.x-quote{background:var(--bg2);border-radius:10px;padding:10px 12px;font-size:.82rem}
.x-quote p{display:flex;justify-content:space-between;gap:10px;margin:3px 0}
.x-quote p span{min-width:0;overflow-wrap:anywhere}
.x-quote b{white-space:nowrap;color:var(--head)}
.x-quote .x-sub{border-top:1px solid var(--line);padding-top:6px;margin-top:6px}
.x-quote .x-tot{font-size:.95rem;font-weight:700;color:var(--head)}
.x-quote .x-tot b{color:var(--o)}
.x-tab{border:6px solid var(--deep);border-radius:20px;padding:12px;background:var(--card);min-width:0}
.x-tab h4{margin:12px 0 6px;font-size:.88rem;color:var(--head)}
.x-tabh{display:flex;gap:8px;align-items:center}
.x-sig{flex:none;border:1px solid var(--line);background:var(--bg2);color:var(--head);border-radius:20px;padding:6px 10px;font:inherit;font-size:.75rem;cursor:pointer}
.x-sig.x-off{border-color:var(--o);color:var(--o)}
.x-chk{display:flex;gap:8px;align-items:flex-start;font-size:.82rem;margin:4px 0;color:var(--text)}
.x-shots{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.x-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px;margin-top:6px}
.x-ph{margin:0;border-radius:8px;background:linear-gradient(135deg,var(--bg2),var(--line));padding:6px;display:flex;flex-direction:column;align-items:center;aspect-ratio:4/3;justify-content:space-between;overflow:hidden}
.x-ph i{font-style:normal;font-size:1.5rem}
.x-ph figcaption{font-size:.6rem;color:var(--muted);text-align:center;line-height:1.3;overflow-wrap:anywhere}
.x-nf{display:flex;gap:6px}
.x-notes{list-style:none;padding:0;margin:6px 0}
.x-notes li{font-size:.8rem;padding:5px 0;border-bottom:1px dashed var(--line);overflow-wrap:anywhere}
.x-notes small{display:block;color:var(--muted);font-size:.7rem}
.x-tab .x-wide{margin-top:12px}
.x-file{list-style:none;padding:12px;margin:0 0 12px;background:var(--bg2);border-radius:10px;font-size:.84rem}
.x-file li{padding:4px 0}
.x-ba{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;font-size:.8rem}
.x-ba ul{margin:0;padding:10px 10px 10px 26px;border-radius:10px;background:var(--bg2)}
.x-ba ul:first-child{color:var(--muted);text-decoration:line-through}
.x-ba ul:last-child{color:var(--head);border:1px solid var(--o)}
.x-cal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}
.x-day{background:var(--bg2);border-radius:12px;padding:10px;min-width:0;border:2px solid transparent}
.x-day.x-now{border-color:var(--o)}
.x-day h4{margin:0 0 8px;font-size:.85rem;color:var(--head)}
.x-crew{background:var(--card);border-radius:8px;padding:8px;margin-bottom:6px;font-size:.78rem;overflow-wrap:anywhere}
.x-crew>b{display:block;color:var(--head)}
.x-crew>b small{font-weight:400;color:var(--muted)}
.x-crew p{margin:5px 0;color:var(--text)}
.x-crew p small{display:block;color:var(--muted)}
.x-crew p.x-done{opacity:.55;text-decoration:line-through}
.x-gear{display:flex;flex-wrap:wrap;gap:4px}
.x-gear span{font-size:.68rem;border:1px solid var(--o);color:var(--o);border-radius:12px;padding:1px 7px}
.x-phone{border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--card)}
.x-ph-h{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-weight:600;color:var(--head);font-size:.85rem;margin-bottom:6px}
.x-ph-h select{flex:1 1 140px;width:auto}
.x-pj{padding:10px 0;border-bottom:1px solid var(--line);font-size:.82rem;overflow-wrap:anywhere}
.x-pj b{color:var(--head);display:block}
.x-pj small{color:var(--muted);display:block;margin-bottom:5px}
@media (max-width:560px){.x-cal{grid-template-columns:minmax(0,1fr)}.x-r2{grid-template-columns:minmax(0,1fr)}.x-tab{border-width:4px;padding:10px}.x-board{grid-template-columns:minmax(0,1fr)}}