:root{
    --ink:#2A231D; --terra:#B97A4C; --terra-light:#C98B5D; --cream:#F4EFE6; --card:#EDE5D6;
    --taupe:#A08D7C; --border:#DCCFB8; --muted:#8C7A66; --danger:#A3402E;
  }
  *{box-sizing:border-box;}
  body{margin:0;background:var(--cream);font-family:'Inter',sans-serif;color:var(--ink);padding-bottom:40px;}
  .serif{font-family:'Playfair Display',serif;}
  .hidden{display:none !important;}

  /* Auth screen */
  #auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;}
  .auth-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:32px 28px;max-width:380px;width:100%;}
  .auth-logo{display:flex;align-items:center;gap:12px;margin-bottom:24px;}
  .auth-logo .rings{width:44px;height:44px;flex-shrink:0;}
  .auth-logo .word{line-height:1;}
  .auth-logo .word .arq{font-size:11px;letter-spacing:3px;color:var(--terra);font-weight:600;display:block;}
  .auth-logo .word .cerne{font-family:'Playfair Display',serif;font-style:italic;font-size:26px;color:var(--ink);}
  .auth-tabs{display:flex;gap:4px;background:var(--cream);border-radius:10px;padding:4px;margin-bottom:20px;}
  .auth-tab{flex:1;text-align:center;padding:8px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;color:var(--muted);}
  .auth-tab.active{background:#fff;color:var(--ink);}
  .auth-card input{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:9px;font-size:14px;margin-bottom:10px;background:var(--cream);color:var(--ink);font-family:'Inter',sans-serif;}
  .auth-btn{width:100%;padding:11px;border:none;border-radius:9px;background:var(--ink);color:var(--cream);font-weight:600;font-size:14px;cursor:pointer;margin-top:6px;}
  .auth-btn:hover{background:#3a3128;}
  .auth-msg{font-size:12.5px;margin-top:10px;text-align:center;min-height:16px;color:var(--danger);}
  .auth-hint{font-size:11.5px;color:var(--muted);text-align:center;margin-top:14px;}

  /* Topbar */
  .topbar{background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:12px 20px;position:sticky;top:0;z-index:10;}
  .brand{display:flex;align-items:center;gap:10px;}
  .brand .rings{width:30px;height:30px;}
  .brand .word .arq{font-size:9px;letter-spacing:2.5px;color:var(--terra);font-weight:600;display:block;}
  .brand .word .cerne{font-family:'Playfair Display',serif;font-style:italic;font-size:19px;color:var(--ink);line-height:1;}
  .icon-btn{background:none;border:1px solid var(--border);border-radius:9px;padding:6px 9px;font-size:12px;cursor:pointer;color:var(--ink);font-weight:600;}

  .tabs{display:flex;background:#fff;border-bottom:1px solid var(--border);overflow-x:auto;padding:0 12px;position:sticky;top:57px;z-index:9;}
  .tab{padding:12px 13px;font-size:13.5px;font-weight:500;color:var(--muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;}
  .tab.active{color:var(--ink);font-weight:700;border-bottom:2px solid var(--terra);}

  .page{padding:20px;max-width:1000px;margin:0 auto;}
  h1.greet{font-size:25px;color:var(--ink);margin:0;font-weight:600;font-family:'Playfair Display',serif;font-style:italic;}
  .sub{font-size:13px;color:var(--muted);margin:4px 0 16px;}

  .stats{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0;}
  .stat-card{flex:1;min-width:150px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px;}
  .stat-label{font-size:12px;color:var(--muted);margin:0;}
  .stat-value{font-size:23px;font-weight:600;color:var(--ink);margin:2px 0 0;font-family:'Playfair Display',serif;}
  .stat-delta{font-size:11px;color:var(--terra);margin:2px 0 0;}

  .grid2{display:grid;grid-template-columns:2fr 1fr;gap:16px;align-items:start;}
  @media(max-width:720px){.grid2{grid-template-columns:1fr;}}
  .panel{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:16px;}
  .panel-dark{background:var(--ink);border-radius:14px;padding:16px;}
  .panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px;}
  .panel-head h2{font-size:15px;margin:0;color:var(--ink);font-family:'Playfair Display',serif;font-style:italic;}
  .panel-dark .panel-head h2{color:var(--cream);}

  table{width:100%;border-collapse:collapse;font-size:13px;}
  th{text-align:left;color:var(--muted);font-weight:500;padding-bottom:8px;font-size:12px;}
  td{padding:9px 4px;border-top:1px solid var(--card);vertical-align:middle;}
  .name-cell{display:flex;align-items:center;gap:8px;}
  .initial{width:26px;height:26px;border-radius:50%;background:var(--card);color:var(--terra);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;}
  .badge{padding:4px 9px;border-radius:99px;font-size:11px;font-weight:600;white-space:nowrap;border:none;}
  select.badge-select{appearance:none;cursor:pointer;font-family:'Inter',sans-serif;}

  .add-btn{background:var(--ink);color:var(--cream);border:none;border-radius:9px;padding:8px 14px;font-size:12px;font-weight:600;cursor:pointer;}
  .add-btn:hover{background:#3a3128;}
  .del-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:15px;padding:2px 6px;}
  .del-btn:hover{color:var(--danger);}
  .confirm-del-yes{color:var(--danger) !important;font-weight:700;}
  .confirm-del-no{color:var(--muted) !important;}

  .form-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--border);}
  .form-row input, .form-row select{
    flex:1;min-width:100px;padding:8px 10px;border:1px solid var(--border);border-radius:9px;font-size:13px;font-family:'Inter',sans-serif;background:var(--cream);color:var(--ink);
  }
  .form-row .add-btn{flex:0 0 auto;}
  .empty{font-size:13px;color:var(--muted);padding:8px 0;}
  .search-box{width:100%;padding:10px 14px;border-radius:99px;border:1px solid var(--border);background:#fff;font-size:13px;margin-bottom:14px;}

  .thumb{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:13px;flex-shrink:0;}
  .cat-Residencial{background:#6E7F4E;}
  .cat-Comercial{background:var(--ink);}
  .cat-Corporativo{background:var(--terra);}
  .proj-full-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px;margin-bottom:12px;}
  .proj-full-head{display:flex;align-items:flex-start;gap:10px;}
  .proj-list-info{flex:1;min-width:0;}
  .proj-list-info h4{margin:0;font-size:14px;color:var(--ink);font-weight:600;}
  .proj-list-info p{margin:1px 0 0;font-size:12px;color:var(--muted);}
  .proj-full-actions{display:flex;flex-direction:column;gap:6px;align-items:flex-end;}
  .progress-bar{background:var(--card);border-radius:99px;height:6px;margin:8px 0;overflow:hidden;}
  .progress-fill{background:var(--terra);height:100%;border-radius:99px;}
  .task-row{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:12.5px;}
  .task-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--terra);flex-shrink:0;}
  .task-row.done span{text-decoration:line-through;color:var(--muted);}
  .task-row .del-btn{margin-left:auto;font-size:13px;}
  .task-add-row{display:flex;gap:6px;margin-top:6px;}
  .task-add-row input{flex:1;padding:6px 8px;border:1px solid var(--border);border-radius:8px;font-size:12px;background:var(--cream);}
  .task-add-row button{background:var(--ink);color:var(--cream);border:none;border-radius:8px;padding:0 10px;font-size:12px;cursor:pointer;}
  .export-btn{background:none;border:1px solid var(--border);color:var(--ink);border-radius:8px;padding:6px 10px;font-size:11.5px;font-weight:600;cursor:pointer;white-space:nowrap;}

  .kanban{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;}
  .kanban-col{flex:0 0 220px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:10px;}
  .kanban-col h3{font-size:12px;margin:2px 4px 8px;color:var(--ink);font-family:'Playfair Display',serif;font-style:italic;display:flex;justify-content:space-between;}
  .kanban-count{background:var(--cream);color:var(--muted);border-radius:99px;padding:1px 7px;font-size:11px;}
  .kcard{background:var(--cream);border-radius:10px;padding:9px 10px;margin-bottom:8px;}
  .kcard .name-cell{margin-bottom:6px;font-size:12.5px;font-weight:600;}
  .kcard select{width:100%;font-size:11.5px;padding:5px 6px;border-radius:7px;border:1px solid var(--border);background:#fff;}
  .kcard .kmeta{font-size:11px;color:var(--muted);margin:0 0 6px;}

  .fin-card{background:#fff;border:1px solid var(--card);border-radius:12px;padding:12px;margin-bottom:8px;}
  .fin-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;}
  .fin-card-desc{font-size:12px;color:var(--muted);margin:2px 0 8px;}
  .fin-card-bottom{display:flex;justify-content:space-between;align-items:center;}
  .fin-card-value{font-size:15px;font-weight:600;color:var(--ink);font-family:'Playfair Display',serif;}
  .proj-item{background:rgba(255,255,255,0.06);border-radius:12px;padding:10px 12px;margin-bottom:8px;}
  .proj-row{display:flex;align-items:center;gap:8px;}
  .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
  .proj-name{color:var(--cream);font-size:13px;font-weight:500;margin:0;}
  .proj-fase{color:rgba(244,239,230,.55);font-size:11px;margin:2px 0 0 16px;}

  .chart-wrap{display:flex;align-items:flex-end;gap:10px;height:120px;padding:10px 4px 0;}
  .chart-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;}
  .chart-bar{width:100%;max-width:34px;background:var(--terra-light);border-radius:6px 6px 2px 2px;transition:height .3s;}
  .chart-bar.current{background:var(--ink);}
  .chart-val{font-size:9.5px;color:var(--muted);margin-bottom:3px;}
  .chart-label{font-size:10.5px;color:var(--muted);margin-top:6px;text-transform:capitalize;}

  #toast{
    position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);
    background:var(--ink);color:var(--cream);padding:12px 18px;border-radius:12px;font-size:13px;
    max-width:88%;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.25);
    z-index:200;opacity:0;pointer-events:none;transition:opacity .25s, transform .25s;
  }
  #toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

  #export-overlay{
    display:none;position:fixed;inset:0;background:rgba(42,35,29,.55);z-index:100;
    align-items:flex-start;justify-content:center;padding:24px 14px;overflow-y:auto;
  }
  #export-overlay.show{display:flex;}
  .export-card{background:#fff;border-radius:16px;max-width:480px;width:100%;padding:22px;position:relative;}
  .export-card h1{font-family:'Playfair Display',serif;font-style:italic;color:var(--ink);font-size:22px;margin:0 0 4px;}
  .export-card .meta{color:var(--muted);font-size:12.5px;margin:0 0 14px;}
  .export-actions{display:flex;gap:8px;margin-top:18px;}
  .export-actions button{flex:1;padding:10px;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border);}
  .export-close{position:absolute;top:14px;right:14px;background:none;border:none;font-size:18px;color:var(--muted);cursor:pointer;}
  .copy-confirm{font-size:11.5px;color:var(--terra);margin-top:6px;text-align:center;display:none;}

  .avatar-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--cream);overflow:hidden;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;}
  .avatar-btn img{width:100%;height:100%;object-fit:cover;}
  .project-cover{width:72px;height:72px;border-radius:12px;object-fit:cover;border:1px solid var(--border);background:var(--card);flex-shrink:0;}
  .task-dashboard-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid var(--card);font-size:13px;}
  .task-dashboard-row:first-child{border-top:none;}
  .task-dashboard-row input{width:17px;height:17px;accent-color:var(--terra);}
  .task-dashboard-row.done span{text-decoration:line-through;color:var(--muted);}
  .note-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px;margin-bottom:12px;}
  .note-card h3{font-family:'Playfair Display',serif;font-style:italic;margin:0 0 8px;font-size:16px;}
  .mini-label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--terra);font-weight:700;}

  /* Dashboard v1.3 */
  .clickable-card{cursor:pointer;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;}
  .clickable-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(42,35,29,.08);border-color:var(--terra-light);}
  .dashboard-section-link{background:none;border:none;color:var(--terra);font-size:11.5px;font-weight:700;cursor:pointer;padding:2px 0;}
  .dashboard-projects{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x proximity;}
  .dashboard-project-card{flex:0 0 205px;background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;cursor:pointer;scroll-snap-align:start;transition:transform .18s ease, box-shadow .18s ease;}
  .dashboard-project-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(42,35,29,.08);}
  .dashboard-project-cover{height:100px;background:linear-gradient(135deg,var(--card),#fff);display:flex;align-items:center;justify-content:center;overflow:hidden;}
  .dashboard-project-cover img{width:100%;height:100%;object-fit:cover;}
  .dashboard-project-placeholder{font-family:'Playfair Display',serif;font-size:30px;color:var(--terra);}
  .dashboard-project-body{padding:12px;}
  .dashboard-project-body h3{font-size:13px;margin:0 0 4px;color:var(--ink);}
  .dashboard-project-body p{font-size:11px;margin:0;color:var(--muted);}
  .dashboard-project-phase{display:inline-block;margin-top:8px;padding:4px 8px;border-radius:99px;font-size:10px;font-weight:700;}
  .dashboard-lead-row{cursor:pointer;}
  .dashboard-lead-row:hover td{background:var(--cream);}
  @media(max-width:720px){
    .dashboard-project-card{flex-basis:170px;}
    .dashboard-project-cover{height:86px;}
  }


  /* ARQ Cerne v1.4 */
  .cover-upload-box{
    min-width:220px;flex:1;background:var(--cream);border:1px dashed var(--terra-light);
    border-radius:12px;padding:12px;display:flex;align-items:center;gap:12px;
  }
  .cover-upload-preview{
    width:92px;height:66px;border-radius:10px;object-fit:cover;background:var(--card);
    display:flex;align-items:center;justify-content:center;color:var(--terra);font-family:'Playfair Display',serif;font-size:24px;
  }
  .cover-upload-copy{font-size:11.5px;color:var(--muted);line-height:1.35;}
  .cover-upload-copy strong{display:block;color:var(--ink);font-size:12.5px;margin-bottom:3px;}
  .hub-intro{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px;margin-bottom:16px;}
  .hub-intro h2{font-family:'Playfair Display',serif;font-style:italic;margin:0 0 5px;font-size:20px;}
  .hub-intro p{margin:0;color:var(--muted);font-size:12.5px;}
  .hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
  .hub-card{background:#fff;border:1px solid var(--border);border-radius:15px;padding:16px;min-height:185px;}
  .hub-card-head{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--card);margin-bottom:10px;}
  .hub-icon{width:34px;height:34px;border-radius:10px;background:var(--cream);display:flex;align-items:center;justify-content:center;font-size:17px;}
  .hub-card h3{margin:0;font-size:14px;color:var(--ink);}
  .hub-card .hub-caption{font-size:10.5px;color:var(--muted);margin:2px 0 0;}
  .expense-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;}
  .expense-summary div{background:rgba(244,239,230,.08);border-radius:10px;padding:10px;}
  .expense-summary span{display:block;color:rgba(244,239,230,.58);font-size:10.5px;}
  .expense-summary strong{display:block;color:var(--cream);font-family:'Playfair Display',serif;font-size:15px;margin-top:2px;}
  .expense-type-badge{padding:3px 8px;border-radius:99px;font-size:9.5px;font-weight:700;margin-left:6px;}
  @media(max-width:720px){
    .hub-grid{grid-template-columns:1fr;}
    .cover-upload-box{min-width:100%;}
    .cover-upload-preview{width:78px;height:58px;}
    .expense-summary{grid-template-columns:1fr;}
  }


  /* ARQ Cerne v1.5 */
  .dashboard-dark{background:var(--ink);color:var(--cream);border-color:var(--ink);}
  .dashboard-dark .panel-head h2,.dashboard-dark .dashboard-section-link{color:var(--cream);}
  .dashboard-dark .dashboard-project-card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);}
  .dashboard-dark .dashboard-project-body h3{color:var(--cream);}
  .dashboard-dark .dashboard-project-body p{color:rgba(244,239,230,.62);}
  .dashboard-dark .dashboard-project-cover{background:linear-gradient(135deg,rgba(201,139,93,.22),rgba(255,255,255,.05));}
  .dashboard-dark .dashboard-project-placeholder{color:var(--cream);}
  .dashboard-dark .chart-label,.dashboard-dark .chart-val{color:rgba(244,239,230,.68);}
  .dashboard-dark .chart-bar{background:rgba(244,239,230,.28);}
  .dashboard-dark .chart-bar.current{background:var(--terra);}
  .money-input{text-align:left;}
  .personal-special-form{display:grid;gap:7px;margin-top:10px;}
  .personal-special-form input{width:100%;}
  .access-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;}
  .personal-item-details{font-size:10.5px;color:var(--muted);margin:3px 0 0;line-height:1.4;}
  .personal-file-link{color:var(--terra);font-weight:700;text-decoration:none;}
  .project-focus-ring{outline:3px solid rgba(201,139,93,.42);outline-offset:4px;}
  @media(max-width:720px){.access-grid{grid-template-columns:1fr;}}


