.replays-layout{height:var(--content-height);padding:10px;display:flex;flex-direction:column;gap:var(--space-3)}.replays-filters{position:relative;z-index:2;flex:none;display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3) var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background-color:var(--color-surface);box-shadow:var(--shadow-lg)}.replays-filters .filter-field{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.replays-filters .filter-field--device{flex:1 1 260px}.replays-filters .p-calendar{width:190px}.replays-filters .p-calendar input{height:40px;width:100%;padding:0 10px;font-size:var(--text-sm);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text-strong);cursor:pointer}.replays-filters .resolution-btn-group{display:inline-flex;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);overflow:hidden}.replays-filters .resolution-btn{min-width:44px;height:38px;padding:0 10px;border:0;border-left:1px solid var(--color-border-strong);background-color:var(--color-surface);color:var(--color-text-strong);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.replays-filters .resolution-btn:first-child{border-left:0}.replays-filters .resolution-btn:hover:not(.resolution-btn--active){background-color:var(--color-surface-raised)}.replays-filters .resolution-btn--active,.replays-filters .search-button{background-color:var(--color-text-strong);color:var(--color-surface)}.replays-filters .search-button{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;padding:0 var(--space-5);border:0;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast)}.replays-filters .search-button:hover{background-color:var(--color-text)}.replays-layout .map-container{flex:1 1;min-height:0;display:flex;flex-direction:column;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden}@media screen and (max-width:1024px){.replays-layout{padding:5px}.replays-filters .filter-field{flex:1 1 45%}.replays-filters .p-calendar{width:100%}.replays-filters .search-button{flex:1 1 100%;margin-left:0}}