:root{--bg: #141619;--surface-1: #1b1e22;--surface-2: #22262b;--surface-3: #2b3037;--border-1: #33383f;--border-2: #454b54;--text-1: #e7e7ea;--text-2: #a9adb3;--text-3: #7a7f87;--accent: #94bce3;--accent-hi: #b5d9fd;--accent-deep: #2c455d;--accent-ink: #1d2d3d;--ok: #8fd0a3;--ok-bg: #1c2b22;--warn: #e3b566;--warn-bg: #2d2617;--err: #e39a94;--err-bg: #2f1e1c;--info: #b5d9fd;--info-bg: #1d2d3d;--app-apps: #94bce3;--app-code: #edc17a;--app-draw: #8ad2cf;--app-house: #9ed0a8;--app-note: #c4b3e6;--bloc-ob: #edc17a;--bloc-fb: #8fd0a3;--bloc-fc: #9ecbf0;--bloc-db: #c4b3e6;--font-display: "Barlow Condensed", system-ui, sans-serif;--font-ui: "Barlow", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Cascadia Code", Consolas, monospace;--fs-dense: 12px;--fs-base: 13px;--fs-aere: 14px;--fs-code: 12.5px;--radius: 0px;--border-w: 1px;--space-1: 3.4px;--space-2: 6.8px;--space-3: 10.2px;--space-4: 13.6px;--space-5: 17px;--space-6: 20.4px;--space-7: 23.8px;--space-8: 27.2px;--shadow-1: 0 0 0 1px #33383f, 0 2px 8px rgba(0,0,0,.35);--shadow-2: 0 0 0 1px #454b54, 0 8px 28px rgba(0,0,0,.5);--trans: .12s ease;--canvas-bg: #101215;--canvas-grid: #1e2126;--canvas-selection: #b5d9fd;--canvas-snap: #8fd0a3;--canvas-cote: #a9adb3;--canvas-dim: .35}@media(min-width:2560px){:root{--fs-dense: 13px;--fs-base: 14.5px;--fs-aere: 16px;--fs-code: 14px}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-deep);color:var(--text-1)}:root{--app-ticketing: #a8b6f2;--violet: #c4b3e6}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text-1);font-family:var(--font-ui);font-size:var(--fs-aere);line-height:1.45}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hi)}button,a.button{font-family:var(--font-ui);font-size:13px;display:inline-block;background:var(--surface-2);color:var(--text-1);border:1px solid var(--border-1);border-radius:0;padding:6px 11px;cursor:pointer;white-space:nowrap}button:hover:not(:disabled),a.button:hover{border-color:var(--accent);color:var(--text-1)}button:disabled{opacity:.45;cursor:default}button.active{background:var(--accent-ink);border-color:var(--accent)}button.primary,a.button.primary{background:var(--accent-deep);border-color:var(--accent)}button.danger:hover:not(:disabled){border-color:var(--err);color:var(--err)}button.icon{padding:3px 7px;background:none;border-color:transparent;color:var(--text-2)}button.icon:hover{border-color:var(--border-2);color:var(--text-1)}input,select,textarea{font-family:var(--font-ui);font-size:13.5px;background:var(--bg);color:var(--text-1);border:1px solid var(--border-1);border-radius:0;padding:6px 8px;min-width:0}textarea{resize:vertical;width:100%;line-height:1.45}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)}code{font-family:var(--font-mono);font-size:12px;background:var(--surface-2);padding:0 4px}h2{font-family:var(--font-display);font-size:24px;font-weight:600;letter-spacing:.3px}h3{font-family:var(--font-display);font-size:11.5px;letter-spacing:1.5px;color:var(--text-3);text-transform:uppercase;margin:14px 0 6px;font-weight:600}.grow{flex:1;min-width:0}.row{display:flex;gap:8px;align-items:center}.row.wrap{flex-wrap:wrap}.gap-l{gap:22px}.muted{color:var(--text-2);font-size:12.5px}.small{font-size:11px}.mono{font-family:var(--font-mono);font-size:12.5px}.nowrap{white-space:nowrap}.empty{color:var(--text-3);padding:22px 6px;line-height:1.6}.lbl{font-family:var(--font-display);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-3);margin-bottom:4px}.seg{display:inline-flex}.seg button+button{border-left-width:0}.error-line{color:var(--err);background:var(--err-bg);border:1px solid color-mix(in srgb,var(--err) 40%,transparent);padding:6px 9px;margin:6px 0}.notice{background:var(--info-bg);border:1px solid var(--accent-deep);padding:8px 10px;margin-bottom:8px;display:grid;gap:6px}.spinner{display:inline-block;width:11px;height:11px;border:2px solid var(--accent);border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite;vertical-align:-1px}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--surface-1);border:1px solid var(--border-1);padding:14px 16px;margin:10px 0}.check{display:inline-flex;gap:6px;align-items:center;font-size:13px;cursor:pointer}.app{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;gap:18px;padding:8px 18px;background:var(--surface-1);border-bottom:2px solid var(--app-ticketing);position:sticky;top:0;z-index:5;flex-wrap:wrap}.brand h1{font-family:var(--font-display);font-size:23px;font-weight:600;color:var(--text-1)}.logo-sfx{color:var(--app-ticketing)}.tabs{display:flex;gap:2px}.tabs a{color:var(--text-2);padding:6px 10px;border-bottom:2px solid transparent}.tabs a.active{color:var(--text-1);border-bottom-color:var(--app-ticketing)}.tabs a:hover{color:var(--text-1)}.spacer{flex:1}.who{font-size:13px;color:var(--text-2);display:inline-flex;gap:6px;align-items:center}.tag-admin{font-size:10.5px;border:1px solid var(--app-ticketing);color:var(--app-ticketing);padding:0 5px;text-transform:uppercase;letter-spacing:1px}main{flex:1}.page{max-width:1240px;margin:0 auto;padding:18px 18px 40px}.page.narrow{max-width:860px}.page.card{margin:18px auto;padding:18px 22px}.page-head{margin-bottom:8px}.foot{text-align:center;color:var(--text-3);font-size:11px;padding:10px;font-family:var(--font-mono)}.search{width:220px}.chips{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0 10px}.chips button{padding:3px 9px;font-size:12.5px}.chips .count{color:var(--text-3);margin-left:3px;font-family:var(--font-mono);font-size:11px}.chips button.active .count{color:var(--accent-hi)}table.tickets{width:100%;border-collapse:collapse;background:var(--surface-1);border:1px solid var(--border-1)}.tickets th{text-align:left;font-family:var(--font-display);font-weight:600;font-size:11.5px;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-3);padding:8px 10px;border-bottom:1px solid var(--border-2)}.tickets td{padding:8px 10px;border-bottom:1px solid var(--border-1);vertical-align:middle}.tickets tbody tr{cursor:pointer}.tickets.compact tbody tr{cursor:default}.tickets tbody tr:hover{background:var(--surface-2)}.tickets tr.unread .title-cell{font-weight:600}.title-cell{width:45%}.dot{display:inline-block;width:7px;height:7px;background:var(--app-ticketing);border-radius:50%;margin-right:6px;vertical-align:1px}.apps-table input{width:100%}.apps-table input.wide{min-width:280px}.badge{display:inline-block;font-size:11.5px;padding:1px 8px;border:1px solid currentColor;white-space:nowrap;font-weight:500}.st-nouveau{color:var(--info)}.st-en_attente{color:var(--warn)}.st-a_analyser{color:var(--app-ticketing)}.st-a_redevelopper{color:var(--violet)}.st-en_cours{color:var(--app-code)}.st-resolu{color:var(--ok)}.st-clos,.st-rejete{color:var(--text-3)}.badge.st-resolu{background:var(--ok-bg)}.badge.st-en_attente{background:var(--warn-bg)}.prio{font-family:var(--font-mono);font-size:11.5px;padding:0 5px;border:1px solid var(--border-2)}.prio-P1{color:var(--err);border-color:var(--err);background:var(--err-bg)}.prio-P2{color:var(--warn);border-color:var(--warn)}.prio-P3{color:var(--text-1)}.prio-P4{color:var(--text-3)}.form{display:grid;gap:14px}.form label{display:grid;gap:4px;font-family:var(--font-display);font-size:12px;letter-spacing:1.1px;text-transform:uppercase;color:var(--text-3)}.form label>input,.form label>select,.form label>textarea{font-family:var(--font-ui);font-size:14px;text-transform:none;letter-spacing:0;color:var(--text-1)}.dropzone{border:1px dashed var(--border-2);padding:10px;background:var(--bg)}.dropzone.over{border-color:var(--accent);background:var(--accent-ink)}.thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.thumb{position:relative;width:120px;height:84px;border:1px solid var(--border-1);background:var(--canvas-bg);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0}.thumb img{max-width:100%;max-height:100%;object-fit:contain}.thumb.as-button{cursor:zoom-in}.thumb-x{position:absolute;top:2px;right:2px;background:var(--surface-1)}.thumb-file{font-size:12px;padding:6px 10px;border:1px solid var(--border-1);background:var(--surface-2);color:var(--text-1);display:inline-flex;gap:6px;align-items:center;max-width:320px;overflow:hidden;text-overflow:ellipsis}.link-file:hover{border-color:var(--accent)}.ticket-page{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.ticket-title{margin:6px 0 2px;font-size:27px}.ticket-side{position:sticky;top:64px}.side-card,.side-card h3:first-child{margin-top:0}.side-card .hint{margin-top:6px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.st-btn{text-align:left;border-left:3px solid currentColor}.st-btn:hover:not(:disabled){color:inherit}.fields{display:grid;gap:8px}.fields label{display:grid;gap:3px;font-size:12px;color:var(--text-2)}.status-form{display:grid;gap:7px}.context>div{display:grid;margin-bottom:6px}.context a{word-break:break-all;font-size:12px}.resolution{border-color:color-mix(in srgb,var(--ok) 50%,transparent);background:var(--ok-bg);display:grid;gap:8px}.timeline{list-style:none;display:grid;gap:8px}.ev-status{color:var(--text-2);font-size:13px;padding:2px 4px 2px 12px;border-left:2px solid var(--border-2)}.ev-status.internal{opacity:.8;font-size:12.5px}.ev-comment{background:var(--surface-1);border:1px solid var(--border-1);padding:10px 14px}.ev-comment.from-reporter{border-left:3px solid var(--accent)}.ev-comment.internal{background:color-mix(in srgb,var(--warn-bg) 70%,var(--surface-1));border-color:color-mix(in srgb,var(--warn) 35%,transparent);border-style:dashed}.ev-head{display:flex;gap:8px;align-items:center;margin-bottom:4px;font-size:13px}.tag-internal{font-size:10.5px;color:var(--warn);border:1px solid var(--warn);padding:0 5px;text-transform:uppercase;letter-spacing:1px}.composer{display:grid;gap:8px;margin-top:16px}.composer.internal{border-color:color-mix(in srgb,var(--warn) 45%,transparent);border-style:dashed}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:20;cursor:zoom-out;padding:24px}.lightbox img{max-width:100%;max-height:100%;box-shadow:var(--shadow-2)}.rich{display:grid;gap:7px;overflow-wrap:anywhere}.rich ul{padding-left:20px;display:grid;gap:2px}.rich .rt-h{font-weight:600;color:var(--text-1)}.code-block{font-family:var(--font-mono);font-size:12px;background:var(--bg);border:1px solid var(--border-1);padding:8px 10px;overflow-x:auto;white-space:pre}.selectable{-webkit-user-select:all;user-select:all;white-space:pre-wrap;word-break:break-all}@media(max-width:860px){.ticket-page{grid-template-columns:1fr}.ticket-side{position:static}.title-cell{width:auto}.tickets th:nth-child(3),.tickets td:nth-child(3){display:none}.search{width:100%}}