@keyframes dt-cloud-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.3;transform:scale(0.92)}}@keyframes dt-ai-bar-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes dt-ai-bar-grow{0%{width:10%}35%{width:50%}75%{width:88%}100%{width:100%}}.dt-focus-card:hover video,.dt-darklist-card:hover video{opacity:1!important}.dt-status-cluster{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.dt-status-pill,.dt-weather-button{height:50px!important;padding:0 16px!important;border:1px solid var(--tline,var(--line))!important;border-radius:14px!important;background:var(--tbg,var(--glass))!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:inline-flex;align-items:center;color:var(--tfg);overflow:visible}.dt-status-item{height:100%;display:inline-flex;align-items:center;gap:8px}.dt-status-separator{display:none!important}.dt-weather-in-cluster{position:relative;height:50px;display:inline-flex;align-items:center}.dt-project-header{flex-wrap:nowrap!important}.dt-project-title{flex:1 1 auto!important}.dt-project-actions{height:34px;display:inline-flex;align-items:stretch;border:1px solid var(--line-2);border-radius:10px;overflow:visible;flex:none}.dt-project-actions .dt-project-action,.dt-project-actions .dt-ai-batch{width:34px!important;height:32px!important;min-width:34px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--muted);box-shadow:none!important}.dt-project-actions button+button{border-left:1px solid var(--line-2)!important}.dt-project-actions button:hover{color: var(--accent-text)!important;background:var(--accent-weak)!important}.dt-task-grid,.dt-darktask-grid{display:grid!important;grid-template-columns:repeat(auto-fill,270px)!important;gap:14px!important;align-items:start}.dt-task-card{width:270px!important;height:170px!important;min-width:270px!important;max-width:270px!important;overflow:hidden!important}.dt-darktask-card{width:270px!important;height:100px!important;min-width:270px!important;min-height:100px!important;max-width:270px!important;padding:12px 14px!important}.dt-general-section{width:calc(100% - clamp(28px,6vw,52px));max-width:1868px;margin:0 auto 32px;padding:0 clamp(14px,3vw,26px)}.dt-general-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.dt-general-heading>div{display:flex;align-items:baseline;gap:9px}.dt-general-heading h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600}.dt-general-heading span{font:500 10.5px JetBrains Mono,monospace;color:var(--faint)}.dt-general-heading button,.dt-card-icon-action{width:34px;height:34px;border:1px solid var(--line-2);border-radius:10px;background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.dt-general-empty{width:270px;height:100px;border:1px dashed var(--line-2);border-radius:16px;background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:8px;font:500 13px Manrope,sans-serif;cursor:pointer}.dt-general-empty:hover,.dt-general-heading button:hover,.dt-card-icon-action:hover{border-color:var(--accent);color: var(--accent-text);background:var(--accent-weak)}.dt-card-text-action{height:34px;padding:0 11px;border:1px solid var(--line-2);border-radius:10px;background:var(--panel-2);color:var(--text);font:500 12px Manrope,sans-serif;cursor:pointer}.dt-card-icon-action{width:32px;height:32px;border-color:var(--line)}.dt-task-footer{margin-top:auto!important;display:flex;align-items:center;gap:6px;padding-top:10px;border-top:1px solid var(--line)}.dt-task-actions{height:34px;display:inline-flex;align-items:stretch;border:1px solid var(--line-2);border-radius:10px;overflow:hidden;flex:none}.dt-task-actions button{width:34px!important;height:32px!important;min-width:34px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--muted)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.dt-task-actions button+button{border-left:1px solid var(--line-2)!important}.dt-task-actions button:hover{color: var(--accent-text)!important;background:var(--accent-weak)!important}.dt-darktask-timer{position:absolute;z-index:4;top:10px;right:13px;display:flex;align-items:center;gap:8px;pointer-events:none}.dt-darktask-timer span{font:600 9px JetBrains Mono,monospace;color: var(--accent-text);letter-spacing:.02em}.dt-darktask-timer i{display:block;width:4px;height:4px;border-radius:999px;background:var(--accent);box-shadow:0 0 10px var(--accent);will-change:opacity;animation:dt-darktask-blink 1.2s steps(36) infinite}.dt-darktask-card>div:nth-of-type(2){padding-right:76px}@keyframes dt-darktask-blink{0%,100%{opacity:.22}50%{opacity:1}}.dt-view-modal{width:700px!important;height:450px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 24px)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;background:var(--glass);backdrop-filter:blur(16px);border:1px solid var(--line-2);border-radius:22px;box-shadow:var(--shadow);animation:dt-scaleIn .24s ease}.dt-view-header{height:68px;flex:none;display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line);background:var(--glass-2);backdrop-filter:blur(16px);z-index:2}.dt-view-layout{display:flex;flex:1;min-height:0;overflow:hidden}.dt-view-main{flex:1;min-width:0;overflow-y:auto;padding:22px 24px}.dt-view-attachments{width:250px;min-width:250px;overflow-y:auto;padding:18px;border-left:1px solid var(--line);background:var(--panel);animation:dt-view-side .2s ease-out}.dt-view-attachments-title{display:flex;align-items:center;gap:8px;margin:0 0 12px}.dt-view-attachments>sc-if>div:nth-of-type(2),.dt-view-attachments>div:nth-of-type(2){grid-template-columns:repeat(2,minmax(0,1fr))!important}.dt-view-footer{height:66px;flex:none;display:flex;align-items:center;justify-content:flex-end;padding:14px 18px;border-top:1px solid var(--line);background:var(--glass-2);backdrop-filter:blur(16px)}.dt-view-header-menu,.dt-view-actions{display:inline-flex;align-items:stretch;border:1px solid var(--line-2);border-radius:10px;overflow:hidden}.dt-view-header-menu{height:36px}.dt-view-header-menu button,.dt-view-actions button{height:34px!important;min-width:36px!important;margin:0!important;padding:0 12px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--muted)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;font:500 12.5px Manrope,sans-serif!important}.dt-view-header-menu button{width:36px!important;padding:0!important}.dt-view-header-menu button+button,.dt-view-actions button+button{border-left:1px solid var(--line-2)!important}.dt-view-header-menu button:hover,.dt-view-actions button:hover{color: var(--accent-text)!important;background:var(--accent-weak)!important}.dt-view-actions button:last-child:hover{color:var(--danger)!important}@keyframes dt-view-side{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}.dt-routine-actions{width:max-content;max-width:100%;margin-left:auto;display:inline-flex;align-items:stretch;border:1px solid var(--line-2);border-radius:11px;overflow:hidden}.dt-routine-actions button{height:40px!important;margin:0!important;padding:0 16px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--muted)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font:500 13px Manrope,sans-serif!important}.dt-routine-actions button+button{border-left:1px solid var(--line-2)!important}.dt-routine-actions button:hover{color:var(--text)!important;background:var(--panel-2)!important}.dt-routine-actions button[data-id]:hover{color:var(--danger)!important}.dt-routine-actions button[type=submit]{color: var(--accent-text)!important;background:var(--accent-weak)!important;font-weight:650!important}@media(max-width:760px){.dt-status-cluster{max-width:100%;overflow-x:auto}.dt-task-grid,.dt-darktask-grid{grid-template-columns:minmax(0,270px)!important}.dt-project-header{flex-wrap:wrap!important}.dt-project-actions{margin-left:auto}}

