:root{--bi: #e8641e;--bi-dark: #c9520f;--green: #059669;--red: #dc2626;--text: #1f2937;--muted: #6b7280;--line: #e5e7eb;--bg: #f9fafb;--card: #ffffff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,sans-serif;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.net-banner{position:sticky;top:0;z-index:50;padding:8px 14px;font-size:.82rem;font-weight:700;text-align:center;color:#fff}.net-banner--off{background:#b45309}.net-banner--sync{background:#2563eb}.net-banner--ok{background:#f3f4f6;color:#6b7280;font-weight:600}.page{max-width:720px;margin:0 auto;padding:16px}.topbar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.topbar h1{font-size:1.05rem;margin:0;flex:1}.field{margin-bottom:14px}.field-label{font-size:.85rem;font-weight:600;color:#4b5563;margin-bottom:4px}.field-input,.field-area,select.field-input{width:100%;padding:13px;border-radius:12px;border:1.5px solid var(--line);font-size:16px;font-family:inherit;background:#fff;color:inherit;outline:none;transition:border-color .15s}.field-input:focus,.field-area:focus{border-color:var(--bi)}.field-area{min-height:110px;resize:vertical}.field-row{display:flex;gap:10px}.field-row>*{flex:1}.btn{padding:13px 16px;border-radius:12px;border:none;cursor:pointer;font-size:1rem;font-weight:700;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;transition:opacity .15s}.btn:active{opacity:.8}.btn:disabled{opacity:.5;cursor:default}.btn-block{width:100%}.btn-primary{background:var(--bi);color:#fff}.btn-green{background:var(--green);color:#fff}.btn-ghost{background:#fff;color:var(--text);border:1.5px solid var(--line)}.btn-danger{background:#fff;color:var(--red);border:1.5px solid #fecaca}.btn-sm{padding:8px 12px;min-height:38px;font-size:.85rem}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:10px}.card-title{font-weight:700;margin-bottom:2px}.card-sub{font-size:.82rem;color:var(--muted)}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:.72rem;font-weight:700;white-space:nowrap}.badge-brouillon{background:#fef3c7;color:#92400e}.badge-signe{background:#dbeafe;color:#1e40af}.badge-traite{background:#d1fae5;color:#065f46}.badge-annule{background:#f3f4f6;color:#6b7280}.badge-attente{background:#ffedd5;color:#9a3412}.error-msg{color:var(--red);font-size:.85rem}.empty{text-align:center;color:var(--muted);padding:40px 20px}.suite-title{font-size:1.5rem;font-weight:800;margin-bottom:20px}.suite-apps{display:flex;gap:22px;margin-bottom:30px;flex-wrap:wrap;justify-content:center}.suite-app{display:flex;flex-direction:column;align-items:center;gap:6px;opacity:.55;text-decoration:none}.suite-app img{width:44px;height:44px;border-radius:12px}.suite-app span{font-size:.75rem;font-weight:600;color:#4b5563}.suite-app--active{opacity:1}.suite-app--active img{box-shadow:0 0 0 2px var(--bi)}.suite-app--active span{color:var(--bi)}