/* Agenda Julyan: ajustes exclusivos para telas desktop */
@media (min-width: 680px) {
    /* Este arquivo concentra exclusivamente o comportamento desktop. */
    .overlay { align-items: center; padding: 20px; }
    .modal { border-radius: 20px; max-height: 80vh; }
    body { width:100%; max-width:none; padding:24px clamp(20px,3vw,48px) 40px; }
    .app-grid { width:100%; display:grid; grid-template-columns:minmax(170px,210px) minmax(0,1fr); column-gap:clamp(24px,3vw,44px); align-items:start; }
    .side-col { grid-column: 1; display: flex; flex-direction: column; gap: 14px; }
    .main-col { grid-column: 2; }
    .right-block { display: none; }
    #lateBadge { display:none!important; }
    body[data-module="notes"] .main-col, body[data-module="files"] .main-col { max-width:none; width:100%; justify-self:stretch; }
    .module-screen-head h1 { font-size:clamp(44px,4.4vw,68px); }
    .module-head-actions .primary { opacity:1!important; visibility:visible!important; color:#03110f!important; background:var(--accent)!important; }

    .top-row { flex-direction: row; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 0; }
    .eyebrow { display: flex; flex-direction: column; gap: 3px; }
    .brand-eyebrow { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); }
    .brand-name { font-family: var(--font-display); font-size: 24px; font-weight: 600; letter-spacing: -0.01em; color: var(--text); text-transform: none; }

    .view-toggle { display: flex; flex-direction: column; gap: 2px; }
    .tabs-row-wrap { margin-bottom: 0; }
    .tabs-row { overflow-x: visible; }
    .view-toggle button, .tabs .tab {
      display: flex; align-items: center; gap: 10px; text-align: left; justify-content: flex-start;
      background: none; border: none; color: var(--muted); font-family: var(--font-body); font-size: 13px;
      font-weight: 500; padding: 9px 10px; border-radius: 8px; white-space: normal;
    }
    .view-toggle button.active, .tabs .tab.active { background: var(--panel); color: var(--text); font-weight: 600; }
    .tabs .filtros-tab { padding-top: 7.5px; padding-bottom: 7.5px; }
    .tab-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; flex: none; }
    .view-toggle button svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; flex:none; }
    .module-primary-action{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;border:0;border-radius:14px;background:var(--accent);color:#03110f;font:700 13px var(--font-body);cursor:pointer}
    .module-primary-action[hidden]{display:none}.module-primary-action svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
    .tabs { display: flex; flex-direction: column; overflow-x: visible; gap: 1px; }
    .tabs-row { overflow-x: visible; }
    .tabs-fade { display: none; }

    /* Cabeçalho do dia mais limpo, sem os botões de navegação de data (o mini-calendário do painel cobre isso) */
    #dayPrevBtn, #titleDateBtn, #dayNextBtn { display: none; }
    .title-row { align-items: baseline; gap: 14px; margin-bottom: 2px; }
    .title-row h1 { flex: 0 0 auto; font-size: 34px; }
    .range { display: inline; font-size: 13px; }
    .late-badge { margin: -2px 0 10px auto; }

    .progress-card { max-width: 420px; margin-bottom: 24px; }
    .section-label { margin: 22px 0 10px; }

    #pendentesList, #feitosList, #atrasadosList {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px;
      align-content: start;
      align-items: start;
    }
    .assignee-group { grid-column: 1 / -1; }
    .assignee-group-items { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; align-items:start; }
    .assignee-group-items .item-compact { margin-bottom:0; }
    .item-compact { margin-bottom: 0; padding: 13px 16px; transition: border-color .15s; align-self:start; }
    .item-compact:not(.done):hover { border-color: #3a3e4c; }

    /* Botão de adicionar migra pra dentro da sidebar, fixo embaixo */
    footer { position: static; background: none; padding: 0; grid-column: 1; margin-top: auto; }
    .footer-inner { max-width: none; flex-direction: column; }
    .add-btn.secondary { width: 100%; }

    .widget { background: var(--panel); border: 1px solid var(--line); border-radius: 14px; padding: 16px; }
    .widget-head { display: flex; justify-content: space-between; align-items: center; font-family: var(--font-mono); font-size: 12px; color: var(--muted); margin-bottom: 12px; }
    .widget-head button { background: none; border: none; color: var(--muted); font-size: 14px; cursor: pointer; }
    .widget-label { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); margin-bottom: 10px; }
    .widget-muted { font-size: 12px; color: var(--muted); line-height: 1.6; }
    .mini-cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; text-align: center; margin-bottom: 3px; }
    .mini-cal-grid span { font-family: var(--font-mono); font-size: 9px; color: #5c5f68; }
    .mini-cal-grid .d { width: 100%; background: none; border: none; color: var(--text); font-size: 11px; padding: 5px 0; border-radius: 5px; cursor: pointer; }
    .mini-cal-grid .d.blank { cursor: default; }
    .mini-cal-grid .d.today { background: #00e0c6; color: #0d0e12; font-weight: 700; }
    .mini-cal-grid .d .dots { display: flex; justify-content: center; gap: 2px; margin-top: 2px; height: 4px; }
    .mini-cal-grid .d .dots i { width: 3px; height: 3px; border-radius: 50%; display: block; }
    .habit-row { display: flex; align-items: center; gap: 8px; font-size: 12.5px; padding: 6px 0; cursor: pointer; }
    .habit-row .c { width: 14px; height: 14px; border-radius: 4px; border: 2px solid var(--muted); flex: none; }
    .habit-row .c.done { background: var(--done); border-color: var(--done); }
  }

@media (min-width:680px){
  .side-col{--sidebar-panel-radius:15px;--sidebar-panel-padding:7px;--sidebar-row-height:36px}
  .view-toggle[hidden],.tabs-row-wrap[hidden]{display:none!important}
  .side-col{height:calc(100dvh - 64px);position:sticky;top:24px;display:flex!important;flex-direction:column;gap:7px;overflow:hidden}
  .sidebar-section-title{display:block;margin:18px 12px 6px;color:var(--muted);font-size:11px;letter-spacing:.18em;text-transform:uppercase}
  .sidebar-project-title{display:flex;align-items:center;justify-content:space-between}.sidebar-project-title button{display:grid;place-items:center;width:30px;height:30px}.sidebar-project-title svg{width:18px;height:18px}
  .module-nav{gap:3px!important;padding:var(--sidebar-panel-padding)!important;border:1px solid var(--line);border-radius:var(--sidebar-panel-radius);background:rgba(24,26,33,.62)}
  .module-nav>.sidebar-section-title{margin:2px 6px 4px!important;padding:0!important}
  .module-nav button,.desktop-scope-tab{min-height:var(--sidebar-row-height)!important;padding:8px 11px!important;border:0!important;border-radius:11px!important}
  .module-nav button{display:grid!important;grid-template-columns:28px minmax(0,1fr);column-gap:11px!important;align-items:center!important}
  .module-nav button svg{width:18px!important;height:18px!important;justify-self:center}
  .module-nav button span{min-width:0;text-align:left}
  .module-nav button.active{box-shadow:none!important;background:var(--accent-soft)!important;color:var(--accent)!important}
  .desktop-scope-tab.active{box-shadow:inset 3px 0 0 var(--accent);background:var(--card)!important}
  .view-toggle{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px!important;margin:2px 0 0!important;padding:var(--sidebar-panel-padding)!important;border:1px solid var(--line);border-radius:var(--sidebar-panel-radius);background:rgba(24,26,33,.62)}
  .view-toggle>.sidebar-section-title{grid-column:1/-1;margin:2px 6px 4px!important;padding:0!important}
  .view-toggle button{display:grid!important;grid-template-columns:22px minmax(0,1fr);min-height:var(--sidebar-row-height)!important;padding:8px 10px!important;border:0!important;border-radius:11px!important;justify-content:stretch!important;column-gap:8px!important;text-align:left!important}
  .view-toggle button svg{justify-self:center}
  .view-toggle button span{min-width:0;text-align:left}
  .view-toggle button.active{box-shadow:none!important;background:var(--accent-soft)!important;color:var(--accent)!important}
  .tabs-row-wrap{display:flex;flex:0 1 auto;min-height:84px;max-height:min(29vh,240px)!important;flex-direction:column;margin-top:2px;padding:var(--sidebar-panel-padding);border:1px solid var(--line);border-radius:var(--sidebar-panel-radius);background:rgba(24,26,33,.62);overflow:hidden}.tabs-row-wrap .sidebar-section-title{margin:2px 6px 4px!important;padding:0!important}.tabs-row-wrap .tabs-row{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.tabs-row-wrap .tabs{padding-right:3px;gap:3px}.tabs-row-wrap .tabs .tab{display:grid!important;grid-template-columns:28px minmax(0,1fr);column-gap:11px!important;align-items:center!important;min-height:var(--sidebar-row-height)!important;padding:6px 11px!important;border-radius:10px!important}.tabs-row-wrap .tabs .tab-dot{display:block!important;width:8px!important;height:8px!important;justify-self:center}.tabs-row-wrap .tabs .tab>span:last-child{min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis}.tabs-row-wrap .tabs .tab.active{box-shadow:inset 3px 0 0 var(--accent);background:var(--card)!important}.tabs-row-wrap.projects-collapsed{flex:0 0 auto;min-height:0}.tabs-row-wrap.projects-collapsed .tabs-row{display:none}
  .module-primary-action{display:none!important}
  footer{flex:none!important;margin-top:auto!important}.footer-inner{display:block!important}#addBtn{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;height:50px!important;min-height:50px!important;flex:none!important;border-radius:16px!important;color:#06110f!important;font-weight:800!important}#addBtn span{display:inline!important;color:inherit!important}#addBtn svg{display:block!important;width:19px!important;height:19px!important;stroke:currentColor!important;fill:none!important}#importBtn[hidden]{display:none!important}
  .sidebar-project-title button{border:0!important;background:transparent!important;color:var(--muted)!important;padding:0!important}
  body[data-module="agenda"] #filterTopBtn{display:none}
  body[data-module="notes"] .module-screen-head,body[data-module="files"] .module-screen-head{align-items:flex-start}.module-head-actions{flex-wrap:wrap;justify-content:flex-end}

  /* v4.5 — densidade premium sem cartões gigantes */
  .notes-list{grid-template-columns:repeat(auto-fill,minmax(300px,420px));gap:12px}
  .note-card{padding:17px;border-radius:18px}
  body[data-module="files"] .module-screen-head{margin-bottom:14px}
  body[data-module="files"] .module-screen-head h1{font-size:clamp(48px,4vw,64px);margin:6px 0 8px}
  body[data-module="files"] .module-screen-head p{font-size:14px}
  body[data-module="files"] .note-category-tabs{padding:12px 0 14px}
  body[data-module="files"] .files-list{grid-template-columns:repeat(auto-fill,minmax(280px,380px));gap:10px;align-content:start}
  body[data-module="files"] .file-card{grid-template-columns:38px minmax(0,1fr) auto;gap:10px;min-height:72px;padding:10px 12px;border-radius:15px}
  body[data-module="files"] .file-card-icon{width:38px;height:38px;border-radius:11px}
  body[data-module="files"] .file-card-body h2{font-size:15px;margin:2px 0 3px}
  body[data-module="files"] .file-card-actions button{width:30px;height:30px}
}

/* 5.0.3 — o indicador de versão não aumenta artificialmente a página */
@media (min-width:680px){
  .version-footer{
    position:fixed;z-index:4;left:50%;bottom:10px;width:auto;max-width:calc(100vw - 32px);
    margin:0;padding:5px 10px;border:0;border-radius:999px;
    background:color-mix(in srgb,var(--bg) 88%,transparent);transform:translateX(-50%);
    pointer-events:none
  }
  .version-footer .version-brand-mark{display:none!important}
}

/* 4.5.6 — mesmo gerenciador compacto no desktop */
@media(min-width:680px){
  #modalProjetos .category-manager-modal,#modalNoteCategories .category-manager-modal,#modalFileCategories .category-manager-modal{
    width:min(520px,calc(100vw - 40px))!important;max-width:520px!important
  }
  #modalProjetos .category-manage-row,#modalNoteCategories .category-manage-row,#modalFileCategories .category-manage-row{
    grid-template-columns:28px minmax(160px,1fr) auto!important
  }
}

