/* Ecossistema — camada canônica de componentes e responsividade. */

button,input,select,textarea{font-family:var(--font-body)}
button{transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast),transform var(--transition-fast)}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

:where(.ui-button,.confirm,.cancel,.danger,.primary,.secondary-action,.danger-action,.category-row-action){
  min-height:var(--control-height);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);font-size:13px;font-weight:700;line-height:1;cursor:pointer
}
:where(.confirm,.primary){background:var(--accent);border-color:var(--accent);color:#03110f}
:where(.cancel,.secondary-action){background:var(--panel-2);border-color:var(--line);color:var(--text)}
:where(.danger,.danger-action,.category-row-action.is-danger){background:transparent;border-color:color-mix(in srgb,var(--late) 48%,var(--line));color:var(--late)}
:where(.modal-close,.category-row-icon,.icon-control,.date-arrow,.title-date-btn){
  width:var(--icon-control-size)!important;height:var(--icon-control-size)!important;min-width:var(--icon-control-size);min-height:var(--icon-control-size);display:grid;place-items:center;padding:0!important;border:1px solid var(--line);border-radius:50%;background:var(--panel-2);color:var(--muted);cursor:pointer
}
:where(.modal-close,.category-row-icon,.icon-control,.date-arrow,.title-date-btn):hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));color:var(--text)}
:where(.modal-close,.category-row-icon,.icon-control,.date-arrow,.title-date-btn) svg{width:var(--icon-size)!important;height:var(--icon-size)!important;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
:where(#monthPrev,#monthNext,#miniCalPrev,#miniCalNext,#pickerPrev,#pickerNext,#teamDayPrev,#teamDayNext) svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
:where(#miniCalPrev,#miniCalNext){width:36px!important;height:36px!important;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--muted)}
.settings-chevron svg,.tabs-fade svg,.week-nav svg,.back-from-late svg,.project-type-icon svg,.assignee-collapse svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.settings-list>button{position:relative;grid-template-columns:40px minmax(0,1fr) 24px!important;column-gap:12px!important}
.settings-list.compact>button{grid-template-columns:minmax(0,1fr) 24px!important}
.settings-list>button>.settings-chevron{grid-column:3;width:24px;height:24px;display:grid;place-items:center;justify-self:end;color:var(--muted)}
.settings-list.compact>button>.settings-chevron{grid-column:2}
.settings-list>button>.settings-chevron svg{width:18px!important;height:18px!important;stroke-width:1.8!important}
.settings-list>button>.menu-count{position:absolute;right:48px;top:50%;margin:0;transform:translateY(-50%)}
.pwa-update-status{margin-top:var(--space-3);padding:0 var(--space-2);color:var(--muted);font:9px/1.45 var(--font-mono);text-align:center}.pwa-update-status[data-state="pending"]{color:var(--accent)}.pwa-update-status[data-state="warning"]{color:#ffb347}
.ui-tooltip{position:fixed;z-index:5000;max-width:220px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 8px 24px rgba(0,0,0,.28);color:var(--text);font:600 10px/1.25 var(--font-body);pointer-events:none;white-space:nowrap}
.ui-tooltip[hidden]{display:none}
.date-nav{display:grid!important;grid-template-columns:36px auto 36px;align-items:center;gap:8px!important}
.date-nav .date-arrow{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;border:1px solid transparent!important;border-radius:50%!important}
.date-nav .date-arrow:hover,.date-nav .date-arrow:focus-visible{border-color:var(--line)!important;background:var(--panel)!important}
.date-nav .title-date-btn{width:auto!important;min-width:0!important;height:36px!important;padding:0 10px!important;border-radius:10px!important}
.category-row-icon.is-primary{color:var(--accent)}
.category-row-icon.is-danger{color:var(--late)}

.field>label{display:block;margin-bottom:var(--space-2);color:var(--muted);font:700 11px/1.25 var(--font-body);letter-spacing:.035em;text-transform:uppercase}
:where(.field input:not([type="color"]),.field select,.field textarea,.category-row-name,.team-role-select){border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel-2);color:var(--text)}
:where(.field input:not([type="color"]),.field select,.category-row-name,.team-role-select){height:var(--control-height-large)}
:where(.field input,.field select,.field textarea):focus{border-color:color-mix(in srgb,var(--accent) 65%,var(--line))}

.modal{border-radius:var(--radius-xl);box-shadow:var(--shadow-modal)}
.modal-small-standard,.team-modal-small{max-width:var(--modal-small)}
.note-editor-modal{max-width:var(--modal-medium)}
.team-modal{max-width:var(--modal-large)}
.modal-size-small{width:min(var(--modal-small),calc(100vw - 28px))!important;max-width:var(--modal-small)!important}
.modal-size-medium{width:min(var(--modal-medium),calc(100vw - 32px))!important;max-width:var(--modal-medium)!important}
.modal-size-large{width:min(var(--modal-large),calc(100vw - 40px));max-width:var(--modal-large)}
.modal>.modal-close{top:var(--space-5)!important;right:var(--space-5)!important}
.modal-head{padding-right:calc(var(--icon-control-size) + var(--space-4))}
.modal-footer{gap:var(--space-3)}
.modal-footer>button{min-height:var(--control-height)}

#sharedCategoryCreateBtn svg{width:16px!important;height:16px!important;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;flex:none}

/* Uma única linha de categoria para Agenda, Notas e Arquivos. */
:where(#projectList,#noteCategoryList,#fileCategoryList){display:grid;gap:var(--space-2)}
:where(#modalProjetos,#modalNoteCategories,#modalFileCategories) .category-manage-row{
  display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;align-items:center;gap:var(--space-3);min-height:70px;padding:var(--space-3) var(--space-4)!important;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel)
}
:where(#modalProjetos,#modalNoteCategories,#modalFileCategories) .category-row-color{
  width:40px!important;height:40px!important;padding:0;border:3px solid color-mix(in srgb,var(--text) 22%,transparent);border-radius:50%;overflow:hidden;background:transparent;cursor:pointer
}
:where(#modalProjetos,#modalNoteCategories,#modalFileCategories) .category-color-dot{width:16px!important;height:16px!important;margin-left:12px;border:2px solid color-mix(in srgb,var(--text) 24%,transparent);border-radius:50%}
:where(#modalProjetos,#modalNoteCategories,#modalFileCategories) .category-row-name{width:100%;min-width:0;padding:0 var(--space-3);border-color:transparent;background:transparent;font-size:14px;font-weight:700}
:where(#modalProjetos,#modalNoteCategories,#modalFileCategories) .category-row-name:hover,:where(#modalProjetos,#modalNoteCategories,#modalFileCategories) .category-row-name:focus{border-color:var(--line);background:var(--panel-2)}
.category-row-main{display:grid;gap:var(--space-1);min-width:0}.category-row-main b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-row-main small{color:var(--muted);font:10px var(--font-mono);text-transform:capitalize}
.category-row-editor{display:grid;gap:2px;min-width:0}.category-row-editor small{padding:0 var(--space-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font:9px var(--font-mono)}
.category-row-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:var(--space-2)!important;padding:0!important;flex-wrap:nowrap!important}
.category-row-action{min-width:72px}
.category-row-action.is-primary{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));color:var(--accent);background:transparent}
.category-access-action{min-width:144px!important;color:var(--accent)!important}.category-access-action svg{width:16px!important;height:16px!important;fill:none;stroke:currentColor;stroke-width:1.8}
.sharing-guide{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin:var(--space-4) 0 0;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:color-mix(in srgb,var(--panel-2) 55%,transparent);color:var(--muted);font:10px/1.45 var(--font-mono)}
.sharing-guide span{display:flex;align-items:center;gap:5px}.sharing-guide span:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}.sharing-guide b{color:var(--text)}

.category-create-mount .note-category-create{grid-template-columns:48px minmax(0,1fr) auto;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg)}
.category-create-mount .note-category-create button{min-width:104px;height:var(--control-height)}
.category-manager-nav{min-height:56px}
.category-manager-nav button{min-height:var(--control-height);border-radius:var(--radius-md)}

/* Equipe: hierarquia e ações previsíveis. */
.team-modal-head{min-height:var(--icon-control-size);padding-right:calc(var(--icon-control-size) + var(--space-4));align-items:start}
.team-more-menu>summary{height:var(--icon-control-size);min-height:var(--icon-control-size);padding:0 var(--space-3);list-style:none}
.team-more-menu>summary svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.team-more-menu>summary::-webkit-details-marker{display:none}
.team-invite-box,.team-project-settings{margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--panel-2) 58%,transparent)}
.team-invite-role-field{margin-top:var(--space-3)!important}.team-invite-role-field select{width:100%}
.team-project-settings>summary{min-height:var(--control-height);display:flex;align-items:center}
.team-member-list{gap:var(--space-2)}
.team-member-row{min-height:68px;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel)}
.team-role-select{min-width:142px;padding:0 var(--space-3)}
.team-member-actions>summary{width:var(--icon-control-size);height:var(--icon-control-size);display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--muted);cursor:pointer;list-style:none;font-weight:800;letter-spacing:1px}
.team-member-actions>summary::-webkit-details-marker{display:none}
.team-member-actions>summary svg{width:18px;height:18px;fill:currentColor;stroke:none}

