.browsers{grid-column:span 2;height:100%;padding:2rem 2.5rem}.browsers .heading-wrap{border-bottom:2px solid #29314d;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.25rem;display:flex}.browsers .heading-wrap .heading{color:#d0d7e3;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:600}.browsers .heading-wrap .port-selection-wrap{align-items:center;gap:.75rem;display:flex}.browsers .heading-wrap .port-selection-wrap span{color:#92a0c4;white-space:nowrap;font-size:.875rem;font-weight:500}.browsers .heading-wrap .port-selection-wrap .select-menu-btn{color:#d0d7e3;cursor:pointer;background:#1e243a;border:1.5px solid #29314d;border-radius:8px;min-width:200px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s ease-in-out}.browsers .heading-wrap .port-selection-wrap .select-menu-btn:hover{background:#2e3a5c;border-color:#4073e2a6;box-shadow:0 1px 2px #00000040}.browsers .heading-wrap .port-selection-wrap .select-menu-btn:focus{background:#2e3a5c;border-color:#6a97fa;outline:none;box-shadow:0 0 0 2px #7a9ffb73}.browsers .heading-wrap .port-selection-wrap .select-menu-btn:disabled{opacity:.5;cursor:not-allowed}.browsers .heading-wrap .port-selection-wrap .select-menu-btn option{color:#d0d7e3;background:#1e243a}.browsers .list{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1rem;padding-right:.5rem;display:grid;overflow-y:auto}.browsers .list::-webkit-scrollbar{width:8px}.browsers .list::-webkit-scrollbar-track{background:#111520;border-radius:4px}.browsers .list::-webkit-scrollbar-thumb{background:#29314d;border-radius:4px}.browsers .list::-webkit-scrollbar-thumb:hover{background:#2e3a5c}.browsers .row{background:#1e243a;border:1.5px solid #29314d;border-radius:12px;justify-content:space-between;align-items:center;min-height:80px;padding:1.25rem 1.5rem;transition:all .2s ease-in-out;display:flex}.browsers .row:hover{background:#2e3a5c;border-color:#4073e2a6;transform:translateY(-1px);box-shadow:0 4px 12px #00000059}.browsers .row .browser-info{flex:1;align-items:center;gap:1rem;display:flex}.browsers .row .browser-info .browser-icon{color:#e0e0e0;text-transform:uppercase;background:linear-gradient(135deg,#0037ad,#7a9ffb);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:600;display:flex;box-shadow:0 4px 12px #6a97fa40}.browsers .row .browser-info .browser-details{flex-direction:column;gap:.25rem;display:flex}.browsers .row .browser-info .browser-details .port-key{color:#d0d7e3;text-transform:capitalize;font-size:1rem;font-weight:600;line-height:1.2}.browsers .row .browser-info .browser-details .browser-path{color:#92a0c4;text-overflow:ellipsis;white-space:nowrap;max-width:250px;font-family:Courier New,monospace;font-size:.75rem;line-height:1.5;overflow:hidden}.browsers .row .btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:.5rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s ease-in-out}.browsers .row .btn.btn-primary{color:#e0e0e0;background:#0037ad;box-shadow:0 2px 8px #0037ad59}.browsers .row .btn.btn-primary:hover:not(:disabled){background:#0046d6;transform:translateY(-1px);box-shadow:0 4px 16px #0046d673}.browsers .row .btn.btn-primary:active:not(:disabled){background:#002a86;transform:translateY(0);box-shadow:0 2px 8px #002a8659}.browsers .row .btn.btn-primary:disabled{color:#536080;cursor:not-allowed;box-shadow:none;opacity:.6;background:#282a3d}.browsers .row.empty-state{background:#0d1018;border-style:dashed;border-color:#29314d;justify-content:center;padding:2.5rem 1.5rem}.browsers .row.empty-state:hover{box-shadow:none;background:#0d1018;border-color:#29314d;transform:none}.browsers .row.empty-state .empty-message{color:#92a0c4;flex-direction:column;align-items:center;gap:.5rem;display:flex}.browsers .row.empty-state .empty-message .empty-icon{opacity:.5;margin-bottom:.5rem;font-size:32px}.browsers .row.empty-state .empty-message .empty-text{color:#92a0c4;font-size:.875rem;font-weight:500}.browsers .row.empty-state .empty-message .empty-subtext{color:#536080;font-size:.75rem}.browsers .loading-overlay{opacity:.5;pointer-events:none;position:relative}.browsers .loading-overlay:after{content:"";-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11152066;border-radius:12px;position:absolute;inset:0}@media (max-width:1200px){.browsers .list{grid-template-columns:1fr}}@media (max-width:768px){.browsers{padding:1.5rem 1.25rem}.browsers .heading-wrap{flex-direction:column;align-items:flex-start;gap:1rem}.browsers .heading-wrap .heading{font-size:1.25rem}.browsers .heading-wrap .port-selection-wrap{width:100%}.browsers .heading-wrap .port-selection-wrap .select-menu-btn{flex:1;min-width:auto}.browsers .row{padding:1rem 1.25rem}.browsers .row .browser-info{gap:.75rem}.browsers .row .browser-info .browser-icon{width:36px;height:36px;font-size:.875rem}.browsers .row .browser-info .browser-details .port-key{font-size:.875rem}.browsers .row .browser-info .browser-details .browser-path{max-width:150px}.browsers .row .btn{padding:.5rem 1rem;font-size:.75rem}}