/* ================= ARQ CERNE V2 · Login ================= */
.v2-auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,44%) 1fr;background:#fff;}
.v2-auth-form{display:flex;align-items:center;justify-content:center;padding:42px 28px;background:var(--cream);}
.v2-auth-panel{width:100%;max-width:410px;}
.v2-auth-kicker{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--terra);font-weight:700;margin-bottom:14px;}
.v2-auth-title{font-family:'Playfair Display',serif;font-style:italic;font-size:38px;line-height:1.08;margin:0 0 10px;color:var(--ink);}
.v2-auth-copy{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 24px;}
.v2-auth-visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#2A231D 0%,#4A3428 52%,#B97A4C 140%);padding:54px;color:var(--cream);display:flex;align-items:flex-end;}
.v2-auth-visual:before,.v2-auth-visual:after{content:'';position:absolute;border:1px solid rgba(244,239,230,.16);border-radius:50%;}
.v2-auth-visual:before{width:520px;height:520px;right:-150px;top:-130px;box-shadow:0 0 0 70px rgba(244,239,230,.035),0 0 0 140px rgba(244,239,230,.025);}
.v2-auth-visual:after{width:230px;height:230px;left:12%;top:18%;}
.v2-grid-lines{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);background-size:44px 44px;transform:perspective(800px) rotateX(58deg) scale(1.4);transform-origin:center bottom;}
.v2-visual-content{position:relative;z-index:1;max-width:560px;}
.v2-visual-content h2{font-family:'Playfair Display',serif;font-style:italic;font-size:46px;line-height:1.08;margin:0 0 18px;}
.v2-visual-content p{font-size:14px;line-height:1.7;color:rgba(244,239,230,.72);max-width:470px;}
.auth-links{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:12px;}
.auth-link{border:0;background:none;padding:0;color:var(--terra);font-size:12px;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px;}
.auth-back{display:inline-flex;margin-bottom:14px;}
.password-strength{font-size:11px;color:var(--muted);margin:-4px 0 10px;}
#recovery-card,#reset-card{display:none;}
@media(max-width:820px){
 .v2-auth-shell{grid-template-columns:1fr;}
 .v2-auth-visual{display:none;}
 .v2-auth-form{min-height:100vh;padding:28px 20px;}
 .v2-auth-title{font-size:33px;}
}


/* =========================================================
   ARQ CERNE V3.5.7 — IPAD VERTICAL / TABLET PORTRAIT
   Faixa própria para tablets: não reutiliza o empilhamento
   estreito do iPhone nem o layout com sidebar do desktop.
   ========================================================= */
@media(min-width:600px) and (max-width:900px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;}
  *,*::before,*::after{box-sizing:border-box;}
  .app-shell,.app-main,.content-area,.page{width:100%!important;min-width:0!important;max-width:100%!important;}
  .content-area{padding:0 24px 48px!important;}
  .content-area .page{padding-top:22px!important;}
  .panel{min-width:0!important;overflow:hidden;}
  .page-title-row,.panel-head,.detail-toolbar,.project-detail-toolbar,.client-list-toolbar{
    min-width:0!important;max-width:100%!important;gap:12px!important;flex-wrap:wrap!important;
  }
  input,select,textarea,button{min-width:0;max-width:100%;}

  /* Cabeçalho e navegação do tablet */
  .app-main .topbar{padding:0 24px!important;}
  .mobile-tabs{padding:0 18px!important;}
  .mobile-tabs .tab{padding:13px 16px!important;}

  /* Dashboard */
  .v33-dashboard-hero{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:20px!important;}
  .v33-dashboard-hero>div:first-child{min-width:0!important;}
  .v33-dashboard-hero .v2-quick-actions{width:auto!important;min-width:330px!important;margin-top:0!important;grid-template-columns:repeat(3,minmax(96px,1fr))!important;}
  .v33-overview-stats,.v2-stats,.stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;}
  .v33-overview-stats .stat-card{min-width:0!important;padding:15px!important;}

  .task-dashboard-row,.project-dashboard-task{
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  .task-dashboard-row>span,.project-dashboard-task .project-task-open{min-width:0!important;overflow-wrap:anywhere!important;}
  .task-row-actions{
    grid-column:auto!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:flex-end!important;
    align-items:center!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    gap:6px!important;
  }
  .task-edit-btn,.task-delete-btn{flex:0 0 auto!important;white-space:nowrap!important;}
  .v33-tasks-panel .dashboard-task-form{
    grid-template-columns:minmax(0,1fr) minmax(145px,.55fr)!important;
    overflow:visible!important;
  }
  .v33-tasks-panel #new-dashboard-task{grid-column:1/-1!important;}
  .v33-tasks-panel #add-dashboard-task{grid-column:1/-1!important;}

  .v33-project-panel .dashboard-projects,.dashboard-projects{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    overflow:visible!important;
    gap:12px!important;
    padding:0!important;
  }
  .v33-project-panel .dashboard-project-card,.dashboard-project-card{
    width:auto!important;min-width:0!important;max-width:100%!important;flex:none!important;
  }
  .v33-finance-layout{grid-template-columns:190px minmax(0,1fr)!important;gap:18px!important;}
  .v33-dual-chart{min-width:0!important;gap:9px!important;}
  .v33-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .v33-dashboard-bottom{grid-template-columns:1fr!important;}
  .v33-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}

  /* Clientes e Comercial */
  .client-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .form-row{max-width:100%!important;}
  .form-row>*{min-width:0!important;max-width:100%!important;box-sizing:border-box!important;}
  .commercial-board,.kanban-board,.pipeline-board{width:100%!important;max-width:100%!important;overflow-x:auto!important;}

  /* Projetos */
  .project-card-grid,.proj-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  .project-visual-card,.proj-full-card{width:100%!important;min-width:0!important;max-width:100%!important;}
  .new-project-form,.project-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .new-project-form>.add-btn,.project-edit-actions{grid-column:1/-1!important;}
  .v2-project-detail-grid{grid-template-columns:1fr!important;}
  .project-task-form{grid-template-columns:minmax(0,1fr) minmax(190px,.7fr) 44px!important;}
  .project-file-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}

  /* Agenda e Marketing */
  .marketing-create-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #page-agenda .marketing-create-grid{grid-template-columns:minmax(0,1fr) 170px 140px!important;}
  .marketing-form-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;}
  .marketing-calendar-panel{width:100%!important;max-width:100%!important;overflow-x:auto!important;}
  .calendar-weekdays,.marketing-calendar{min-width:700px!important;}
  .marketing-list-card{grid-template-columns:50px minmax(0,1fr) auto!important;}

  /* Financeiro */
  .finance-visual-grid{grid-template-columns:minmax(0,1.5fr) minmax(210px,.8fr)!important;}
  .finance-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .finance-ledger-row{min-width:700px!important;}
  .finance-ledger{width:100%!important;max-width:100%!important;overflow-x:auto!important;}

  /* Vida, Mentalidade e modais */
  .life-grid,.mindset-grid,.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .personal-special-form{grid-template-columns:1fr!important;}
  .profile-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .export-card,.settings-card,.profile-modal{max-width:calc(100vw - 48px)!important;}
}




/* V2 - Módulo 2: Dashboard e central do projeto */
.v2-dashboard-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.v2-dashboard-date{text-transform:capitalize;color:var(--terra);font-size:11px;font-weight:700;letter-spacing:.08em;margin:0 0 6px}.v2-quick-actions{display:flex;gap:8px;flex-wrap:wrap}.v2-quick-actions button{border:1px solid var(--border);background:#fff;border-radius:10px;padding:9px 12px;color:var(--ink);font-weight:700;cursor:pointer}.v2-attention{border-color:#e7c3ab;background:#fbf2ec}.v2-alert-row{width:100%;display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:8px 0;text-align:left;color:var(--ink);cursor:pointer}.v2-alert-row span:nth-child(2){flex:1}.v2-task-list{max-height:220px;overflow:auto}.v2-task-form input:first-child{flex:2}.v2-stats .stat-card{text-align:left;font-family:inherit}.v2-project-meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:10px;color:rgba(244,239,230,.65)}.dashboard-lead-row small{display:block;color:var(--muted);margin-top:2px}.v2-dashboard-grid{grid-template-columns:1.4fr 1fr}.v2-finance-summary{margin-bottom:16px}.v2-finance-line{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(244,239,230,.12);color:rgba(244,239,230,.72)}.v2-finance-line strong{color:var(--cream);font-family:'Playfair Display',serif}.v2-finance-line.total{border-bottom:0;padding-top:14px}.v2-mini-chart{height:80px;margin-top:10px}.v2-back-button{border:0;background:none;color:var(--terra);font-weight:700;cursor:pointer;padding:0;margin:0 0 14px}.v2-project-detail-cover{position:relative;height:290px;border-radius:18px;overflow:hidden;background:var(--ink);margin-bottom:16px}.v2-project-detail-cover img{width:100%;height:100%;object-fit:cover}.v2-project-detail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:80px;color:var(--terra);background:linear-gradient(135deg,#2a231d,#6d4936)}.v2-project-detail-overlay{position:absolute;inset:auto 0 0;padding:42px 24px 22px;background:linear-gradient(transparent,rgba(20,14,10,.9));color:#fff}.v2-project-detail-overlay span{font-size:10px;text-transform:uppercase;letter-spacing:.15em}.v2-project-detail-overlay h1{font-family:'Playfair Display',serif;font-style:italic;font-size:34px;margin:5px 0}.v2-project-detail-overlay p{margin:0;color:rgba(255,255,255,.72)}.v2-project-detail-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.v2-detail-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.v2-detail-meta div{background:var(--cream);border-radius:11px;padding:11px}.v2-detail-meta span{display:block;font-size:10px;color:var(--muted);margin-bottom:4px}.v2-detail-meta strong{font-size:13px;color:var(--ink)}
@media(max-width:720px){.v2-dashboard-hero{align-items:flex-start;flex-direction:column}.v2-dashboard-grid,.v2-project-detail-grid{grid-template-columns:1fr}.v2-project-detail-cover{height:230px}.v2-detail-meta{grid-template-columns:1fr 1fr}.v2-quick-actions{width:100%}.v2-quick-actions button{flex:1}}


/* ================= V2 · Módulo 3: Clientes e Comercial ================= */
.page-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;}
.client-create-panel{margin-top:0;}
.client-list-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.client-list-toolbar .search-box{margin:0;flex:1;}
.client-count{font-size:11px;color:var(--muted);white-space:nowrap;}
.client-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.client-summary-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px;cursor:pointer;transition:.18s ease;}
.client-summary-card:hover{transform:translateY(-2px);border-color:var(--terra-light);box-shadow:0 10px 26px rgba(42,35,29,.08);}
.client-summary-head{display:flex;align-items:center;gap:11px;}
.client-summary-initial,.client-hero-initial{display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--cream);font-family:'Playfair Display',serif;font-style:italic;}
.client-summary-initial{width:42px;height:42px;border-radius:13px;font-size:18px;}
.client-summary-head h2{margin:0;font-size:15px;}
.client-summary-head p{margin:3px 0 0;font-size:11.5px;color:var(--muted);}
.client-summary-meta{display:flex;justify-content:space-between;gap:8px;margin:14px 0 10px;padding:10px 0;border-top:1px solid var(--card);border-bottom:1px solid var(--card);font-size:10.5px;color:var(--muted);}
.client-summary-values{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.client-summary-values div{background:var(--cream);border-radius:10px;padding:9px;}
.client-summary-values small{display:block;font-size:9.5px;color:var(--muted);}
.client-summary-values strong{font-family:'Playfair Display',serif;font-size:14px;}
.client-card-link{display:block;margin-top:12px;color:var(--terra);font-size:11px;font-weight:700;}
.detail-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;}
.back-btn,.secondary-btn{border:1px solid var(--border);background:#fff;color:var(--ink);border-radius:9px;padding:8px 12px;font-size:11.5px;font-weight:700;cursor:pointer;}
.client-hero{background:linear-gradient(135deg,var(--ink),#493429);border-radius:18px;padding:24px;display:flex;align-items:center;gap:16px;color:var(--cream);margin-bottom:16px;}
.client-hero-initial{width:62px;height:62px;border-radius:18px;background:rgba(255,255,255,.12);font-size:28px;}
.detail-kicker{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--terra-light)!important;font-weight:700;}
.client-hero h1{font-family:'Playfair Display',serif;font-style:italic;font-size:29px;margin:2px 0 4px;}
.client-hero p{margin:0;color:rgba(244,239,230,.68);font-size:12px;}
.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;}
.detail-stats article{background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px;}
.detail-stats span{display:block;font-size:10.5px;color:var(--muted);}
.detail-stats strong{display:block;font-family:'Playfair Display',serif;font-size:20px;margin-top:3px;}
.detail-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:16px;}
.client-data-list{display:grid;gap:10px;}
.client-data-list div{display:flex;justify-content:space-between;gap:14px;padding-bottom:9px;border-bottom:1px solid var(--card);}
.client-data-list span{font-size:10.5px;color:var(--muted);}
.client-data-list strong{font-size:12px;text-align:right;}
.client-note{margin-top:13px;background:var(--cream);border-radius:11px;padding:11px;}
.client-note span{font-size:10px;color:var(--muted);}
.client-note p{margin:4px 0 0;font-size:12px;}
.client-project-list{display:grid;gap:8px;}
.client-project-item{width:100%;border:1px solid var(--card);background:#fff;border-radius:12px;padding:9px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;}
.client-project-item:hover{background:var(--cream);}
.client-project-item img,.client-project-placeholder{width:50px;height:42px;border-radius:9px;object-fit:cover;display:flex;align-items:center;justify-content:center;background:var(--card);color:var(--terra);font-family:'Playfair Display',serif;}
.client-project-copy{flex:1;}
.client-project-copy strong{display:block;font-size:12px;}
.client-project-copy small{display:block;color:var(--muted);font-size:10px;margin-top:2px;}
.client-finance-table{display:grid;}
.client-finance-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--card);}
.client-finance-row:first-child{border-top:0;}
.client-finance-row strong{display:block;font-size:12px;}
.client-finance-row small{display:block;color:var(--muted);font-size:10px;margin-top:2px;}

