.bento-sel{position:relative;width:100%}.bento-sel[data-variant=pill]{width:auto;display:inline-flex}.bento-sel-trigger[data-variant=pill]{width:auto;height:auto;justify-content:center;gap:6px;padding:7px 14px;border-radius:999px;font-size:12px;font-weight:600}.bento-sel-trigger[data-variant=pill]:hover:not(:disabled){background:var(--bg-surface-warm)}.bento-sel-trigger{width:100%;height:36px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:0 12px;font-size:13px;font-weight:500;background:var(--bg-surface);color:var(--ink-900);font-family:inherit;text-align:right;cursor:pointer;outline:none}.bento-sel-trigger:focus-visible,.bento-sel-trigger[data-open]{border-color:var(--ink-900);box-shadow:var(--shadow-focus)}.bento-sel-trigger:disabled{opacity:.55;cursor:not-allowed}.bento-sel-trigger-label{display:inline-flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bento-sel-trigger-ico{width:13px;height:13px;flex-shrink:0}.bento-sel-chev{width:14px;height:14px;color:var(--text-tertiary);flex-shrink:0;transition:transform .15s ease}.bento-sel-trigger[data-open] .bento-sel-chev{transform:rotate(180deg)}.bento-sel-menu{position:fixed;min-width:220px;background:var(--bg-surface-warm);border:1px solid var(--border-soft);border-radius:var(--radius-3xl);box-shadow:0 18px 44px rgba(13,13,15,.14),var(--shadow-lg);padding:10px;z-index:1300;display:flex;flex-direction:column;gap:10px}.bento-sel-head{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:10px 12px;box-shadow:var(--shadow-xs)}.bento-sel-head .lbl{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-tertiary);font-family:var(--font-display)}.bento-sel-head .ttl{font-size:13px;font-weight:700;color:var(--ink-900);margin-top:2px}.bento-sel-opts{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:6px;box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:3px}.bento-sel-item{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:9px 10px;font-size:13px;cursor:pointer;border-radius:var(--radius-md);color:var(--ink-800);font-weight:500;background:transparent;border:none;width:100%;font-family:inherit;text-align:right}.bento-sel-item:hover{background:var(--bg-surface-warm)}.bento-sel-item.is-cur{font-weight:700;background:var(--accent-lilac-bg);color:var(--accent-lilac-text)}.bento-sel-item .ch{width:14px;height:14px;flex-shrink:0;stroke-width:2.25;color:var(--accent-lilac-text);opacity:0}.bento-sel-item.is-cur .ch{opacity:1}.bento-sel-item .dot{width:6px;height:6px;border-radius:50%;background:var(--border-mid);flex-shrink:0}.bento-sel-item.is-cur .dot{background:var(--accent-lilac-text)}.bento-sel-item .lblwrap{display:flex;align-items:center;gap:8px}.bento-sel-foot{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:8px 12px;box-shadow:var(--shadow-xs);display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--text-tertiary);letter-spacing:.06em;text-transform:uppercase;font-weight:700;font-family:var(--font-display)}.bento-sel-foot .meta{display:flex;align-items:center;gap:5px}.bento-sel-foot .meta svg{width:14px;height:14px;stroke-width:2.25}[data-surface=settings-support] .support-wrap{max-width:720px;margin:0 auto;padding-bottom:60px}[data-surface=settings-support] .page-header{margin-bottom:28px}[data-surface=settings-support] .breadcrumb{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-tertiary);margin-bottom:10px}[data-surface=settings-support] .breadcrumb a{color:var(--text-tertiary);text-decoration:none}[data-surface=settings-support] .breadcrumb a:hover{color:var(--text-primary)}[data-surface=settings-support] .page-header h1{font-family:var(--font-display);font-size:34px;font-weight:700;letter-spacing:-.03em;margin-bottom:4px}[data-surface=settings-support] .page-header p{color:var(--text-secondary);font-size:14px}[data-surface=settings-support] .new-ticket-cta{background:white;border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:22px 24px;box-shadow:var(--shadow-sm);margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}[data-surface=settings-support] .new-ticket-cta-text h3{font-size:16px;font-weight:700;margin-bottom:4px}[data-surface=settings-support] .new-ticket-cta-text p{font-size:13px;color:var(--text-secondary)}[data-surface=settings-support] .ticket-form-card{background:white;border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:24px;box-shadow:var(--shadow-sm);margin-bottom:16px}[data-surface=settings-support] .form-title{font-size:14px;font-weight:700;margin-bottom:20px;display:flex;align-items:center;gap:8px}[data-surface=settings-support] .form-section{margin-bottom:20px}[data-surface=settings-support] .form-label{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;display:block}[data-surface=settings-support] .form-label .req{color:var(--status-error)}[data-surface=settings-support] .type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}[data-surface=settings-support] .type-card{border:2px solid var(--border-subtle);border-radius:var(--radius-xl);padding:14px 10px;text-align:center;cursor:pointer;transition:all .15s;background:white}[data-surface=settings-support] .type-card:hover{border-color:var(--border-mid);background:var(--bg-surface-warm)}[data-surface=settings-support] .type-card.active{border-color:var(--ink-900);background:var(--ink-900);color:white}[data-surface=settings-support] .type-card-icon{font-size:22px;margin-bottom:5px}[data-surface=settings-support] .type-card-label{font-size:11px;font-weight:600;line-height:1.3}[data-surface=settings-support] .urgency-row{display:flex;gap:8px}[data-surface=settings-support] .urgency-opt{display:flex;align-items:center;gap:6px;padding:7px 14px;border:2px solid var(--border-subtle);border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;background:white}[data-surface=settings-support] .urgency-opt.active.normal{border-color:var(--accent-blue);background:var(--accent-blue-bg);color:var(--accent-blue-text)}[data-surface=settings-support] .urgency-opt.active.urgent{border-color:var(--status-warning);background:var(--status-warning-bg);color:var(--status-warning-text)}[data-surface=settings-support] .urgency-opt.active.critical{border-color:var(--status-error);background:var(--status-error-bg);color:var(--status-error-text)}[data-surface=settings-support] .urgency-opt:hover:not(.active){border-color:var(--border-mid);background:var(--bg-surface-warm)}[data-surface=settings-support] .drop-zone{border:2px dashed var(--border-mid);border-radius:var(--radius-xl);padding:24px;text-align:center;cursor:pointer;transition:all .15s;background:var(--bg-surface-warm)}[data-surface=settings-support] .drop-zone:hover{border-color:var(--ink-900);background:white}[data-surface=settings-support] .drop-zone-icon{color:var(--text-tertiary);margin-bottom:8px}[data-surface=settings-support] .drop-zone-text{font-size:13px;color:var(--text-secondary)}[data-surface=settings-support] .drop-zone-hint{font-size:11px;color:var(--text-tertiary);margin-top:4px}[data-surface=settings-support] .sys-chips{display:flex;gap:6px;flex-wrap:wrap}[data-surface=settings-support] .sys-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:600;background:var(--bg-surface-warm);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:default}[data-surface=settings-support] .submit-btn{width:100%;height:48px;border-radius:var(--radius-xl);background:var(--ink-900);color:white;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .15s;border:none;margin-top:8px}[data-surface=settings-support] .submit-btn:hover{background:var(--ink-700);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}[data-surface=settings-support] .submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}[data-surface=settings-support] .success-card{background:var(--status-success-bg);border:2px solid var(--accent-mint);border-radius:var(--radius-2xl);padding:28px 24px;text-align:center;margin-bottom:16px}[data-surface=settings-support] .success-icon{width:56px;height:56px;border-radius:50%;background:var(--status-success);color:white;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}[data-surface=settings-support] .success-title{font-family:var(--font-display);font-size:22px;font-weight:700;margin-bottom:8px;color:var(--status-success-text)}[data-surface=settings-support] .success-ticket-num{font-family:var(--font-number);font-size:28px;font-weight:700;color:var(--status-success-text);margin-bottom:6px}[data-surface=settings-support] .success-eta{font-size:13px;color:var(--status-success-text);margin-bottom:16px}[data-surface=settings-support] .past-tickets{background:white;border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:16px}[data-surface=settings-support] .past-tickets-head{padding:16px 20px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}[data-surface=settings-support] .past-tickets-head h3{font-size:14px;font-weight:700}[data-surface=settings-support] .past-tickets-empty{padding:28px 20px;text-align:center;font-size:13px;color:var(--text-tertiary)}[data-surface=settings-support] .tickets-table{width:100%;border-collapse:collapse}[data-surface=settings-support] .tickets-table th{padding:9px 16px;font-size:10px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;text-align:right;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface-warm)}[data-surface=settings-support] .tickets-table td{padding:11px 16px;font-size:13px;border-bottom:1px solid var(--border-subtle);vertical-align:middle}[data-surface=settings-support] .tickets-table tr:last-child td{border-bottom:none}[data-surface=settings-support] .ticket-num-cell{font-family:var(--font-number);font-weight:700;color:var(--text-tertiary)}[data-surface=settings-support] .ticket-subject-cell{font-weight:600}[data-surface=settings-support] .ticket-date-cell{font-size:12px;color:var(--text-tertiary)}[data-surface=settings-support] .prio-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 7px;border-radius:999px}[data-surface=settings-support] .prio-pill.critical,[data-surface=settings-support] .prio-pill.high{background:var(--status-error-bg);color:var(--status-error-text)}[data-surface=settings-support] .prio-pill.medium{background:var(--status-warning-bg);color:var(--status-warning-text)}[data-surface=settings-support] .prio-pill.low{background:var(--bg-surface-warm);color:var(--text-secondary)}[data-surface=settings-support] .status-open{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600;background:var(--status-error-bg);color:var(--status-error-text)}[data-surface=settings-support] .status-open svg{width:11px;height:11px}[data-surface=settings-support] .status-resolved{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600;background:var(--status-success-bg);color:var(--status-success-text)}[data-surface=settings-support] .status-resolved svg{width:11px;height:11px}[data-surface=settings-support] .sla-info-box{background:var(--accent-blue-bg);border:1px solid var(--accent-blue-bg);border-radius:var(--radius-xl);padding:14px 18px;display:flex;align-items:center;gap:12px;font-size:13px}[data-surface=settings-support] .sla-info-box .sla-strong{font-weight:700;color:var(--accent-blue-text)}[data-surface=settings-support] .sla-info-box .sla-rest{color:var(--text-secondary)}@media (max-width:600px){[data-surface=settings-support] .type-grid{grid-template-columns:repeat(2,1fr)}[data-surface=settings-support] .urgency-row{flex-wrap:wrap}}.dark [data-surface=settings-support] .new-ticket-cta,.dark [data-surface=settings-support] .past-tickets,.dark [data-surface=settings-support] .ticket-form-card,.dark [data-surface=settings-support] .type-card,.dark [data-surface=settings-support] .urgency-opt{background:var(--bg-surface)}body[data-layout="2"] [data-surface=settings-support] .support-wrap,body[data-layout="3"] [data-surface=settings-support] .support-wrap{max-width:860px}