html,body{width:100%;max-width:100%;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}
[style*="max-width:1920px"]{width:100%!important;max-width:1920px!important}
[style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important}
.dt-project-header{display:flex;align-items:center;gap:9px;padding:14px 15px;min-width:0;flex-wrap:wrap}
.dt-project-title{display:flex;align-items:center;gap:10px;flex:1 1 300px;min-width:180px;cursor:pointer}
.dt-project-action,.dt-ai-batch{position:relative;width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:0!important;flex:none}
[data-tooltip]{position:relative}
[data-tooltip]::after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 9px);transform:translate(-50%,5px);z-index:300;max-width:240px;width:max-content;padding:7px 9px;border:1px solid var(--line-2);border-radius:8px;background:var(--bg-elev);color:var(--text);box-shadow:var(--shadow);font:600 11px/1.25 Manrope,system-ui,sans-serif;letter-spacing:0;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s ease,transform .14s ease,visibility .14s ease}
[data-tooltip]::before{content:"";position:absolute;left:50%;bottom:calc(100% + 4px);z-index:301;width:8px;height:8px;border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2);background:var(--bg-elev);transform:translateX(-50%) rotate(45deg);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s ease,visibility .14s ease}
[data-tooltip]:hover::after,[data-tooltip]:focus-visible::after,[data-tooltip]:hover::before,[data-tooltip]:focus-visible::before{opacity:1;visibility:visible;transform:translate(-50%,0)}
[data-tooltip]:hover::before,[data-tooltip]:focus-visible::before{transform:translateX(-50%) rotate(45deg)}
.dt-profile-access{width:100%;max-width:520px;animation:dt-fade .5s ease}
.dt-profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:14px;margin:20px 0 24px}
.dt-profile-wrap{position:relative;min-width:0}
.dt-profile-card{appearance:none;width:100%;height:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:18px;padding:15px 10px 13px;display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0;cursor:pointer;font-family:Manrope,sans-serif;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}
.dt-profile-card:hover,.dt-profile-card:focus-visible{transform:translateY(-2px);border-color:var(--accent);background:var(--accent-weak);box-shadow:0 12px 34px -24px var(--accent);outline:none}
.dt-profile-avatar{width:68px;height:68px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--panel-2);border:2px solid var(--line-2);color:var(--text);font:700 22px/1 'Space Grotesk',sans-serif;box-shadow:0 0 0 4px transparent;transition:box-shadow .16s ease,border-color .16s ease}
.dt-profile-card.is-active .dt-profile-avatar{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-weak)}
.dt-profile-delete{position:absolute;z-index:2;top:8px;right:8px;width:30px;height:30px;border-radius:9px;border:1px solid var(--line);background:var(--bg-elev);color:var(--faint);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:.72;transition:opacity .16s ease,color .16s ease,border-color .16s ease,background .16s ease}
.dt-profile-delete:hover,.dt-profile-delete:focus-visible{opacity:1;color:var(--danger);border-color:var(--danger);background:var(--panel-2);outline:none}
.dt-profile-avatar img{width:100%;height:100%;object-fit:cover}
.dt-profile-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650}
.dt-profile-active{font:600 9px/1 'JetBrains Mono',monospace;color: var(--accent-text);text-transform:uppercase;letter-spacing:.08em;min-height:9px}
.dt-folder-action{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 14px;border-radius:13px;border:1px solid var(--line-2);background:transparent;color:var(--text);font:600 13.5px/1.2 Manrope,sans-serif;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}
.dt-folder-action:hover{border-color:var(--accent);background:var(--accent-weak);color: var(--accent-text)}
.dt-folder-action:disabled{opacity:.58;cursor:wait}
@media (max-width:1100px){.dt-project-title{flex-basis:calc(100% - 30px)}.dt-project-header{align-items:center}.dt-project-action,.dt-ai-batch{width:36px!important;height:36px!important}}
@media (max-width:760px){[style*="max-width:1920px"]{padding-left:14px!important;padding-right:14px!important}.dt-profile-grid{grid-template-columns:repeat(auto-fit,minmax(92px,1fr))}.dt-project-title{flex-basis:100%}[data-tooltip]::after,[data-tooltip]::before{display:none}}
@media (min-width:1921px){[style*="max-width:1920px"]{max-width:2200px!important}}

