.competitor-workspace{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem;margin-bottom:2rem;}
.add-panel{background:var(--card-bg,#fff);border-radius:12px;padding:1.25rem;border:1px solid var(--border-color,#e5e7eb);box-shadow:0 1px 3px rgba(0,0,0,.06);}
.add-form{display:flex;flex-direction:column;gap:1rem;}
.add-form-grid{display:grid;grid-template-columns:1fr;gap:1rem;}
.field-wrap{display:flex;flex-direction:column;gap:.375rem;}
.field-wrap label{font-size:.875rem;font-weight:500;color:var(--text-muted,#6b7280);}
.input{width:100%;padding:.625rem .875rem;font-size:1rem;line-height:1.5;color:var(--text-color,#111);background:var(--input-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;transition:border-color .15s,box-shadow .15s;}
.input:focus{outline:0;border-color:var(--focus-ring,#3b82f6);box-shadow:0 0 0 3px rgba(59,130,246,.15);}
.input::placeholder{color:var(--text-muted,#9ca3af);}
.input-select{appearance:auto;cursor:pointer;}
.btn-add{align-self:flex-start;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;color:#fff;background:var(--primary,#2563eb);border:0;border-radius:8px;cursor:pointer;transition:background .15s,transform .05s;}
.btn-add:hover{background:var(--primary-hover,#1d4ed8);}
.btn-add:active{transform:scale(.98);}
.comparison-board{background:var(--card-bg,#fff);border-radius:12px;padding:1.25rem;border:1px solid var(--border-color,#e5e7eb);box-shadow:0 1px 3px rgba(0,0,0,.06);min-height:200px;}
.board-header{margin-bottom:1rem;}
.board-title{font-size:1.125rem;font-weight:600;margin:0 0 .25rem 0;color:var(--text-color,#111);}
.board-hint{font-size:.875rem;color:var(--text-muted,#6b7280);margin:0;}
.competitor-list{display:flex;flex-direction:column;gap:.75rem;}
.competitor-list:empty{min-height:120px;}
.competitor-tile{display:grid;grid-template-columns:1fr auto;gap:.75rem 1rem;align-items:center;padding:1rem;background:var(--surface,#f9fafb);border-radius:10px;border-left:4px solid var(--tile-accent,#6366f1);}
.competitor-tile[data-platform=instagram]{--tile-accent:#e1306c;}
.competitor-tile[data-platform=facebook]{--tile-accent:#1877f2;}
.competitor-tile[data-platform=twitter]{--tile-accent:#1da1f2;}
.competitor-tile[data-platform=linkedin]{--tile-accent:#0a66c2;}
.competitor-tile-meta{grid-column:1;}
.competitor-tile-name{font-weight:600;font-size:1rem;margin:0 0 .125rem 0;color:var(--text-color,#111);}
.competitor-tile-handle{font-size:.8125rem;color:var(--text-muted,#6b7280);margin:0;}
.competitor-tile-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;}
.stat-cell{text-align:center;padding:.5rem;background:var(--card-bg,#fff);border-radius:6px;}
.stat-cell-value{font-weight:600;font-size:1rem;color:var(--primary,#2563eb);display:block;}
.stat-cell-label{font-size:.75rem;color:var(--text-muted,#6b7280);margin-top:.125rem;}
.competitor-tile-remove{grid-column:2;grid-row:1;padding:.375rem .5rem;font-size:.8125rem;color:var(--text-muted,#6b7280);background:transparent;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;cursor:pointer;transition:color .15s,background .15s;}
.competitor-tile-remove:hover{color:#dc2626;background:rgba(220,38,38,.08);}
.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1rem;text-align:center;}
.empty-state-icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.5;}
.empty-state-text{font-size:.9375rem;color:var(--text-muted,#6b7280);margin:0;}
@media (min-width:640px){.competitor-tile{grid-template-columns:1fr auto;}.competitor-tile-stats{grid-column:2;grid-row:1/3;grid-template-columns:repeat(3,1fr);align-self:center;}.competitor-tile-remove{grid-row:1;}}
@media (min-width:768px){.field-wrap-narrow{grid-column:span 1;}}
@media (min-width:900px){.competitor-workspace{flex-direction:row;align-items:flex-start;}.add-panel{flex:0 0 320px;position:sticky;top:1rem;}.comparison-board{flex:1;min-width:0;}}