/* 5.0.3 — mesma largura útil e mesma proporção em Agenda, Notas e Arquivos */
@media(min-width:680px){
  .modal>.modal-close{top:20px!important;right:20px!important;width:36px!important;height:36px!important}
  .modal>.modal-close svg{width:17px!important;height:17px!important}
}

/* 5.0.3 — régua desktop final para modais, convites e botões */
@media(min-width:680px){
  #modalFileEditor .file-direct-editor{width:min(620px,calc(100vw - 40px))!important;max-width:620px!important}
  #modalFileEditor .file-type-picker{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #modalFileEditor .modal-footer{display:flex!important;justify-content:flex-end!important}
  #modalFileEditor .modal-footer>button{width:auto!important;min-width:132px!important;flex:0 0 auto!important}
  #modalProjectInvites .team-modal-small{width:min(520px,calc(100vw - 40px))!important;max-width:520px!important}
  .team-invite-row .team-row-actions{display:grid!important;grid-template-columns:repeat(2,minmax(96px,1fr))!important;gap:8px!important}
  .team-invite-row button.cancel{min-height:40px!important;background:var(--panel-2)!important;border:1px solid var(--line)!important;color:var(--text)!important;-webkit-text-fill-color:var(--text)!important}
  .team-invite-row button.confirm{min-height:40px!important;background:var(--accent)!important;border:1px solid var(--accent)!important;color:#03110f!important;-webkit-text-fill-color:#03110f!important}
}

/* 4.7.0 — o mesmo controle de filtro em todas as áreas */
@media(min-width:680px){body[data-module] #filterTopBtn{display:grid!important}}
@media(min-width:680px){
  #filterDropdown{position:fixed!important;right:auto;max-width:calc(100vw - 24px);max-height:min(440px,calc(100vh - 92px));overflow-x:hidden;overflow-y:auto;margin:0!important;padding:9px!important;box-sizing:border-box}
  #filterDropdown .filter-dropdown-head{position:sticky;top:-9px;z-index:2;min-height:40px;padding:7px 5px 8px 9px;background:var(--panel)}
  #filterDropdown .filter-dropdown-head>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #filterDropdown .filtro-row{grid-template-columns:16px minmax(0,1fr) 20px;width:100%;box-sizing:border-box;text-align:left}
  #filterDropdown .filtro-row .name{min-width:0}.filter-dropdown .filtro-row .name b,.filter-dropdown .filtro-row .name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

/* 4.5.2 — gerenciamento de categorias e convites no contexto certo */
@media(min-width:680px){
  body[data-module="files"] .files-list{grid-template-columns:repeat(auto-fill,minmax(270px,360px))!important;gap:10px!important}
}

/* Sistema visual unificado de categorias — desktop v4.5.2 */
@media(min-width:680px){.category-manager-modal{max-height:min(82vh,760px);overflow:auto}}

@media (min-width: 1100px) {
    .app-grid { grid-template-columns:minmax(190px,230px) minmax(0,1fr) minmax(250px,300px); column-gap:clamp(26px,3vw,48px); }
    .right-block { display: flex; flex-direction: column; gap: 22px; position: sticky; top: 24px; }
  }

@media (min-width: 680px) {
    .overlay .modal { transform: translateY(8px) scale(.985); }
    .overlay.show .modal { transform: translateY(0) scale(1); }
    .overlay.closing .modal { transform: translateY(4px) scale(.99); }
    .main-col { min-width: 0; }
    body[data-module="notes"] .main-col, body[data-module="files"] .main-col { grid-column:2/-1; }
    .side-col, .right-block { align-self: start; }
  }

/* 4.8.1 — régua canônica tablet/desktop (sempre por último) */
:root{--ds-control-h:42px;--ds-icon-control:36px;--ds-modal-radius:20px}
.title-row.main-block,#moduleNotes .module-screen-head,#moduleFiles .module-screen-head{margin-top:0!important;padding-top:0!important}
#moduleNotes .module-screen-head,#moduleFiles .module-screen-head{display:block!important;min-height:0!important;margin:0 0 20px!important}
.title-row .weekday-kicker,#moduleNotes .weekday-kicker,#moduleFiles .weekday-kicker{margin:0 0 12px!important}
.title-row .title-main h1,#moduleNotes .module-screen-head h1,#moduleFiles .module-screen-head h1{margin:0 0 10px!important;font-size:clamp(48px,4.4vw,64px)!important;line-height:.98!important}
#notesSearchInput,#filesSearchInput{height:42px!important;margin:0 0 20px!important;border-radius:12px!important}
#notesList,#filesList{row-gap:16px!important;column-gap:16px!important}
.modal-actions>button{min-height:42px!important}

@media (min-width: 680px) {
    .tabs-row-wrap { overflow: hidden; }
    .desktop-scope-tab { width:100%; justify-content:flex-start; flex:0 0 auto; }
    #dayPrevBtn, #titleDateBtn, #dayNextBtn { display: grid; }
    .title-row { align-items: flex-end; margin-top: 2px; margin-bottom: 0; }
    .title-row .title-main h1 { font-size: 46px; }
    .weekday-kicker { margin-bottom: 13px; }
    .date-nav { margin-left: auto; }
    .daily-phrase { margin-top: 14px; }
    #pendentesList, #feitosList, #atrasadosList { gap: 7px; }
    .item-compact { min-height: 52px; padding: 8px 12px; }
  }

/* Menu desktop: ritmo, alinhamento e densidade refinados */
@media (min-width:680px){
  .side-col{--sidebar-panel-radius:14px;--sidebar-panel-padding:6px;--sidebar-row-height:34px;gap:6px}
  .module-nav,.view-toggle,.tabs-row-wrap{background:rgba(24,26,33,.54)}
  .module-nav button,.desktop-scope-tab{min-height:34px!important;padding:6px 10px!important;border-radius:9px!important}
  .module-nav button{grid-template-columns:24px minmax(0,1fr);column-gap:9px!important}
  .module-nav button svg{width:17px!important;height:17px!important}
  .view-toggle{gap:3px!important}
  .view-toggle button{grid-template-columns:20px minmax(0,1fr);min-height:34px!important;padding:6px 8px!important;column-gap:7px!important;border-radius:9px!important}
  .tabs-row-wrap{min-height:0;max-height:min(27vh,210px)!important}
  .tabs-row-wrap .tabs{gap:2px}
  .tabs-row-wrap .tabs .tab{grid-template-columns:24px minmax(0,1fr);min-height:34px!important;padding:6px 10px!important;column-gap:9px!important;border-radius:9px!important}
  .module-nav button.active,.view-toggle button.active{box-shadow:inset 3px 0 0 var(--accent)!important;background:var(--accent-soft)!important;color:var(--text)!important}
  .tabs-row-wrap .tabs .tab.active{box-shadow:inset 3px 0 0 var(--accent)!important;background:var(--accent-soft)!important;color:var(--text)!important}
  footer{margin-top:4px!important}
  #addBtn{height:46px!important;min-height:46px!important;border-radius:14px!important}
}
/* Category dialogs stay compact and aligned on desktop */
@media (min-width: 901px){
  .category-manager-modal{max-width:720px!important}
  .category-manage-row.note-category-manage-row{grid-template-columns:34px minmax(180px,1fr) auto!important}
}

/* 4.5.6 — ajuste final responsivo dos três gerenciadores */
@media(min-width:680px){
  #modalProjetos .category-manager-modal,#modalNoteCategories .category-manager-modal,#modalFileCategories .category-manager-modal{width:min(520px,calc(100vw - 40px))!important;max-width:520px!important}
  #modalProjetos .category-manage-row,#modalNoteCategories .category-manage-row,#modalFileCategories .category-manage-row{grid-template-columns:28px minmax(160px,1fr) auto!important}
}

/* 4.6.0 — tablet e desktop consolidados */
@media(min-width:680px){
  #moduleNotes .module-screen-head,#moduleFiles .module-screen-head{min-height:118px!important}
  #moduleNotes .module-screen-head h1,#moduleFiles .module-screen-head h1{font-size:clamp(44px,4.4vw,64px)!important}
  #modalProjetos .category-manager-modal,#modalNoteCategories .category-manager-modal,#modalFileCategories .category-manager-modal{width:min(600px,calc(100vw - 40px))!important;max-width:600px!important}
  #modalProjetos .category-manage-row,#modalNoteCategories .category-manage-row,#modalFileCategories .category-manage-row{grid-template-columns:34px minmax(180px,1fr) auto!important}
}
@media(min-width:680px) and (max-width:1023px){
  #modalTeamManage .team-modal{width:min(760px,calc(100vw - 28px));padding:24px}
  .team-modal-head{grid-template-columns:1fr}
  .team-member-row{grid-template-columns:44px minmax(0,1fr) minmax(150px,1fr);grid-template-areas:"avatar identity stats" "access access actions"}
  .team-member-row>.team-avatar{grid-area:avatar}.team-member-identity{grid-area:identity}.team-member-stats{grid-area:stats}.team-member-access{grid-area:access}.team-member-actions{grid-area:actions}.team-member-owner{grid-area:access;justify-self:start}
}

/* 4.7.2 — respiro uniforme em Notas e Arquivos */
@media(min-width:680px){
  #moduleNotes .module-screen-head,#moduleFiles .module-screen-head{display:block!important;min-height:0!important;margin:0 0 18px!important}
  #moduleNotes .module-head-actions,#moduleFiles .module-head-actions{display:none!important}
  #notesSearchInput,#filesSearchInput{margin:0 0 18px!important}
  #notesList,#filesList{padding-top:0!important;row-gap:16px!important;column-gap:16px!important}
}

/* 4.8.1 final — prevalece sobre todas as regras de tablet/desktop legadas */
.title-row.main-block,#moduleNotes .module-screen-head,#moduleFiles .module-screen-head{margin-top:0!important;padding-top:0!important}
#moduleNotes .module-screen-head,#moduleFiles .module-screen-head{display:block!important;min-height:0!important;margin:0 0 20px!important}
.title-row .weekday-kicker,#moduleNotes .weekday-kicker,#moduleFiles .weekday-kicker{margin:0 0 12px!important}
.title-row .title-main h1,#moduleNotes .module-screen-head h1,#moduleFiles .module-screen-head h1{margin:0 0 10px!important;font-size:clamp(48px,4.4vw,64px)!important;line-height:.98!important}
#notesSearchInput,#filesSearchInput{height:42px!important;margin:0 0 20px!important;border-radius:12px!important}
#notesList,#filesList{row-gap:16px!important;column-gap:16px!important}
#teamUserSearchBtn,#teamInviteFoundUser,#fileViewerPrimary{background:#00e0c6!important;border-color:#00e0c6!important;color:#03110f!important;-webkit-text-fill-color:#03110f!important}
html,body{min-height:100%;height:auto}body{min-height:100dvh}.app-grid{min-height:calc(100dvh - 64px)}

@media(min-width:680px){body[data-module="operation"] .main-col{max-width:none;width:100%;justify-self:stretch}}