.dt-login-shell{min-height:100vh;color:#E9F5F0;background:
radial-gradient(circle at 14% 18%,rgba(95,230,184,.12),transparent 31%),
radial-gradient(circle at 84% 78%,rgba(86,126,255,.08),transparent 36%),
linear-gradient(145deg,#04060A 0%,#071018 52%,#04060A 100%);
--bg:#04060A;--bg-elev:#0A1018;--panel:#0C131C;--panel-2:#111C28;
--line:rgba(120,220,190,.11);--line-2:rgba(120,220,190,.22);--text:#E9F5F0;
--muted:#A6C3BA;--faint:#6C857D;--accent:#5FE6B8;--accent-weak:rgba(95,230,184,.14);
--on-accent:#03120C;--danger:#E0768C;--shadow:0 22px 60px -24px rgba(0,0,0,.82)}
.dt-login-brand{position:relative;background:transparent!important;border:0!important}
.dt-login-brand:after{content:"";position:absolute;inset:9% 8%;border-radius:50%;background:radial-gradient(circle,rgba(95,230,184,.07),transparent 68%);filter:blur(22px);pointer-events:none}
.dt-login-access{position:relative}
.dt-login-access:before{content:"";position:absolute;left:0;top:12%;bottom:12%;width:1px;background:linear-gradient(180deg,transparent,rgba(166,195,186,.18),transparent)}
.dt-login-logo{width:min(100%,430px);height:auto;aspect-ratio:681/113;display:block;object-fit:contain;object-position:center;image-rendering:auto;filter:drop-shadow(0 8px 28px rgba(0,0,0,.55))}
.dt-audio-list{display:flex;flex-direction:column;gap:10px}
.dt-audio-row{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.dt-audio-copy{flex:1;min-width:0}.dt-audio-title{font-size:13.5px;font-weight:650;color:var(--text)}
.dt-audio-file{margin-top:3px;color:var(--muted);font:500 10.5px/1.35 'JetBrains Mono',monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dt-audio-actions{display:flex;align-items:center;gap:6px;flex:none}.dt-audio-btn{height:32px;padding:0 10px;border:1px solid var(--line-2);border-radius:9px;background:transparent;color:var(--muted);font:650 10.5px Manrope,sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}
.dt-audio-btn:hover,.dt-audio-btn:focus-visible{border-color:var(--accent);color:var(--text);background:var(--accent-weak);outline:none}.dt-audio-btn.is-primary{color: var(--accent-text);border-color:color-mix(in srgb,var(--accent) 52%,var(--line-2))}
@media(max-width:840px){.dt-login-brand,.dt-login-access{flex-basis:100%!important}.dt-login-brand{min-height:auto}.dt-login-access:before{left:10%;right:10%;top:0;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,transparent,rgba(166,195,186,.18),transparent)}}
@media(max-width:560px){.dt-audio-row{align-items:flex-start;flex-wrap:wrap}.dt-audio-actions{width:100%;justify-content:flex-start}.dt-audio-btn{flex:1}}

[data-dt-theme] button{transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .1s ease}
[data-dt-theme] button:focus-visible{outline:2px solid var(--accent)!important;outline-offset:2px!important;box-shadow:0 0 0 4px var(--accent-weak)!important}
[data-dt-theme] button:not(:disabled):active{transform:translateY(1px)}
[data-dt-theme] .dt-unified-menu{gap:0!important;border:1px solid var(--line-2)!important;border-radius:10px!important;overflow:hidden!important;background:var(--panel-2)!important;box-shadow:none!important}
[data-dt-theme] .dt-unified-menu>button{margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
[data-dt-theme] .dt-unified-menu.dt-unified-row>button+button{border-left:1px solid var(--line-2)!important}
[data-dt-theme] .dt-unified-menu.dt-unified-column>button+button{border-top:1px solid var(--line-2)!important}
[data-dt-theme] .dt-unified-menu>button:not(:disabled):hover,[data-dt-theme] .dt-project-actions button:hover,[data-dt-theme] .dt-task-actions button:hover,[data-dt-theme] .dt-view-actions button:hover,[data-dt-theme] .dt-routine-actions button:hover,[data-dt-theme] .dt-view-header-menu button:hover{color: var(--accent-text)!important;background:var(--accent-weak)!important}
[data-dt-theme] button[title*="Excluir"]:hover,[data-dt-theme] button[aria-label*="Excluir"]:hover{color:var(--danger)!important;border-color:var(--danger)!important;background:color-mix(in srgb,var(--danger) 13%,transparent)!important}
[data-dt-theme="dark"] .dt-settings-overlay{background:rgba(0,0,0,.85)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}
[data-dt-theme="dark"] .dt-unified-menu{background-color:#18181D!important}
[data-dt-theme] .dt-login-shell{color:var(--text)!important;background:var(--bg)!important}
[data-dt-theme] .dt-login-brand>div:first-child{background:transparent!important}
[data-dt-theme] .dt-login-brand:after{background:radial-gradient(circle,var(--accent-weak),transparent 68%)!important}
[data-dt-theme] .dt-login-brand p{color:var(--muted)!important}
[data-dt-theme] .dt-login-access:before{background:linear-gradient(180deg,transparent,var(--line-2),transparent)!important}
@media(max-width:840px){[data-dt-theme] .dt-login-access:before{background:linear-gradient(90deg,transparent,var(--line-2),transparent)!important}}

.dt-settings-overlay{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;animation:dt-fade .2s ease}
.dt-legacy-save{display:none!important}
.dt-retire-backup{display:none!important}
.dt-reorg-hidden{display:none!important}
.dt-data-actions{display:flex;flex-direction:column;gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.dt-data-action{width:100%;display:flex;align-items:center;gap:11px;padding:13px 15px;border-radius:13px;border:1px solid var(--line-2);background:transparent;color:var(--text);cursor:pointer;font-family:'Manrope',sans-serif;font-size:14px;font-weight:500;text-align:left}
.dt-data-action>span:first-child{width:18px;color: var(--accent-text);font-weight:700;text-align:center}
.dt-audio-accordion-head{position:relative;padding:16px 52px 16px 16px!important;border:1px solid var(--line-2);border-radius:14px;background:var(--panel);margin-bottom:10px!important;cursor:pointer;transition:border-color .16s ease,background .16s ease}.dt-audio-accordion-head:hover{border-color:var(--accent);background:var(--accent-weak)}
.dt-audio-list.dt-audio-collapsed{display:none!important}
.dt-audio-toggle{position:absolute;right:16px;top:50%;width:22px;height:22px;transform:translateY(-50%);color:var(--text);pointer-events:none}.dt-audio-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}.dt-audio-accordion-head[aria-expanded="true"] .dt-audio-toggle svg{transform:rotate(180deg)}
@media(max-width:600px){.dt-audio-accordion-head{padding:14px 48px 14px 14px!important}}
.dt-settings-modal{width:min(1120px,calc(100vw - 40px));height:min(760px,calc(100vh - 40px));max-width:1120px;max-height:760px;background:var(--bg-elev);border:1px solid var(--line-2);border-radius:22px;box-shadow:var(--shadow);overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"header" "nav" "content";animation:dt-settings-pop .24s cubic-bezier(.22,.61,.36,1)}
.dt-settings-modal>div:nth-child(1){grid-area:header;padding:18px 22px!important;background:var(--panel);border-bottom:1px solid var(--line)!important}
/* O menu de abas das Configurações é definido num bloco único no fim deste
   arquivo, no padrão visual do menu da Lista compartilhável. */
.dt-settings-modal>div:nth-child(2)::-webkit-scrollbar{display:none}
.dt-settings-modal>div:nth-child(3){grid-area:content;min-width:0;min-height:0;overflow:auto!important;padding:28px 32px!important;scrollbar-gutter:stable}
.dt-settings-modal>div:nth-child(3)>sc-if{display:block;max-width:880px;margin:0 auto}
.dt-settings-modal div:has(>button[data-theme]){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;border:0!important;background:transparent!important;overflow:visible!important}
.dt-settings-modal div:has(>button[data-theme])>button{min-height:68px!important}
.dt-settings-modal div:has(>button[data-theme])>button:hover{border-color:var(--accent)!important;background:var(--accent-weak)!important}
/* Task editor: same canvas as task viewer, compact actions and responsive reflow. */
.dt-task-editor{width:100%!important;max-width:720px!important;max-height:90vh!important;scrollbar-gutter:stable;overscroll-behavior:contain}
.dt-task-editor textarea{min-height:112px}
.dt-task-editor-actions{width:max-content!important;max-width:100%;margin-left:auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;gap:10px!important;flex-wrap:wrap!important}
.dt-task-editor-actions.dt-unified-menu{border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.dt-task-editor-actions.dt-unified-menu>button{border-radius:12px!important}
.dt-task-editor-actions .dt-task-save,.dt-task-editor-actions.dt-unified-menu>.dt-task-save{border:1px solid var(--accent)!important;background:var(--accent)!important;color:var(--on-accent)!important;box-shadow:none!important;font-weight:700!important;white-space:nowrap}
.dt-task-editor-actions .dt-task-save:hover,.dt-task-editor-actions.dt-unified-menu>.dt-task-save:hover{background:var(--accent)!important;color:var(--on-accent)!important;filter:brightness(1.08)}
@media(min-width:680px){
.dt-task-editor{padding:26px 28px!important}
.dt-task-editor textarea{min-height:104px;max-height:180px}
}
@media(max-width:679px){
.dt-task-editor{max-height:calc(100vh - 24px)!important;padding:20px!important;border-radius:18px!important}
.dt-task-editor textarea{min-height:96px}
.dt-task-editor-actions{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-left:0!important}
.dt-task-editor-actions>button{width:100%!important;justify-content:center!important}
}
@media(max-width:420px){
.dt-task-editor{padding:17px!important}
.dt-task-editor-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@keyframes dt-settings-pop{from{opacity:0;transform:translateY(12px) scale(.975)}to{opacity:1;transform:none}}
@media(max-width:760px){
.dt-settings-overlay{padding:8px}
.dt-settings-modal{width:calc(100vw - 16px);height:calc(100vh - 16px);max-width:none;max-height:none;border-radius:18px;grid-template-rows:auto auto minmax(0,1fr)}
.dt-settings-modal>div:nth-child(3){padding:20px 18px!important}
.dt-settings-modal div:has(>button[data-theme]){grid-template-columns:1fr!important}
}

[data-dt-theme="dark"] [style*="background:var(--bg-elev)"],
[data-dt-theme="dark"] [style*="background: var(--bg-elev)"]{background-color:var(--bg-elev)!important}
[data-dt-theme="dark"] [style*="background:var(--panel)"],
[data-dt-theme="dark"] [style*="background: var(--panel)"]{background-color:var(--panel)!important}
[data-dt-theme="dark"] [style*="background:var(--panel-2)"],
[data-dt-theme="dark"] [style*="background: var(--panel-2)"]{background-color:var(--panel-2)!important}
[data-dt-theme="dark"] [style*="background:var(--glass)"],
[data-dt-theme="dark"] [style*="background: var(--glass)"]{background-color:var(--glass)!important}
[data-dt-theme="dark"] [style*="background:var(--glass-2)"],
[data-dt-theme="dark"] [style*="background: var(--glass-2)"]{background-color:var(--glass-2)!important}
[data-dt-theme="dark"] .dt-settings-overlay,
[data-dt-theme="dark"] [data-dt-task-overlay],
[data-dt-theme="dark"] [data-dt-view-overlay]{background:rgba(0,0,0,.72)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}

.dt-settings-overlay{align-items:center!important;justify-content:center!important;padding:20px!important}
.dt-settings-modal{width:min(1120px,calc(100vw - 40px))!important;height:min(760px,calc(100vh - 40px))!important;max-width:1120px!important;max-height:760px!important}
[data-dt-task-overlay],[data-dt-view-overlay]{display:flex!important;align-items:center!important;justify-content:center!important}
.dt-task-editor,.dt-view-modal{margin:auto!important;transform:none!important}

@media(max-width:760px){
  .dt-settings-overlay{padding:8px!important}
  .dt-settings-modal{width:calc(100vw - 16px)!important;height:calc(100vh - 16px)!important;max-width:none!important;max-height:none!important}
}

.dt-branding-admin{margin-top:22px;padding:18px;border:1px solid var(--line-2);border-radius:16px;background:var(--panel)}
.dt-branding-heading{display:flex;align-items:center;gap:12px;color: var(--accent-text)}
.dt-branding-heading>div{display:flex;flex-direction:column;gap:3px;color:var(--text)}
.dt-branding-heading strong,.dt-branding-preview strong{font-size:14px;font-weight:650}
.dt-branding-heading small,.dt-branding-preview small{font-size:12px;color:var(--muted);font-weight:400}
.dt-branding-lock{display:flex;gap:9px;margin-top:15px}
.dt-branding-lock input{flex:1;min-width:0;padding:11px 12px;border:1px solid var(--line-2);border-radius:10px;background:var(--bg-elev);color:var(--text);font:500 14px 'Manrope',sans-serif;outline:none}
.dt-branding-lock input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}
.dt-branding-lock button,.dt-branding-actions button,.dt-branding-upload{min-height:42px;padding:0 14px;border:1px solid var(--line-2);border-radius:10px;background:var(--panel-2);color:var(--text);font:600 12px 'Manrope',sans-serif;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.dt-branding-preview{display:grid;grid-template-columns:minmax(150px,260px) minmax(0,1fr);align-items:center;gap:16px;margin-top:15px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--bg-elev)}
.dt-branding-preview img{display:block;width:100%;height:auto;aspect-ratio:681/113;object-fit:contain;object-position:center;image-rendering:auto}
.dt-branding-preview>div{display:flex;flex-direction:column;gap:4px;min-width:0}.dt-branding-preview strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dt-branding-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.dt-branding-upload input{display:none}.dt-branding-upload{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.dt-branding-error{margin-top:10px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--danger) 45%,transparent);border-radius:9px;background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger);font-size:12px}
@media(max-width:560px){.dt-branding-lock{flex-direction:column}.dt-branding-preview{grid-template-columns:1fr}.dt-branding-actions>*{flex:1 1 auto}}

.dt-dashboard-grid{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:34px;align-items:stretch}
.dt-dashboard-card{flex:1 1 0;min-width:160px;min-height:154px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--text);display:flex;flex-direction:column;gap:10px;text-align:left;font-family:Manrope,sans-serif;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}
.dt-dashboard-action{cursor:pointer}.dt-dashboard-action:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 12px 26px -20px var(--accent)}
.dt-dashboard-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:12.5px;font-weight:650}.dt-dashboard-icon{position:relative;width:32px;height:32px;border:1px solid var(--line-2);border-radius:10px;color: var(--accent-text);display:inline-flex;align-items:center;justify-content:center;flex:none}.dt-dashboard-icon.is-ok,.dt-dashboard-metric.is-ok{color:var(--ok)}
.dt-dashboard-metric,.dt-focus-time{margin-top:auto;font:600 30px/1 'JetBrains Mono',monospace}.dt-dashboard-caption{color:var(--faint);font-size:11.5px;line-height:1.35}.dt-card-live-dot{position:absolute;top:-3px;right:-3px;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--bg),0 0 12px var(--accent);animation:dt-pulse 1.4s steps(42) infinite}
.dt-media-card{gap:8px}.dt-media-stations{display:flex;gap:3px;overflow-x:auto;scrollbar-width:none}.dt-media-stations::-webkit-scrollbar{display:none}.dt-media-stations button{flex:1 0 auto;min-width:0;height:25px;padding:0 6px;border:0;border-radius:7px;font:650 9px Manrope,sans-serif;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dt-media-player{display:flex;align-items:center;gap:9px;min-width:0}.dt-media-play{width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border:0!important;border-radius:50%!important;background:var(--accent)!important;color:var(--on-accent)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.dt-media-copy{min-width:0;display:flex;flex-direction:column}.dt-media-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dt-media-copy span{font-size:9.5px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dt-media-volume{display:flex;align-items:center;gap:7px;color:var(--faint)}
.dt-darktasks-container,.dt-general-section{margin:0 0 20px;padding:18px;border:1px solid var(--line-2);border-radius:20px;background:color-mix(in srgb,var(--panel) 78%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 5%,transparent);width:100%}.dt-darktasks-heading,.dt-general-heading{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.dt-master-overlay{position:fixed;inset:0;z-index:90;padding:20px;background:rgba(0,0,0,.62);backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;animation:dt-fade .18s ease}.dt-master-dialog{width:min(440px,100%);padding:24px;border:1px solid var(--line-2);border-radius:20px;background:var(--bg-elev);box-shadow:var(--shadow);animation:dt-scaleIn .22s ease}.dt-master-icon{width:42px;height:42px;margin-bottom:16px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.dt-master-dialog h3{margin:0 0 8px;font:600 19px 'Space Grotesk',sans-serif}.dt-master-dialog p{margin:0 0 18px;color:var(--muted);font-size:13px;line-height:1.55}.dt-master-dialog>label{display:block;margin-bottom:7px;color:var(--muted);font-size:12px;font-weight:600}.dt-master-dialog>input{width:100%;padding:12px 13px;border:1px solid var(--line-2);border-radius:11px;background:var(--panel-2);color:var(--text);font:500 14px Manrope,sans-serif;outline:none}.dt-master-dialog>input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}.dt-master-error{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--danger) 40%,transparent);border-radius:10px;background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger);font-size:12.5px}.dt-master-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.dt-master-actions button{height:40px;padding:0 16px;border:1px solid var(--line-2);border-radius:11px;background:transparent;color:var(--text);font:600 13px Manrope,sans-serif;cursor:pointer}.dt-master-actions .is-danger{border-color:var(--danger);background:var(--danger);color:#fff}
.dt-login-shell{background:#000!important;background-image:none!important}
.dt-login-brand{justify-content:center!important;align-items:center!important;gap:26px!important;background:#000!important;text-align:center}
.dt-login-brand:after,.dt-login-brand>div[style*="position:absolute"]{display:none!important}
.dt-login-brand>a{width:min(100%,430px);justify-content:center;flex:none}
.dt-login-brand>div:last-child{width:min(100%,560px);flex:none}
.dt-login-brand h1{margin-bottom:14px!important}.dt-login-brand p{max-width:none!important;margin-inline:auto!important;color:var(--muted)!important}
.dt-login-access{align-items:center!important;background:#000!important}.dt-login-access:before{display:none!important}
.dt-profile-access{min-height:0!important;display:block!important}.dt-profile-access>sc-if{display:block!important}.dt-folder-action{margin-top:0!important}
@media(min-width:841px){.dt-login-brand,.dt-login-access{min-height:100vh}}
@media(max-width:840px){.dt-login-shell{display:block!important}.dt-login-brand,.dt-login-access{min-height:auto!important;padding:32px clamp(18px,6vw,42px)!important}.dt-login-brand{gap:20px!important}.dt-login-access{padding-top:36px!important;padding-bottom:42px!important}}
@media(max-width:1220px){.dt-dashboard-card{flex:1 1 calc(33.333% - 12px)}}
@media(max-width:760px){.dt-dashboard-card{flex:1 1 calc(50% - 12px)}.dt-media-card{flex:1 1 100%}.dt-darktasks-container,.dt-general-section{padding:14px}}
@media(max-width:430px){.dt-dashboard-card{flex:1 1 100%}.dt-master-actions{flex-direction:column-reverse}.dt-master-actions button{width:100%}}

[data-dt-theme="dark"] svg,[data-dt-theme="dark"] svg use{visibility:visible!important;opacity:1!important}

[data-dt-theme] .dt-settings-overlay{display:flex!important;align-items:center!important;justify-content:center!important;padding:clamp(12px,3vw,34px)!important}
[data-dt-theme] .dt-settings-modal{width:min(960px,calc(100vw - 24px))!important;height:min(680px,calc(100vh - 24px))!important;max-width:960px!important;max-height:680px!important;margin:auto!important;background:var(--glass)!important;border:1px solid var(--line-2)!important;border-radius:22px!important;box-shadow:var(--shadow)!important;overflow:hidden!important;grid-template-rows:68px auto minmax(0,1fr)!important;animation:dt-scaleIn .24s ease!important}
[data-dt-theme] .dt-settings-modal>div:nth-child(1){height:68px!important;padding:16px 18px!important;background:var(--glass-2)!important;border-bottom:1px solid var(--line)!important}
[data-dt-theme] .dt-settings-modal>div:nth-child(1) h3{font-size:19px!important}
/* As abas das Configurações são definidas num único bloco no fim deste
   arquivo, seguindo o padrão do menu da Lista compartilhável. */
[data-dt-theme] .dt-settings-modal>div:nth-child(2){flex-wrap:nowrap!important}
[data-dt-theme] .dt-settings-modal>div:nth-child(3){padding:22px 24px!important;font-size:14px!important;line-height:1.5!important}
[data-dt-theme] .dt-settings-modal :is(p,label,span:not([aria-hidden="true"])){font-size:max(12.5px,1em)!important}
[data-dt-theme] .dt-settings-modal :is(button,input,textarea,select){font-size:13px!important}

[data-dt-theme="dark"] .dt-task-editor,[data-dt-theme="dark"] .dt-view-modal{margin:auto!important;position:relative!important;inset:auto!important;transform:none!important}

[data-dt-theme="dark"] .dt-dashboard-card-head{font-size:13.5px!important}
[data-dt-theme="dark"] .dt-dashboard-caption{font-size:12.5px!important}
[data-dt-theme="dark"] .dt-media-stations button{font-size:11.5px!important}
[data-dt-theme="dark"] .dt-media-copy strong{font-size:13px!important}
[data-dt-theme="dark"] .dt-media-copy span,[data-dt-theme="dark"] .dt-media-volume span,[data-dt-theme="dark"] .dt-darktask-timer span{font-size:11.5px!important}
[data-dt-theme="dark"] .dt-general-heading span{font-size:12px!important}
@media(max-width:760px){
  [data-dt-theme] .dt-settings-overlay{padding:8px!important}
  [data-dt-theme] .dt-settings-modal{width:calc(100vw - 16px)!important;height:calc(100vh - 16px)!important;max-width:none!important;max-height:none!important}
  [data-dt-theme] .dt-settings-modal>div:nth-child(3){padding:18px!important}
}

html:has(.dt-login-shell),body:has(.dt-login-shell){background:#fff!important}
[data-dt-theme] .dt-login-shell{
  width:100%!important;min-height:100vh!important;padding:clamp(28px,6vh,64px) 24px!important;
  display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;
  align-items:center!important;justify-content:center!important;gap:clamp(28px,4vh,42px)!important;
  color:#202020!important;background:#fff!important;background-image:none!important;
  --bg:#fff!important;--bg-elev:#fff!important;--panel:#F7F7F7!important;--panel-2:#EFEFEF!important;
  --line:rgba(20,20,20,.09)!important;--line-2:rgba(20,20,20,.18)!important;
  --text:#202020!important;--muted:#656565!important;--faint:#909090!important;
  --accent:#202020!important;--accent-2:#000!important;--accent-weak:rgba(20,20,20,.075)!important;
  --on-accent:#fff!important;--danger:#B74740!important;--shadow:0 22px 60px -30px rgba(0,0,0,.22)!important;
}
[data-dt-theme] .dt-login-brand{
  width:min(520px,100%)!important;min-height:0!important;flex:none!important;padding:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;
  background:#fff!important;text-align:center!important;overflow:visible!important;
}
[data-dt-theme] .dt-login-brand:after,
[data-dt-theme] .dt-login-brand>div,
[data-dt-theme] .dt-login-brand>div[style*="position:absolute"]{display:none!important}
[data-dt-theme] .dt-login-brand>a{
  width:min(520px,100%)!important;display:flex!important;align-items:center!important;justify-content:center!important;
  flex:none!important;position:relative!important;z-index:1!important;
}
[data-dt-theme] .dt-login-logo{
  width:520px!important;max-width:100%!important;height:auto!important;display:block!important;
  object-fit:contain!important;object-position:center!important;filter:none!important;
}
[data-dt-theme] .dt-login-access{
  width:min(520px,100%)!important;min-height:0!important;flex:none!important;padding:0!important;
  display:flex!important;align-items:flex-start!important;justify-content:center!important;
  background:#fff!important;color:#202020!important;
}
[data-dt-theme] .dt-login-access:before{display:none!important}
[data-dt-theme] .dt-profile-access{width:100%!important;max-width:520px!important;min-height:0!important}
[data-dt-theme] .dt-profile-card{background:#F7F7F7!important;color:#202020!important}
[data-dt-theme] .dt-profile-delete{background:#fff!important}
@media(max-width:600px){
  [data-dt-theme] .dt-login-shell{justify-content:flex-start!important;padding:30px 18px 40px!important;gap:28px!important}
  [data-dt-theme] .dt-login-logo{width:min(520px,100%)!important}
}

/* cyrillic-ext */
/* Manrope e Space Grotesk saíram em 12/09/2026: a interface é Inter (base.css); o mono fica para números. */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/font-01.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/font-02.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/font-03.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/font-04.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/font-05.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/font-06.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/font-01.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/font-02.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/font-03.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/font-04.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/font-05.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/font-06.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/font-01.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/font-02.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/font-03.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/font-04.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/font-05.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/font-06.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */


*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:#0F0F10}
::selection{background:rgba(255,255,255,0.30)}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.10);border-radius:999px}
::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.18)}
::-webkit-scrollbar-track{background:transparent}
input::placeholder,textarea::placeholder{color:var(--faint)}
@keyframes dt-fade{from{opacity:0}to{opacity:1}}
@keyframes dt-pop{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@keyframes dt-slide{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@keyframes dt-scaleIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
@keyframes dt-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}
@keyframes dt-spin{to{transform:rotate(360deg)}}
@keyframes dt-inRight{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}
@keyframes dt-eq{0%,100%{height:6px}50%{height:15px}}
@keyframes dt-breathe{0%,100%{transform:scale(.6);opacity:.45}50%{transform:scale(1.25);opacity:1}}
@keyframes dt-ring{0%,100%{box-shadow:0 0 0 1px var(--accent),0 0 26px -6px var(--accent)}50%{box-shadow:0 0 0 1px var(--accent),0 0 40px -2px var(--accent)}}
@keyframes dt-aur1{0%,100%{transform:translate(0,0) scale(1);opacity:.85}50%{transform:translate(14%,8%) scale(1.25);opacity:1}}
@keyframes dt-aur2{0%,100%{transform:translate(0,0) scale(1.1);opacity:.7}50%{transform:translate(-16%,10%) scale(1.35);opacity:1}}
@keyframes dt-aur3{0%,100%{transform:translate(0,0) scale(1);opacity:.6}50%{transform:translate(10%,14%) scale(1.3);opacity:.95}}
@property --dt-angle{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes dt-rotate{to{--dt-angle:360deg}}
@keyframes dt-reveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes dt-countdown{from{width:0%}to{width:100%}}

/* Settings visual system: one spacing rhythm, one surface hierarchy, every theme. */
.dt-settings-polished{
  --dt-settings-gap:14px;
  --dt-settings-radius:14px;
  --dt-settings-pad:clamp(18px,3vw,30px);
}
.dt-settings-polished.dt-settings-modal{
  width:min(1080px,calc(100vw - clamp(20px,4vw,56px)))!important;
  height:min(760px,calc(100vh - clamp(20px,4vw,56px)))!important;
  max-width:1080px!important;
  max-height:760px!important;
  display:grid!important;
  grid-template-rows:72px auto minmax(0,1fr)!important;
  background:var(--bg-elev)!important;
  border:1px solid var(--line-2)!important;
  border-radius:20px!important;
  overflow:hidden!important;
}
.dt-settings-polished.dt-settings-modal>div:nth-child(1){
  height:72px!important;
  padding:16px 22px!important;
  background:var(--panel)!important;
  border-bottom:1px solid var(--line)!important;
}
.dt-settings-polished.dt-settings-modal>div:nth-child(1) h3{font-size:19px!important;letter-spacing:-.01em}
.dt-settings-polished.dt-settings-modal>div:nth-child(1) button{background:transparent!important}
/* Abas das Configurações: ver o bloco único no fim do arquivo. */
.dt-settings-polished.dt-settings-modal .dt-settings-tabs::-webkit-scrollbar{display:none}
.dt-settings-polished.dt-settings-modal>div:nth-child(3){
  min-width:0!important;
  min-height:0!important;
  padding:var(--dt-settings-pad)!important;
  background:var(--bg-elev)!important;
  overflow:auto!important;
  scrollbar-gutter:stable both-edges;
}
.dt-settings-polished .dt-settings-section{display:block!important;width:100%!important;max-width:900px!important;margin:0 auto!important;color:var(--text)!important}
.dt-settings-polished .dt-settings-section>*{max-width:100%;margin-bottom:0!important}
.dt-settings-polished .dt-settings-section>*+*{margin-top:var(--dt-settings-gap)!important}
.dt-settings-polished :is(form,.dt-branding-admin,.dt-audio-accordion-head,.dt-audio-row,.dt-data-actions,[style*="background:var(--panel)"]){
  border-color:var(--line-2)!important;
  background:var(--panel)!important;
  border-radius:var(--dt-settings-radius)!important;
}
.dt-settings-polished :is([style*="background:var(--panel-2)"],[style*="background: var(--panel-2)"]){
  background:var(--panel-2)!important;
  border-color:var(--line-2)!important;
}
.dt-settings-polished :is(input,textarea,select):not([type="file"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]){
  min-height:42px;
  border-radius:11px!important;
  border-color:var(--line-2)!important;
  background:var(--panel-2)!important;
  color:var(--text)!important;
}
.dt-settings-polished :is(input,textarea,select):focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-weak)!important;outline:none!important}
.dt-settings-polished :is(.dt-audio-row,.dt-data-action){box-shadow:0 1px 0 color-mix(in srgb,var(--text) 3%,transparent)}
.dt-settings-polished .dt-audio-row{min-height:66px;padding:12px 14px!important}
.dt-settings-polished .dt-audio-list{gap:10px!important}
.dt-settings-polished .dt-audio-actions{gap:7px!important}
.dt-settings-polished .dt-audio-btn{min-height:34px;border-radius:10px!important}
.dt-settings-polished .dt-audio-accordion-head{min-height:66px;margin:0!important}
.dt-settings-polished .dt-data-actions{gap:10px!important;margin-top:18px!important;padding:16px 0 0!important;border-width:1px 0 0!important;border-radius:0!important;background:transparent!important}
.dt-settings-polished.dt-settings-modal>div:nth-child(3)> .dt-data-actions{width:100%;max-width:900px;margin-left:auto;margin-right:auto}
.dt-settings-polished .dt-data-action{min-height:52px;padding:13px 15px!important}
.dt-settings-polished div:has(>button[data-theme]){gap:10px!important;margin-top:0!important}
.dt-settings-polished div:has(>button[data-theme])>button{min-height:62px!important;border-radius:12px!important}
.dt-settings-polished .dt-branding-admin{padding:16px!important}
.dt-settings-polished .dt-branding-preview{background:var(--bg-elev)!important;border-color:var(--line)!important}
.dt-settings-polished button:focus-visible{outline:2px solid var(--accent)!important;outline-offset:2px!important}
@media(max-width:760px){
  .dt-settings-polished.dt-settings-modal{width:calc(100vw - 16px)!important;height:calc(100vh - 16px)!important;max-width:none!important;max-height:none!important;border-radius:18px!important}
  .dt-settings-polished.dt-settings-modal>div:nth-child(1){height:64px!important;padding:14px 16px!important}
  .dt-settings-polished.dt-settings-modal>div:nth-child(3){padding:18px!important}
  .dt-settings-polished .dt-audio-row{align-items:flex-start;flex-wrap:wrap}
  .dt-settings-polished .dt-audio-copy{padding-top:2px}
  .dt-settings-polished .dt-audio-actions{width:100%;padding-left:46px}
}
@media(max-width:480px){
  .dt-settings-polished.dt-settings-modal>div:nth-child(1) h3{font-size:17px!important}
  .dt-settings-polished.dt-settings-modal>div:nth-child(3){padding:14px!important}
  .dt-settings-polished .dt-branding-lock,.dt-settings-polished .dt-branding-preview{grid-template-columns:1fr!important;flex-direction:column!important}
  .dt-settings-polished .dt-data-action{min-height:50px}
}
@media(prefers-reduced-motion:reduce){.dt-settings-polished *{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Configurações: Largura máxima 650px e ajuste das abas sem espaços vagos */
.dt-settings-modal,
[data-dt-theme] .dt-settings-modal,
.dt-settings-polished.dt-settings-modal {
  width: min(650px, calc(100vw - 20px)) !important;
  max-width: 650px !important;
  height: min(660px, calc(100vh - 32px)) !important;
  max-height: 660px !important;
  margin: auto !important;
}

.dt-settings-modal > div:nth-child(3) {
  padding: 20px 22px !important;
}

.dt-settings-polished .dt-settings-section,
.dt-settings-modal > div:nth-child(3) > sc-if {
  max-width: 100% !important;
}

[data-dt-theme="superlight"] :is(.dt-dashboard-card, .dt-project-card, .dt-audio-row, .dt-task-card, .dt-ai-settings-card, .dt-general-section) {
  border: 1px solid var(--line-2) !important;
  box-shadow: 0 3px 10px rgba(0,0,0,0.06) !important;
}

[data-dt-theme="superlight"] :is(input::placeholder, textarea::placeholder) {
  color: #676358 !important;
  opacity: 0.9 !important;
}

[data-dt-theme="superlight"] :is(.dt-dashboard-caption, .dt-media-copy span, .dt-media-volume span, .dt-project-meta, .dt-card-meta) {
  color: #48453D !important;
}

/* 3. As abas das Configurações são definidas num bloco único no fim deste
   arquivo, no mesmo padrão visual do menu da Lista compartilhável. */

/* 4. Overlay do modal de configurações mais nítido e legível */
.dt-settings-overlay {
  background: rgba(0, 0, 0, 0.45) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}

.dt-settings-modal {
  background: var(--bg-elev) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,0.30) !important;
}

/* 5. Separador "ou" e estado vazio da Agenda */
.dt-calendar-empty {
  color: var(--text) !important;
  font-weight: 550 !important;
  border-color: var(--line-2) !important;
  background: var(--panel) !important;
}

/* 6. Alertas sonoros em Accordion expansível (sem barra de rolagem interna) */
details.dt-audio-accordion summary::-webkit-details-marker {
  display: none;
}

details.dt-audio-accordion[open] .dt-accordion-arrow {
  transform: rotate(90deg) !important;
}

.dt-audio-list {
  max-height: none !important;
  overflow: visible !important;
  padding-bottom: 0 !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}

/* 7. Hierarquia visual nítida para botões de Áudio */
.dt-audio-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.dt-audio-btn {
  height: 34px !important;
  padding: 0 12px !important;
  border-radius: 9px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.dt-audio-btn.is-primary {
  background: var(--accent) !important;
  color: var(--on-accent) !important;
  border: 1px solid var(--accent) !important;
  font-weight: 700 !important;
}

.dt-audio-btn:not(.is-primary) {
  background: var(--panel-2) !important;
  color: var(--text) !important;
  border: 1px solid var(--line-2) !important;
}

/* 8. Animação de carregamento do status "Verificando..." da IA */
.dt-ai-settings-status.is-checking {
  color: var(--muted) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  animation: dt-pulse 1.2s steps(36) infinite !important;
}

.dt-ai-settings-status.is-checking::before {
  content: "◌";
  display: inline-block;
  font-weight: bold;
  animation: dt-spin 1s linear infinite;
}

@keyframes dt-spin { to { transform: rotate(360deg); } }

/* 9. Espaçamento inferior harmonioso para a página principal */
body {
  padding-bottom: 90px;
}

.dt-main-content,
.dt-projects-container,
.dt-grid,
.dt-dashboard-grid {
  padding-bottom: 0 !important;
}

.dt-dashboard-grid {
  margin-bottom: 20px !important;
}

.dt-general-section {
  margin-top: 24px !important;
  margin-bottom: 20px !important;
}

/* 11. Botão "Novo projeto" harmonizado no tema */
button[sc-camel-on-click="{{ openNewProject }}"] {
  box-shadow: 0 4px 14px rgba(0,0,0,0.12) !important;
  font-weight: 650 !important;
}

/* 12. Área de mídia com controles maiores e alto contraste */
.dt-media-card {
  gap: 12px !important;
  padding: 18px !important;
}

.dt-media-stations button {
  height: 28px !important;
  padding: 0 10px !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  color: var(--text) !important;
  background: var(--panel-2) !important;
}

.dt-media-copy strong {
  font-size: 13.5px !important;
  color: var(--text) !important;
}

.dt-media-copy span {
  font-size: 11.5px !important;
  color: var(--muted) !important;
  font-weight: 550 !important;
}

.dt-media-volume {
  color: var(--text) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

/* ==========================================================================
   PADRONIZAÇÃO GERAL DE BOTÕES E MENUS DO SISTEMA (DESIGN SYSTEM & UX)
   ========================================================================== */

/* Base Global para TODOS os Botões */
button,
.dt-btn,
[role="button"] {
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif !important;
  transition: background-color 0.16s cubic-bezier(0.16, 1, 0.3, 1),
              border-color 0.16s cubic-bezier(0.16, 1, 0.3, 1),
              color 0.16s cubic-bezier(0.16, 1, 0.3, 1),
              box-shadow 0.16s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.1s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
  user-select: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

button:focus-visible,
.dt-btn:focus-visible,
[role="button"]:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 3px var(--accent-weak), 0 0 0 1px var(--accent) !important;
}

button:not(:disabled):active,
.dt-btn:not(:disabled):active,
[role="button"]:not(:disabled):active {
  transform: scale(0.97) !important;
}

button:disabled,
.dt-btn:disabled,
[role="button"]:disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
  transform: none !important;
  box-shadow: none !important;
}

/* 1. Botões Primários (Ações Principais / Confirmação / Salvar) */
.dt-btn-primary,
.dt-task-save,
.dt-audio-btn.is-primary,
button[sc-camel-on-click="{{ openNewProject }}"],
button[sc-camel-on-click="{{ submitTask }}"],
[data-ai-copy-cmd] {
  background: var(--accent) !important;
  color: var(--on-accent) !important;
  border: 1px solid var(--accent) !important;
  font-weight: 650 !important;
  border-radius: 11px !important;
  box-shadow: 0 3px 12px color-mix(in srgb, var(--accent) 22%, transparent) !important;
}

.dt-btn-primary:hover,
.dt-task-save:hover,
.dt-audio-btn.is-primary:hover,
button[sc-camel-on-click="{{ openNewProject }}"]:hover,
[data-ai-copy-cmd]:hover {
  filter: brightness(1.08) !important;
  box-shadow: 0 5px 16px color-mix(in srgb, var(--accent) 32%, transparent) !important;
}

/* 2. Botões Secundários (Controles Padrão e Ações Secundárias) */
.dt-btn-secondary,
.dt-audio-btn:not(.is-primary),
[data-ai-test],
.dt-master-actions button:not(.is-danger) {
  background: var(--panel-2) !important;
  color: var(--text) !important;
  border: 1px solid var(--line-2) !important;
  font-weight: 600 !important;
  border-radius: 11px !important;
}

.dt-btn-secondary:hover,
.dt-audio-btn:not(.is-primary):hover,
[data-ai-test]:hover,
.dt-master-actions button:not(.is-danger):hover {
  border-color: var(--accent) !important;
  background: var(--accent-weak) !important;
  color: var(--text) !important;
}

/* 3. Botões Neutros / Ícones / Transparentes */
.dt-btn-ghost,
.dt-project-action,
.dt-task-actions button,
.dt-view-header-menu button,
.dt-card-icon-action,
.dt-dashboard-icon,
.dt-general-heading button {
  border-radius: 9px !important;
}

.dt-project-action:hover,
.dt-task-actions button:hover,
.dt-view-header-menu button:hover,
.dt-card-icon-action:hover,
.dt-general-heading button:hover {
  color: var(--accent-text) !important;
  background: var(--accent-weak) !important;
  border-color: var(--line-2) !important;
}

/* 4. Botões de Perigo / Exclusão */
.is-danger,
.dt-master-actions .is-danger,
button[title*="Excluir"],
button[title*="Remover"],
button[aria-label*="Excluir"] {
  background: color-mix(in srgb, var(--danger) 13%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--danger) 35%, transparent) !important;
  color: var(--danger) !important;
  font-weight: 600 !important;
}

.is-danger:hover,
.dt-master-actions .is-danger:hover,
button[title*="Excluir"]:hover,
button[title*="Remover"]:hover,
button[aria-label*="Excluir"]:hover {
  background: var(--danger) !important;
  color: #FFFFFF !important;
  border-color: var(--danger) !important;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--danger) 30%, transparent) !important;
}

/* 5. Padronização Global de Menus, Popovers e Dropdowns (Excluindo ações de cabeçalho de modal) */
.dt-unified-menu,
[role="menu"],
[class*="popover"],
[class*="dropdown"],
[class*="drawer"] {
  background: var(--bg-elev) !important;
  border: 1px solid var(--line-2) !important;
  border-radius: 14px !important;
  box-shadow: 0 16px 42px -12px rgba(0,0,0,0.30), 0 4px 12px rgba(0,0,0,0.12) !important;
  padding: 5px !important;
}

.dt-unified-menu > button,
[role="menu"] > button,
[class*="popover"] button,
[class*="dropdown"] button {
  min-height: 38px !important;
  padding: 8px 12px !important;
  border-radius: 9px !important;
  font-size: 13px !important;
  font-weight: 550 !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  color: var(--text) !important;
  background: transparent !important;
  border: 0 !important;
  width: 100% !important;
  text-align: left !important;
}

.dt-unified-menu > button:hover,
[role="menu"] > button:hover,
[class*="popover"] button:hover,
[class*="dropdown"] button:hover {
  background: var(--accent-weak) !important;
  color: var(--accent-text) !important;
}

/* Padronização Limpa de Botões de Fechar (X) e Ações de Cabeçalho de Modal */
.dt-view-header-menu {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.dt-view-header-menu button,
button[sc-camel-on-click="{{ closeViewTask }}"],
button[sc-camel-on-click="{{ closeTaskModal }}"],
button[sc-camel-on-click="{{ closeSettings }}"] {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  padding: 0 !important;
  border-radius: 9px !important;
  border: 1px solid var(--line-2) !important;
  background: transparent !important;
  color: var(--muted) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
}

.dt-view-header-menu button:hover,
button[sc-camel-on-click="{{ closeViewTask }}"]:hover,
button[sc-camel-on-click="{{ closeTaskModal }}"]:hover,
button[sc-camel-on-click="{{ closeSettings }}"]:hover {
  color: var(--text) !important;
  background: var(--accent-weak) !important;
  border-color: var(--line-2) !important;
}

/* 6. Separação visual entre itens de menu */
.dt-unified-menu.dt-unified-row > button + button {
  border-left: 1px solid var(--line-2) !important;
  border-radius: 0 !important;
}

.dt-unified-menu.dt-unified-column > button + button {
  margin-top: 2px !important;
}

/* ==========================================================================
   PADRONIZAÇÃO ABSOLUTA DOS MENUS E GRUPOS DE BOTÕES (PADRÃO PROJECT ACTIONS)
   ========================================================================== */

.dt-project-actions,
.dt-task-actions,
.dt-routine-actions,
.dt-view-actions,
.dt-weekday-group,
.dt-modal-footer-actions {
  display: inline-flex !important;
  align-items: stretch !important;
  border: 1px solid var(--line-2) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  gap: 0 !important;
  flex: none !important;
}

.dt-project-actions > button,
.dt-task-actions > button,
.dt-routine-actions > button,
.dt-view-actions > button,
.dt-weekday-group > button,
.dt-modal-footer-actions > button {
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--muted) !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 12px !important;
  font-weight: 550 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  box-shadow: none !important;
  outline: none !important;
  transition: background 0.16s ease, color 0.16s ease !important;
}

/* Linha divisória vertical única entre botões */
.dt-project-actions > button + button,
.dt-task-actions > button + button,
.dt-routine-actions > button + button,
.dt-view-actions > button + button,
.dt-weekday-group > button + button,
.dt-modal-footer-actions > button + button {
  border-left: 1px solid var(--line-2) !important;
}

/* Hover suave e unificado */
.dt-project-actions > button:not(:disabled):hover,
.dt-task-actions > button:not(:disabled):hover,
.dt-routine-actions > button:not(:disabled):hover,
.dt-view-actions > button:not(:disabled):hover,
.dt-weekday-group > button:not(:disabled):hover,
.dt-modal-footer-actions > button:not(:disabled):hover {
  color: var(--accent-text) !important;
  background: var(--accent-weak) !important;
}

/* Estado Ativo / Selecionado com destaque na cor do tema */
.dt-project-actions > button[data-active="true"],
.dt-task-actions > button[data-active="true"],
.dt-routine-actions > button[data-active="true"],
.dt-view-actions > button[data-active="true"],
.dt-weekday-group > button[data-active="true"],
.dt-weekday-group > button[style*="background:var(--accent)"],
.dt-weekday-group > button[style*="background: var(--accent)"] {
  color: var(--accent-text) !important;
  background: var(--accent-weak) !important;
  font-weight: 700 !important;
}

/* Botão de Excluir / Ação Perigosa */
.dt-task-actions > button.is-danger,
.dt-task-actions > button[title="Excluir"] {
  color: var(--danger) !important;
}

.dt-task-actions > button.is-danger:hover,
.dt-task-actions > button[title="Excluir"]:hover {
  color: var(--danger) !important;
  background: var(--accent-weak) !important;
}




.dt-audio-spectrum { display: flex; align-items: center; justify-content: center; gap: 4px; height: 16px; }
.dt-audio-spectrum span { display: block; width: 4px; height: 4px; background: var(--accent); border-radius: 2px; animation: dt-spectrum 0.8s ease-in-out infinite alternate; }
.dt-audio-spectrum span:nth-child(1) { animation-delay: -0.4s; }
.dt-audio-spectrum span:nth-child(2) { animation-delay: -0.2s; }
.dt-audio-spectrum span:nth-child(3) { animation-delay: -0.6s; }
.dt-audio-spectrum span:nth-child(4) { animation-delay: -0.1s; }
.dt-audio-spectrum.is-idle span { animation: none; height: 4px; background: var(--muted); }
@keyframes dt-spectrum { 0% { height: 4px; } 100% { height: 16px; } }
.dt-media-station-btn.is-active { background: var(--accent-weak) !important; border-color: var(--accent) !important; color: var(--accent-text) !important; }


/* --- DARKLIST PREMIUM SYSTEM STYLES --- */

@keyframes dl-pulse {
  0% { opacity: 0.5; }
  50% { opacity: 1; }
  100% { opacity: 0.5; }
}

.dl-wrapper {
  animation: dt-fade 0.22s ease-out;
  color: var(--text);
  font-family: 'Manrope', sans-serif;
}

.dl-tab-btn {
  padding: 8px 16px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 12px;
  color: var(--muted);
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.16s ease;
}

.dl-tab-btn:hover {
  color: var(--text);
  background: var(--line-2);
}

.dl-tab-btn.active {
  color: var(--accent-text);
  background: var(--accent-weak);
  border-color: var(--accent-border);
}

.dl-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
  animation: dt-fade 0.2s ease-out;
}

.dl-card {
  background: var(--bg-elev);
  border: 1px solid var(--line-2);
  border-radius: 16px;
  padding: 16px;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.dl-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px -8px rgba(0, 0, 0, 0.5);
  border-color: var(--accent-border);
}

.dl-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.dl-card-title {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 16.5px;
  font-weight: 700;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #FFFFFF;
}

.dl-card-desc {
  font-size: 12.5px;
  color: var(--muted);
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.4;
  height: 35px;
}

.dl-card-stats {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.dl-stat-badge {
  font-size: 10.5px;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: 6px;
}

.dl-stat-badge.pendente { background: rgba(255, 255, 255, 0.08); color: var(--muted); }
.dl-stat-badge.confirmado { background: rgba(46, 204, 113, 0.15); color: #2ecc71; }
.dl-stat-badge.desistencia { background: rgba(241, 196, 15, 0.15); color: #f1c40f; }
.dl-stat-badge.ausente { background: rgba(231, 76, 60, 0.15); color: #e74c3c; }

.dl-card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  color: var(--faint);
  margin-top: auto;
  border-top: 1px solid var(--line);
  padding-top: 10px;
}

.dl-card-total {
  font-weight: 700;
  color: var(--accent-text);
}

.dl-badge-shared {
  font-size: 12px;
}

.dl-badge-perm {
  font-size: 10px;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: 6px;
  background: var(--line-2);
  color: var(--muted);
}

.dl-badge-count {
  font-size: 11px;
  background: var(--accent-weak);
  color: var(--accent-text);
  padding: 2px 6px;
  border-radius: 8px;
}

.dl-label {
  display: block;
  font-size: 12px;
  color: var(--muted);
  font-weight: 600;
  margin-bottom: 6px;
}

.dl-input {
  box-sizing: border-box;
  width: 100%;
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid var(--line-2);
  background: var(--bg-elev);
  color: var(--text);
  font-size: 13.5px;
  font-family: inherit;
  outline: none;
  transition: border-color 0.16s, box-shadow 0.16s;
}

.dl-input:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-weak);
}

.dl-btn-primary {
  padding: 11px 22px;
  border: 0;
  border-radius: 12px;
  background: var(--accent);
  color: var(--on-accent);
  font-weight: 600;
  font-size: 13.5px;
  cursor: pointer;
  transition: opacity 0.16s, transform 0.1s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.dl-btn-primary:hover {
  opacity: 0.9;
}

.dl-btn-primary:active {
  transform: scale(0.98);
}

.dl-btn-secondary {
  padding: 11px 22px;
  border: 1px solid var(--line-2);
  border-radius: 12px;
  background: transparent;
  color: var(--text);
  font-weight: 600;
  font-size: 13.5px;
  cursor: pointer;
  transition: background 0.16s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.dl-btn-secondary:hover {
  background: var(--line-2);
}

.dl-btn-danger {
  padding: 11px 22px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: rgba(231, 76, 60, 0.12);
  color: #e74c3c;
  font-weight: 600;
  font-size: 13.5px;
  cursor: pointer;
  transition: background 0.16s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.dl-btn-danger:hover {
  background: rgba(231, 76, 60, 0.22);
}

.dl-btn-back {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  border: 1px solid var(--line-2);
  background: transparent;
  color: var(--text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.16s;
}

.dl-btn-back:hover {
  background: var(--line-2);
}

.dl-filter-btn {
  background: transparent;
  border: 0;
  padding: 6px 12px;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--muted);
  cursor: pointer;
  transition: all 0.16s;
}

.dl-filter-btn:hover {
  color: var(--text);
  background: rgba(255,255,255,0.03);
}

.dl-filter-btn.active {
  color: var(--accent-text);
  background: var(--accent-weak);
}

.dl-item-row {
  background: var(--bg-elev);
  border: 1px solid var(--line-2);
  border-radius: 12px;
  padding: 10px 14px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  transition: border-color 0.16s, box-shadow 0.16s;
}

.dl-item-row:hover {
  border-color: var(--line-1);
}

.dl-item-input {
  flex: 1;
  background: transparent;
  border: 0;
  color: var(--text);
  font-size: 13.5px;
  font-family: inherit;
  outline: none;
}

.dl-status-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
  transition: all 0.16s ease;
  position: relative;
}

.dl-status-dot:hover {
  transform: scale(1.3);
}

.dl-status-dot.pendente { border-color: var(--faint); background: transparent; }
.dl-status-dot.pendente.active { background: var(--muted); border-color: var(--muted); }

.dl-status-dot.confirmado { border-color: #2ecc71; background: transparent; }
.dl-status-dot.confirmado.active { background: #2ecc71; border-color: #2ecc71; }

.dl-status-dot.desistencia { border-color: #f1c40f; background: transparent; }
.dl-status-dot.desistencia.active { background: #f1c40f; border-color: #f1c40f; }

.dl-status-dot.ausente { border-color: #e74c3c; background: transparent; }
.dl-status-dot.ausente.active { background: #e74c3c; border-color: #e74c3c; }

.dl-status-label {
  font-size: 10px;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: 6px;
  text-transform: capitalize;
}

.dl-status-label.pendente { background: rgba(255,255,255,0.06); color: var(--muted); }
.dl-status-label.confirmado { background: rgba(46, 204, 113, 0.15); color: #2ecc71; }
.dl-status-label.desistencia { background: rgba(241, 196, 15, 0.15); color: #f1c40f; }
.dl-status-label.ausente { background: rgba(231, 76, 60, 0.15); color: #e74c3c; }

.dl-sidebar-box {
  background: var(--bg-elev);
  border: 1px solid var(--line-2);
  border-radius: 16px;
  padding: 16px;
}

.dl-participant-row {
  padding: 6px 8px;
  border-radius: 10px;
  background: var(--panel-2);
}

.dl-avatar {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--accent-weak);
  color: var(--accent-text);
  font-size: 10px;
  font-weight: 750;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.dl-btn-icon-danger {
  background: transparent;
  border: 0;
  color: var(--faint);
  cursor: pointer;
  padding: 4px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.16s;
}

.dl-btn-icon-danger:hover {
  color: #e74c3c;
  background: rgba(231, 76, 60, 0.08);
}

.dl-btn-close-modal {
  background: transparent;
  border: 0;
  color: var(--muted);
  cursor: pointer;
}

.dl-modal-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  background: rgba(0, 0, 0, 0.75) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
}

.dl-modal-dialog {
  background: var(--panel) !important;
  background-color: var(--panel) !important;
  color: var(--text) !important;
  border: 1px solid var(--line-2) !important;
  border-radius: 22px !important;
  box-shadow: 0 24px 60px -16px rgba(0, 0, 0, 0.85), 0 0 0 1px rgba(255,255,255,0.08) !important;
  animation: dt-zoom 0.22s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  position: relative !important;
  z-index: 1000000 !important;
  overflow: hidden !important;
}

@keyframes dt-zoom {
  0% { transform: scale(0.92); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

/* Lista compartilhável: abas e botões de status */
.dl-btn-status {
  padding: 6px 12px;
  border-radius: 8px;
  border: 1px solid var(--line-2);
  background: transparent;
  color: var(--muted);
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: 'Manrope', sans-serif;
}
.dl-btn-status.active.pendente {
  background: color-mix(in srgb, #f59e0b 15%, transparent);
  color: #fbbf24;
  border-color: #f59e0b;
}
.dl-btn-status.active.confirmado {
  background: color-mix(in srgb, #10b981 15%, transparent);
  color: #34d399;
  border-color: #10b981;
}
.dl-btn-status.active.desistencia {
  background: color-mix(in srgb, #ef4444 15%, transparent);
  color: #f87171;
  border-color: #ef4444;
}
.dl-btn-status.active.ausente {
  background: color-mix(in srgb, #8b5cf6 15%, transparent);
  color: #a78bfa;
  border-color: #8b5cf6;
}
.dl-btn-status:hover {
  border-color: var(--text);
  color: var(--text);
}
@media (max-width: 600px) {
  .dl-status-buttons {
    flex-wrap: wrap;
  }
  .dl-btn-status {
    flex: 1 1 calc(50% - 4px);
    text-align: center;
  }
}
.dt-quick-actions{position:fixed;right:clamp(14px,2.5vw,30px);bottom:92px;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}
.dt-quick-action{pointer-events:auto;width:auto;max-width:46px;height:46px;min-height:46px;padding:0;overflow:hidden;border:1px solid var(--line-2);border-radius:999px;background:var(--accent);color:var(--on-accent);box-shadow:0 14px 34px -14px rgba(0,0,0,.72);display:inline-flex;align-items:center;justify-content:center;gap:0;font:600 13px 'Manrope',sans-serif;white-space:nowrap;cursor:pointer;transition:max-width .24s cubic-bezier(.2,.75,.25,1),padding .24s ease,gap .24s ease,transform .16s ease,filter .16s ease,box-shadow .16s ease}
.dt-quick-action span{max-width:0;opacity:0;overflow:hidden;transition:max-width .24s cubic-bezier(.2,.75,.25,1),opacity .14s ease}
.dt-quick-action:hover,.dt-quick-action:focus-visible{max-width:280px;padding:0 16px 0 13px;gap:9px;transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 18px 38px -14px rgba(0,0,0,.82)}
.dt-quick-action:hover span,.dt-quick-action:focus-visible span{max-width:220px;opacity:1}
.dt-quick-action:active{transform:scale(.98)}
.dt-quick-action-audio{background:var(--panel);color:var(--text);border-color:var(--accent)}
.dt-quick-action-audio svg{color: var(--accent-text)}
@media(max-width:640px){.dt-quick-actions{right:12px;bottom:82px;gap:8px}.dt-quick-action:hover{max-width:46px;padding:0;gap:0;transform:none}.dt-quick-action:hover span{max-width:0;opacity:0}}

/* ==========================================================================
   ABAS DAS CONFIGURAÇÕES: MESMO COMPONENTE DO MENU DA LISTA COMPARTILHÁVEL
   Bloco único e definitivo (as camadas antigas foram removidas). Reproduz o
   .dl-workspace-nav do app-polish.css: grupo em pílula com borda, abas com
   ícone e texto, e aba ativa com fundo accent-weak e borda no accent. Os
   estados de hover e ativo (via .is-active / aria-selected) vêm das MESMAS
   regras genéricas de app-polish.css que pintam o menu da Lista; aqui só
   entram a moldura, as métricas compactas para as seis abas caberem no
   modal e o realce imediato pelo estilo inline antes da sincronização. */
html body .dt-settings-modal>div:nth-child(2){
  grid-area:nav;
  min-width:0;
  width:max-content!important;
  max-width:calc(100% - 24px)!important;
  min-height:0!important;
  margin:12px auto 10px!important;
  padding:4px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:4px!important;
  border:1px solid var(--line-2)!important;
  border-radius:12px!important;
  background:color-mix(in srgb, var(--bg-elev) 92%, transparent)!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text) 3%, transparent)!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none;
  box-sizing:border-box!important;
}
html body .dt-settings-modal>div:nth-child(2)>button{
  position:relative!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:36px!important;
  margin:0!important;
  padding:0 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  column-gap:7px!important;
  text-align:center!important;
  border:1px solid transparent!important;
  border-radius:9px!important;
  font-family:'Manrope',sans-serif!important;
  font-size:12px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
html body .dt-settings-modal>div:nth-child(2)>button svg{display:block;flex:0 0 16px;margin:0 1px 0 0;color:currentColor}
html body .dt-settings-modal>div:nth-child(2)>button::after{display:none!important;content:none!important}
/* Realce imediato da aba ativa pelo estilo inline (antes de .is-active ser
   aplicado), idêntico ao tratamento de aba ativa do menu da Lista. */
html body .dt-settings-modal>div:nth-child(2)>button[style*="background:var(--panel-2)"],
html body .dt-settings-modal>div:nth-child(2)>button[style*="background: var(--panel-2)"]{
  color:var(--text)!important;
  border-color:color-mix(in srgb, var(--accent) 62%, var(--line-2))!important;
  background:var(--accent-weak)!important;
  box-shadow:inset 0 -2px 0 var(--accent)!important;
}

/* Link de pular para o conteúdo: invisível até receber foco pelo teclado. */
.dt-skip-link{position:absolute;left:-9999px;top:12px;z-index:2147483000;padding:10px 14px;border-radius:10px;background:var(--accent);color:var(--on-accent);font-weight:600;text-decoration:none}
.dt-skip-link:focus{left:12px;outline:2px solid var(--text);outline-offset:2px}