/* AdDecoder Module Styles */
.trigger-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-4); }
@media (max-width: 1023px) { .trigger-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) { .trigger-grid { grid-template-columns: 1fr; } }
.trigger-card { min-height: 200px; }
.trigger-card .flip-card-front { background: var(--bg-card); border: 1px solid var(--border); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-3); padding: var(--space-6); }
.trigger-card .flip-card-front .trigger-icon { font-size: 2.5rem; }
.trigger-card .flip-card-front .trigger-name { font-family: var(--font-display); font-weight: var(--weight-semibold); font-size: var(--text-base); }
.trigger-card .flip-card-back { background: var(--bg-card-hover); border: 1px solid var(--accent-violet); padding: var(--space-4); display: flex; flex-direction: column; gap: var(--space-3); overflow-y: auto; }
.trigger-card .flip-card-back h4 { font-size: var(--text-sm); color: var(--accent-violet); }
.trigger-card .flip-card-back p { font-size: var(--text-xs); color: var(--text-secondary); line-height: var(--leading-relaxed); }
.ad-decode-display { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: var(--space-6); position: relative; }
.ad-decode-display .ad-element { cursor: pointer; padding: var(--space-2); border-radius: var(--radius-sm); transition: all var(--transition-fast); }
.ad-decode-display .ad-element:hover { background: rgba(123,94,255,0.1); }
.ad-decode-display .ad-element.tagged { background: rgba(189,255,71,0.1); border: 1px solid rgba(189,255,71,0.2); }
.trigger-dropdown { position: absolute; background: var(--bg-secondary); border: 1px solid var(--border-strong); border-radius: var(--radius-md); padding: var(--space-2); box-shadow: var(--shadow-lg); z-index: var(--z-dropdown); min-width: 180px; }
.trigger-dropdown-item { padding: var(--space-2) var(--space-3); border-radius: var(--radius-sm); font-size: var(--text-sm); cursor: pointer; transition: background var(--transition-fast); }
.trigger-dropdown-item:hover { background: var(--bg-card-hover); }
.swipe-file { margin-top: var(--space-8); }
.swipe-file-list { display: flex; flex-direction: column; gap: var(--space-4); }
.swipe-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: var(--space-4); }
.swipe-card .swipe-header { display: flex; justify-content: space-between; margin-bottom: var(--space-3); }
.swipe-card .swipe-date { font-size: var(--text-xs); color: var(--text-muted); }
.swipe-card .swipe-snippet { font-size: var(--text-sm); color: var(--text-secondary); font-style: italic; margin-bottom: var(--space-3); padding: var(--space-3); background: var(--bg-primary); border-radius: var(--radius-md); }
.swipe-card .swipe-breakdown { font-size: var(--text-sm); color: var(--text-secondary); }
.swipe-card .toggle-breakdown { font-size: var(--text-xs); color: var(--accent-violet); cursor: pointer; }