.color-settings-layout{display:grid;grid-template-columns:minmax(180px,230px) minmax(0,1fr);gap:24px;align-items:start}.color-field{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:5px 0;font-size:13px}.color-field input{width:48px;height:32px;padding:2px;cursor:pointer}.color-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.color-preview{min-width:0}.color-preview h3{margin:0 0 10px;font-size:14px}.color-preview-scroll{overflow:auto;max-width:100%;border:1px solid #dce3e9}.color-preview table{border-collapse:collapse;table-layout:fixed;min-width:1240px;font-size:12px}.color-preview th,.color-preview td{border:1px solid #dce3e9;padding:6px;text-align:center;min-width:48px}.color-preview th:first-child{position:sticky;left:0;background:#f6f8fa;text-align:left;min-width:190px;z-index:1}.color-preview thead th{background:#f6f8fa}.color-preview td.rank-top3,.positions-table .matrix-cell.rank-top3,.positions-table .matrix-cell.rank-top3 .matrix-point{color:var(--rank-text-top3,#000)}.color-preview td.rank-top10,.positions-table .matrix-cell.rank-top10,.positions-table .matrix-cell.rank-top10 .matrix-point{color:var(--rank-text-top10,#000)}.color-preview td.rank-top20,.positions-table .matrix-cell.rank-top20,.positions-table .matrix-cell.rank-top20 .matrix-point{color:var(--rank-text-top20,#000)}.color-preview td.rank-top50,.positions-table .matrix-cell.rank-top50,.positions-table .matrix-cell.rank-top50 .matrix-point{color:var(--rank-text-top50,#000)}.color-preview td.rank-top100,.positions-table .matrix-cell.rank-top100,.positions-table .matrix-cell.rank-top100 .matrix-point{color:var(--rank-text-top100,#000)}.color-preview td.rank-other,.positions-table .matrix-cell.rank-other,.positions-table .matrix-cell.rank-other .matrix-point{color:var(--rank-text-other,#000)}.positions-table th .workspace-search{display:inline-flex;margin-left:8px;vertical-align:middle;font-weight:400;max-width:55%}.positions-table th .workspace-search input{min-width:70px;width:160px;max-width:100%}@media(max-width:760px){.color-settings-layout{grid-template-columns:minmax(0,1fr)}.positions-table th .workspace-search{display:flex;margin:5px 0 0;max-width:100%}.positions-table th .workspace-search input{width:100%}}
/* Keep range labels and keyword names readable at every viewport size. */
.color-field span{white-space:nowrap;flex:0 0 60px}.admin-section .color-field input[type=color]{display:block;box-sizing:border-box;flex:0 0 48px;width:48px;min-width:48px;height:32px;padding:2px;margin:0}.color-preview table th:first-child{box-sizing:border-box;width:190px;min-width:190px;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-preview table th:not(:first-child),.color-preview table td{width:52px;min-width:52px}