.commercial-helper{background:#fff;border:1px solid var(--border);border-left:4px solid var(--terra);border-radius:12px;padding:11px 13px;margin-bottom:14px;font-size:11.5px;color:var(--muted);}
.commercial-helper span{color:var(--ink);font-weight:700;}
.v2-kanban{align-items:flex-start;}
.kanban-stack{min-height:50px;}
.v2-lead-card{border:1px solid transparent;transition:.15s ease;}
.v2-lead-card:hover{border-color:var(--terra-light);}
.lead-card-title{display:flex;align-items:center;gap:8px;margin-bottom:9px;}
.lead-card-title strong{display:block;font-size:12px;}
.lead-card-title small{display:block;font-size:9.5px;color:var(--muted);margin-top:2px;}
.lead-status-select{width:100%;padding:7px 8px;border:1px solid var(--border);border-radius:8px;background:#fff;font-size:10.5px;}
.conversion-box{margin-top:8px;background:#FFF4EA;border:1px solid #EAC5A8;border-radius:9px;padding:8px;display:flex;justify-content:space-between;align-items:center;gap:6px;}
.conversion-box.converted{background:#EEF3E8;border-color:#B8C8A1;}
.conversion-box span{font-size:9.5px;font-weight:700;}
.conversion-box button{border:0;background:var(--ink);color:var(--cream);border-radius:7px;padding:6px 7px;font-size:9px;font-weight:700;cursor:pointer;}
.conversion-box.converted button{background:#6E7F4E;}
.lead-card-actions{display:flex;justify-content:flex-end;align-items:center;gap:5px;margin-top:7px;}
.text-btn{border:0;background:none;color:var(--muted);font-size:10px;cursor:pointer;}
.kanban-input{width:100%;margin-bottom:6px;padding:7px;border:1px solid var(--border);border-radius:8px;background:#fff;font-size:10.5px;}
.kanban-edit-actions{display:flex;gap:5px;}
.kanban-edit-actions button{flex:1;padding:6px;font-size:9.5px;}
.kanban-empty{font-size:10px;padding:8px 4px;}

@media(max-width:720px){
  .page-title-row{align-items:center;}
  .client-card-grid{grid-template-columns:1fr;}
  .detail-stats{grid-template-columns:1fr;}
  .detail-grid{grid-template-columns:1fr;}
  .client-finance-row{grid-template-columns:1fr auto;}
  .client-finance-row .badge{grid-column:1/-1;justify-self:start;}
  .client-list-toolbar{align-items:stretch;flex-direction:column;}
}


/* ================= V2 · Módulo 4: Central do Projeto ================= */
.project-detail-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px;}
.project-detail-badges span{padding:5px 9px;border-radius:99px;font-size:9.5px;font-weight:700;background:rgba(255,255,255,.12);color:var(--cream);}
.project-detail-tabs{display:flex;gap:4px;overflow-x:auto;background:#fff;border:1px solid var(--border);border-radius:14px;padding:5px;margin:14px 0;}
.project-detail-tabs button{border:0;background:none;color:var(--muted);padding:9px 12px;border-radius:9px;font-size:11px;font-weight:700;white-space:nowrap;cursor:pointer;}
.project-detail-tabs button.active{background:var(--ink);color:var(--cream);}
.project-next-action{font-family:'Playfair Display',serif;font-style:italic;font-size:20px;line-height:1.35;color:var(--cream);margin:18px 0;}
.project-finance-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.project-finance-summary div{background:var(--cream);border-radius:11px;padding:12px;}
.project-finance-summary span{display:block;font-size:10px;color:var(--muted);}
.project-finance-summary strong{font-family:'Playfair Display',serif;font-size:17px;}
.project-timeline{display:flex;gap:0;overflow-x:auto;padding:14px 4px 6px;}
.timeline-step{position:relative;flex:0 0 118px;border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer;color:var(--muted);}
.timeline-step:after{content:'';position:absolute;top:14px;left:59%;width:82%;height:2px;background:var(--border);}
.timeline-step:last-child:after{display:none;}
.timeline-dot{position:relative;z-index:2;width:29px;height:29px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--card);border:2px solid var(--border);font-size:10px;font-weight:700;}
.timeline-step.done .timeline-dot{background:#6E7F4E;border-color:#6E7F4E;color:#fff;}
.timeline-step.current .timeline-dot{background:var(--terra);border-color:var(--terra);color:#fff;box-shadow:0 0 0 5px rgba(185,122,76,.15);}
.timeline-step.done:after{background:#6E7F4E;}
.timeline-label{font-size:9.5px;text-align:center;line-height:1.2;}
.timeline-step.current .timeline-label{color:var(--ink);font-weight:700;}
.project-event-list{display:grid;gap:0;margin-top:14px;}
.project-event-list article{display:grid;grid-template-columns:90px 1fr;gap:14px;padding:13px 0;border-top:1px solid var(--card);}
.project-event-list article:first-child{border-top:0;}
.project-event-list article>span{font-size:10px;color:var(--terra);font-weight:700;}
.project-event-list strong{font-size:12px;}
.project-event-list p{margin:4px 0 0;font-size:11px;color:var(--muted);}
.project-file-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;}
.project-file-card{border:1px solid var(--border);background:#fff;border-radius:12px;padding:13px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:5px;min-height:110px;}
.project-file-card:hover{background:var(--cream);}
.project-file-icon{font-size:24px;color:var(--terra);}
.project-file-card strong{font-size:11.5px;}
.project-file-card small{font-size:9.5px;color:var(--muted);}
@media(max-width:720px){
  .project-file-grid{grid-template-columns:1fr 1fr;}
  .project-event-list article{grid-template-columns:72px 1fr;}
  .project-finance-summary{grid-template-columns:1fr;}
}


/* ================= ARQ CERNE V2 COMPLETA ================= */
#pending-card{display:none;}
.finance-v2-stats{grid-template-columns:repeat(4,minmax(0,1fr));}
.negative-card{border-color:#D9A396;background:#FFF7F4;}
.finance-type-switch,.finance-view-tabs{display:flex;gap:5px;margin:10px 0;}
.finance-type-switch button,.finance-view-tabs button{border:1px solid var(--border);background:#fff;padding:8px 11px;border-radius:9px;font-size:10.5px;font-weight:700;cursor:pointer;}
.finance-type-switch button.active,.finance-view-tabs button.active{background:var(--ink);color:var(--cream);border-color:var(--ink);}
.finance-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px;}
.check-line{display:flex;align-items:center;gap:7px;background:var(--cream);border:1px solid var(--border);border-radius:9px;padding:9px 10px;font-size:10.5px;color:var(--muted);}
.finance-ledger{display:grid;}
.finance-ledger-row{display:grid;grid-template-columns:34px minmax(180px,1fr) 140px 120px 88px auto;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--card);}
.finance-ledger-row:first-child{border-top:0;}
.finance-kind{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:800;}
.finance-kind.receita{background:#EEF3E8;color:#5D7140;}
.finance-kind.despesa{background:#F8E1DB;color:#A3402E;}
.finance-ledger-copy strong{display:block;font-size:12px;}
.finance-ledger-copy small,.finance-ledger-date small{display:block;color:var(--muted);font-size:9.5px;margin-top:2px;}
.finance-ledger-date span{font-size:10.5px;}
.expense-value{color:#A3402E;}
.finance-ledger-edit{background:var(--cream);border-radius:12px;padding:12px;margin:8px 0;}
.row-actions{display:flex;gap:5px;align-items:center;}
.settings-divider{border:0;border-top:1px solid var(--border);margin:16px 0;}
@media(max-width:900px){
  .finance-v2-stats{grid-template-columns:repeat(2,1fr);}
  .finance-ledger-row{grid-template-columns:34px 1fr auto;}
  .finance-ledger-date,.finance-ledger-row>.badge{grid-column:2/-1;}
  .finance-ledger-row>.row-actions{grid-column:2/-1;justify-content:flex-start;}
}
@media(max-width:720px){
  .finance-form-grid{grid-template-columns:1fr;}
  .finance-v2-stats{grid-template-columns:1fr;}
  .topbar{position:sticky;top:0;z-index:30;}
  .tabs{position:sticky;top:61px;z-index:29;background:#fff;}
}


/* ================= ARQ CERNE V2.0.1 · Login simplificado ================= */
.v2-auth-shell{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:
    radial-gradient(circle at 20% 10%, rgba(185,122,76,.09), transparent 32%),
    var(--cream);
}
.v2-auth-card{
  width:100%;
  max-width:420px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:20px;
  padding:34px;
  box-shadow:0 24px 70px rgba(42,35,29,.10);
}
.v2-login-logo{
  justify-content:center;
  margin-bottom:28px;
}
.v2-login-logo .rings{width:42px;height:42px;}
.v2-login-logo .word .cerne{font-size:29px;}
.v2-auth-title{
  font-family:'Playfair Display',serif;
  font-style:italic;
  font-size:30px;
  line-height:1.12;
  text-align:center;
  margin:0 0 24px;
  color:var(--ink);
}
.v2-auth-copy{
  font-size:12.5px;
  line-height:1.55;
  text-align:center;
  color:var(--muted);
  margin:-12px 0 22px;
}
.v2-auth-card .auth-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  background:var(--cream);
  border-radius:11px;
  padding:4px;
  margin-bottom:18px;
}
.v2-auth-card .auth-tab{
  border:0;
  background:transparent;
  padding:9px;
  border-radius:8px;
  color:var(--muted);
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}
.v2-auth-card .auth-tab.active{
  background:#fff;
  color:var(--ink);
  box-shadow:0 3px 10px rgba(42,35,29,.06);
}
.auth-field{
  display:block;
  margin-bottom:12px;
}
.auth-field span{
  display:block;
  margin:0 0 6px 2px;
  color:var(--muted);
  font-size:10.5px;
  font-weight:700;
}
.v2-auth-card input{
  box-sizing:border-box;
  width:100%;
  height:46px;
  padding:0 13px;
  margin:0;
  border:1px solid var(--border);
  border-radius:10px;
  background:var(--cream);
  color:var(--ink);
  font-family:'Inter',sans-serif;
  font-size:13px;
  outline:none;
}
.v2-auth-card input:focus{
  border-color:var(--terra);
  box-shadow:0 0 0 3px rgba(185,122,76,.10);
}
.v2-auth-card .auth-btn{
  width:100%;
  height:46px;
  border:0;
  border-radius:10px;
  margin-top:5px;
  background:var(--ink);
  color:var(--cream);
  font-size:13px;
  font-weight:700;
  cursor:pointer;
}
.v2-auth-card .auth-btn:hover{background:#3A3028;}
.v2-forgot-link{
  display:block;
  margin:14px auto 0;
  text-align:center;
}
.v2-auth-card .auth-msg{
  min-height:16px;
  margin:10px 0 0;
  font-size:11px;
  text-align:center;
}
.v2-auth-card .auth-back{margin-bottom:18px;}
#recovery-card,#pending-card,#reset-card{display:none;}
@media(max-width:520px){
  .v2-auth-shell{padding:16px;}
  .v2-auth-card{padding:27px 20px;border-radius:17px;}
  .v2-auth-title{font-size:27px;}
}


/* Ajustes V2.0.2 — projetos, tarefas e financeiro */
.new-project-panel{margin-bottom:14px;}
.new-project-form{display:grid;grid-template-columns:1.1fr 1.1fr 1fr 1fr 1.55fr auto;align-items:stretch;}
.new-project-form>input,.new-project-form>select,.new-project-form>.add-btn{min-height:54px;}
.project-task-form{display:grid!important;grid-template-columns:minmax(180px,1fr) 190px 38px!important;gap:7px!important;}
.project-task-form input[type="datetime-local"]{font-size:10.5px;}
.project-task-date{display:block;color:var(--terra);font-size:9.5px;margin-top:3px;}
.project-dashboard-task{width:100%;border:0;background:transparent;text-align:left;cursor:pointer;}
.project-dashboard-task:hover{background:var(--cream);}
.project-dashboard-task span small{display:block;color:var(--muted);font-size:9.5px;margin-top:2px;}
.project-dashboard-task time{font-size:10px;color:var(--terra);font-weight:700;}
.finance-field{display:flex;flex-direction:column;gap:4px;}
.finance-field span{font-size:9.5px;color:var(--muted);font-weight:700;}
.finance-field input{width:100%;}
@media(max-width:1000px){
  .new-project-form{grid-template-columns:1fr 1fr;}
}
@media(max-width:720px){
  .new-project-form{grid-template-columns:1fr;}
  .project-task-form{grid-template-columns:1fr!important;}
  .project-task-form button{height:38px;}
}

/* V2.0.3 — data e hora nas tarefas gerais do Dashboard */
.dashboard-task-form{
  display:grid !important;
  grid-template-columns:minmax(220px,1fr) 160px 120px auto !important;
  gap:8px !important;
}
.dashboard-task-form input[type="time"]{
  min-width:110px;
}
.task-dashboard-row span small{
  display:block;
  margin-top:3px;
  color:var(--terra);
  font-size:9.5px;
}
@media(max-width:720px){
  .dashboard-task-form{
    grid-template-columns:1fr !important;
  }
}


/* V2.0.4 — correções mobile Comercial e Financeiro */
@media(max-width:720px){
  .v2-kanban{
    display:block;
    overflow:visible;
  }
  .v2-kanban .kanban-col{
    width:100%;
    min-width:0;
    margin-bottom:12px;
  }
  .v2-kanban .kanban-stack{
    min-height:0;
  }
  .v2-kanban .kcard{
    width:100%;
    box-sizing:border-box;
  }
  .v2-kanban .lead-status-select,
  .v2-kanban .kanban-input{
    min-height:44px;
    font-size:14px;
  }
  .v2-kanban .conversion-box{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:8px;
  }
  .v2-kanban .conversion-box button{
    width:100%;
    min-height:42px;
    font-size:12px;
  }
  .kanban-edit-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .finance-ledger-row{
    display:grid;
    grid-template-columns:44px minmax(0,1fr);
    gap:8px 12px;
    padding:18px 0;
  }
  .finance-ledger-copy{
    min-width:0;
  }
  .finance-ledger-date{
    grid-column:2;
  }
  .finance-ledger-row > strong{
    grid-column:2;
    font-size:24px;
    line-height:1.1;
  }
  .finance-ledger-row > .badge{
    grid-column:2;
    width:auto;
    max-width:max-content;
    min-width:110px;
    justify-self:start;
    position:static;
  }
  .finance-ledger-row > .row-actions{
    grid-column:2;
    justify-content:flex-start;
  }
}


/* ARQ CERNE V2.1 — etapas corretas e progresso do projeto */
.phase-progress-summary{
  margin:6px 0 18px;
  padding:14px;
  border:1px solid var(--border);
  border-radius:13px;
  background:var(--cream);
}
.phase-progress-copy{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
}
.phase-progress-copy span{
  color:var(--muted);
  font-size:10.5px;
  font-weight:700;
}
.phase-progress-copy strong{
  font-family:'Playfair Display',serif;
  font-size:25px;
  color:var(--ink);
}
.phase-progress-track{
  height:9px;
  margin:9px 0 7px;
  overflow:hidden;
  border-radius:99px;
  background:#E5DCCE;
}
.phase-progress-fill{
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--terra),#6E7F4E);
  transition:width .3s ease;
}
.phase-progress-summary p{
  margin:0;
  font-size:10.5px;
  color:var(--muted);
}
.phase-group-legend{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:0 4px 6px;
}
.phase-group-legend span{
  padding:5px 9px;
  border-radius:99px;
  font-size:9px;
  font-weight:800;
}
.phase-group-legend .concepcao{background:#F1E2D6;color:#9A5D35;}
.phase-group-legend .desenvolvimento{background:#E8EFE2;color:#5D7140;}
.phase-group-legend .execucao{background:#F7E5D6;color:#B46A31;}
.phase-group-legend .concluido{background:#E7E3DF;color:#403832;}

.timeline-step.phase-concepcao .timeline-dot{border-color:#C98B5D;}
.timeline-step.phase-desenvolvimento .timeline-dot{border-color:#7B9258;}
.timeline-step.phase-execucao .timeline-dot{border-color:#D68443;}
.timeline-step.phase-concluido .timeline-dot{border-color:#403832;}

.timeline-step.phase-concepcao.current .timeline-dot{background:#C98B5D;border-color:#C98B5D;}
.timeline-step.phase-desenvolvimento.current .timeline-dot{background:#7B9258;border-color:#7B9258;}
.timeline-step.phase-execucao.current .timeline-dot{background:#D68443;border-color:#D68443;}
.timeline-step.phase-concluido.current .timeline-dot{background:#403832;border-color:#403832;}

.timeline-step.done .timeline-dot{
  background:#6E7F4E;
  border-color:#6E7F4E;
  color:#fff;
}
@media(max-width:720px){
  .phase-progress-summary{padding:12px;}
  .phase-progress-copy strong{font-size:22px;}
  .phase-group-legend{display:grid;grid-template-columns:1fr 1fr;}
  .phase-group-legend span{text-align:center;}
}


/* ARQ CERNE V2.1.1 — lucro mensal, comunicação e pesquisa */
.monthly-profit-panel{min-height:260px;}
.monthly-profit-current{
  margin:4px 0 0;
  color:rgba(244,239,230,.68);
  font-size:10.5px;
}
.monthly-profit-current strong{
  color:var(--cream);
  font-family:'Playfair Display',serif;
  font-size:16px;
}
.monthly-profit-chart{
  height:175px;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  align-items:end;
  gap:9px;
  margin-top:15px;
}
.monthly-profit-column{
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  min-width:0;
}
.monthly-profit-value{
  color:rgba(244,239,230,.72);
  font-size:8.5px;
  margin-bottom:5px;
  white-space:nowrap;
}
.monthly-profit-value.negative{color:#E7A393;}
.monthly-profit-bar-wrap{
  width:100%;
  max-width:36px;
  height:115px;
  display:flex;
  align-items:flex-end;
}
.monthly-profit-bar{
  width:100%;
  min-height:5px;
  border-radius:6px 6px 2px 2px;
  background:#7B9258;
}
.monthly-profit-bar.negative{background:#B85B47;}
.monthly-profit-bar.current{box-shadow:0 0 0 2px rgba(244,239,230,.28);}
.monthly-profit-column .chart-label{
  margin-top:5px;
  color:rgba(244,239,230,.58);
}

.project-event-main{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.project-event-actions{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
.project-event-edit{
  align-items:flex-start!important;
}
.project-event-edit>input{
  width:130px;
}
.project-event-edit-fields{
  display:grid;
  grid-template-columns:1fr 1fr auto;
  gap:7px;
  width:100%;
}
.project-event-edit-fields input{
  width:100%;
}
@media(max-width:720px){
  .monthly-profit-panel{min-height:245px;}
  .monthly-profit-chart{gap:5px;height:155px;}
  .monthly-profit-value{font-size:7px;transform:rotate(-35deg);margin-bottom:12px;}
  .monthly-profit-bar-wrap{height:90px;max-width:28px;}
  .project-event-main{display:block;}
  .project-event-actions{margin-top:8px;}
  .project-event-edit{grid-template-columns:1fr!important;}
  .project-event-edit>input{width:100%;}
  .project-event-edit-fields{grid-template-columns:1fr;}
}


/* ARQ CERNE V2.2 — revisão profissional */
.project-delete-btn,.client-delete-btn{
  border:1px solid #D89B8B;
  background:#FFF5F2;
  color:#A3402E;
  border-radius:9px;
  padding:8px 11px;
  font-size:10.5px;
  font-weight:800;
  cursor:pointer;
}
.project-delete-btn:hover,.client-delete-btn:hover{background:#F8E1DB;}
.project-detail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}
.detail-actions{display:flex;gap:7px;flex-wrap:wrap;}
.project-task-open{
  flex:1;
  border:0;
  background:transparent;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0;
  text-align:left;
  color:inherit;
  cursor:pointer;
}
.project-task-open span{flex:1;}
.profile-modal-photo{
  width:92px;height:92px;margin:14px auto;
  border-radius:50%;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  background:var(--cream);border:1px solid var(--border);
  font-size:34px;
}
.profile-modal-photo img{width:100%;height:100%;object-fit:cover;}
.profile-modal-grid{display:grid;gap:9px;}
.profile-file-label{
  border:1px dashed var(--terra-light);border-radius:10px;
  padding:11px;color:var(--terra);font-size:11px;font-weight:800;
  text-align:center;cursor:pointer;
}
.profile-file-label input{display:block;width:100%;margin-top:7px;}
.marketing-actions{white-space:nowrap;}
.marketing-actions .secondary-btn{padding:7px 9px;font-size:10px;}

@media(max-width:720px){
  .project-delete-btn,.client-delete-btn{
    min-height:42px;
    padding:9px 13px;
    font-size:12px;
  }
  .project-detail-toolbar{align-items:stretch;}
  .project-detail-toolbar>*{flex:1;}
  .proj-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr;
    gap:7px!important;
    width:100%;
  }
  .proj-actions .project-delete-btn{grid-column:1/-1;}
  .proj-full-head{flex-wrap:wrap;}
  .task-dashboard-row input[type="checkbox"]{width:28px;height:28px;flex:0 0 28px;}
  .project-task-open{min-height:44px;}

  #page-marketing table,
  #page-marketing thead,
  #page-marketing tbody,
  #page-marketing tr,
  #page-marketing td{display:block;width:100%;box-sizing:border-box;}
  #page-marketing thead{display:none;}
  #page-marketing .marketing-row{
    border:1px solid var(--border);
    border-radius:13px;
    padding:12px;
    margin-bottom:10px;
    background:#fff;
  }
  #page-marketing .marketing-row td{
    display:grid;
    grid-template-columns:88px minmax(0,1fr);
    gap:8px;
    align-items:center;
    padding:7px 0;
    border:0;
  }
  #page-marketing .marketing-row td:before{
    content:attr(data-label);
    color:var(--muted);
    font-size:10px;
    font-weight:800;
  }
  #page-marketing .marketing-actions{
    display:flex!important;
    grid-template-columns:none!important;
    justify-content:flex-start;
    flex-wrap:wrap;
  }
  #page-marketing .marketing-actions:before{width:80px;}
  #page-marketing .marketing-edit-row td{padding:0;border:0;}
  #page-marketing .marketing-edit-form{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    border:1px solid var(--border);
    border-radius:13px;
    padding:12px!important;
    background:var(--cream);
  }
  #page-marketing .marketing-edit-form>*{width:100%!important;min-width:0!important;}
}


/* ==========================================================
   ARQ CERNE V2.5 — REDESIGN VISUAL
   ========================================================== */
.app-shell{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr);background:var(--cream);}
.sidebar{
  position:sticky;top:0;height:100vh;z-index:40;
  display:flex;flex-direction:column;
  padding:24px 15px 17px;
  background:#fff;border-right:1px solid var(--border);
}
.sidebar-brand{padding:0 10px 25px;border-bottom:1px solid var(--border);}
.sidebar-nav{display:flex!important;flex-direction:column;overflow:visible!important;padding:20px 0;gap:5px;border:0!important;background:transparent!important;}
.sidebar-nav .tab{
  width:100%;display:flex;align-items:center;gap:12px;
  padding:11px 12px!important;border-radius:10px!important;border:0!important;
  color:var(--muted);font-size:11px!important;text-align:left;background:transparent;
}
.sidebar-nav .tab span{width:22px;color:var(--terra);font-weight:800;text-align:center;}
.sidebar-nav .tab.active{background:var(--ink)!important;color:var(--cream)!important;}
.sidebar-nav .tab.active span{color:var(--terra-soft);}
.sidebar-footer{margin-top:auto;display:grid;gap:6px;border-top:1px solid var(--border);padding-top:14px;}
.sidebar-utility{border:0;background:transparent;padding:9px 11px;text-align:left;color:var(--muted);font-size:10.5px;font-weight:700;cursor:pointer;border-radius:8px;}
.sidebar-utility:hover{background:var(--cream);color:var(--ink);}
.app-main{min-width:0;}
.app-main .topbar{height:68px;padding:0 28px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.94);display:flex;justify-content:flex-end;position:sticky;top:0;z-index:35;}
.mobile-brand,.mobile-menu-btn,.mobile-tabs{display:none!important;}
.topbar-actions{display:flex;align-items:center;gap:8px;}
.content-area{padding:0 28px 55px;}
.content-area .page{max-width:1320px;margin:0 auto;padding-top:28px;}

.dashboard-projects{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px!important;overflow:visible!important;
}
.dashboard-project-card{
  display:block!important;min-width:0!important;overflow:hidden;
  border:1px solid rgba(244,239,230,.16)!important;border-radius:15px!important;
  background:rgba(255,255,255,.06)!important;cursor:pointer;
}
.dashboard-project-cover{height:145px!important;position:relative!important;border-radius:0!important;}
.dashboard-project-cover img{width:100%;height:100%;object-fit:cover;}
.project-card-health{position:absolute;top:9px;right:9px;padding:5px 8px;border-radius:99px;background:rgba(255,255,255,.9);color:var(--green);font-size:8px;font-weight:800;}
.dashboard-project-body{padding:13px!important;}
.project-card-title-row{display:flex;justify-content:space-between;gap:8px;align-items:start;}
.project-card-title-row h3{margin:0 0 3px!important;font-size:13px!important;}
.project-card-title-row p{margin:0!important;font-size:9px!important;color:rgba(244,239,230,.58)!important;}
.project-card-title-row>strong{font-family:'Playfair Display',serif;color:var(--terra-soft);font-size:20px;}
.project-card-progress{height:5px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden;margin:12px 0 9px;}
.project-card-progress i{display:block;height:100%;background:var(--terra);border-radius:inherit;}
.project-card-footer{display:flex;justify-content:space-between;gap:8px;font-size:8.5px;color:rgba(244,239,230,.66);}
.dashboard-leads-panel{margin-top:14px;}
.full-width-profit{margin-top:14px;}
.full-width-profit .monthly-profit-chart{height:215px;}
.v2-stats{grid-template-columns:repeat(3,1fr)!important;}

.proj-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px!important;}
.proj-full-card{display:block!important;padding:0!important;overflow:hidden;border-radius:15px!important;min-width:0;}
.proj-full-head{padding:0!important;display:block!important;}
.proj-cover,.project-cover{height:180px!important;width:100%!important;border-radius:0!important;}
.proj-cover img,.project-cover img{width:100%;height:100%;object-fit:cover;}
.proj-info{padding:15px!important;}
.proj-actions{padding:0 15px 15px!important;}
.proj-full-card>.progress,.proj-full-card>.task-list,.proj-full-card>.task-add-row{margin-left:15px!important;margin-right:15px!important;}

.marketing-create-grid{display:grid;grid-template-columns:2fr repeat(3,1fr) 1.1fr 1fr;gap:8px;margin-bottom:10px;}
.marketing-view-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:15px 0 10px;}
.segmented-control{display:flex;gap:4px;padding:4px;border-radius:10px;background:#fff;border:1px solid var(--border);}
.segmented-control button,.month-controls button{border:0;background:transparent;padding:8px 12px;border-radius:7px;font-size:10px;font-weight:800;color:var(--muted);cursor:pointer;}
.segmented-control button.active{background:var(--ink);color:var(--cream);}
.month-controls{display:flex;align-items:center;gap:12px;}
.month-controls strong{text-transform:capitalize;font-size:12px;}
.calendar-weekdays,.marketing-calendar{display:grid;grid-template-columns:repeat(7,1fr);}
.calendar-weekdays span{padding:8px;text-align:center;color:var(--muted);font-size:9px;font-weight:800;}
.marketing-calendar{border-top:1px solid var(--border);border-left:1px solid var(--border);}
.calendar-day{min-height:118px;padding:8px;border:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:#fff;text-align:left;cursor:pointer;}
.calendar-day:hover{background:var(--cream);}
.calendar-day.muted{background:#fbf8f2;cursor:default;}
.calendar-day.today{box-shadow:inset 0 0 0 2px var(--terra);}
.calendar-number{display:block;font-size:10px;font-weight:800;margin-bottom:7px;}
.calendar-items{display:grid;gap:4px;}
.calendar-item{display:block;border-radius:6px;padding:5px 6px;background:#F2EDE4;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.calendar-item small{display:block;opacity:.65;margin-top:2px;}
.calendar-item.status-publicado{background:#E7EEDC;color:#587038;}
.calendar-item.status-agendado{background:#F2E1D5;color:#9A5D35;}
.calendar-item.tipo-tarefa{background:#F2E1D5;color:#9A5D35;}
.calendar-item.tipo-tarefa-projeto{background:#E7EEDC;color:#587038;}
.calendar-item.tipo-projeto{background:#E7EEDC;color:#587038;}
.calendar-item.tipo-financeiro{background:#DCE6F2;color:#35609A;}
.calendar-item.agenda-late{background:#F4D6D2;color:#A3402E;font-weight:700;}
.calendar-item.agenda-done{background:#EDEAE4;color:#8C8579;text-decoration:line-through;}
.agenda-tag{display:inline-block;flex:0 0 auto;padding:4px 10px;border-radius:99px;font-size:10px;font-weight:700;white-space:nowrap;}
.agenda-tag.tipo-tarefa{background:#F2E1D5;color:#9A5D35;}
.agenda-tag.tipo-tarefa-projeto{background:#E7EEDC;color:#587038;}
.agenda-tag.tipo-projeto{background:#E7EEDC;color:#587038;}
.agenda-tag.tipo-financeiro{background:#DCE6F2;color:#35609A;}
.agenda-tag.agenda-late{background:#F4D6D2;color:#A3402E;}
.agenda-tag.agenda-done{background:#EDEAE4;color:#8C8579;}
.calendar-items em{font-size:8px;color:var(--terra);}
.marketing-list-panel{display:grid;gap:8px;}
.marketing-list-card{display:grid;grid-template-columns:54px minmax(0,1fr) auto auto;gap:12px;align-items:center;border-bottom:1px solid var(--border);padding:11px 0;}
.marketing-date-block{width:47px;height:47px;border-radius:11px;background:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;}
.marketing-date-block strong{font-family:'Playfair Display',serif;font-size:19px;}
.marketing-date-block span{font-size:8px;color:var(--muted);}
.marketing-list-copy h3{margin:0 0 3px;font-size:12px;}
.marketing-list-copy p{margin:0;font-size:9.5px;color:var(--muted);}

.finance-visual-grid{display:grid;grid-template-columns:1.7fr .8fr;gap:12px;margin:12px 0;}
.finance-bars{height:190px;display:grid;grid-template-columns:repeat(6,1fr);align-items:end;gap:10px;padding-top:20px;}
.finance-month-group{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;}
.finance-paired-bars{height:145px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:5px;}
.finance-paired-bars i{display:block;width:17px;min-height:4px;border-radius:5px 5px 2px 2px;}
.finance-paired-bars .revenue,.chart-legend .revenue{background:#72864F;}
.finance-paired-bars .expense,.chart-legend .expense{background:#C4744D;}
.finance-month-group>span{font-size:9px;color:var(--muted);}
.chart-legend{display:flex;justify-content:center;gap:16px;margin-top:9px;font-size:9px;color:var(--muted);}
.chart-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px;}
.expense-composition{display:flex;flex-direction:column;align-items:center;}
.expense-composition .panel-head{width:100%;}
.expense-donut{width:135px;height:135px;border-radius:50%;background:conic-gradient(var(--terra) 0 var(--fixed),#E8DED0 var(--fixed) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;margin:10px auto;}
.expense-donut:after{content:"";position:absolute;width:84px;height:84px;border-radius:50%;background:#fff;}
.expense-donut strong,.expense-donut span{position:relative;z-index:2;}
.expense-donut strong{font-family:'Playfair Display',serif;font-size:24px;}
.expense-donut span{font-size:9px;color:var(--muted);}
.expense-composition-copy{display:flex;gap:12px;font-size:9px;color:var(--muted);}

@media(max-width:1120px){
  .app-shell{grid-template-columns:205px minmax(0,1fr);}
  .dashboard-projects{grid-template-columns:repeat(2,1fr);}
  .proj-list{grid-template-columns:repeat(2,1fr);}
  .marketing-create-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:780px){
  .app-shell{display:block;}
  .sidebar{
    position:fixed;left:0;top:0;width:260px;transform:translateX(-105%);transition:.22s ease;box-shadow:20px 0 50px rgba(42,35,29,.2);
  }
  .sidebar.open{transform:translateX(0);}
  .app-main .topbar{height:72px;padding:0 17px;justify-content:space-between;}
  .mobile-menu-btn{display:block!important;border:0;background:transparent;font-size:22px;color:var(--ink);}
  .mobile-brand{display:flex!important;}
  .mobile-brand .rings{width:34px!important;height:34px!important;}
  .mobile-brand .cerne{font-size:23px!important;}
  .mobile-tabs{display:flex!important;position:sticky;top:72px;z-index:32;background:#fff;border-bottom:1px solid var(--border);overflow-x:auto;padding:0 10px;}
  .mobile-tabs .tab{flex:0 0 auto;padding:12px 14px!important;}
  .content-area{padding:0 14px 40px;}
  .content-area .page{padding-top:22px;}
  .dashboard-projects{display:flex!important;overflow-x:auto!important;gap:10px!important;padding-bottom:5px;}
  .dashboard-project-card{min-width:255px!important;}
  .v2-stats{grid-template-columns:repeat(2,1fr)!important;}
  .proj-list{grid-template-columns:1fr;}
  .finance-visual-grid{grid-template-columns:1fr;}
  .marketing-create-grid{grid-template-columns:1fr;}
  .marketing-view-controls{align-items:stretch;flex-direction:column;}
  .month-controls{justify-content:space-between;}
  .marketing-calendar-panel{overflow-x:auto;}
  .calendar-weekdays,.marketing-calendar{min-width:720px;}
  .marketing-list-card{grid-template-columns:50px 1fr;}
  .marketing-list-card>.badge,.marketing-list-card>.marketing-actions{grid-column:2;}
  .full-width-profit .monthly-profit-chart{height:170px;}
}


/* ==========================================================
   ARQ CERNE V2.5.1 — navegação e visual corrigidos
   ========================================================== */

/* Item Financeiro igual aos demais no menu */
.sidebar-nav .tab span{
  font-size:12px!important;
  font-weight:700!important;
  font-family:'Inter',sans-serif!important;
  letter-spacing:0!important;
}

/* Projetos: cards com proporção correta e capa visível */
.project-card-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:13px;
}
.project-visual-card{
  overflow:hidden;
  min-width:0;
  border:1px solid var(--border);
  border-radius:15px;
  background:#fff;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease;
}
.project-visual-card:hover{
  transform:translateY(-2px);
  box-shadow:0 15px 35px rgba(42,35,29,.08);
}
.project-visual-cover{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  min-height:170px;
  overflow:hidden;
  background:linear-gradient(135deg,var(--ink),#694936);
}
.project-visual-cover img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.project-visual-cover>span:first-child{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--terra-soft);
  font-family:'Playfair Display',serif;
  font-size:54px;
}
.project-visual-health{
  position:absolute!important;
  inset:auto 10px 10px auto!important;
  display:inline-flex!important;
  width:auto!important;
  padding:6px 9px;
  border-radius:99px;
  background:rgba(255,255,255,.94);
  color:var(--green)!important;
  font-family:'Inter',sans-serif!important;
  font-size:8.5px!important;
  font-weight:800;
}
.project-visual-content{padding:14px;}
.project-visual-title{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.project-visual-title h3{margin:0 0 3px;font-size:14px;}
.project-visual-title p{margin:0;color:var(--muted);font-size:9.5px;}
.project-visual-title>strong{
  color:var(--terra);
  font-family:'Playfair Display',serif;
  font-size:22px;
}
.project-visual-progress{
  height:6px;
  margin:13px 0;
  overflow:hidden;
  border-radius:99px;
  background:#EAE1D4;
}
.project-visual-progress i{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--terra),#7A8C59);
}
.project-visual-meta{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-bottom:13px;
}
.project-visual-meta span{
  min-width:0;
  font-size:9.5px;
  font-weight:700;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.project-visual-meta small{
  display:block;
  margin-bottom:2px;
  color:var(--muted);
  font-size:8px;
  font-weight:600;
}
.project-visual-actions{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:6px;
}
.project-visual-actions button{min-height:36px;}
.project-edit-card{grid-column:1/-1;padding:14px!important;}
.project-edit-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;}
.project-edit-actions{display:flex;gap:8px;margin-top:10px;}

/* Calendário: células menores e conteúdo legível */
.marketing-calendar-panel{
  max-width:1120px;
  margin-left:auto;
  margin-right:auto;
}
.calendar-day{
  min-height:88px!important;
  max-height:112px;
  padding:7px!important;
  overflow:hidden;
}
.calendar-number{
  font-size:11px!important;
  margin-bottom:5px!important;
}
.calendar-items{gap:3px!important;}
.calendar-item{
  width:100%;
  border:0;
  text-align:left;
  cursor:pointer;
  padding:5px 6px!important;
  font-size:9px!important;
  line-height:1.2;
  white-space:normal!important;
  overflow:hidden;
  border-radius:6px;
}
.calendar-item strong{
  display:block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-size:9px;
}
.calendar-item small{
  display:block;
  margin-top:2px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-size:7.5px;
}
.marketing-view-controls{
  max-width:1120px;
  margin-left:auto!important;
  margin-right:auto!important;
}
.segmented-control button{min-width:88px;}

@media(max-width:1180px){
  .project-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:780px){
  .project-card-grid{grid-template-columns:1fr;}
  .project-visual-cover{min-height:190px;}
  .project-edit-grid{grid-template-columns:1fr!important;}
  .marketing-calendar-panel{overflow-x:auto;}
  .calendar-weekdays,.marketing-calendar{min-width:630px!important;}
  .calendar-day{min-height:82px!important;}
}


/* ==========================================================
   ARQ CERNE V2.5.2 — correções confirmadas após teste real
   ========================================================== */

/* R$ exatamente na escala dos demais ícones */
.sidebar-nav .tab .nav-finance-icon{
  width:22px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:700!important;
  font-family:'Inter',sans-serif!important;
  letter-spacing:-.04em!important;
}

/* Selo sobre as capas: alto contraste e leitura real */
.dashboard-dark .project-card-health,
.project-card-health{
  z-index:3!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  width:auto!important;
  max-width:calc(100% - 18px)!important;
  padding:5px 9px!important;
  border:1px solid rgba(42,35,29,.10)!important;
  border-radius:99px!important;
  background:#FFFFFF!important;
  color:#53683A!important;
  opacity:1!important;
  text-shadow:none!important;
  box-shadow:0 4px 14px rgba(42,35,29,.12)!important;
  font-size:8.5px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}

/* Apenas quatro cards no desktop, sem esticar além do necessário */
.dashboard-projects{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.dashboard-project-card{
  min-width:0!important;
}
.dashboard-project-cover{
  aspect-ratio:16/9!important;
  height:auto!important;
  min-height:130px!important;
}

/* A tarefa vinculada é uma área claramente clicável */
.project-task-open{
  border-radius:8px!important;
  padding:7px 9px!important;
  transition:background .16s ease!important;
}
.project-task-open:hover{
  background:var(--cream)!important;
}
.project-task-open strong{
  color:var(--ink)!important;
}

/* Calendário com 7 colunas e 5/6 linhas sempre regulares */
.marketing-calendar-panel{
  overflow:hidden!important;
}
.calendar-weekdays,
.marketing-calendar{
  width:100%!important;
  min-width:0!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
}
.marketing-calendar{
  grid-auto-rows:minmax(92px,auto)!important;
}
.calendar-day{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  min-height:92px!important;
  max-height:none!important;
  margin:0!important;
  border-radius:0!important;
  box-sizing:border-box!important;
  background:#fff!important;
}
.calendar-day.muted{
  background:#FAF7F1!important;
}
.calendar-day:focus{
  outline:2px solid var(--terra)!important;
  outline-offset:-2px!important;
}
.calendar-day.today{
  box-shadow:inset 0 0 0 2px var(--terra)!important;
}
.calendar-item{
  display:block!important;
  box-sizing:border-box!important;
  min-height:0!important;
  margin:0!important;
}
.calendar-item:hover{
  filter:brightness(.97);
}

@media(max-width:1100px){
  .dashboard-projects{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:780px){
  .dashboard-projects{
    display:flex!important;
    grid-template-columns:none!important;
  }
  .dashboard-project-card{
    min-width:255px!important;
  }
  .marketing-calendar-panel{
    overflow-x:auto!important;
  }
  .calendar-weekdays,
  .marketing-calendar{
    min-width:700px!important;
  }
}


/* ==========================================================
   ARQ CERNE V2.5.3 — edição de tarefas e Marketing
   ========================================================== */
.task-row-actions{
  display:flex;
  align-items:center;
  gap:5px;
  flex:0 0 auto;
}
.task-edit-btn,
.task-delete-btn{
  min-height:32px;
  padding:6px 8px;
  border-radius:8px;
  font-size:9px;
  font-weight:800;
  cursor:pointer;
}
.task-edit-btn{
  border:1px solid var(--border);
  background:#fff;
  color:var(--ink);
}
.task-delete-btn{
  border:1px solid #E1B1A4;
  background:#FFF5F2;
  color:#A3402E;
}
.task-edit-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  gap:9px!important;
  align-items:center!important;
}
.dashboard-task-edit-fields{
  display:grid;
  grid-template-columns:minmax(180px,1fr) 150px 110px;
  gap:7px;
  min-width:0;
}
.project-dashboard-task .dashboard-task-edit-fields{
  grid-template-columns:minmax(180px,1fr) 190px;
}
.project-checklist-edit-fields{
  display:grid;
  grid-template-columns:minmax(180px,1fr) 190px;
  gap:7px;
  min-width:0;
}
.task-inline-actions{
  display:flex;
  gap:6px;
  align-items:center;
}
.compact-btn{
  min-height:36px!important;
  padding:7px 10px!important;
  font-size:9.5px!important;
}
.project-dashboard-task{
  align-items:center!important;
}
.project-dashboard-task .project-task-open{
  min-width:0;
}
.project-dashboard-task .task-row-actions{
  margin-left:auto;
}
.calendar-item{
  position:relative;
  z-index:2;
  pointer-events:auto!important;
}
.calendar-item strong,
.calendar-item small{
  pointer-events:none;
}
#marketing-form-panel:not(.hidden){
  display:block!important;
  scroll-margin-top:85px;
}

@media(max-width:780px){
  .task-dashboard-row,
  .task-row{
    flex-wrap:wrap;
  }
  .task-row-actions{
    width:100%;
    justify-content:flex-end;
    padding-left:38px;
  }
  .task-edit-row{
    grid-template-columns:1fr!important;
  }
  .dashboard-task-edit-fields,
  .project-dashboard-task .dashboard-task-edit-fields,
  .project-checklist-edit-fields{
    grid-template-columns:1fr!important;
  }
  .task-inline-actions{
    width:100%;
  }
  .task-inline-actions button{
    flex:1;
  }
}


/* ==========================================================
   ARQ CERNE V2.5.4 — painéis estáveis de edição
   ========================================================== */
.task-edit-block{
  display:block;
  width:100%;
  margin:7px 0 12px;
  border:1px solid var(--border);
  border-radius:12px;
  overflow:hidden;
  background:#fff;
}
.task-preview-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:11px 13px;
  border-bottom:1px solid var(--border);
  background:#FCFAF6;
}
.task-preview-row strong{
  display:block;
  color:var(--ink);
  font-size:11px;
}
.task-preview-row small{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:9px;
}
.task-editor-panel{
  display:grid;
  grid-template-columns:minmax(220px,1fr) 170px 130px auto;
  gap:9px;
  align-items:end;
  padding:13px;
  background:#fff;
}
.project-task-edit-block .task-editor-panel{
  grid-template-columns:minmax(220px,1fr) 210px auto;
}
.task-editor-panel label{
  display:block;
  min-width:0;
}
.task-editor-panel label>span{
  display:block;
  margin:0 0 5px;
  color:var(--muted);
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.task-editor-panel input{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:39px!important;
  margin:0!important;
  padding:0 10px!important;
  border:1px solid var(--border)!important;
  border-radius:8px!important;
  background:var(--cream)!important;
  color:var(--ink)!important;
  font-size:10.5px!important;
}
.task-editor-actions{
  display:flex;
  align-items:center;
  gap:6px;
}
.task-editor-actions button{
  height:39px!important;
  white-space:nowrap;
}

/* Neutraliza regras antigas que causavam a quebra visual */
.task-edit-block .task-edit-row,
.task-edit-block .dashboard-task-edit-fields,
.task-edit-block .project-checklist-edit-fields,
.task-edit-block .task-inline-actions{
  display:contents!important;
}

@media(max-width:900px){
  .task-editor-panel,
  .project-task-edit-block .task-editor-panel{
    grid-template-columns:1fr 1fr;
  }
  .task-editor-wide{
    grid-column:1/-1;
  }
  .task-editor-actions{
    grid-column:1/-1;
  }
}
@media(max-width:580px){
  .task-editor-panel,
  .project-task-edit-block .task-editor-panel{
    grid-template-columns:1fr;
  }
  .task-editor-wide,
  .task-editor-actions{
    grid-column:auto;
  }
  .task-editor-actions{
    width:100%;
  }
  .task-editor-actions button{
    flex:1;
  }
}


/* ==========================================================
   ARQ CERNE V3 RC1 — Marketing completo
   ========================================================== */
.marketing-form-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:10px;
}
.marketing-delete-button{
  min-height:38px;
  padding:8px 13px;
  border:1px solid #DFA99A;
  border-radius:9px;
  background:#FFF4F1;
  color:#A3402E;
  font-size:10.5px;
  font-weight:800;
  cursor:pointer;
}
.marketing-delete-button:hover{
  background:#F9E2DB;
}
.calendar-item.status-postado{
  background:#E7EEDC!important;
  color:#587038!important;
}
.calendar-item.status-agendado{
  background:#E5ECF5!important;
  color:#4C6280!important;
}
.calendar-item.status-ideia{
  background:#EEE8DE!important;
  color:#6F6256!important;
}
@media(max-width:580px){
  .marketing-form-actions{
    flex-direction:column;
    align-items:stretch;
  }
  .marketing-form-actions button{
    width:100%;
  }
}


/* ARQ CERNE V3.2 — ícones monocromáticos do menu */
.sidebar-nav .tab .nav-symbol{
  width:22px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:var(--terra)!important;
  font-family:'Inter','Arial Unicode MS',sans-serif!important;
  font-size:13px!important;
  font-weight:600!important;
  font-style:normal!important;
  line-height:1!important;
  text-shadow:none!important;
  filter:none!important;
  font-variant-emoji:text!important;
}
.sidebar-nav .tab.active .nav-symbol{
  color:var(--terra-soft)!important;
}


/* ARQ CERNE V3.2.1 — menu lateral padronizado */
.sidebar-nav .tab span{
  display:inline-flex;
  width:22px;
  justify-content:center;
  align-items:center;
  margin-right:10px;
  font-size:13px;
  font-weight:400 !important;
  line-height:1;
  opacity:.85;
  color:var(--terra);
  font-style:normal;
  vertical-align:middle;
}
.sidebar-nav .tab.active span{
  color:var(--terra-soft);
  opacity:1;
}


/* =========================================================
   ARQ CERNE V3.3 — DASHBOARD VISUAL / PRIVACIDADE
   ========================================================= */
.v33-dashboard-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}
.v33-dashboard-hero .greet{margin:5px 0 4px}
.v33-quote-banner{position:relative;overflow:hidden;min-height:132px;margin:0 0 22px;padding:24px 30px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(110deg,#fbf6ef 0%,#f2e6d8 70%,#e9d7c6 100%);display:flex;align-items:center;gap:14px}
.v33-quote-mark{font-family:'Playfair Display',serif;font-size:52px;line-height:.8;color:var(--terra)}
.v33-quote-banner strong{display:block;font-family:'Playfair Display',serif;font-size:22px;line-height:1.25;color:var(--ink)}
.v33-quote-banner span{display:block;margin-top:9px;font-size:11px;color:var(--terra)}
.v33-quote-art{position:absolute;right:35px;bottom:0;width:190px;height:100px}
.v33-quote-art:before{content:"";position:absolute;right:12px;bottom:0;width:76px;height:66px;border-radius:38px 38px 8px 8px;background:rgba(185,122,76,.17)}
.v33-quote-art i{position:absolute;right:70px;bottom:38px;width:65px;height:1px;background:rgba(110,127,78,.35);transform-origin:right}
.v33-quote-art i:nth-child(1){transform:rotate(-48deg)} .v33-quote-art i:nth-child(2){transform:rotate(-28deg);width:82px}.v33-quote-art i:nth-child(3){transform:rotate(-8deg);width:60px}
.v33-section{margin-bottom:18px}.v33-section-title h2{font-family:'Playfair Display',serif;font-style:italic;font-size:18px;margin:0 0 10px}
.v33-overview-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin:0}
.v33-overview-stats .stat-card{min-height:118px;text-align:left}
.v33-overview-stats .stat-value{font-size:30px}
.v33-project-panel,.v33-tasks-panel,.v33-finance-panel,.v33-financial-summary{margin-top:18px}
.v33-project-panel .dashboard-projects{grid-template-columns:repeat(4,minmax(0,1fr))}
.v33-project-panel .dashboard-project-card{background:#fff;border:1px solid var(--line);color:var(--ink)}
.v33-project-panel .dashboard-project-body p,.v33-project-panel .project-card-footer{color:var(--muted)}
.v33-project-panel .dashboard-project-cover{height:150px}
.v33-finance-sub{margin:3px 0 0;font-size:11px;color:var(--muted)}
.v33-finance-layout{display:grid;grid-template-columns:230px 1fr;gap:28px;align-items:end;padding-top:14px}
.v33-finance-highlight span,.v33-finance-highlight small{display:block;color:var(--muted)}
.v33-finance-highlight strong{display:block;margin:9px 0;font-family:'Playfair Display',serif;font-size:30px;color:var(--ink)}
.v33-finance-highlight strong.negative,.v33-summary-grid strong.negative{color:#a3402e}
.v33-dual-chart{height:190px;display:grid;grid-template-columns:repeat(6,1fr);gap:18px;align-items:end;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 46px,rgba(214,194,169,.35) 47px)}
.v33-chart-month{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.v33-bars{height:155px;display:flex;align-items:flex-end;gap:5px}.v33-bars i{display:block;width:12px;min-height:4px;border-radius:7px 7px 2px 2px}.v33-bars .revenue,.v33-chart-legend .revenue{background:#6e7f4e}.v33-bars .expense,.v33-chart-legend .expense{background:#b97a4c}.v33-chart-month>span{font-size:10px;color:var(--muted);text-transform:capitalize}
.v33-chart-legend{display:flex;gap:18px;margin-top:12px;justify-content:flex-end}.v33-chart-legend span{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}.v33-chart-legend i{width:8px;height:8px;border-radius:50%;display:block}
.v33-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.v33-summary-grid button{appearance:none;text-align:left;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;color:var(--ink);cursor:pointer}.v33-summary-grid span,.v33-summary-grid small{display:block;color:var(--muted);font-size:10px}.v33-summary-grid strong{display:block;margin:9px 0 5px;font-family:'Playfair Display',serif;font-size:21px}
.v33-privacy-note{margin-top:14px;padding:14px 18px;border-radius:12px;background:var(--paper);display:flex;justify-content:center;align-items:center;gap:10px;text-align:left}.v33-privacy-note>span{font-size:18px;color:var(--terra)}.v33-privacy-note strong,.v33-privacy-note small{display:block}.v33-privacy-note strong{font-size:11px}.v33-privacy-note small{margin-top:2px;font-size:9px;color:var(--muted)}

@media(max-width:760px){
  .v33-dashboard-hero{align-items:flex-start}
  .v33-dashboard-hero .v2-quick-actions{display:grid;grid-template-columns:1fr;gap:6px}
  .v33-dashboard-hero .v2-quick-actions button{font-size:0;width:42px;height:42px;padding:0}
  .v33-dashboard-hero .v2-quick-actions button:after{content:"+";font-size:22px}
  .v33-quote-banner{min-height:126px;padding:20px 18px}.v33-quote-banner strong{font-size:19px}.v33-quote-art{right:-18px;opacity:.75}
  .v33-overview-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.v33-overview-stats .stat-card{padding:13px 10px;min-height:105px}.v33-overview-stats .stat-label{font-size:10px}.v33-overview-stats .stat-value{font-size:25px}.v33-overview-stats .stat-delta{font-size:8px}
  .v33-project-panel .dashboard-projects{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:6px}.v33-project-panel .dashboard-project-card{min-width:72%;scroll-snap-align:start}.v33-project-panel .dashboard-project-cover{height:135px}
  .v33-finance-layout{grid-template-columns:1fr;gap:12px}.v33-finance-highlight strong{font-size:26px}.v33-dual-chart{height:165px;gap:6px}.v33-bars{height:132px}.v33-bars i{width:8px}
  .v33-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.v33-summary-grid button{padding:14px 12px}.v33-summary-grid strong{font-size:18px}
  .v33-privacy-note{align-items:flex-start}
}
/* V3.3.1 — fidelidade visual ao mockup aprovado */
.sidebar-nav .tab{gap:14px}.sidebar-nav .nav-icon{width:17px;height:17px;fill:none;stroke:var(--terra);stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:0 0 17px}.sidebar-nav .tab.active .nav-icon{stroke:#fff}.sidebar-nav .nav-label{font:inherit;color:inherit}
.v33-quote-banner{min-height:150px;background:linear-gradient(90deg,#fbf7f2 0%,#f5eee7 58%,#eee2d5 100%)}.v33-quote-vase{position:absolute;right:0;top:0;height:100%;width:auto;min-width:355px;object-fit:cover;object-position:right center;mix-blend-mode:multiply}.v33-quote-banner>div:not(.v33-quote-mark){position:relative;z-index:2}.v33-quote-mark{position:relative;z-index:2}
.dashboard-attention-list{margin:-8px 0 18px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:6px}.dashboard-attention-list button{width:100%;display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center;border:0;background:transparent;padding:11px 12px;text-align:left;color:var(--ink);cursor:pointer}.dashboard-attention-list .dot{width:7px;height:7px;border-radius:50%}
@media(max-width:760px){.v33-quote-vase{right:-90px;opacity:.72}.v33-quote-banner>div:not(.v33-quote-mark){max-width:70%;position:relative;z-index:2}}
/* V3.3.2 - fidelidade final ao mockup aprovado */
.sidebar-nav .tab{display:grid!important;grid-template-columns:20px minmax(0,1fr)!important;align-items:center!important;column-gap:12px!important;padding-left:20px!important;text-align:left!important}
.sidebar-nav .nav-icon{display:block!important;width:18px!important;height:18px!important;margin:0!important;position:static!important;overflow:visible}
.sidebar-nav .nav-label{display:block!important;line-height:1.15!important;white-space:nowrap!important}
.v33-dashboard-hero{align-items:center!important}
.v33-dashboard-hero .greet{margin:0 0 7px!important;font-size:31px!important}.v33-dashboard-hero .wave{font-family:system-ui;font-style:normal;font-size:21px}
.v33-dashboard-hero .v2-dashboard-date{margin:0 0 7px!important;color:var(--terra)!important;font-weight:700!important;text-transform:capitalize}
.v33-quote-banner{height:165px!important;display:grid!important;grid-template-columns:1fr 42%!important;padding:0!important;overflow:hidden!important;background:#f7f0e9!important}
.v33-quote-banner>div:not(.v33-quote-mark){align-self:center;padding-left:70px;z-index:2}.v33-quote-mark{position:absolute!important;left:28px!important;top:23px!important;z-index:3!important}
.v33-quote-vase{position:static!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:0!important;clip-path:none!important;filter:none!important;opacity:1!important}
.v33-dashboard-bottom{display:grid;grid-template-columns:38% 1fr;gap:18px;margin-top:18px}.v33-focus-card{min-height:245px;border-radius:16px;overflow:hidden;position:relative;background:linear-gradient(135deg,#6f3518,#a05d2d);color:#fff}.v33-focus-card img{position:absolute;right:-35px;bottom:-12px;width:72%;height:62%;object-fit:cover;object-position:right bottom;mix-blend-mode:screen;opacity:.72}.v33-focus-copy{position:relative;z-index:2;padding:30px}.focus-quote{font-family:Georgia,serif;font-size:42px;display:block;line-height:.6}.v33-focus-copy strong{font-family:'Playfair Display',serif;font-size:20px;line-height:1.35;font-weight:500;display:block;margin:12px 0}.v33-focus-copy small{display:block}.v33-bottom-right{display:grid;grid-template-rows:1fr auto;gap:14px}.v33-quick-card,.v33-tip-card{margin:0!important}.v33-quick-card h2,.v33-tip-card h2{font-family:'Playfair Display',serif;font-style:italic;font-size:17px;margin:0 0 14px}.v33-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.v33-quick-grid button{border:0;background:transparent;color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;font-size:10px}.v33-quick-grid button span{width:48px;height:48px;border-radius:50%;background:#faf3ec;color:var(--terra);display:grid;place-items:center;font-size:20px;border:1px solid var(--line)}.v33-tip-card{display:flex;justify-content:space-between;align-items:center}.v33-tip-card p{font-size:11px;line-height:1.45;margin:0;max-width:520px}.tip-spark{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#faf3ec;color:var(--terra);font-size:22px}.v33-copyright{font-size:9px;color:var(--muted);padding:18px 2px 4px}
@media(max-width:760px){.sidebar-nav .tab{grid-template-columns:20px minmax(0,1fr)!important}.v33-quote-banner{grid-template-columns:58% 42%!important;height:150px!important}.v33-quote-banner>div:not(.v33-quote-mark){padding-left:45px}.v33-quote-vase{object-position:62% center!important}.v33-dashboard-bottom{grid-template-columns:1fr}.v33-focus-card{min-height:220px}.v33-quick-grid{grid-template-columns:repeat(2,1fr)}.v33-copyright{text-align:center}}


/* =========================================================
   ARQ CERNE V3.3.3 — banner limpo + megafone Marketing
   ========================================================= */

/* O recorte do vaso já é limpo. O problema visual vinha do
   mix-blend-mode:multiply herdado de uma regra anterior. */
.v33-quote-vase{
  mix-blend-mode:normal !important;
  opacity:1 !important;
  filter:none !important;
  background:#f5eee7 !important;
  display:block !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Evita qualquer faixa/linha na transição entre texto e imagem */
.v33-quote-banner{
  background:#f7f0e9 !important;
  isolation:isolate !important;
}
.v33-quote-banner::before,
.v33-quote-banner::after{
  content:none !important;
}

/* Megafone segue exatamente o mesmo traço dos outros ícones */
.sidebar-nav .tab[data-tab="marketing"] .nav-icon{
  fill:none !important;
  stroke:var(--terra) !important;
  stroke-width:1.65 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
.sidebar-nav .tab[data-tab="marketing"].active .nav-icon{
  stroke:#fff !important;
}


/* =========================================================
   ARQ CERNE V3.3.4 — remoção definitiva da emenda do banner
   ========================================================= */
.v33-quote-banner{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  height:165px !important;
  padding:0 0 0 70px !important;
  overflow:hidden !important;
  background:#f7f0e9 !important;
  border:0 !important;
}

.v33-quote-banner > div:not(.v33-quote-mark){
  position:relative !important;
  z-index:3 !important;
  padding-left:0 !important;
  max-width:48% !important;
}

.v33-quote-mark{
  position:absolute !important;
  left:28px !important;
  top:23px !important;
  z-index:4 !important;
}

.v33-quote-vase{
  position:absolute !important;
  z-index:1 !important;
  right:0 !important;
  top:0 !important;
  width:62% !important;
  min-width:0 !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
  filter:none !important;
  border:0 !important;
  border-radius:0 18px 18px 0 !important;
  box-shadow:none !important;

  /* A borda esquerda da foto desaparece gradualmente.
     Assim não existe mais uma linha vertical entre fundo e imagem. */
  -webkit-mask-image:linear-gradient(to right, transparent 0%, rgba(0,0,0,.15) 10%, #000 30%, #000 100%) !important;
  mask-image:linear-gradient(to right, transparent 0%, rgba(0,0,0,.15) 10%, #000 30%, #000 100%) !important;
}

@media(max-width:760px){
  .v33-quote-banner{
    height:150px !important;
    padding-left:45px !important;
  }
  .v33-quote-banner > div:not(.v33-quote-mark){
    max-width:62% !important;
  }
  .v33-quote-vase{
    width:68% !important;
    right:-7% !important;
    object-position:58% center !important;
    -webkit-mask-image:linear-gradient(to right, transparent 0%, rgba(0,0,0,.2) 13%, #000 35%, #000 100%) !important;
    mask-image:linear-gradient(to right, transparent 0%, rgba(0,0,0,.2) 13%, #000 35%, #000 100%) !important;
  }
}


/* =========================================================
   ARQ CERNE V3.3.5 — banner final + card inferior corrigido
   ========================================================= */

/* Banner superior: imagem limpa, inteira, sem máscara e sem corte agressivo */
.v33-quote-banner{
  position:relative !important;
  overflow:hidden !important;
  background:#f7f0e9 !important;
  min-height:165px !important;
}

.v33-quote-vase{
  position:absolute !important;
  right:0 !important;
  top:0 !important;
  width:58% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center right !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
  filter:none !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
  border-radius:0 18px 18px 0 !important;
}

/* Transição suave sem “marca” vertical, feita por overlay no fundo e não na foto */
.v33-quote-banner::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:linear-gradient(
    90deg,
    #f7f0e9 0%,
    #f7f0e9 46%,
    rgba(247,240,233,.92) 51%,
    rgba(247,240,233,.55) 58%,
    rgba(247,240,233,0) 68%
  ) !important;
  z-index:2 !important;
}
.v33-quote-banner > *:not(.v33-quote-vase){
  position:relative !important;
  z-index:3 !important;
}

/* Card inferior: sem repetir o banner superior */
.dashboard-bottom-card{
  overflow:hidden !important;
  position:relative !important;
  min-height:240px !important;
  background:linear-gradient(145deg,#9e5427,#7f3f20) !important;
}
.dashboard-bottom-card .dashboard-bottom-image{
  position:absolute !important;
  right:0 !important;
  bottom:0 !important;
  width:56% !important;
  height:52% !important;
  object-fit:cover !important;
  object-position:center !important;
  opacity:.92 !important;
  mix-blend-mode:screen !important;
  border:0 !important;
}
.dashboard-bottom-card .dashboard-bottom-copy{
  position:relative !important;
  z-index:2 !important;
  width:66% !important;
  padding:28px !important;
}

/* fallback caso a estrutura inferior use imagem como background direto */
.dashboard-closing-quote{
  position:relative !important;
  overflow:hidden !important;
  background:linear-gradient(145deg,#9e5427,#7f3f20) !important;
}
.dashboard-closing-quote::after{
  content:"" !important;
  position:absolute !important;
  right:0 !important;
  bottom:0 !important;
  width:50% !important;
  height:52% !important;
  background:url("assets/dashboard-bottom-card-clean.png") center/cover no-repeat !important;
  opacity:.9 !important;
}
.dashboard-closing-quote > *{
  position:relative !important;
  z-index:2 !important;
}

@media(max-width:760px){
  .v33-quote-vase{
    width:62% !important;
    right:-5% !important;
    object-position:62% center !important;
  }
  .v33-quote-banner::after{
    background:linear-gradient(
      90deg,
      #f7f0e9 0%,
      #f7f0e9 50%,
      rgba(247,240,233,.86) 58%,
      rgba(247,240,233,0) 75%
    ) !important;
  }
  .dashboard-bottom-card .dashboard-bottom-copy{
    width:72% !important;
    padding:22px !important;
  }
}


/* =========================================================
   V3.3.6 — CORREÇÃO ESTRUTURAL DAS IMAGENS
   ========================================================= */

/* A imagem superior já é a arte completa aprovada.
   Exibir 100% da arte, sem coluna, máscara, blend ou novo recorte. */
.v33-quote-banner{
  display:block !important;
  position:relative !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:transparent !important;
  border:0 !important;
  border-radius:18px !important;
}
.v33-quote-banner::before,
.v33-quote-banner::after{
  content:none !important;
  display:none !important;
}
/* O texto já faz parte da arte aprovada; esconder duplicata visual do HTML. */
.v33-quote-banner .v33-quote-mark,
.v33-quote-banner > div:not(.v33-quote-mark){
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  clip-path:inset(50%) !important;
  white-space:nowrap !important;
  padding:0 !important;
  margin:0 !important;
}
.v33-quote-vase{
  position:relative !important;
  inset:auto !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-width:0 !important;
  max-width:none !important;
  object-fit:contain !important;
  object-position:center !important;
  opacity:1 !important;
  filter:none !important;
  mix-blend-mode:normal !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
  border-radius:18px !important;
  transform:none !important;
}

/* Card terracota: arte própria, sem reutilizar o banner superior. */
.v33-focus-card{
  min-height:245px !important;
  padding:0 !important;
  overflow:hidden !important;
  position:relative !important;
  background:#914b25 !important;
}
.v33-focus-card img{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
  filter:none !important;
  transform:none !important;
}
/* A frase também está na arte inferior; não duplicar. */
.v33-focus-card .v33-focus-copy{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  clip-path:inset(50%) !important;
  white-space:nowrap !important;
  padding:0 !important;
  margin:0 !important;
}

@media(max-width:760px){
  .v33-quote-vase{
    width:100% !important;
    height:auto !important;
    object-fit:contain !important;
  }
  .v33-focus-card{
    min-height:260px !important;
  }
}

/* =========================================================
   ARQ CERNE V3.3.7 — imagens corrigidas e preview offline
   ========================================================= */
.v33-quote-banner{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  margin:0 0 22px!important;
  border:0!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:transparent!important;
}
.v33-quote-banner::before,.v33-quote-banner::after{
  content:none!important;
  display:none!important;
}
.v33-quote-banner>div{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
}
.v33-quote-vase{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-width:0!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:center!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  transform:none!important;
  border-radius:18px!important;
}
.v33-focus-card{
  min-height:245px!important;
  padding:0!important;
  overflow:hidden!important;
  background:#914b25!important;
}
.v33-focus-card img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  transform:none!important;
}
.v33-focus-card .v33-focus-copy{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
}
@media(max-width:760px){
  .v33-quote-vase{
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
  }
  .v33-dashboard-bottom{
    grid-template-columns:1fr!important;
  }
}

/* V3.3.8: banners 100% HTML/CSS — sem PNG, sem esticar, sem perda de qualidade */
.v33-quote-banner{position:relative!important;display:flex!important;align-items:center!important;min-height:185px!important;padding:28px 38px!important;background:#e9ddcc!important;border:0!important;border-radius:18px!important;overflow:hidden!important}
.v33-quote-banner>div{position:relative!important;width:auto!important;height:auto!important;overflow:visible!important;clip-path:none!important;white-space:normal!important}
.v338-copy{z-index:3;max-width:58%}.v338-copy b{display:block;font:64px/35px Georgia,serif;color:#a9653e}.v338-copy p{margin:8px 0 0;font:italic 600 25px/1.25 Georgia,serif;color:#32261f}
.v338-art{position:absolute!important;right:0!important;bottom:0!important;width:40%!important;height:100%!important}
.book{position:absolute;right:90px;height:15px;border-radius:2px;box-shadow:0 2px 3px #0002}.book.a{bottom:27px;width:155px;background:#874828}.book.b{bottom:44px;width:135px;background:#b9825e}.book.c{bottom:61px;width:145px;background:#60463a}
.vase{position:absolute;right:25px;bottom:24px;width:68px;height:87px;background:#8c4c2b;border-radius:46% 46% 36% 36%/30% 30% 60% 60%}
.plant{position:absolute;right:57px;bottom:100px;width:2px;background:#687452;transform-origin:bottom}.plant:after{content:"";position:absolute;top:5px;left:-3px;width:29px;height:14px;background:#687452;border-radius:100% 0 100% 0}
.plant.p1{height:72px;transform:rotate(-20deg)}.plant.p2{height:83px;transform:rotate(5deg)}.plant.p3{height:70px;transform:rotate(25deg)}
.v33-focus-card{position:relative!important;display:flex!important;align-items:flex-end!important;min-height:245px!important;padding:28px!important;background:#914b25!important;border:0!important;border-radius:16px!important;overflow:hidden!important}
.v338-focus{position:relative!important;width:auto!important;height:auto!important;overflow:visible!important;clip-path:none!important;color:white!important;z-index:3!important}.v338-focus small{font-size:10px;letter-spacing:1.6px;opacity:.75}.v338-focus p{margin:10px 0 0;font:italic 600 25px/1.22 Georgia,serif}
.v338-ring{position:absolute;right:-35px;top:28px;width:180px;height:180px;border:1px solid #d7a47f;border-radius:50%;opacity:.45}.v338-ring:after{content:"";position:absolute;inset:26px;border:1px solid #d7a47f;border-radius:50%}
@media(max-width:760px){.v33-quote-banner{min-height:165px!important;padding:22px!important}.v338-copy{max-width:66%}.v338-copy p{font-size:19px}.v338-art{width:47%!important;transform:scale(.86);transform-origin:right bottom}.v33-focus-card{min-height:220px!important}}


/* ============================================================
   ARQ CERNE V3.3.9 — BANNERS CORRIGIDOS DE VERDADE
   Sem imagens, sem recortes, sem perda de qualidade
   ============================================================ */

.v339-hero-banner{
  position:relative;
  min-height:176px;
  margin:0 0 22px;
  padding:30px 38px;
  overflow:hidden;
  border-radius:18px;
  background:linear-gradient(100deg,#f6eee5 0%,#eee2d3 70%,#e7d6c4 100%);
  border:1px solid rgba(184,151,118,.18);
}
.v339-hero-copy{
  position:relative;
  z-index:3;
  max-width:58%;
  padding-left:30px;
}
.v339-quote-mark{
  position:absolute;
  left:-4px;
  top:-12px;
  font-family:Georgia,serif;
  font-size:62px;
  line-height:1;
  color:#a85f37;
}
.v339-hero-copy strong{
  display:block;
  font-family:'Playfair Display',Georgia,serif;
  font-size:24px;
  line-height:1.25;
  font-weight:500;
  color:var(--ink);
}
.v339-hero-copy small{
  display:block;
  margin-top:12px;
  color:var(--terra);
  font-size:10px;
}
.v339-still-life{
  position:absolute;
  right:20px;
  bottom:0;
  width:320px;
  height:170px;
}
.v339-book{
  position:absolute;
  right:88px;
  height:16px;
  border-radius:2px;
  box-shadow:0 3px 5px rgba(49,35,25,.13);
}
.v339-book.book-one{bottom:24px;width:150px;background:#7e4428}
.v339-book.book-two{bottom:42px;width:132px;background:#b77b57}
.v339-book.book-three{bottom:60px;width:144px;background:#5f4638}
.v339-vase{
  position:absolute;
  right:18px;
  bottom:22px;
  width:72px;
  height:88px;
  background:linear-gradient(120deg,#a9633c,#7e4327);
  border-radius:43% 43% 36% 36% / 28% 28% 60% 60%;
  box-shadow:inset -8px -6px 12px rgba(72,36,20,.12),0 4px 9px rgba(55,35,22,.09);
}
.v339-branch{
  position:absolute;
  right:53px;
  bottom:100px;
  width:2px;
  background:#687551;
  transform-origin:bottom;
}
.v339-branch.branch-one{height:68px;transform:rotate(-22deg)}
.v339-branch.branch-two{height:78px;transform:rotate(3deg)}
.v339-branch.branch-three{height:67px;transform:rotate(24deg)}
.v339-leaf{
  position:absolute;
  width:30px;
  height:14px;
  background:#74805d;
  border-radius:100% 0 100% 0;
}
.v339-leaf.leaf-one{right:75px;bottom:142px;transform:rotate(18deg)}
.v339-leaf.leaf-two{right:37px;bottom:151px;transform:rotate(145deg)}
.v339-leaf.leaf-three{right:83px;bottom:119px;transform:rotate(150deg)}
.v339-leaf.leaf-four{right:28px;bottom:126px;transform:rotate(24deg)}

.v339-focus-card{
  position:relative;
  min-height:250px;
  padding:30px;
  overflow:hidden;
  border-radius:16px;
  background:linear-gradient(145deg,#a35f34 0%,#8c4927 100%);
  color:#fff;
}
.v339-focus-copy{
  position:relative;
  z-index:3;
  width:70%;
}
.v339-focus-copy .focus-quote{
  display:block;
  margin-bottom:-6px;
  font-family:Georgia,serif;
  font-size:48px;
  color:#e4b792;
}
.v339-focus-copy strong{
  display:block;
  font-family:'Playfair Display',Georgia,serif;
  font-size:22px;
  line-height:1.28;
  font-weight:500;
}
.v339-focus-copy small{
  display:block;
  margin-top:14px;
  color:#f1cbae;
  font-size:9px;
}
.v339-focus-art{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.focus-circle{
  position:absolute;
  border:1px solid rgba(242,202,170,.38);
  border-radius:50%;
}
.focus-circle.circle-one{width:210px;height:210px;right:-72px;top:-12px}
.focus-circle.circle-two{width:140px;height:140px;right:-28px;top:35px}
.focus-line{
  position:absolute;
  height:1px;
  background:rgba(242,202,170,.32);
  transform-origin:right;
}
.focus-line.line-one{width:180px;right:-20px;bottom:42px;transform:rotate(-18deg)}
.focus-line.line-two{width:135px;right:22px;bottom:72px;transform:rotate(-35deg)}

@media(max-width:760px){
  .v339-hero-banner{
    min-height:164px;
    padding:24px 20px;
  }
  .v339-hero-copy{
    max-width:64%;
    padding-left:24px;
  }
  .v339-hero-copy strong{font-size:19px}
  .v339-still-life{
    width:220px;
    height:155px;
    right:-25px;
    transform:scale(.82);
    transform-origin:right bottom;
  }
  .v339-focus-card{min-height:220px;padding:24px}
  .v339-focus-copy{width:78%}
  .v339-focus-copy strong{font-size:20px}
}

/* V3.4.0 — banners com identidade ARQ Cerne */
.v340-brand-mark{
 position:absolute;right:54px;top:50%;transform:translateY(-50%);
 display:flex;align-items:center;gap:15px;opacity:.88;z-index:2;
}
.v340-symbol{position:relative;width:58px;height:58px;display:block;border:2px solid #b96f43;border-radius:50%}
.v340-symbol:before,.v340-symbol:after,.v340-symbol i{content:"";position:absolute;border:2px solid #b96f43;border-radius:50%}
.v340-symbol:before{inset:8px}.v340-symbol:after{inset:16px}
.v340-symbol i:nth-child(1){inset:24px;background:#b96f43}
.v340-symbol i:nth-child(2){width:10px;height:2px;border:0;border-radius:0;background:#b96f43;right:-6px;top:27px}
.v340-symbol i:nth-child(3){display:none}
.v340-brand-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1}
.v340-brand-text small{font-size:11px;letter-spacing:5px;color:#a9653e;margin:0 0 5px 3px;font-weight:600}
.v340-brand-text strong{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:500;font-size:39px;color:#32261f}
.v339-hero-banner .v339-still-life{display:none!important}

.v339-focus-card .v340-brand-mark{right:34px;top:auto;bottom:28px;transform:none;opacity:.72}
.v340-brand-light .v340-symbol{border-color:#f4d8c1}
.v340-brand-light .v340-symbol:before,.v340-brand-light .v340-symbol:after,.v340-brand-light .v340-symbol i{border-color:#f4d8c1}
.v340-brand-light .v340-symbol i:nth-child(1),.v340-brand-light .v340-symbol i:nth-child(2){background:#f4d8c1}
.v340-brand-light .v340-brand-text small,.v340-brand-light .v340-brand-text strong{color:#fff4ea}
.v339-focus-card .v339-focus-art{display:none!important}

@media(max-width:760px){
 .v340-brand-mark{right:18px;transform:translateY(-50%) scale(.72);transform-origin:right center}
 .v339-focus-card .v340-brand-mark{right:16px;bottom:18px;transform:scale(.66);transform-origin:right bottom}
}

/* V3.4.1 — banners clean, sem logo e sem imagem */
.v339-hero-banner{
  background:linear-gradient(100deg,#f6eee5 0%,#eee2d3 100%)!important;
}
.v339-hero-copy{max-width:100%!important}
.v339-focus-card{
  background:linear-gradient(145deg,#a35f34 0%,#8c4927 100%)!important;
}
.v339-focus-copy{width:100%!important}
.v340-brand-mark,.v339-still-life,.v339-focus-art{display:none!important}

/* V3.4.2 — banner superior removido por decisão de layout */
.v339-hero-banner,.v33-quote-banner{display:none!important}


/* =========================================================
   V3.4.4 — exclusão segura + ordenação manual de projetos
   ========================================================= */
.project-visual-card{position:relative}
.project-drag-handle{
  position:absolute;z-index:6;left:10px;top:10px;
  width:34px;height:30px;border:1px solid rgba(255,255,255,.72);
  border-radius:9px;background:rgba(42,33,27,.56);color:#fff;
  display:grid;place-items:center;font-size:15px;line-height:1;
  cursor:grab;backdrop-filter:blur(5px);letter-spacing:-3px;
}
.project-drag-handle:active{cursor:grabbing}
.project-dragging{opacity:.55;transform:scale(.985)}
.project-drag-over{outline:2px solid var(--terra);outline-offset:3px}
.project-touch-dragging{touch-action:none;box-shadow:0 12px 30px rgba(54,39,28,.18)}
.project-delete-modal{
  position:fixed;inset:0;z-index:9999;background:rgba(38,30,24,.48);
  display:grid;place-items:center;padding:20px;backdrop-filter:blur(4px);
}
.project-delete-dialog{
  width:min(520px,100%);background:#fff;border:1px solid var(--line);
  border-radius:20px;padding:28px;box-shadow:0 24px 80px rgba(39,28,20,.2);
  position:relative;
}
.project-delete-close{
  position:absolute;right:16px;top:13px;width:34px;height:34px;
  border:0;background:transparent;font-size:25px;color:var(--muted);cursor:pointer;
}
.project-delete-kicker{font-size:9px;letter-spacing:1.8px;color:#a3402e;font-weight:700}
.project-delete-dialog h2{font-family:'Playfair Display',serif;font-style:italic;font-size:25px;margin:9px 0 10px}
.project-delete-dialog p{font-size:13px;line-height:1.55;color:var(--muted)}
.project-delete-name{display:block;margin:13px 0 8px;font-size:13px}
#project-delete-confirm-name{
  width:100%;border:1px solid var(--line);border-radius:10px;padding:13px 14px;
  background:var(--paper);font:inherit;color:var(--ink);
}
.project-delete-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.project-delete-confirm-btn{
  border:1px solid #c95d4b;background:#a3402e;color:#fff;border-radius:10px;
  padding:11px 14px;font-weight:700;cursor:pointer;
}
.project-delete-confirm-btn:disabled{opacity:.35;cursor:not-allowed}
@media(max-width:760px){
  .project-drag-handle{left:9px;top:9px;width:36px;height:32px}
  .project-delete-dialog{padding:24px 20px;border-radius:18px}
  .project-delete-actions{display:grid;grid-template-columns:1fr}
  .project-delete-actions button{width:100%}
}

/* V3.4.5 — tarefas vencidas continuam visíveis no Dashboard */
.task-overdue-label{
  color:#a3402e;
  font-weight:700;
  font-size:inherit;
}


/* =========================================================
   V3.4.6 — drag corrigido + status sobre a capa
   ========================================================= */
.project-visual-cover{
  position:relative !important;
}
.project-visual-health{
  position:absolute !important;
  top:10px !important;
  right:10px !important;
  bottom:auto !important;
  left:auto !important;
  z-index:5 !important;
  padding:6px 10px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.94) !important;
  box-shadow:0 4px 12px rgba(44,33,27,.10) !important;
  backdrop-filter:blur(5px) !important;
  font-size:11px !important;
  font-weight:700 !important;
  line-height:1 !important;
}
.project-drag-handle{
  position:absolute !important;
  z-index:7 !important;
  left:10px !important;
  top:10px !important;
  width:34px !important;
  height:30px !important;
  border:1px solid rgba(255,255,255,.72) !important;
  border-radius:9px !important;
  background:rgba(42,33,27,.58) !important;
  color:#fff !important;
  display:grid !important;
  place-items:center !important;
  font-size:15px !important;
  line-height:1 !important;
  cursor:grab !important;
  user-select:none !important;
  -webkit-user-select:none !important;
  touch-action:none !important;
  backdrop-filter:blur(5px) !important;
  letter-spacing:-3px !important;
}
.project-drag-handle:active{cursor:grabbing !important}
.project-dragging{
  opacity:.6 !important;
  transform:scale(.985) !important;
}
.project-drag-over{
  outline:3px solid var(--terra) !important;
  outline-offset:4px !important;
}
.project-touch-dragging{
  box-shadow:0 16px 34px rgba(54,39,28,.20) !important;
}
@media(max-width:760px){
  .project-visual-health{
    top:9px !important;
    right:9px !important;
    font-size:10px !important;
    padding:5px 9px !important;
  }
  .project-drag-handle{
    left:9px !important;
    top:9px !important;
    width:36px !important;
    height:32px !important;
  }
}


/* V3.4.7 — reordenação manual confiável */
.project-card-grid{position:relative}
.project-reorder-placeholder{
  border:2px dashed var(--terra)!important;
  border-radius:16px!important;
  background:rgba(185,122,76,.09)!important;
  box-shadow:inset 0 0 0 1px rgba(185,122,76,.08)!important;
}
.project-reorder-active{
  opacity:.96!important;
  box-shadow:0 24px 60px rgba(44,33,27,.28)!important;
  cursor:grabbing!important;
}
.project-drop-target{outline:2px solid rgba(185,122,76,.48)!important;outline-offset:3px!important}
.project-drag-handle{cursor:grab!important;touch-action:none!important;user-select:none!important;-webkit-user-select:none!important}
.project-drag-handle:active{cursor:grabbing!important}

/* =========================================================
   ARQ CERNE V3.4.8 — MOBILE FIX
   Corrige regressões visuais do Dashboard e estabiliza
   todas as páginas em telas <= 780px sem alterar desktop.
   ========================================================= */
@media(max-width:780px){
  html,body{max-width:100%;overflow-x:hidden!important}
  .app-shell,.app-main,.content-area,.page{min-width:0!important;max-width:100%!important}
  .content-area{padding:0 14px 36px!important}
  .content-area .page{padding-top:18px!important}

  /* Header mobile */
  .app-main .topbar{
    height:72px!important;
    padding:0 14px!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
  }
  .mobile-menu-btn{width:44px!important;height:44px!important;display:grid!important;place-items:center!important;padding:0!important}
  .mobile-brand{justify-self:center!important;min-width:0!important;transform:scale(.92);transform-origin:center!important}
  .topbar-actions{justify-self:end!important;gap:6px!important}
  .topbar-actions .icon-btn{width:40px!important;height:40px!important;min-width:40px!important;padding:0!important}
  .profile-thumb{width:40px!important;height:40px!important;min-width:40px!important}

  /* Abas mobile: roláveis e sem cortar textos */
  .mobile-tabs{
    top:72px!important;
    width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    white-space:nowrap!important;
    padding:0 10px!important;
  }
  .mobile-tabs::-webkit-scrollbar{display:none!important}
  .mobile-tabs .tab{flex:0 0 auto!important;min-width:max-content!important;padding:13px 14px!important;font-size:12px!important}

  /* Dashboard: cabeçalho volta a ser uma coluna clara */
  .v33-dashboard-hero{
    display:block!important;
    margin-bottom:16px!important;
  }
  .v33-dashboard-hero .greet{
    font-size:33px!important;
    line-height:1.08!important;
    margin:0 0 8px!important;
  }
  .v33-dashboard-hero .wave{font-size:22px!important}
  .v33-dashboard-hero .v2-dashboard-date{font-size:10px!important;margin-bottom:6px!important}
  .v33-dashboard-hero .sub{font-size:12px!important;line-height:1.45!important;max-width:none!important}
  .v33-dashboard-hero .v2-quick-actions{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
    margin-top:14px!important;
  }
  .v33-dashboard-hero .v2-quick-actions button{
    width:auto!important;
    height:42px!important;
    min-width:0!important;
    padding:0 8px!important;
    font-size:10px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .v33-dashboard-hero .v2-quick-actions button:after{content:none!important}

  /* Tarefas: remove altura fixa/scroll interno e evita corte */
  .v33-tasks-panel{padding:14px!important;margin-top:14px!important;overflow:visible!important}
  .v33-tasks-panel .panel-head{align-items:center!important;gap:10px!important}
  .v33-tasks-panel .panel-head h2{font-size:18px!important}
  .v2-task-list{max-height:none!important;overflow:visible!important}
  .task-dashboard-row,
  .project-dashboard-task{
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr) auto!important;
    gap:9px!important;
    align-items:start!important;
    padding:12px 0!important;
    min-height:0!important;
    overflow:visible!important;
  }
  .task-dashboard-row input[type="checkbox"]{width:24px!important;height:24px!important;margin-top:3px!important}
  .project-dashboard-task .project-task-open,
  .task-dashboard-row .project-task-open{
    min-width:0!important;
    width:100%!important;
    padding:2px 0!important;
    background:transparent!important;
  }
  .project-task-open strong{font-size:12px!important;line-height:1.35!important;white-space:normal!important}
  .project-task-open small{font-size:10px!important;line-height:1.3!important;white-space:normal!important;margin-top:3px!important}
  .project-task-open time,
  .task-dashboard-row time{font-size:10px!important;white-space:nowrap!important;margin-top:5px!important}
  .task-row-actions{
    grid-column:2/-1!important;
    width:auto!important;
    justify-content:flex-end!important;
    padding-left:0!important;
    margin-top:3px!important;
    gap:6px!important;
  }
  .task-edit-btn,.task-delete-btn{min-height:34px!important;padding:7px 10px!important;font-size:9px!important}  /* Formulário da tarefa: largura total, sem campos espremidos */
  .dashboard-task-form,
  .v2-task-form{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    width:100%!important;
    margin-top:12px!important;
    padding-top:12px!important;
  }
  .dashboard-task-form input,
  .v2-task-form input,
  .dashboard-task-form button,
  .v2-task-form button{
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    margin:0!important;
  }
  .dashboard-task-form input:first-child,.v2-task-form input:first-child{grid-column:auto!important}

  /* Visão geral: cards legíveis, sem vazar lateralmente */
  .v33-overview-stats,
  .v2-stats,
  .stats{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .v33-overview-stats .stat-card{
    min-height:92px!important;
    padding:14px!important;
  }
  .v33-overview-stats .stat-value{font-size:28px!important}

  /* Projetos do Dashboard: um card quase inteiro por vez */
  .v33-project-panel .dashboard-projects,
  .dashboard-projects{
    display:flex!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:10px!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    padding:2px 2px 8px!important;
  }
  .v33-project-panel .dashboard-project-card,
  .dashboard-project-card{
    min-width:86%!important;
    width:86%!important;
    scroll-snap-align:start!important;
    flex:0 0 86%!important;
  }
  .v33-project-panel .dashboard-project-cover,
  .dashboard-project-cover{
    min-height:0!important;
    height:auto!important;
    aspect-ratio:16/9!important;
  }

  /* Financeiro do Dashboard */
  .v33-finance-layout{grid-template-columns:1fr!important;gap:14px!important}
  .v33-dual-chart{height:175px!important;min-width:0!important;gap:7px!important}
  .v33-chart-month{min-width:0!important}
  .v33-bars{height:138px!important;gap:3px!important}
  .v33-bars i{width:8px!important}
  .v33-summary-grid{grid-template-columns:1fr 1fr!important}

  /* Projetos: grid móvel + formulário estável */
  .project-card-grid{grid-template-columns:1fr!important;gap:12px!important}
  .project-visual-card{width:100%!important;min-width:0!important}
  .project-visual-cover{min-height:0!important;aspect-ratio:16/9!important;overflow:hidden!important}
  .project-visual-cover img{width:100%!important;height:100%!important;object-fit:cover!important}
  .new-project-form,.project-edit-grid{grid-template-columns:1fr!important}
  .cover-upload-box{width:100%!important}

  /* Projeto aberto: tabs e linha do tempo podem rolar sem quebrar */
  .v2-project-detail-cover{height:220px!important}
  .project-detail-tabs{overflow-x:auto!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch!important}
  .project-detail-tabs button{flex:0 0 auto!important}
  .project-timeline{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;padding-bottom:10px!important}

  /* Comercial: kanban horizontal controlado */
  .commercial-board,.kanban-board,.pipeline-board{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}

  /* Financeiro */
  .finance-visual-grid{grid-template-columns:1fr!important}
  .finance-bars{min-width:0!important;gap:6px!important}
  .finance-paired-bars i{width:12px!important}

  /* Marketing: mantém 7 colunas por rolagem horizontal */
  .marketing-calendar-panel{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  .calendar-weekdays,.marketing-calendar{min-width:700px!important}

  /* Vida e Mentalidade */
  .life-grid,.mindset-grid,.hub-grid{grid-template-columns:1fr!important}
}

@media(max-width:420px){
  .v33-dashboard-hero .v2-quick-actions{grid-template-columns:1fr!important}
  .v33-dashboard-hero .v2-quick-actions button{height:40px!important}
  .v33-summary-grid{grid-template-columns:1fr!important}
  .v33-project-panel .dashboard-project-card,.dashboard-project-card{min-width:92%!important;width:92%!important;flex-basis:92%!important}
}

/* ===== Correção: tarefas do Dashboard vazando pela direita no celular ===== */
@media(max-width:780px){
  html,body{overflow-x:hidden!important;max-width:100vw!important;}
  .v33-tasks-panel,.content-area,.page,.app-main{overflow-x:hidden!important;max-width:100%!important;}
  .task-dashboard-row,.project-dashboard-task{max-width:100%!important;}
  .task-row-actions{
    grid-column:2/-1!important;
    display:flex!important;
    flex-wrap:wrap!important;
    max-width:100%!important;
  }
  .task-edit-btn,.task-delete-btn{
    flex:0 1 auto!important;
    min-width:0!important;
    white-space:nowrap!important;
  }
  /* Campo de hora sem valor mostrava uma caixa vazia e confusa: deixa isso claro */
  #new-dashboard-task-time{position:relative;}

  /* Trava extra pros campos de texto/data/hora da Agenda e Dashboard —
     o Safari do iPhone às vezes dá largura própria pro seletor nativo
     de data/hora, ignorando o grid do formulário. */
  #new-agenda-text,#new-agenda-date,#new-agenda-time,
  #new-dashboard-task,#new-dashboard-task-date,#new-dashboard-task-time{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .marketing-create-grid,.dashboard-task-form{max-width:100%!important;}

  /* Formulário de nova tarefa alinhado igualmente aos dois lados do painel */
  .v33-tasks-panel .dashboard-task-form{
    width:auto!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }
  .v33-tasks-panel .dashboard-task-form>*{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
}

/* ===== Ícone da Agenda na sidebar ===== */
.sidebar-nav .tab[data-tab="agenda"] .nav-icon{stroke:var(--terra)!important;}
.sidebar-nav .tab[data-tab="agenda"].active .nav-icon{stroke:#fff!important;}

/* V3.5.6 — formulário móvel sem conflito entre flex e grid no Safari/iPhone */
@media(max-width:780px){
  .v33-tasks-panel .dashboard-task-form{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
    inline-size:100%!important;
    max-inline-size:100%!important;
    margin:12px 0 0!important;
    padding:12px 0 0!important;
    border-top:1px dashed var(--border)!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .v33-tasks-panel .dashboard-task-form input,
  .v33-tasks-panel .dashboard-task-form button{
    display:block!important;
    inline-size:100%!important;
    min-inline-size:0!important;
    max-inline-size:100%!important;
    block-size:44px!important;
    margin:0!important;
    padding-left:12px!important;
    padding-right:12px!important;
    box-sizing:border-box!important;
    -webkit-appearance:none;
    appearance:none;
  }
  .v33-tasks-panel .dashboard-task-form input[type="date"],
  .v33-tasks-panel .dashboard-task-form input[type="time"]{
    text-align:center!important;
    text-align-last:center!important;
  }
}

/* V3.5.7 — overrides finais para iPad em pé (devem permanecer no fim do CSS) */
@media(min-width:600px) and (max-width:900px){
  html,body,.app-shell,.app-main,.content-area,.page{width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:hidden!important;}
  .content-area{padding:0 24px 48px!important;}
  .content-area .page{padding-top:22px!important;}
  .page *{box-sizing:border-box;}
  .panel{min-width:0!important;max-width:100%!important;}
  .page-title-row,.panel-head,.detail-toolbar,.project-detail-toolbar,.client-list-toolbar{min-width:0!important;max-width:100%!important;gap:12px!important;flex-wrap:wrap!important;}
  input,select,textarea,button{min-width:0;max-width:100%;}

  .v33-dashboard-hero{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:20px!important;}
  .v33-dashboard-hero>div:first-child{min-width:0!important;}
  .v33-dashboard-hero .v2-quick-actions{width:auto!important;min-width:330px!important;margin-top:0!important;grid-template-columns:repeat(3,minmax(96px,1fr))!important;}
  .v33-overview-stats,.v2-stats,.stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;}

  .task-dashboard-row,.project-dashboard-task{display:grid!important;grid-template-columns:28px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;width:100%!important;max-width:100%!important;overflow:hidden!important;}
  .task-dashboard-row>span,.project-dashboard-task .project-task-open{min-width:0!important;overflow-wrap:anywhere!important;}
  .task-row-actions{grid-column:auto!important;display:flex!important;flex-wrap:nowrap!important;justify-content:flex-end!important;align-items:center!important;width:auto!important;max-width:none!important;margin:0!important;gap:6px!important;}
  .task-edit-btn,.task-delete-btn{flex:0 0 auto!important;white-space:nowrap!important;}
  .v33-tasks-panel .dashboard-task-form{grid-template-columns:minmax(0,1fr) minmax(145px,.55fr)!important;overflow:visible!important;}
  .v33-tasks-panel #new-dashboard-task,.v33-tasks-panel #add-dashboard-task{grid-column:1/-1!important;}

  .v33-project-panel .dashboard-projects,.dashboard-projects{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;gap:12px!important;padding:0!important;}
  .v33-project-panel .dashboard-project-card,.dashboard-project-card{width:auto!important;min-width:0!important;max-width:100%!important;flex:none!important;}
  .v33-finance-layout{grid-template-columns:190px minmax(0,1fr)!important;gap:18px!important;}
  .v33-dual-chart{min-width:0!important;gap:9px!important;}
  .v33-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .v33-dashboard-bottom{grid-template-columns:1fr!important;}
  .v33-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}

  .client-card-grid,.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .form-row{max-width:100%!important;}
  .form-row>*{min-width:0!important;max-width:100%!important;box-sizing:border-box!important;}
  .commercial-board,.kanban-board,.pipeline-board{width:100%!important;max-width:100%!important;overflow-x:auto!important;}

  .project-card-grid,.proj-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  .project-visual-card,.proj-full-card{width:100%!important;min-width:0!important;max-width:100%!important;}
  .new-project-form,.project-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .new-project-form>.add-btn,.project-edit-actions{grid-column:1/-1!important;}
  .v2-project-detail-grid{grid-template-columns:1fr!important;}
  .project-task-form{grid-template-columns:minmax(0,1fr) minmax(190px,.7fr) 44px!important;}
  .project-file-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}

  .marketing-create-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #page-agenda .marketing-create-grid{grid-template-columns:minmax(0,1fr) 170px 140px!important;}
  .marketing-form-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;}
  .marketing-calendar-panel{width:100%!important;max-width:100%!important;overflow-x:auto!important;}
  .calendar-weekdays,.marketing-calendar{min-width:700px!important;}
  .marketing-list-card{grid-template-columns:50px minmax(0,1fr) auto!important;}

  .finance-visual-grid{grid-template-columns:minmax(0,1.5fr) minmax(210px,.8fr)!important;}
  .finance-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .finance-ledger{width:100%!important;max-width:100%!important;overflow-x:auto!important;}
  .finance-ledger-row{min-width:700px!important;}

  .life-grid,.mindset-grid,.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .personal-special-form{grid-template-columns:1fr!important;}
  .profile-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .export-card,.settings-card,.profile-modal{max-width:calc(100vw - 48px)!important;}
}