/* Fidelidade ao mockup aprovado: aplicada SOMENTE em Minhas tarefas no celular. */
.lm-head-center{display:none}
@media screen and (max-width:760px){
  #app:has(#liderMobile.active) .main{background:#061320!important}
  #app:has(#liderMobile.active) .app-topbar{
    background:linear-gradient(130deg,#0c2848,#06182e)!important;
    border-bottom:0!important;
    box-shadow:none!important;
    padding:16px 12px 19px!important;
    min-height:110px!important;
    margin:0 -15px 3px!important;
  }
  #app:has(#liderMobile.active) .mobile-app-header{
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 45px;
    gap:8px;align-items:center;width:100%
  }
  #app:has(#liderMobile.active) .mobile-brand-column{justify-content:center;gap:3px}
  #app:has(#liderMobile.active) .mobile-brand{width:100%;justify-content:flex-start;min-height:45px}
  #app:has(#liderMobile.active) .mobile-brand img{
    width:min(100%,124px);max-height:55px;object-fit:contain;
    filter:brightness(0) invert(1)
  }
  #app:has(#liderMobile.active) .agenda-mobile-sync-status{display:none!important}
  #app:has(#liderMobile.active) .lm-head-center{
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    text-align:center;gap:4px;min-width:0
  }
  #app:has(#liderMobile.active) .lm-head-center strong{
    font-size:clamp(12px,3.8vw,16px);line-height:1.2;color:#f7fcff;
    letter-spacing:-.025em;font-weight:800;white-space:nowrap
  }
  #app:has(#liderMobile.active) .lm-head-center span{
    font-size:clamp(10px,3.3vw,13px);font-weight:650;color:#25e5da;
    white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%
  }
  #app:has(#liderMobile.active) .mobile-header-actions{gap:0;justify-content:flex-end}
  #app:has(#liderMobile.active) .mobile-header-actions .mobile-bell,
  #app:has(#liderMobile.active) #teamTaskMobileBell{display:none!important}
  #app:has(#liderMobile.active) .mobile-avatar{
    width:43px;height:43px;background:#16405d;border:2px solid #93d8e7;
    box-shadow:0 3px 15px #0005;color:#eefaff
  }
  #app #liderMobile.section.active{padding:10px 0 12px;color:#f5f9ff}
  #app #liderMobile .lm-premium-board{
    padding:15px 10px 13px;background:
      radial-gradient(ellipse at 95% -10%,rgba(28,209,216,.16),transparent 38%),
      linear-gradient(145deg,#09243b,#061729 60%,#09243b);
    border:1.5px solid #0ce7db;border-radius:17px;
    box-shadow:0 0 0 1px #10dcc513,0 12px 26px #0006;
    min-width:0
  }
  #app #liderMobile .lm-board-heading{
    display:grid;grid-template-columns:29px minmax(0,1fr) 91px;
    column-gap:8px;align-items:start;margin:1px 0 13px
  }
  #app #liderMobile .lm-heading-icon{color:#3df9e3;padding-top:2px}
  #app #liderMobile .lm-heading-icon .lm-svg{width:27px;height:29px;stroke-width:2.2}
  #app #liderMobile .lm-heading-text{min-width:0}
  #app #liderMobile .lm-heading-text h1{
    margin:1px 0 6px;color:#f6fdff;font-size:clamp(15px,4.7vw,20px);
    line-height:1.13;font-weight:860;letter-spacing:-.026em
  }
  #app #liderMobile .lm-heading-text p{
    margin:0;font-size:10.5px;line-height:1.48;color:#adc9db;font-weight:450
  }
  #app #liderMobile .lm-completion{
    border:1px solid #235477;border-radius:10px;background:#11344e;
    padding:8px 7px;color:#eafaff;min-width:0
  }
  #app #liderMobile .lm-completion-title{display:flex;align-items:flex-start;gap:6px}
  #app #liderMobile .lm-completion-title .lm-svg{width:19px;height:19px;color:#2af0de;flex:0 0 19px}
  #app #liderMobile .lm-completion-title strong{font-size:11px;line-height:1.2;white-space:nowrap}
  #app #liderMobile .lm-completion-title small{display:block;font-size:9.5px;font-weight:600;margin-top:1px}
  #app #liderMobile .lm-completion-bottom{display:flex;align-items:center;gap:5px;margin-top:8px;font-size:10px}
  #app #liderMobile .lm-meter{height:6px;min-width:0;flex:1;border-radius:8px;background:#35516b;overflow:hidden}
  #app #liderMobile .lm-meter i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#23e8d5,#55fae4)}
  #app #liderMobile .lm-view-filters{
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0 0 10px;
    overflow:visible
  }
  #app #liderMobile .lm-view-filter{
    min-width:0;min-height:41px;padding:5px 2px;
    border:1px solid #224461;border-radius:11px;
    background:linear-gradient(150deg,#122e49,#0c233b);
    color:#d9eafb;font-size:clamp(8.5px,2.55vw,11px);font-weight:730;
    letter-spacing:-.01em;white-space:nowrap;cursor:pointer
  }
  #app #liderMobile .lm-view-filter[aria-pressed="true"]{
    background:linear-gradient(120deg,#38f6de,#20d5c9);
    border-color:#45f9e2;color:#062b38;box-shadow:0 5px 16px #18d5c847
  }
  #app #liderMobile .lm-task-list{display:flex;flex-direction:column;gap:7px}
  #app #liderMobile .lm-task-card{
    position:relative;overflow:hidden;
    padding:13px 8px 12px 10px;background:linear-gradient(115deg,#102a44,#091d32);
    border:1px solid #254963;border-left:5px solid #418bff;border-radius:12px;
    box-shadow:inset 0 0 20px #06436b10
  }
  #app #liderMobile .lm-tone-urgent{border-left-color:#fa526e}
  #app #liderMobile .lm-tone-medium{border-left-color:#efbf43}
  #app #liderMobile .lm-tone-low{border-left-color:#57a1ff}
  #app #liderMobile .lm-tone-completed{border-left-color:#20dbc0}
  #app #liderMobile .lm-task-main{display:flex;align-items:flex-start;gap:9px;min-width:0}
  #app #liderMobile .lm-task-check{
    width:23px;height:23px;flex:0 0 23px;margin:2px 0 0;
    border-radius:5px;accent-color:#2ee7d5;cursor:pointer
  }
  #app #liderMobile .lm-task-copy{min-width:0;flex:1}
  #app #liderMobile .lm-task-title{
    display:block;color:#f7fbff;font-size:clamp(11.5px,3.15vw,13px);
    line-height:1.32;letter-spacing:-.015em;font-weight:820;overflow-wrap:anywhere
  }
  #app #liderMobile .lm-finished .lm-task-title{text-decoration:line-through;color:#b5c8da}
  #app #liderMobile .lm-task-origin{
    display:flex;align-items:center;gap:5px;margin-top:3px;color:#afc5dc;
    font-size:10px;line-height:1.32
  }
  #app #liderMobile .lm-task-origin .lm-svg{width:14px;height:14px;color:#76aefe}
  #app #liderMobile .lm-task-description{
    margin:9px 0 0;color:#b6cfe3;font-size:10.5px;line-height:1.5;
    max-height:90px;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere
  }
  #app #liderMobile .lm-task-side{
    display:flex;flex-direction:column;align-items:flex-end;gap:13px;
    flex:0 0 90px;max-width:90px;text-align:right;min-width:0
  }
  #app #liderMobile .lm-pill{
    display:inline-flex;align-items:center;justify-content:center;
    min-height:26px;border-radius:8px;padding:5px 7px;
    font-size:11px;font-weight:780;white-space:nowrap
  }
  #app #liderMobile .lm-pill.urgent{color:#ff8195;background:#532439;border:1px solid #9e3654}
  #app #liderMobile .lm-pill.medium{color:#ffd24b;background:#55441a;border:1px solid #8b6f2c}
  #app #liderMobile .lm-pill.low{color:#9ac4ff;background:#183a64;border:1px solid #3a6cad}
  #app #liderMobile .lm-pill.completed{color:#30f1c3;background:#12493f;border:1px solid #24765a}
  #app #liderMobile .lm-task-deadline{
    display:flex;align-items:flex-start;gap:6px;color:#e1f1fc;font-size:10px;
    line-height:1.26;white-space:nowrap
  }
  #app #liderMobile .lm-task-deadline .lm-svg{width:17px;height:17px;flex:0 0 17px}
  #app #liderMobile .lm-task-deadline small{display:block;color:#a8bed3;font-size:10px;font-weight:450}
  #app #liderMobile .lm-expand{
    display:grid;place-items:center;border:0;background:transparent;
    color:#a6c1e2;min-height:25px;min-width:25px;cursor:pointer
  }
  #app #liderMobile .lm-expand .lm-svg{width:18px;height:18px}
  #app #liderMobile .lm-subtasks{display:flex;flex-direction:column;gap:7px;margin:10px 0 0}
  #app #liderMobile .lm-subtask{display:flex;align-items:center;gap:7px;min-width:0;color:#f1faff;font-size:11px}
  #app #liderMobile .lm-subtask input{width:20px;height:20px;min-width:20px;margin:0;accent-color:#38eed8}
  #app #liderMobile .lm-subtask>span{min-width:0;overflow-wrap:anywhere;flex:1}
  #app #liderMobile .lm-subtask.done>span{text-decoration:line-through;color:#8fa6bb}
  #app #liderMobile .lm-remove-step{width:24px;height:25px;flex:0 0 24px;font-size:17px;background:transparent;border:0;color:#829fb9}
  #app #liderMobile .lm-new-subtask{display:flex;align-items:center;gap:5px;margin-top:8px}
  #app #liderMobile .lm-new-subtask input{
    background:#0b2035;border:1px solid #34566e;border-radius:7px;padding:7px 8px;
    color:#effcff;font-size:10px;min-width:0;flex:1
  }
  #app #liderMobile .lm-new-subtask button{border:0;border-radius:8px;background:#155666;color:#b6fff2;font-size:10px;padding:8px 5px}
  #app #liderMobile .lm-card-link{
    display:flex;align-items:center;gap:4px;border:0;background:transparent;
    color:#6deede;font-size:10px;font-weight:710;padding:9px 0 0;line-height:1.3;text-align:left
  }
  #app #liderMobile .lm-card-link .lm-svg{width:13px;height:13px}
  #app #liderMobile .lm-no-tasks{
    background:#102b44;color:#bfd2e2;border:1px dashed #32617d;
    border-radius:12px;padding:20px 12px;font-size:12px;line-height:1.5;text-align:center
  }
  #app #liderMobile .lm-no-tasks button{
    display:block;margin:10px auto 0;padding:9px 12px;border:1px solid #1c988f;
    border-radius:8px;color:#2cf3da;background:#09293b
  }
  #app #liderMobile .lm-view-all{
    display:flex;justify-content:center;align-items:center;gap:7px;
    background:linear-gradient(105deg,#29e7d1,#22cbd1);border:0;color:#002a35;
    border-radius:11px;width:100%;min-height:49px;padding:9px 12px;margin-top:10px;
    font-size:11px;font-weight:850;cursor:pointer
  }
  #app #liderMobile .lm-view-all .lm-svg{height:17px;width:17px}
  #app #liderMobile .lm-board-date{
    display:flex;align-items:center;gap:6px;justify-content:flex-end;
    padding-top:11px;min-width:0
  }
  #app #liderMobile .lm-board-date label{color:#9bb9cb;font-size:10px}
  #app #liderMobile .lm-board-date input{
    background:#0f263a;border:1px solid #33536b;color:#d4eafa;
    color-scheme:dark;min-width:0;max-width:125px;border-radius:7px;padding:5px 4px;font-size:10px
  }
  #app #liderMobile .lm-board-date button{
    border:1px solid #2c5367;border-radius:8px;color:#6ce9dc;
    background:#0c2c41;min-height:31px;padding:4px 7px;font-size:10px;font-weight:730
  }
  #app #liderMobile .lm-quick-premium{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:11px 2px 8px
  }
  #app #liderMobile .lm-quick-tile{
    display:flex;flex-direction:column;align-items:flex-start;
    position:relative;min-width:0;min-height:111px;border:1px solid #367bfa;
    border-radius:14px;padding:11px 8px 8px;
    background:linear-gradient(140deg,#183e77,#0b2243);
    color:#f0f9ff;text-align:left;overflow:hidden
  }
  #app #liderMobile .lm-quick-messages{
    border-color:#9348dc;background:linear-gradient(140deg,#3a246f,#1b1941)
  }
  #app #liderMobile .lm-quick-production{
    border-color:#09a78f;background:linear-gradient(140deg,#075956,#072b34)
  }
  #app #liderMobile .lm-quick-caption{display:flex;align-items:center;gap:5px;font-size:11px;min-width:0}
  #app #liderMobile .lm-quick-caption .lm-svg{height:23px;width:23px;flex:0 0 23px;color:#75b1ff}
  #app #liderMobile .lm-quick-messages .lm-quick-caption .lm-svg{color:#c186fc}
  #app #liderMobile .lm-quick-production .lm-quick-caption .lm-svg{color:#36ecd7}
  #app #liderMobile .lm-quick-caption b{font-weight:760;font-size:clamp(10px,2.6vw,12px)}
  #app #liderMobile .lm-quick-tile>strong{
    display:block;font-size:clamp(19px,6vw,26px);font-weight:880;line-height:1.1;
    align-self:center;margin-top:11px;font-variant-numeric:tabular-nums
  }
  #app #liderMobile .lm-quick-tile>small{
    display:block;align-self:center;text-align:center;font-size:9px;
    line-height:1.3;color:#d0ddeb;margin-top:4px
  }
  #app #liderMobile .lm-quick-tile>.lm-svg:last-child{
    position:absolute;right:5px;bottom:11px;width:11px;height:11px;color:#98b6e9
  }
  #app:has(#liderMobile.active) .mobile-bottom-nav{
    background:#07172a!important;border-top:1px solid #153655!important;
    min-height:77px!important;padding:5px 4px calc(5px + env(safe-area-inset-bottom,0px))!important
  }
  #app:has(#liderMobile.active) .mobile-tab{color:#93b1d0}
  #app:has(#liderMobile.active) .mobile-tab.active{
    color:#26e9d8!important;background:transparent!important
  }
  #app:has(#liderMobile.active) .mobile-tab.active::after{
    content:'';width:23px;height:3px;background:#25f4e3;border-radius:3px;
    position:absolute;bottom:4px
  }
  #app:has(#liderMobile.active) .mobile-tab{position:relative}
  #app:has(#liderMobile.active) .mobile-tab.lm-add-tab .lm-plus{
    width:49px;height:49px;background:linear-gradient(145deg,#51fff1,#19c8ca);
    border-radius:50%;color:#082b38;box-shadow:0 0 16px #0eeddd4a;
    margin-top:-20px;font-size:28px
  }
  #app:has(#liderMobile.active) .mobile-tab.lm-add-tab span:last-child{
    font-size:9px;color:#81a7c3
  }
  #app #liderMobile button:focus-visible,#app #liderMobile input:focus-visible{
    outline:2px solid #49f8df;outline-offset:2px
  }
}
@media screen and (max-width:350px){
  #app #liderMobile .lm-board-heading{grid-template-columns:25px minmax(0,1fr) 76px;gap:5px}
  #app #liderMobile .lm-heading-text h1{font-size:14px}
  #app #liderMobile .lm-task-side{flex-basis:77px;max-width:77px}
  #app #liderMobile .lm-view-filter{font-size:8.2px}
  #app #liderMobile .lm-board-date label{display:none}
}
@media print{#liderMobile{display:none!important}}