.header-bar{height:50px;position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;background-color:#2A2A2A;margin:0;padding:0;box-shadow:0 2px 4px rgba(0,0,0,.3)}.header-container{max-width:900px;height:100%;margin:0 auto;display:flex;flex-direction:row}.header-column{flex:1 1;display:flex;align-items:center;padding:0 18px}.header-column:first-child{display:flex;align-items:center;height:100%}.header-logo{height:30px;object-fit:contain;vertical-align:middle}.header-column:first-child a{display:flex;align-items:center;height:100%}.header-center-column{justify-content:center}.header-right-column{display:flex;justify-content:flex-end;margin-left:auto}.search-container{display:flex;align-items:center;background-color:#3a3a3a;border-radius:4px;width:100%;max-width:400px;position:relative}.search-input{flex:1 1;border:none;background-color:transparent;padding:8px 12px;color:white;font-size:14px;min-width:50px}.search-input:focus{outline:none}.search-input::placeholder{color:#999}.search-button{background:none;border:none;color:#999;padding:8px 12px;cursor:pointer}.search-button:hover{color:white}.search-results-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#2A2A2A;border:1px solid #444;border-radius:0 0 8px 8px;max-height:400px;overflow-y:auto;z-index:1002;box-shadow:0 4px 12px rgba(0,0,0,.3);margin-top:-1px}.search-results-empty{padding:16px;text-align:center;color:#999;font-size:14px}.search-result-item{padding:12px 16px;border-bottom:1px solid #444;cursor:pointer;transition:background-color .2s}.search-result-item:last-child{border-bottom:none;border-radius:0 0 8px 8px}.search-result-item:hover{background-color:#3a8af9}.search-result-title{font-size:14px;font-weight:500;color:white;margin-bottom:4px}.search-result-date{font-size:12px;color:#999;margin-bottom:6px}.search-result-item:hover .search-result-date{color:rgba(255,255,255,.7)}.search-result-context{font-size:12px;color:#bbb;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.search-result-item:hover .search-result-context{color:rgba(255,255,255,.9)}.search-match{font-weight:700;color:#fff}.user-controls{display:flex;align-items:center;gap:16px}.my-recordings-link{color:white;text-decoration:none;font-size:14px;white-space:nowrap;font-weight:500;margin-right:4px}.my-recordings-link:hover{color:#ccc;text-decoration:underline}.settings-button{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px}.settings-button:hover{color:#ccc}.user-menu-container{display:flex;justify-content:flex-end;position:relative}.avatar-button{background:none;border:none;padding:0;cursor:pointer}.user-avatar{object-fit:cover}.user-avatar,.user-avatar-placeholder{width:32px;height:32px;border-radius:50%;border:2px solid #4a4a4a}.user-avatar-placeholder{background-color:#4a77ff;color:white;display:flex;align-items:center;justify-content:center;font-weight:700}.my-call-recaps-link{color:white;text-decoration:none;font-family:Inter,sans-serif;font-size:13px;white-space:nowrap;font-weight:400;margin-right:16px}.dropdown-menu{position:absolute;top:45px;right:0;background-color:#2B2B2B;border-radius:8px;width:220px;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:1001;overflow:hidden;padding:8px 0}.dropdown-item{display:flex;align-items:center;padding:10px 15px;color:#F2F2F2;text-decoration:none;font-size:14px;gap:12px;cursor:pointer;background:none;border:none;width:100%;text-align:left}.dropdown-item:hover{background-color:#3D3D3D}.dropdown-item svg{width:16px;height:16px;flex-shrink:0}.signout-item{margin-top:4px;border-top:1px solid #444;padding-top:12px;color:#FF6B6B;font-weight:500}.auth-controls{display:flex;align-items:center;justify-content:flex-end;gap:20px}.signup-button{background-color:#FFD43B;color:#1A1A1A;font-weight:600;padding:8px 16px;border-radius:6px;text-decoration:none;transition:background-color .2s,transform .1s;font-family:Inter,sans-serif;font-size:14px;white-space:nowrap;border:none;cursor:pointer;display:inline-block;box-shadow:0 2px 4px rgba(0,0,0,.1)}.signup-button:hover{background-color:#FFE066;transform:translateY(-1px)}.signup-button:active{transform:translateY(0)}.signin-button{color:white;font-family:Inter,sans-serif;font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap;transition:opacity .2s}.signin-button:hover{opacity:.8}.video-icon{transform:scale(1.15);vertical-align:middle}@media (max-width:665px){.hide-on-small{display:none}.header-center-column{flex:0 1 auto}.header-column:first-child,.header-right-column{flex:0 0 auto}.search-container{max-width:100%;transition:width .3s ease}.dropdown-menu{right:-10px}}@media (max-width:480px){.search-input{min-width:40px;font-size:14px}.header-column,.header-container{padding:0 5px}}.auth-container,.signup-scrollable-container{padding-top:50px}@media (max-width:767px){.header-bar{position:fixed!important;top:0!important;z-index:1000!important}.search-container{max-width:100%}@media (max-width:400px){.settings-button{display:none}}}@media (max-width:500px){.header-container{display:flex;justify-content:space-between;align-items:center}.header-center-column{flex:1 1;display:flex;justify-content:center;margin:0 10px}.search-container{width:100%;max-width:none}}