.site-scope{display:flex;gap:12px;align-items:center;margin:0 0 22px;min-width:0}.website-tabs{display:flex;gap:7px;overflow-x:auto;flex:1;padding:4px 0 9px}.website-tabs button{white-space:nowrap;flex-shrink:0;background:white}.website-tabs button.active{background:var(--dark);color:white;border-color:var(--dark)}.website-tabs i{width:7px;height:7px;border-radius:50%}.scope-select{max-width:210px}.library-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:end;background:white;border:1px solid var(--line);padding:18px;border-radius:12px;margin:20px 0}.library-filters label{display:grid;gap:8px;font-size:12px}.library-filters input,.library-filters select{min-height:42px;max-width:100%}.search-field{flex:1;min-width:180px}.recording-summary{background:linear-gradient(120deg,#153f39,#237267);color:white;border-radius:17px;padding:28px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.recording-summary strong{display:block;font-size:28px;margin:12px 0}.recording-summary small{font-size:14px;font-weight:400;color:#c4ded7}.recording-summary b{display:block;font-size:26px;margin-top:16px}.recording-summary span{display:block;margin:8px 0}.selection-bar{display:flex;align-items:center;gap:14px;margin:20px 0;flex-wrap:wrap}.selection-bar button{margin-left:auto}.recording-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:18px}.recording-card{padding:22px;border:1px solid var(--line);border-radius:15px;background:white;min-width:0}.recording-heading{display:flex;align-items:center;gap:13px;margin-bottom:15px}.recording-heading h3{margin:0}.recording-heading p{font-size:12px;color:var(--muted);margin:6px 0}.recording-meta{margin-left:auto;text-align:right;display:grid;gap:8px}.recording-meta span{font-size:11px;color:var(--muted)}.recording-player{margin-top:18px}.recording-player audio{width:100%;height:44px}.playback-tools{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:12px 0}.playback-tools button{font-size:12px;padding:9px}.playback-tools label{display:flex;align-items:center;gap:6px;font-size:12px}.playback-tools select{padding:8px;min-width:65px}.recording-actions{display:flex;justify-content:space-between;gap:8px;margin-top:16px}.pagination{display:flex;justify-content:space-between;align-items:center;margin:20px 0;color:var(--muted)}.chart-card{margin:20px 0}.report-chart{display:flex;align-items:end;gap:16px;overflow:auto;padding:26px 0 8px;min-height:215px}.report-bar{flex:1;min-width:66px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:9px}.report-bar i{width:75%;max-width:72px;background:linear-gradient(#318879,#b3ded1);border-radius:7px 7px 0 0;display:block}.report-bar small{font-size:10px;white-space:nowrap}.breakdown{display:grid;gap:20px;margin-top:24px}.breakdown .progress{margin-top:10px}.breakdown b{font-size:12px}.section-heading{margin:30px 0 18px}.reply-copy{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75}.emoji-picker{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.emoji-picker button{font-size:25px;min-height:44px}.sidebar{overflow-y:auto}.sidebar .nav button{min-height:43px}
@media(max-width:760px){.site-scope{display:block}.scope-select{width:100%;max-width:none}.recording-summary{grid-template-columns:1fr 1fr;padding:20px;gap:15px}.recording-summary>div:first-child{grid-column:1/-1}.recording-summary b{margin:0}.recording-heading{flex-wrap:wrap}.recording-meta{width:100%;text-align:left;display:flex;justify-content:space-between}.library-filters{padding:14px;gap:10px}.library-filters label{flex:1;min-width:130px}.library-filters input{min-width:0;width:100%}.playback-tools button{min-height:44px}.sidebar .nav{overflow-x:auto;flex-wrap:nowrap;justify-content:start}.sidebar .nav button{flex-shrink:0;min-width:66px}.emoji-picker{grid-template-columns:repeat(6,1fr)}.recording-actions button{font-size:12px}.card .row{flex-wrap:wrap}}

#mobile-view{display:none}
#global-call:not(:empty){position:sticky;top:0;z-index:25;max-height:45dvh;overflow-y:auto;box-shadow:0 5px 14px #153f3922}
@media(max-width:660px){.call-banner button{min-height:42px;padding:9px 12px}.call-banner{padding:12px;gap:8px}}
@media(max-width:660px){#mobile-view{display:block;min-width:0;max-width:150px;font-size:12px;padding:8px}.topbar .breadcrumb{display:none}.sidebar .nav button{flex-direction:column;gap:5px;min-height:54px}.sidebar .nav button span{display:block;font-size:9px;line-height:1.1}.sidebar{height:68px}.main{padding-bottom:68px}.topbar-actions{gap:2px}.online-toggle{font-size:10px;padding:7px}.topbar{padding:0 10px}.topbar-actions .ghost{padding:6px}}