.file-type-picker{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.file-type-picker button{min-height:var(--control-height)}
.file-card-actions button,.note-card-tools button{min-width:36px;min-height:36px}
.note-card--text{min-height:150px;display:flex;flex-direction:column}
.note-card--text>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.note-card--process{min-height:150px}

@media (min-width:680px){
  .side-col{width:var(--sidebar-width)!important;display:flex!important;flex-direction:column!important}
  .tabs-row-wrap{flex:0 1 auto!important;min-height:0!important;max-height:min(50dvh,480px)!important}
  .tabs-row-wrap .tabs-row{max-height:min(32vh,280px)}
  .tabs-row-wrap .tabs-row{align-items:flex-start!important;justify-content:flex-start!important}
  .tabs-row-wrap .tabs{width:100%;align-self:flex-start;flex:0 0 auto!important}
  .top-actions .icon-control,.top-actions>button{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}
}

@media (min-width:1024px) and (max-width:1365px){
  .app-grid{grid-template-columns:var(--sidebar-width) minmax(0,1fr) minmax(220px,260px)!important;column-gap:clamp(20px,2.2vw,32px)!important}
  .right-block{width:100%;min-width:0}
}

@media (min-width:680px) and (max-width:1023px){
  body[data-module="notes"] .notes-list,body[data-module="files"] .files-list{grid-template-columns:minmax(0,1fr)!important}
  body[data-module="notes"] .note-card,body[data-module="files"] .file-card{width:100%!important;max-width:none!important}
}

@media (min-width:1024px){
  body[data-module="notes"] .notes-list,body[data-module="files"] .files-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%}
}

