body .sound-settings{max-width:920px;padding-bottom:160px}body .sound-settings h1{font-size:30px;letter-spacing:-1px;margin-bottom:10px}.sound-intro{color:#647089;line-height:1.8;margin-bottom:28px}
body .sound-settings fieldset{min-width:0;border:0;padding:0;margin:0}.sound-card{background:#fff;border:1px solid #dfe4f0;border-radius:18px;padding:26px;margin-bottom:20px}.sound-heading{display:flex;justify-content:space-between;gap:14px;align-items:center}.sound-heading h2{font-size:19px;margin:0 0 7px}.sound-heading p{font-size:13px;color:#647089;margin:0;line-height:1.6}
body .sound-settings button{width:auto;min-height:38px;padding:8px 13px;font-size:13px;white-space:nowrap;border:1px solid #dfe4f0;background:#fff;border-radius:8px;box-shadow:none}.sound-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 0;border-bottom:1px solid #edf0f5}.sound-toggle{display:flex!important;flex-direction:row!important;gap:13px;align-items:center;margin:0!important}.sound-toggle strong{display:block;font-size:15px}.sound-toggle small{display:block;color:#647089;font-size:12px;margin-top:6px;line-height:1.6}
body .sound-settings input[type=checkbox]{width:19px!important;height:19px!important;min-height:0!important;margin:0;flex:0 0 19px;accent-color:#3345ef;padding:0}.sound-switch{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;white-space:nowrap;font-size:13px;margin:0!important}.sound-volume{display:block;margin-top:24px}.sound-volume>span{display:flex;justify-content:space-between;font-size:14px}.sound-volume output{color:#3345ef;font-weight:700}body .sound-settings input[type=range]{width:100%;accent-color:#3345ef;padding:0;min-height:28px;height:28px;margin-top:10px}
.sound-device{font-size:12px;color:#647089;padding:10px 12px;background:#f5f7ff;border-radius:8px;margin:18px 0 0}.quiet-current{font-size:13px;color:#647089;margin:18px 0}.quiet-current[data-active=true]{color:#71531e;background:#fff5da;padding:12px;border-radius:8px}body .sound-settings .quiet-window{padding:16px;background:#f8f9fd;border:1px solid #e7eaf2;border-radius:12px;margin:18px 0}.quiet-window legend{font-size:12px;color:#647089;padding:0 6px}
.quiet-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.quiet-days label{position:relative;margin:0!important;cursor:pointer;text-align:center}.quiet-days input{position:absolute;opacity:0}.quiet-days span{display:block;padding:9px 0;border:1px solid #dfe4f0;border-radius:8px;background:white;font-size:13px}.quiet-days input:checked+span{background:#3345ef;border-color:#3345ef;color:white}.quiet-days input:focus-visible+span{outline:2px solid #3345ef;outline-offset:3px}.quiet-times{display:flex;align-items:end;gap:12px;margin-top:16px}.quiet-times label{flex:1;min-width:0;font-size:12px;margin:0!important}.quiet-times input[type=time]{display:block;width:100%!important;min-width:0!important;padding:10px!important;min-height:42px!important;font-size:16px!important;background:#fff;border:1px solid #dfe4f0;border-radius:8px;margin-top:7px;box-sizing:border-box}.sound-help,.sound-guide p{font-size:12px;line-height:1.8;color:#647089}.sound-help{margin:18px 0 0}.sound-save{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:20px 0}.sound-save p{font-size:13px}.sound-save button{min-width:120px}.sound-guide{padding:10px 6px}.sound-guide h2{font-size:14px}.sound-guide p{margin:8px 0}
body .sound-notice{position:fixed;bottom:18px;right:22px;z-index:180;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 40px);padding:11px 14px;background:#fff;border:1px solid #dfe4f0;border-radius:12px;box-shadow:0 4px 20px #22376515;font-size:12px;color:#485575}.sound-notice[data-quiet=true]{background:#fff5da;border-color:#f2d79b}body .sound-notice button{min-height:32px!important;min-width:0!important;width:auto!important;padding:6px 10px!important;border-radius:7px;background:#3345ef;color:white;font-size:12px;white-space:nowrap}.sound-notice a{white-space:nowrap;color:#3345ef}.sound-notice[hidden],.sound-notice button[hidden]{display:none!important}
body .task-status-control{position:relative;display:inline-block;margin:0;vertical-align:middle}body .task-status-control>summary.task-status{list-style:none;cursor:pointer;min-height:32px;padding:6px 10px!important;border-radius:6px;font-size:13px;white-space:nowrap;width:max-content} .task-status-control>summary::-webkit-details-marker{display:none}.task-status-control>summary::after{content:'';display:inline-block;width:18px;height:18px;flex-shrink:0;background-color:currentColor;mask:var(--ui-icon-chevron-down) center/contain no-repeat;font-size:13px;margin-left:4px}.task-status-menu{position:absolute;left:0;top:calc(100% + 5px);z-index:80;min-width:150px;background:white;border:1px solid #dfe4f0;border-radius:10px;box-shadow:0 5px 18px #18254024;padding:10px}.task-status-menu p{font-size:11px;color:#647089;margin:6px 3px}.task-status-menu button.task-status{display:flex!important;min-height:28px;width:auto!important;padding:4px 9px!important;border-radius:4px!important;font-size:12px!important;margin:5px 0;white-space:nowrap}.task-status-menu button[aria-checked=true]{outline:2px solid var(--status-dot);outline-offset:1px}.task-status-control[open]{z-index:81}.task-status-control[aria-busy=true]{pointer-events:none;opacity:.65}
@media(max-width:720px){body .sound-settings{padding:22px 16px 170px}.sound-settings h1{font-size:25px!important}.sound-card{padding:20px 17px;border-radius:14px}.sound-heading{align-items:flex-start}.sound-heading p{font-size:12px}.quiet-times{gap:9px}.quiet-days{gap:5px}body .sound-settings .quiet-window{padding:12px 9px}.sound-row{gap:8px}.sound-toggle{gap:9px}body .sound-notice{bottom:calc(78px + env(safe-area-inset-bottom,0px));left:12px;right:12px;max-width:none;gap:9px;font-size:11px;padding:10px}.sound-notice>span{flex:1}.sound-toggle small{max-width:190px}.sound-switch span{font-size:12px}}
@media(max-width:480px){.quiet-times{display:grid;grid-template-columns:1fr 1fr}.quiet-times>button{grid-column:1/-1;justify-self:end}.sound-heading h2{font-size:18px}.sound-heading>button{flex-shrink:0}.sound-row button{padding:7px 10px!important}.sound-notice{flex-wrap:wrap}}

/* A quiet part of the workspace edge; never a floating card over the work. */
html[data-theme] body .sound-notice{left:296px;right:0;bottom:0;top:auto;max-width:none;min-height:44px;box-sizing:border-box;padding:6px 24px;gap:12px;flex-wrap:nowrap;justify-content:flex-end;border:0!important;border-top:1px solid var(--theme-line)!important;border-radius:0!important;box-shadow:none!important;background:var(--theme-bg)!important;color:var(--theme-muted)!important;font-size:12px;line-height:1.5}
html[data-theme] body .sound-notice>span{min-width:0;overflow-wrap:anywhere}
html[data-theme] body .sound-notice button{height:32px;min-height:32px!important;flex:none;border:0!important;border-radius:7px!important;padding:5px 10px!important;background:var(--theme-soft)!important;color:var(--theme-accent)!important;box-shadow:none!important;font-size:12px!important;font-weight:600;line-height:20px!important}
html[data-theme] body .sound-notice a{display:inline-flex;align-items:center;min-height:32px;color:var(--theme-accent)!important;font-size:12px;text-decoration:none;flex:none}
html[data-theme] body .sound-notice a:hover{text-decoration:underline}
html[data-theme] body.chat-native-desktop .sound-notice,html[data-theme] body.chat-popup-window .sound-notice{left:0}
@media(min-width:721px) and (max-width:1100px){html[data-theme] body .sound-notice{left:272px}}
@media(max-width:720px){
 html[data-theme] body .sound-notice{left:0;right:0;bottom:var(--mobile-nav-height,61px);padding:6px 16px;min-height:44px;gap:10px;font-size:11px;justify-content:space-between}
 html[data-theme] body .sound-notice>span{flex:1}
 html[data-theme] body .sound-notice :is(button,a){font-size:11px!important}
 html[data-theme] body .mobile-work-tabs{background:var(--theme-bg)!important;box-shadow:none!important}
}
/* Chat and its separate desktop window share the same inline composer footer. */
html[data-theme] body.chat-app #projectsPage .chat-compose .sound-notice{position:static;inset:auto;width:100%;min-height:38px;padding:8px 0 0;margin:8px 0 0;background:transparent!important;justify-content:flex-end;gap:10px}
html[data-theme] body.chat-app #projectsPage .chat-compose .sound-notice>span{margin-right:auto}
html[data-theme] body.chat-popup-window:has(.chat-compose .sound-notice) .chat-thread{padding-top:14px!important}
@media(max-width:720px){html[data-theme] body.chat-app #projectsPage .chat-compose .sound-notice{padding-top:6px;margin-top:6px}}
@media(max-width:360px){.quiet-times{grid-template-columns:1fr}.quiet-times>button{grid-column:auto}}