/* ttp-inline.css — extracted custom inline styles (Phase D custom-tail).
   One class per unique inline value; !important preserves inline priority.
   SEPARATE from the legacy ttp-utils.css (ttp-s*) system. Loaded on all layouts
   + standalone public pages. Generated by /tmp/ti_refactor.py — do not hand-edit. */

.ti-00487ac0 { position:relative !important; overflow:hidden !important; }
.ti-014ffab8 { display:flex !important; align-items:center !important; gap:8px !important; cursor:pointer !important; padding:10px 12px !important; border:1px solid var(--md-sys-color-outline,#D1D5DB) !important; border-radius:10px !important; background:#fff !important; margin-bottom:8px !important; transition:border-color .15s ease,background .15s ease !important; }
.ti-0526c298 { width:160px !important; white-space:nowrap !important; }
.ti-058cdc4e { width:240px !important; }
.ti-0848678d { background:#0369A1 !important; }
.ti-088cf005 { width:120px !important; }
.ti-0b09d8ab { margin-left:8px !important; }
.ti-0f21d0f0 { flex:1 !important; min-width:240px !important; }
.ti-119b1902 { width:100% !important; height:640px !important; display:block !important; cursor:grab !important; }
.ti-1206e889 { padding:16px 20px !important; }
.ti-12ed461d { display:flex !important; align-items:center !important; justify-content:space-between !important; flex-wrap:wrap !important; gap:12px !important; }
.ti-12fb79ab { padding:8px 12px !important; }
.ti-140fb614 { padding:14px 20px !important; }
.ti-157a9c70 { margin-bottom:14px !important; }
.ti-162b12e6 { padding:10px 18px !important; font-size:13px !important; background:#FEE2E2 !important; color:#B91C1C !important; }
.ti-166f224d { border:1.5px solid #FCA5A5 !important; background:linear-gradient(135deg,#FEF2F2 0%,#FEE2E2 100%) !important; }
.ti-16bb0564 { background:#7c3aed !important; }
.ti-18593c8f { font-weight:500 !important; color:#6B7280 !important; }
.ti-198e25ed { font-weight:700 !important; color:#B91C1C !important; font-size:14px !important; }
.ti-199a42e3 { cursor:help !important; }
.ti-19bae814 { background:#D1FAE5 !important; color:#047857 !important; }
.ti-1a30558f { width:110px !important; }
.ti-1a87adc7 { margin:0 0 16px !important; }
.ti-1be24a71 { background:#EDE9FE !important; color:#6D28D9 !important; }
.ti-1c39c81d { display:flex !important; align-items:center !important; justify-content:space-between !important; flex-wrap:wrap !important; gap:12px !important; margin-top:14px !important; }
.ti-1cb56a97 { margin:0 !important; text-align:center !important; font-size:13px !important; color:var(--md-sys-color-on-surface-variant,#4B5563) !important; font-style:italic !important; padding:24px !important; }
.ti-1dfda96a { width:180px !important; }
.ti-1e28117f { font-size:.85rem !important; }
.ti-1ebeaf2e { background:#FFEDD5 !important; color:#9A3412 !important; }
.ti-1f09869e { font-size:18px !important; font-weight:700 !important; color:var(--ttp-accent) !important; margin:0 0 6px !important; }
.ti-1f32730d { height:auto !important; white-space:normal !important; }
.ti-1f664c02 { height:52px !important; width:160px !important; border-radius:8px !important; border:1px solid #ddd !important; flex-shrink:0 !important; }
.ti-2115502d { font-size:0.7rem !important; }
.ti-212eb2fd { background:#f8f9fa !important; border:none !important; padding: 0 14px !important; }
.ti-21c3cec6 { width: 260px !important; }
.ti-22bd85ef { margin:0 0 10px !important; font-size:11px !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.6px !important; color:var(--md-sys-color-primary) !important; }
.ti-22fe54b5 { height:auto !important; resize:vertical !important; min-height:140px !important; line-height:1.5 !important; }
.ti-2329f64c { background:#0f172a !important; }
.ti-241681a6 { font-weight:700 !important; color:var(--ttp-primary) !important; margin:0 0 8px !important; }
.ti-246522fb { font-size:13px !important; margin:0 !important; }
.ti-247faac0 { background:#FEF3C7 !important; color:#B45309 !important; }
.ti-267f6d50 { font-size: 14px !important; }
.ti-26b82dcb { gap:12px !important; }
.ti-26c71206 { margin: 0 16px !important; flex: 1 !important; max-width: 480px !important; }
.ti-273dd4bf { font-weight:400 !important; color:var(--md-sys-color-outline) !important; }
.ti-283551b4 { display:block !important; margin-top:6px !important; color:var(--md-sys-color-on-surface-variant,#4B5563) !important; font-size:12px !important; }
.ti-289c64d4 { background:var(--md-sys-color-primary) !important; color:#fff !important; }
.ti-29c5ac06 { background:#f8fafc !important; padding:.5rem !important; border-radius:4px !important; font-size:.78rem !important; }
.ti-2a117045 { gap: 10px !important; }
.ti-2a61c1b5 { font-size:32px !important; color:var(--md-sys-color-outline,#D1D5DB) !important; display:block !important; margin-bottom:8px !important; }
.ti-2b0eddcc { background:#f8fafc !important; font-size:.78rem !important; line-height:1.4 !important; }
.ti-2ba5cd53 { margin:0 !important; font-size:12px !important; white-space:pre-wrap !important; }
.ti-2c3a8306 { padding-top: 7px !important; }
.ti-2f01efdd { width:140px !important; }
.ti-31a48c0a { display:inline-block !important; max-width:260px !important; white-space:normal !important; word-break:break-word !important; border-radius:8px !important; padding:6px 12px !important; line-height:1.5 !important; text-align:left !important; font-weight:500 !important; letter-spacing:0 !important; text-transform:none !important; }
.ti-32995a01 { opacity:.85 !important; }
.ti-3301ea9e { margin-bottom: 10px !important; }
.ti-343cb84b { font-size:1.5rem !important; }
.ti-345895de { font-size: 12px !important; }
.ti-34c00e2e { font-size: calc(12px * var(--ttp-font-scale)) !important; color: var(--ttp-text-muted) !important; margin-top: 8px !important; }
.ti-3504ec56 { display:inline-flex !important; align-items:center !important; gap:5px !important; background:#FEE2E2 !important; color:#B91C1C !important; padding:3px 12px !important; border-radius:999px !important; font-size:11px !important; font-weight:700 !important; letter-spacing:.3px !important; }
.ti-35bb8144 { line-height: 2 !important; }
.ti-36904209 { color: #2563eb !important; }
.ti-36d2dd89 { width:28px !important; height:28px !important; border-radius:8px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; background:var(--md-sys-color-primary-container) !important; color:var(--md-sys-color-primary) !important; font-size:12px !important; }
.ti-3831ac5f { max-width:200px !important; }
.ti-3878932b { opacity:.5 !important; background:#f8f9fa !important; }
.ti-38a2718a { font-size:13px !important; color:var(--md-sys-color-on-surface-variant) !important; margin:0 !important; }
.ti-38d0322c { display: flex !important; gap: 16px !important; justify-content: center !important; flex-wrap: wrap !important; }
.ti-399e0993 { border:1px solid #ced4da !important; border-radius:8px !important; overflow:hidden !important; transition: border-color 0.2s, box-shadow 0.2s !important; }
.ti-3b6fff87 { display:flex !important; align-items:center !important; gap:10px !important; }
.ti-3c94ca32 { background:rgba(255,255,255,.18) !important; color:#fff !important; border:1px solid rgba(255,255,255,.32) !important; }
.ti-3f6401a3 { background-color: #f97316 !important; color: #fff !important; padding: 12px 28px !important; border-radius: 6px !important; border: none !important; font-weight: 600 !important; cursor: pointer !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; }
.ti-42695360 { width:10px !important; height:10px !important; background:#64748b !important; }
.ti-429b2553 { display:block !important; font-size:13px !important; color:var(--md-sys-color-on-surface) !important; }
.ti-43f99c29 { border-radius:8px !important; font-size:0.875rem !important; }
.ti-441fd1d6 { font-weight:400 !important; font-size:.7rem !important; }
.ti-44c78d39 { color:var(--md-sys-color-on-surface-variant) !important; }
.ti-44eb3244 { width:28px !important; height:28px !important; border-radius:8px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; background:#CFFAFE !important; color:#0E7490 !important; font-size:12px !important; }
.ti-451801d0 { font-size:12px !important; color:var(--md-sys-color-on-surface-variant) !important; margin:2px 0 0 !important; }
.ti-45eed665 { gap:10px !important; flex-wrap:nowrap !important; }
.ti-465b1c2d { background:#ea580c !important; }
.ti-46ea24e8 { background:linear-gradient(135deg,#F59E0B 0%,#D97706 100%) !important; }
.ti-47b5c48d { margin-right:6px !important; }
.ti-49151535 { display:inline-flex !important; align-items:center !important; gap:6px !important; background:#DCFCE7 !important; color:#15803D !important; padding:5px 12px !important; border-radius:999px !important; font-size:11px !important; font-weight:700 !important; letter-spacing:.4px !important; text-transform:uppercase !important; margin-bottom:12px !important; }
.ti-4a2152dd { background:rgba(255,255,255,.18) !important; }
.ti-4b626ec7 { background:#0891b2 !important; }
.ti-4ca7474c { display:flex !important; align-items:center !important; gap:8px !important; }
.ti-4d14681b { max-width:300px !important; }
.ti-50915cf7 { font-size:0.875rem !important; }
.ti-51e0f8d0 { color: var(--ttp-text-muted) !important; font-size: 14.5px !important; line-height: 1.6 !important; }
.ti-533353b2 { background:#FEE2E2 !important; color:#B91C1C !important; border-color:transparent !important; }
.ti-54449c4c { background:#be123c !important; }
.ti-54d3825a { width:100% !important; height:680px !important; min-height:480px !important; }
.ti-561db92a { background:#DCFCE7 !important; color:#15803D !important; }
.ti-566f9cef { font-size:11px !important; color:var(--md-sys-color-on-surface-variant) !important; font-style:italic !important; }
.ti-56b9eba8 { color:#15803D !important; font-size:22px !important; display:block !important; margin-bottom:8px !important; }
.ti-593f2379 { color: var(--ttp-text-muted) !important; font-size: calc(13.5px * var(--ttp-font-scale)) !important; }
.ti-5a50f91b { width:18px !important; text-align:center !important; }
.ti-5beeda9b { padding: 48px 0 !important; }
.ti-5e90a2df { font-size: 48px !important; color: #f0ad4e !important; margin-bottom: 16px !important; }
.ti-5f03526d { text-align:center !important; padding: 32px 24px !important; }
.ti-6053fff1 { display:flex !important; align-items:center !important; gap:8px !important; flex-wrap:wrap !important; justify-content:flex-end !important; margin-left:auto !important; }
.ti-60ef0fa5 { width:30% !important; white-space:nowrap !important; }
.ti-6148acaf { border-radius:6px 0 0 6px !important; }
.ti-61a14257 { margin:0 !important; font-size:11px !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.6px !important; color:var(--md-sys-color-on-surface-variant) !important; }
.ti-6363b63e { color:#047857 !important; }
.ti-640fb1f6 { font-size:.75rem !important; }
.ti-643a7cf5 { font-size:11px !important; }
.ti-6454e1bc { padding:14px 18px !important; margin-bottom:12px !important; }
.ti-65e2a7c3 { height:auto !important; resize:vertical !important; min-height:80px !important; }
.ti-67d1479c { display:flex !important; justify-content:space-between !important; align-items:center !important; margin-top:6px !important; color:var(--md-sys-color-on-surface-variant,#4B5563) !important; font-size:12px !important; }
.ti-68d5324f { color: var(--ttp-green) !important; font-size: 16px !important; margin-top: 2px !important; }
.ti-69e6838d { width:220px !important; }
.ti-6a09a10e { display:flex !important; gap:8px !important; align-items:center !important; flex-wrap:wrap !important; }
.ti-6aab68f5 { display:block !important; margin-top:4px !important; font-size:11px !important; }
.ti-6bec624f { color:var(--md-sys-color-on-surface-variant) !important; font-weight:600 !important; }
.ti-6cae9640 { width:28px !important; height:28px !important; border-radius:8px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; background:#EDE9FE !important; color:#6D28D9 !important; font-size:12px !important; }
.ti-6d8d6153 { font-size:9px !important; }
.ti-6ebf5fe4 { font-size:.82rem !important; padding:.4rem .65rem !important; white-space:nowrap !important; }
.ti-6efa6635 { max-height:600px !important; overflow:auto !important; background:#0f172a !important; color:#e2e8f0 !important; font-size:.78rem !important; line-height:1.4 !important; }
.ti-6f859552 { padding:32px 24px !important; text-align:center !important; color:var(--md-sys-color-on-surface-variant,#4B5563) !important; }
.ti-6f8cacd7 { border-left: 4px solid #2563eb !important; }
.ti-701b9052 { color: var(--ttp-accent) !important; }
.ti-7163f135 { background-color: #2563eb !important; color: #fff !important; padding: 12px 28px !important; border-radius: 6px !important; text-decoration: none !important; font-weight: 600 !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; }
.ti-71d15717 { min-width:36px !important; justify-content:center !important; }
.ti-728cb302 { background:#e0f2fe !important; border-color:#67e8f9!important; }
.ti-729192c0 { width:130px !important; }
.ti-72dfcfd7 { font-size:11px !important; color:var(--md-sys-color-on-surface-variant) !important; }
.ti-72eeed8f { max-height:70px !important; max-width:100% !important; margin-bottom:14px !important; }
.ti-73459436 { color:rgba(255,255,255,.85) !important; }
.ti-73c8bd91 { max-width:340px !important; }
.ti-7468acba { background-color: rgba(255, 255, 255, 0.2) !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; }
.ti-753cfc24 { margin-left:8px !important; color:var(--md-sys-color-secondary) !important; }
.ti-75900294 { width: 0% !important; }
.ti-77d93f08 { padding-left:20px !important; }
.ti-782d4aae { padding:14px 18px !important; }
.ti-791b5a29 { color:var(--md-sys-color-on-surface) !important; }
.ti-7be61726 { font-size:0.875rem !important; display:none !important; }
.ti-7bf6e101 { width:150px !important; text-align:center !important; }
.ti-7c1b6e1b { display:inline-flex !important; align-items:center !important; justify-content:center !important; min-width:36px !important; padding:3px 10px !important; border-radius:999px !important; background:var(--md-sys-color-primary-container) !important; color:var(--md-sys-color-primary) !important; font-weight:700 !important; font-size:12px !important; }
.ti-7c61b033 { width:10px !important; height:10px !important; background:#2563eb !important; }
.ti-7c76ff03 { width:200px !important; }
.ti-7d37392e { width:200px !important; white-space:nowrap !important; }
.ti-7d68957b { width:230px !important; white-space:nowrap !important; }
.ti-7e8bf395 { border-top:1px solid var(--admin-border) !important; }
.ti-8049097e { accent-color:var(--md-sys-color-primary) !important; }
.ti-81bf2158 { color:#4f46e5 !important; }
.ti-83bd88a7 { background:var(--md-sys-color-secondary,#0EA5E9) !important; }
.ti-842a725c { color: #666 !important; margin-bottom: 32px !important; }
.ti-8637247d { margin:0 !important; text-align:center !important; font-size:13px !important; color:var(--md-sys-color-on-surface-variant) !important; font-style:italic !important; padding:24px !important; }
.ti-8748db29 { color:#B91C1C !important; }
.ti-88111d00 { width:36px !important; }
.ti-88556763 { width:70px !important; white-space:nowrap !important; }
.ti-8af181c2 { border:none !important; box-shadow:none !important; height:48px !important; background:transparent !important; }
.ti-8b685211 { font-size:11px !important; }
.ti-8c3690b8 { border-left: 8px solid #d97706 !important; padding: 1.25rem !important; }
.ti-8c731fba { display:inline-flex !important; align-items:center !important; gap:6px !important; background:#FEE2E2 !important; color:#B91C1C !important; padding:5px 12px !important; border-radius:999px !important; font-size:11px !important; font-weight:700 !important; letter-spacing:.4px !important; text-transform:uppercase !important; margin-bottom:12px !important; }
.ti-8cba01a2 { font-size:.65rem !important; }
.ti-8ed2b264 { width:280px !important; }
.ti-8fcd59a5 { background:#4f46e5 !important; }
.ti-90a97126 { display:inline-flex !important; align-items:center !important; justify-content:center !important; min-width:42px !important; padding:3px 10px !important; border-radius:999px !important; background:var(--md-sys-color-primary-container) !important; color:var(--md-sys-color-primary) !important; font-weight:700 !important; font-size:12px !important; }
.ti-90b23f6b { width:100% !important; height:780px !important; min-height:520px !important; }
.ti-92d17336 { margin-top:10px !important; }
.ti-93bdfaa3 { margin:0 !important; padding-left:20px !important; color:#7F1D1D !important; font-size:13px !important; line-height:1.6 !important; }
.ti-93de2d4b { width:40px !important; }
.ti-948e6d6e { display: flex !important; justify-content: space-between !important; align-items: center !important; }
.ti-95782264 { width:150px !important; }
.ti-95a6b7b9 { margin-top:16px !important; padding-top:12px !important; border-top:1px dashed var(--md-sys-color-outline-variant,#E5E7EB) !important; }
.ti-96b97199 { display:flex !important; gap:8px !important; flex-wrap:wrap !important; }
.ti-9856af3f { height:52px !important; width:52px !important; border-radius:8px !important; padding:0 !important; flex-shrink:0 !important; }
.ti-985e291b { display:flex !important; gap:8px !important; flex-wrap:wrap !important; align-items:center !important; }
.ti-98e2e55e { color: var(--ttp-accent-dark) !important; }
.ti-990c6140 { border-radius:8px !important; }
.ti-9a2f897a { font-weight:400 !important; font-size:.7rem !important; }
.ti-9a5b793d { display:grid !important; grid-template-columns:repeat(3, 1fr) !important; gap:8px 16px !important; font-size:12px !important; }
.ti-9b16db25 { padding-top: 28px !important; }
.ti-9eaa7f3f { border-left: 8px solid #dc2626 !important; padding: 1.25rem !important; }
.ti-9eb69e39 { font-size:12px !important; color:var(--md-sys-color-on-surface-variant) !important; }
.ti-9f73306b { background:linear-gradient(135deg,#E0E7FF 0%,#C7D2FE 100%) !important; color:#4F46E5 !important; }
.ti-9f7c33ba { color:var(--ttp-text-muted) !important; font-size:14px !important; margin:0 !important; }
.ti-a01a51a5 { display:inline-flex !important; align-items:center !important; gap:5px !important; background:#DCFCE7 !important; color:#15803D !important; padding:3px 12px !important; border-radius:999px !important; font-size:11px !important; font-weight:700 !important; letter-spacing:.3px !important; }
.ti-a10c5e0d { display:flex !important; flex-direction:column !important; gap:8px !important; }
.ti-a1b7c647 { border-top:0 !important; padding-top:0 !important; margin-top:0 !important; }
.ti-a4f3a333 { width:36px !important; }
.ti-a61df9b2 { margin:0 !important; padding-left:18px !important; }
.ti-a63b66cd { width:220px !important; white-space:nowrap !important; }
.ti-a722ee36 { min-width:160px !important; }
.ti-a76e943b { background:#f59e0b !important; }
.ti-a79b416e { background-color:${mismatch ? '#f8d7da' : 'transparent'} !important; }
.ti-a7bf59ea { display:none !important; font-size:12px !important; }
.ti-a87d284d { width:120px !important; white-space:nowrap !important; }
.ti-a9c6a6eb { color:var(--md-sys-color-on-surface-variant) !important; width:14px !important; }
.ti-aa4cf873 { width:10px !important; height:10px !important; background:#9333ea !important; }
.ti-aa6b0fd9 { width:60px !important; }
.ti-aa7ca405 { background:#dc2626 !important; }
.ti-ab893b3f { height:44px !important; width:100% !important; }
.ti-ad525ee8 { background:linear-gradient(135deg,#E0F2FE 0%,#BAE6FD 100%) !important; color:#0E7490 !important; }
.ti-ade7ffea { font-size:12px !important; color:var(--md-sys-color-on-surface-variant) !important; padding:6px 12px !important; border-radius:999px !important; background:var(--md-sys-color-surface-container) !important; }
.ti-ae014599 { padding:40px 24px !important; text-align:center !important; color:var(--md-sys-color-on-surface-variant) !important; }
.ti-ae093dc3 { margin-left:auto !important; font-size:11px !important; color:var(--md-sys-color-on-surface-variant) !important; }
.ti-ae226d80 { background:rgba(255,255,255,.22) !important; color:#fff !important; }
.ti-aef0d252 { padding:8px 18px !important; }
.ti-afc58887 { display:flex !important; align-items:center !important; gap:10px !important; flex-wrap:wrap !important; }
.ti-b0473a88 { margin-bottom: 15px !important; }
.ti-b18ebecf { width:170px !important; white-space:nowrap !important; }
.ti-b1a6a6f2 { height:100% !important; padding:14px 18px !important; }
.ti-b1be8e23 { display:inline-flex !important; align-items:center !important; gap:5px !important; background:#FEF3C7 !important; color:#B45309 !important; padding:3px 12px !important; border-radius:999px !important; font-size:11px !important; font-weight:700 !important; letter-spacing:.3px !important; }
.ti-b1feed2b { color:#0891b2 !important; }
.ti-b202c6d4 { cursor:pointer !important; }
.ti-b2732de1 { border:none !important; box-shadow:none !important; height:52px !important; background:transparent !important; }
.ti-b2883ee4 { width:10px !important; height:10px !important; background:#4f46e5 !important; }
.ti-b30e2c0f { margin-bottom:8px !important; }
.ti-b5927153 { color:#fff !important; }
.ti-b5eb9e28 { font-size:.72rem !important; }
.ti-b84c7dfa { font-size:13px !important; }
.ti-b98b0e31 { padding:18px 20px !important; }
.ti-bb0425a5 { font-size:.78rem !important; }
.ti-bb680ec5 { margin-top:4px !important; }
.ti-bc38e708 { width:42px !important; }
.ti-bc9efe64 { font-size:.7rem !important; }
.ti-bcf88ef7 { font-size:10px !important; }
.ti-bd5d1f9b { font-size:36px !important; color:var(--md-sys-color-outline) !important; display:block !important; margin-bottom:10px !important; }
.ti-bdefd1d8 { min-height: unset !important; height: 50px !important; }
.ti-be744b80 { width: 3rem !important; height: 3rem !important; }
.ti-c12b17f1 { margin-top:18px !important; padding-top:14px !important; border-top:1px dashed var(--md-sys-color-outline-variant,#E5E7EB) !important; }
.ti-c328875e { width:140px !important; white-space:nowrap !important; }
.ti-c41bca8a { width:48px !important; }
.ti-c4c12b2d { width:220px !important; }
.ti-c5615d63 { display:flex !important; gap:8px !important; height:44px !important; }
.ti-c5ac9c43 { width:60px !important; }
.ti-c78f4943 { width:90px !important; }
.ti-c847ea1d { background:linear-gradient(135deg,#B91C1C 0%,#DC2626 100%) !important; }
.ti-c896c465 { flex:1 !important; min-width:0 !important; }
.ti-c9c5531a { border-left: 4px solid #4f46e5 !important; }
.ti-cd1de593 { width:100px !important; white-space:nowrap !important; }
.ti-ce586bb5 { max-width: 90% !important; }
.ti-ced11eea { background: white !important; border-radius: 10px !important; }
.ti-cf10e57e { background:#f8fafc !important; padding:.5rem !important; border-radius:4px !important; max-height:240px !important; overflow:auto !important; font-size:.78rem !important; }
.ti-cfa4e03d { background: orange !important; }
.ti-cfc3c7c6 { display:flex !important; align-items:center !important; gap:8px !important; margin-bottom:10px !important; }
.ti-d2abea56 { color:#64748b !important; }
.ti-d484d576 { background:#CFFAFE !important; color:#0E7490 !important; }
.ti-d4a4163d { color:#fff !important; font-size:24px !important; }
.ti-d5d9bbd8 { padding:48px 24px !important; text-align:center !important; }
.ti-d643bf15 { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-direction: column !important; gap: 12px !important; }
.ti-d79ce2bc { margin-top:8px !important; }
.ti-d7e36660 { display:flex !important; gap:10px !important; align-items:center !important; }
.ti-d8269867 { height: 8px !important; }
.ti-d8c526cd { font-size:12px !important; color:var(--md-sys-color-on-surface-variant,#4B5563) !important; }
.ti-d92dada5 { background:#16a34a !important; }
.ti-dace2fa0 { margin-left:6px !important; }
.ti-ddc851be { font-size:13px !important; font-weight:500 !important; color:var(--md-sys-color-on-surface) !important; }
.ti-dee7401c { margin-top:14px !important; padding-top:12px !important; border-top:1px dashed var(--md-sys-color-outline-variant,#E5E7EB) !important; }
.ti-df04e4e6 { font-size:42px !important; color:var(--md-sys-color-outline) !important; display:block !important; margin-bottom:14px !important; }
.ti-df0f9439 { font-size:.65rem !important; }
.ti-df7d1005 { width:160px !important; }
.ti-dfaaffdc { margin-top:4px !important; display:inline-flex !important; }
.ti-dfb148cd { display:flex !important; align-items:center !important; justify-content:flex-end !important; gap:10px !important; flex-wrap:wrap !important; margin-top:14px !important; }
.ti-dfe4d359 { display:flex !important; align-items:center !important; gap:8px !important; flex-wrap:wrap !important; }
.ti-e028beda { background:var(--md-sys-color-primary-container) !important; color:var(--md-sys-color-primary) !important; }
.ti-e09a2d93 { font-size:16px !important; font-weight:600 !important; color:var(--md-sys-color-on-surface) !important; margin:0 0 6px !important; }
.ti-e0a016bc { background:#f8fafc !important; padding:.5rem !important; border-radius:4px !important; font-size:.7rem !important; margin-top:.25rem !important; max-height:200px !important; overflow:auto !important; }
.ti-e1a825dd { font-size:12px !important; color:var(--md-sys-color-on-surface-variant) !important; margin:10px 0 0 !important; }
.ti-e1ff138b { font-size:12px !important; font-weight:600 !important; color:var(--md-sys-color-on-surface-variant,#4B5563) !important; text-transform:uppercase !important; letter-spacing:.4px !important; margin:0 !important; }
.ti-e2151554 { font-size:18px !important; }
.ti-e26a77a9 { display: flex !important; gap: 10px !important; align-items: flex-start !important; }
.ti-e42fba01 { list-style: none !important; padding: 0 !important; line-height: 2.2 !important; }
.ti-e5a255f2 { width:64px !important; height:64px !important; border-radius:50% !important; background:linear-gradient(135deg,var(--ttp-primary),var(--ttp-primary-light)) !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; margin-bottom:14px !important; }
.ti-e5b6a2ba { padding:10px 28px !important; }
.ti-e6df540f { gap:10px !important; }
.ti-e73916fd { border-radius:0 6px 6px 0 !important; }
.ti-e741716d { font-size:.85rem !important; padding:.45rem .7rem !important; white-space:nowrap !important; }
.ti-e7e345c9 { max-height:340px !important; overflow-y:auto !important; }
.ti-e8c3ec35 { width:10px !important; height:10px !important; background:#0891b2 !important; }
.ti-e987c5dc { color:#2563eb !important; }
.ti-ea27545c { margin-left:auto !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; width:30px !important; height:30px !important; border-radius:8px !important; background:rgba(255,255,255,.15) !important; color:#fff !important; font-size:12px !important; }
.ti-ecbf6213 { background:#f8fafc !important; padding:.75rem !important; border-radius:4px !important; max-height:400px !important; overflow:auto !important; font-size:.78rem !important; }
.ti-ed1a655f { background:#fef3c7 !important; border-color:#fcd34d!important; }
.ti-ed836c38 { border-radius:12px !important; box-shadow: 0 4px 20px rgba(0,0,0,0.1) !important; border:none !important; }
.ti-ee0435f7 { width:100px !important; }
.ti-ee5cda8f { font-size:8px !important; }
.ti-ee800c11 { color:var(--admin-danger) !important; }
.ti-eed73570 { margin-bottom: 24px !important; color: #333 !important; }
.ti-f0a889d3 { --before-gradient: linear-gradient(90deg, var(--ttp-green), var(--ttp-accent)) !important; }
.ti-f162d097 { width:1% !important; }
.ti-f16dc5d6 { background:#FEE2E2 !important; color:#B91C1C !important; }
.ti-f1b42d1f { color:#9333ea !important; }
.ti-f5cc60a2 { display: inline-block !important; height: 16px !important; }
.ti-f7a207b5 { padding:10px 18px !important; font-size:13px !important; }
.ti-f7b6799e { background:#f8f9fa !important; border:none !important; cursor:pointer !important; padding: 0 14px !important; }
.ti-f7f51f9c { max-width: 720px !important; margin: 60px auto !important; }
.ti-f941f6b9 { border-left: 4px solid #dc2626 !important; }
.ti-f942a97e { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; }
.ti-fb917222 { margin-top:3px !important; }
.ti-fbd491cc { text-align: center !important; padding: 40px 30px !important; }
.ti-fd63f44f { align-items:flex-end !important; }

/* --- appended: web-only shared components --- */
.ti-0cbc132a { flex:0 0 110px !important; min-width:0 !important; }
.ti-1087b09e { width:100% !important; border-collapse:separate !important; border-spacing:0 !important; font-family:'Roboto','Inter',sans-serif !important; font-size:12px !important; color:#111827 !important; border:1px solid #E5E7EB !important; border-radius:10px !important; overflow:hidden !important; }
.ti-18907062 { font-size:22px !important; display:block !important; margin-bottom:8px !important; color:var(--md-sys-color-outline,#D1D5DB) !important; }
.ti-19528335 { padding:10px 12px !important; border-bottom:1px solid #E5E7EB !important; text-align:center !important; font-size:16px !important; font-weight:700 !important; color:#4F46E5 !important; vertical-align:middle !important; }
.ti-1d75606e { margin-top:4px !important; font-size:11px !important; color:var(--md-sys-color-on-surface-variant,#4B5563) !important; }
.ti-1ee9e27d { padding:12px !important; text-align:center !important; font-size:11px !important; color:#6B7280 !important; font-weight:500 !important; }
.ti-21946bb7 { flex:1 1 160px !important; min-width:0 !important; }
.ti-2526a797 { padding:12px !important; text-align:center !important; font-size:18px !important; font-weight:700 !important; color:#4F46E5 !important; }
.ti-27c5652a { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:12px !important; flex-wrap:wrap !important; background:linear-gradient(135deg,#4F46E5 0%,#6366F1 100%) !important; color:#fff !important; border-radius:10px !important; padding:14px 18px !important; margin-bottom:12px !important; }
.ti-29ca5557 { font-size:10px !important; color:#6B7280 !important; margin-top:2px !important; }
.ti-2ec961cf { margin-left:auto !important; display:inline-flex !important; align-items:center !important; gap:4px !important; background:#FEE2E2 !important; color:#B91C1C !important; padding:2px 10px !important; border-radius:999px !important; font-size:11px !important; font-weight:700 !important; letter-spacing:.3px !important; }
.ti-32b48ffc { padding:10px 12px !important; text-align:center !important; font-size:10px !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.6px !important; color:#4B5563 !important; border-bottom:1px solid #E5E7EB !important; width:80px !important; }
.ti-38447145 { padding:10px 12px !important; border-bottom:1px solid #E5E7EB !important; text-align:center !important; font-size:11px !important; color:#6B7280 !important; font-weight:500 !important; vertical-align:middle !important; }
.ti-3bb07b8b { margin-left:auto !important; display:inline-flex !important; align-items:center !important; gap:4px !important; background:#E0E7FF !important; color:#4338CA !important; padding:2px 10px !important; border-radius:999px !important; font-size:11px !important; font-weight:700 !important; letter-spacing:.3px !important; }
.ti-3ec761e0 { display:inline-flex !important; align-items:center !important; gap:6px !important; background:#DCFCE7 !important; color:#15803D !important; padding:5px 12px !important; border-radius:999px !important; font-size:11px !important; font-weight:700 !important; letter-spacing:.4px !important; text-transform:uppercase !important; margin-bottom:12px !important; }
.ti-3eca8689 { font-size:28px !important; font-weight:700 !important; line-height:1 !important; }
.ti-435af19f { text-align:center !important; background:rgba(255,255,255,.18) !important; padding:6px 18px !important; border-radius:8px !important; min-width:110px !important; }
.ti-487c1fb4 { padding:12px !important; text-align:right !important; font-weight:700 !important; font-size:13px !important; text-transform:uppercase !important; letter-spacing:.6px !important; color:#4B5563 !important; }
.ti-4f2b7b9d { font-weight:600 !important; color:#111827 !important; }
.ti-56507285 { display:flex !important; align-items:center !important; gap:8px !important; font-size:13px !important; color:var(--md-sys-color-on-surface-variant,#4B5563) !important; font-style:italic !important; padding:8px 4px !important; }
.ti-5d0d4220 { padding:10px 12px !important; text-align:left !important; font-size:10px !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.6px !important; color:#4B5563 !important; border-bottom:1px solid #E5E7EB !important; width:30% !important; }
.ti-5fc558f5 { font-size:10px !important; opacity:.85 !important; letter-spacing:.5px !important; margin-top:2px !important; }
.ti-79525798 { font-size:14px !important; font-weight:600 !important; margin-top:2px !important; }
.ti-7abc8c82 { margin: 16px 0 !important; }
.ti-84819aa9 { display:flex !important; align-items:center !important; gap:10px !important; padding:14px 16px !important; background:#FEF3C7 !important; border:1px solid #FDE68A !important; border-radius:10px !important; color:#92400E !important; font-size:13px !important; font-weight:500 !important; }
.ti-88457af0 { padding:10px 12px !important; border-bottom:1px solid #E5E7EB !important; vertical-align:middle !important; }
.ti-91abecf4 { display:inline-flex !important; align-items:center !important; gap:6px !important; background:#FEE2E2 !important; color:#B91C1C !important; padding:5px 12px !important; border-radius:999px !important; font-size:11px !important; font-weight:700 !important; letter-spacing:.4px !important; text-transform:uppercase !important; margin-bottom:12px !important; }
.ti-9bfca0bc { margin-left:auto !important; display:inline-flex !important; align-items:center !important; gap:4px !important; background:#FEF3C7 !important; color:#B45309 !important; padding:2px 10px !important; border-radius:999px !important; font-size:11px !important; font-weight:700 !important; letter-spacing:.3px !important; }
.ti-a1a4f7a1 { font-size:28px !important; display:block !important; margin-bottom:10px !important; color:var(--md-sys-color-outline,#D1D5DB) !important; }
.ti-a52ce0c2 { padding:10px 12px !important; text-align:center !important; font-size:10px !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.6px !important; color:#4B5563 !important; border-bottom:1px solid #E5E7EB !important; width:60px !important; }
.ti-a7ede4fb { flex-shrink:0 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; width:36px !important; height:36px !important; border-radius:50% !important; background:linear-gradient(135deg,#15803D 0%,#22C55E 100%) !important; color:#fff !important; font-weight:700 !important; font-size:13px !important; box-shadow:0 2px 6px rgba(21,128,61,.25) !important; }
.ti-ba742f49 { padding:10px 12px !important; text-align:left !important; font-size:10px !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.6px !important; color:#4B5563 !important; border-bottom:1px solid #E5E7EB !important; }
.ti-bb9d03fe { background:#F9FAFB !important; }
.ti-cbdc2131 { border:0 !important; }
.ti-cd1d679a { display:flex !important; flex-direction:column !important; gap:10px !important; }
.ti-df20470e { flex:2 1 280px !important; min-width:0 !important; }
.ti-e57de79a { display:flex !important; align-items:center !important; gap:14px !important; padding:12px 16px !important; background:var(--md-sys-color-surface,#FFFFFF) !important; border:1px solid var(--md-sys-color-outline-variant,#E5E7EB) !important; border-radius:10px !important; flex-wrap:wrap !important; }
.ti-ef14bed5 { color:var(--md-sys-color-primary,#4F46E5) !important; }
.ti-efd7c657 { margin-left:auto !important; display:inline-flex !important; align-items:center !important; gap:4px !important; background:var(--md-sys-color-primary-container,#E0E7FF) !important; color:var(--md-sys-color-primary,#4F46E5) !important; padding:2px 10px !important; border-radius:999px !important; font-size:11px !important; font-weight:700 !important; letter-spacing:.3px !important; }
.ti-f42fa180 { font-size:10px !important; font-weight:700 !important; letter-spacing:1px !important; text-transform:uppercase !important; opacity:.9 !important; }
.ti-f6331e5d { background:#FCE7F3 !important; color:#BE185D !important; }
.ti-ff6eee77 { margin-top:6px !important; }