@media (max-width:679px){
  :where(.modal-close,.category-row-icon,.icon-control,.date-arrow,.title-date-btn){min-width:var(--touch-target)!important;min-height:var(--touch-target)!important;width:var(--touch-target)!important;height:var(--touch-target)!important}
  .modal>.modal-close{top:var(--space-4)!important;right:var(--space-4)!important}
  :where(#modalProjetos,#modalNoteCategories,#modalFileCategories) .category-manage-row{grid-template-columns:36px minmax(0,1fr) auto!important;min-height:60px!important;padding:var(--space-2)!important;gap:var(--space-2)!important}
  :where(#modalProjetos,#modalNoteCategories,#modalFileCategories) .category-row-color{width:32px!important;height:32px!important}
  :where(#modalProjetos,#modalNoteCategories,#modalFileCategories) .category-color-dot{width:14px!important;height:14px!important;margin-left:9px}
  :where(#modalProjetos,#modalNoteCategories,#modalFileCategories) .category-row-name{height:40px!important;padding:0 var(--space-2);font-size:12px!important}
  :where(#modalProjetos,#modalNoteCategories,#modalFileCategories) .owned-category-row{grid-template-columns:36px minmax(0,1fr)!important}
  :where(#modalProjetos,#modalNoteCategories,#modalFileCategories) .owned-category-row .category-row-actions{grid-column:1/-1!important;width:100%;justify-content:flex-end!important}
  .category-row-editor small{padding:0 var(--space-2);white-space:normal;line-height:1.35}
  .category-access-action{min-width:0!important;flex:1 1 auto}
  .sharing-guide{display:grid;gap:var(--space-2);margin-top:var(--space-3)}
  .category-row-actions{gap:var(--space-1)!important}
  .category-row-action{min-width:58px;min-height:40px;padding:0 var(--space-2);font-size:11px}
  .category-row-icon{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
  .category-create-mount .note-category-create{grid-template-columns:40px minmax(0,1fr);padding:var(--space-2)}
  .category-create-mount .note-category-create button{grid-column:1/-1;width:100%}
  .team-modal-head{padding-right:calc(var(--touch-target) + var(--space-3))}
  .team-more-menu>summary{min-height:var(--touch-target)!important;height:var(--touch-target)!important}
  .date-nav{grid-template-columns:var(--touch-target) auto var(--touch-target);gap:4px!important}
  .date-nav .date-arrow{width:var(--touch-target)!important;height:var(--touch-target)!important}
  .date-nav .title-date-btn{height:var(--touch-target)!important;padding:0 7px!important}
  .ui-tooltip{display:none!important}
  #modalFileEditor .file-direct-editor{max-height:calc(100dvh - 16px)!important;padding-bottom:max(var(--space-4),env(safe-area-inset-bottom))!important}
  .file-direct-editor .field{margin-bottom:var(--space-3)!important}
}
.team-members-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:var(--space-4) 0 var(--space-2);color:var(--muted);font:700 12px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.team-members-heading .ui-button{min-height:36px;padding:0 14px;font-family:var(--font-sans);letter-spacing:0;text-transform:none}


/* Refinamento visual compartilhado — modais, contraste e áreas de toque. */
.modal{position:relative}
.modal>.modal-close{
  top:24px!important;right:24px!important;width:40px!important;height:40px!important;
  min-width:40px!important;min-height:40px!important;border-color:transparent!important;
  background:transparent!important;color:var(--muted)!important;box-shadow:none!important
}
.modal>.modal-close:hover{border-color:var(--line)!important;background:var(--panel-2)!important;color:var(--text)!important}
.modal>.modal-close:focus{outline:0}
.modal>.modal-close:focus-visible{border-color:var(--accent)!important;outline:2px solid color-mix(in srgb,var(--accent) 48%,transparent)!important;outline-offset:2px}
.modal>.modal-head,.modal>.team-modal-head{min-height:40px;margin:0 56px 22px 0!important;padding-right:0!important}
.modal>.modal-head--compact{display:flex;align-items:center}.modal>.modal-head--compact h2{margin:0}
.modal>.login-card-label:first-child{padding-right:56px}
.modal>h2:first-of-type{width:calc(100% - 56px);max-width:calc(100% - 56px);padding-right:0}
.modal>.modal-actions,.modal>.modal-footer{gap:12px!important;align-items:center}
.modal>.modal-actions>button,.modal>.modal-footer>button{min-height:44px}

:where(#pickerPrev,#pickerNext,#teamDayPrev,#teamDayNext){width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;display:grid;place-items:center}
:where(#fToggleChecklist,#fToggleDescription,#noteAddChecklist,#deleteAccountBtn,#myProfileChangeUsername,.trash-area-nav button,.trash-purge-action,.team-project-actions button,.team-row-actions button,.team-date-nav button,.team-members-heading button){min-height:44px!important}
.field-inline-action{display:inline-flex!important;align-items:center;justify-content:center;width:max-content;margin-top:8px;padding:0 12px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:transparent!important;color:var(--accent)!important;font:650 11px/1.2 var(--font-body)!important}
.trash-purge-action{border-color:color-mix(in srgb,var(--late) 45%,var(--line))!important;color:var(--late)!important}
.team-project-actions{gap:8px!important}.team-date-nav{grid-template-columns:44px minmax(0,1fr) 44px!important;align-items:center}
.version-footer{opacity:.56;border-top-color:transparent!important;letter-spacing:.1em!important}

:root[data-theme="light"] .overlay{background:rgba(31,35,45,.46)!important}
:root[data-theme="light"] :where(.confirm,.primary,.ui-button--primary,.add-btn,.tab.active,.view-toggle button.active){color:#fff!important;-webkit-text-fill-color:#fff!important}
:root[data-theme="light"] :where(input,select,textarea){border-color:var(--line)}
:root[data-theme="light"] .bottom-nav,:root[data-theme="light"] .floating-nav{box-shadow:0 8px 24px rgba(20,22,28,.14)!important}

@media (min-width:1366px){
  body[data-module="notes"] #moduleNotes,body[data-module="files"] #moduleFiles{width:100%;max-width:none;margin-inline:0}
}

@media (max-width:679px){
  .overlay{padding:12px 10px max(12px,env(safe-area-inset-bottom))!important}
  .overlay>.modal{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 24px)!important;border-radius:22px!important}
  .modal>.modal-close{top:16px!important;right:16px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
  .modal>.modal-head,.modal>.team-modal-head{min-height:44px;margin:0 56px 20px 0!important}
  .modal>.login-card-label:first-child{padding-right:56px}
  .modal>h2:first-of-type{width:calc(100% - 56px);max-width:calc(100% - 56px);padding-right:0}
  .modal>.modal-actions,.modal>.modal-footer{position:sticky;z-index:4;bottom:calc(-20px - env(safe-area-inset-bottom));margin:20px -16px calc(-20px - env(safe-area-inset-bottom))!important;padding:12px 16px calc(20px + env(safe-area-inset-bottom))!important;border-top:1px solid var(--line);background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(14px)}
  :where(#modalItem,#modalSettings,#modalMyProfile,#modalNoteEditor,#modalFileEditor)>.modal{scroll-padding-bottom:112px}
  .item-extras-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}
  .item-extras-actions>button{width:100%!important;padding:0 10px!important}
  .team-project-actions{display:grid!important;grid-template-columns:1fr!important}.team-project-actions button{width:100%!important}
  .team-member-actions button,.team-row-actions button{min-height:44px!important}
  .trash-area-nav{gap:6px!important}.trash-area-nav button{font-size:11px!important}
  .version-footer{opacity:.46}
}
@media (max-width:359px){
  .item-extras-actions{grid-template-columns:1fr}
  .modal>.modal-actions,.modal>.modal-footer{grid-template-columns:1fr!important}
}

/* Tema claro: níveis de superfície, leitura e estados interativos. */
:root[data-theme="light"] body{background:#edf0f4}
:root[data-theme="light"] :where(.side-col,.top-row.side-block,.bottom-nav,.floating-nav,.modal,.dropdown-menu,.filter-dropdown){background-color:#fff}
:root[data-theme="light"] :where(.item-compact,.note-card,.file-card,.widget,.settings-list>button,.team-member-row,.category-manage-row){border-color:#c7ced8!important}
:root[data-theme="light"] :where(.item-compact,.note-card,.file-card){background:#fff!important;box-shadow:0 1px 2px rgba(20,27,38,.05)!important}
:root[data-theme="light"] :where(.field input:not([type="color"]),.field select,.field textarea,.search-box,.username-input,.profile-summary){background:#f3f5f8!important;border-color:#b8c0cc!important}
:root[data-theme="light"] :where(.field input:disabled,.field select:disabled,.field textarea:disabled){background:#e6eaf0!important;color:#596273!important;-webkit-text-fill-color:#596273!important;opacity:1}
:root[data-theme="light"] :where(.field-help,.team-help,.modal-head p,.settings-list small,.widget-muted,.daily-phrase,.empty-hint,.notes-empty span){color:#4f5868!important}

.repeat-overdue-row{margin:12px 0 0!important;padding:14px 0 0;border-top:1px solid var(--line)}
.repeat-overdue-row small{display:block;margin-top:7px;color:var(--muted);font:400 12px/1.4 var(--font-body)}
.completed-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 2px;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;color:var(--muted);cursor:pointer;font:600 12px/1.4 var(--font-body);text-align:left}
.completed-toggle small{color:var(--accent);font:600 10px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em}
.completed-toggle.is-open{margin-bottom:5px}
#feitosList .item-compact.done{background:transparent!important;border-width:0 0 1px!important;border-radius:0!important;box-shadow:none!important;opacity:.74}
:root[data-theme="light"] :where(.login-card-label,.item-section-label,.section-label,.category-manager-label,.widget-label){color:#006f66!important}
:root[data-theme="light"] :where(.tab,.category-chip,.view-toggle button){border-color:#b8c0cc!important;background:#fff!important;color:#424b5b!important}
:root[data-theme="light"] :where(.tab.active,.category-chip.active,.view-toggle button.active){border-color:#006f66!important;background:#dceeea!important;color:#075c55!important;-webkit-text-fill-color:#075c55!important}
:root[data-theme="light"] :where(button:hover,.settings-list>button:hover){border-color:#8793a3}
:root[data-theme="light"] .danger-zone{background:#fff4f1;border-color:#d87362}
:root[data-theme="light"] .version-footer{color:#596273}

/* Selects usam a mesma seta em todos os navegadores. */
:where(.field select,.team-role-select,.edit-scope-panel select){
  appearance:none;-webkit-appearance:none;padding-right:42px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a9da8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 13px center!important;background-size:17px!important
}
:root[data-theme="light"] :where(.field select,.team-role-select,.edit-scope-panel select){
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234f5868' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 13px center!important;background-size:17px!important
}

/* Perfil: dados pessoais, acesso e exclusão formam grupos distintos. */
#modalMyProfile .profile-summary{margin:4px 0 22px}
#modalMyProfile .profile-account-actions{padding:6px;border:1px solid var(--line);border-radius:14px;background:var(--panel-2)}
#modalMyProfile .profile-account-actions>button{min-height:56px;border-radius:10px}
#modalMyProfile .danger-zone{margin-top:28px;padding:18px}
#modalMyProfile .danger-zone summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--late);font:700 13px/1.3 var(--font-body);cursor:pointer;list-style:none}
#modalMyProfile .danger-zone summary::-webkit-details-marker{display:none}
#modalMyProfile .danger-zone summary:after{content:"+";font:500 20px/1 var(--font-body);color:var(--muted)}
#modalMyProfile .danger-zone[open] summary:after{content:"−"}
#modalMyProfile .danger-zone>div{padding-top:4px}
#modalMyProfile .danger-zone button{min-height:44px;padding:0 14px}

/* Textos auxiliares permanecem legíveis em todos os modais. */
.modal :where(.team-help,.field-help,.settings-status,.profile-summary,.category-manager-empty){font-size:max(11px,.72rem)!important;line-height:1.5!important}
.modal :where(.modal-head p,.file-viewer-meta dd,.repeat-summary,.edit-scope-panel p){font-size:max(12px,.78rem)!important;line-height:1.5!important}
.modal :where(.login-card-label,.item-section-label,.category-manager-label){font-size:max(9px,.62rem)!important;line-height:1.4!important}

/* Rodapés canônicos por tipo de janela. */
.file-kind-filter{display:flex;align-items:center;gap:7px;margin:-8px 0 20px;overflow-x:auto;scrollbar-width:none}
.file-kind-filter::-webkit-scrollbar{display:none}
.file-kind-filter button{flex:0 0 auto;min-height:38px;padding:0 15px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font:650 12px/1 var(--font-body);cursor:pointer}
.file-kind-filter button:hover{border-color:var(--muted);color:var(--text)}
.file-kind-filter button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
:root[data-theme="light"] .file-kind-filter button{border-color:#b8c0cc;background:#fff;color:#424b5b}
:root[data-theme="light"] .file-kind-filter button.active{border-color:#006f66;background:#dceeea;color:#075c55}

.modal>.modal-actions{display:flex!important;justify-content:flex-end!important;flex-wrap:wrap}
.modal>.modal-actions>button{width:auto!important;min-width:116px;flex:0 0 auto!important}
.modal>.modal-actions>button:only-child{min-width:140px}
.modal-size-small>.modal-actions>button{flex:1 1 0!important}

/* Tablet: nomes das áreas permanecem visíveis sem depender de hover. */
@media (min-width:680px) and (max-width:899px){
  body{padding-left:332px!important}
  .top-row.side-block{width:104px!important;align-items:stretch!important;padding-inline:8px!important}
  .top-row.side-block #brandHomeBtn{align-self:center}
  .top-row.side-block #moduleNav{width:88px!important}
  #moduleNav button{width:88px!important;justify-content:flex-start!important;gap:9px!important;padding:0 10px!important}
  #moduleNav button svg{width:18px;min-width:18px}
  #moduleNav button span{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip-path:none!important;font:600 11px/1 var(--font-body)}
  .top-row.side-block .top-actions{width:44px!important;align-self:center}
  .top-row.side-block #menuBtn{left:30px!important}
  .top-row.side-block #railThemeBtn{left:30px!important}
  .side-col{left:104px!important}
}

@media (max-width:679px){
  .file-kind-filter{margin:-8px 0 18px;padding-bottom:2px}
  .file-kind-filter button{min-height:40px;padding:0 14px}
  .modal>.modal-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .modal>.modal-actions>button{width:100%!important;min-width:0!important}
  .modal>.modal-actions>button:only-child{grid-column:1/-1}
  #modalMyProfile .danger-zone{padding:10px 14px;margin-top:22px}
}
@media (max-width:359px){.modal>.modal-actions{grid-template-columns:1fr!important}}
@media(min-width:680px) and (max-width:899px){.top-row.side-block #railInvitesBtn{left:30px!important}}