.mt-4 { margin-top: 4px !important; } .mt-6 { margin-top: 6px !important; } .mt-8 { margin-top: 8px !important; } .mt-10 { margin-top: 10px !important; } .mt-12 { margin-top: 12px !important; } .mt-14 { margin-top: 14px !important; } .mt-16 { margin-top: 16px !important; } .mb-4 { margin-bottom: 4px !important; } .mb-6 { margin-bottom: 6px !important; } .mb-8 { margin-bottom: 8px !important; } .mb-10 { margin-bottom: 10px !important; } .mb-12 { margin-bottom: 12px !important; } .mb-14 { margin-bottom: 14px !important; } .mb-16 { margin-bottom: 16px !important; } .mx-auto { margin-left: auto !important; margin-right: auto !important; } .p-4 { padding: 4px !important; } .p-6 { padding: 6px !important; } .p-8 { padding: 8px !important; } .p-10 { padding: 10px !important; } .p-12 { padding: 12px !important; } .flex { display: flex !important; } .inline-flex { display: inline-flex !important; } .flex-wrap { flex-wrap: wrap !important; } .items-center { align-items: center !important; } .align-end { align-items: flex-end !important; } .justify-center { justify-content: center !important; } .justify-end { justify-content: flex-end !important; } .gap-6 { gap: 6px !important; } .gap-8 { gap: 8px !important; } .gap-10 { gap: 10px !important; } .w-full { width: 100% !important; } .min-w-120 { min-width: 120px !important; } .min-w-140 { min-width: 140px !important; } .min-w-180 { min-width: 180px !important; } .hidden { display: none !important; } .block { display: block !important; } .input { padding: 7px 10px !important; border: 1px solid #ccc !important; border-radius: 6px !important; font-size: 0.95em !important; } .input-primary { border-color: var(--primary, #00bfff) !important; } .btn { display: inline-block; border-radius: 14px; padding: 7px 16px; font-weight: 600; cursor: pointer; transition: all 0.15s; font-size: 0.95em; } .btn-outline-primary { background: transparent; border: 1.5px solid var(--primary, #00bfff); color: var(--primary, #00bfff); } .btn-outline-primary:hover { background: color-mix(in srgb, var(--primary, #00bfff) 12%, transparent); color: var(--primary-dark, #009fdd); border-color: var(--primary-dark, #009fdd); } .btn-primary { background: linear-gradient(90deg, var(--primary, #00bfff) 60%, var(--primary-dark, #009fdd) 100%); color: #fff; box-shadow: 0 2px 7px color-mix(in srgb, var(--primary, #00bfff) 18%, transparent); } .btn-primary:hover { background: var(--primary, #00bfff); } .ci-toolbar-center { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; justify-content: center !important; } .report-nav .btn { color: var(--primary-dark, #009fdd); } .report-nav .btn.active { background: var(--primary, #00bfff); color: #fff; border-color: var(--primary, #00bfff); } .fullscreen { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 1000 !important; } .alert-upload { color:#c00 !important; font-size:1.03em !important; margin:11px 0 9px 0 !important; text-align:center !important; } .cdp-synth-notice { border: 1px solid var(--card-border); background: var(--card-bg); color: var(--text-primary); border-radius: 12px; padding: 12px; margin: 12px 0 16px 0; } .cdp-synth-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; flex-wrap: wrap; } .cdp-synth-title { font-weight: 800; } .cdp-synth-sub { color: var(--text-muted); font-size: 0.95em; margin-top: 2px; } .cdp-synth-hint { color: var(--text-muted); font-size: 0.95em; margin-top: 6px; } .cdp-synth-toggle { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; } .cdp-synth-top { list-style: none; padding: 0; margin: 10px 0 0 0; } .cdp-synth-top li { display: flex; justify-content: space-between; gap: 10px; padding: 6px 0; border-top: 1px solid color-mix(in srgb, var(--card-border) 70%, transparent); } .cdp-synth-file { color: var(--text-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 72%; } .cdp-synth-count { color: var(--primary, #00bfff); font-weight: 800; } .cdp-synth-action { margin-top: 10px; color: var(--text-muted); font-size: 0.95em; }