:root{--font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--bg:#fff;--surface:#f6f6f6;--raised:#eee;--line:#e2e2e2;--text:#000;--muted:#5e5e5e;--faint:#8a8a8a;--inv-bg:#000;--inv-text:#fff;--accent:#276ef1;--ok:#05944f;--bad:#e11900;--bad-soft:#fdecea;--ok-soft:#e6f4ec;--shadow:0 8px 32px rgba(0,0,0,.12);--r:12px;--side:248px;color-scheme:light}[data-theme=dark]{--bg:#000;--surface:#141414;--raised:#1f1f1f;--line:#2b2b2b;--text:#fff;--muted:#a8a8a8;--faint:#767676;--inv-bg:#fff;--inv-text:#000;--accent:#5b91f5;--ok:#2ec27e;--bad:#ff5c47;--bad-soft:#2a1411;--ok-soft:#0f2218;--shadow:0 8px 32px rgba(0,0,0,.6);color-scheme:dark}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}ul,ol{list-style:none;padding:0}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}h1,h2,h3,h4{letter-spacing:-.02em;line-height:1.15}.mut,.sub,small,.page-head p{color:var(--muted)}.sub{font-size:14px;margin:4px 0 14px}.grow{flex:1;min-width:0}.row{display:flex;gap:8px;align-items:center}.row.end{justify-content:flex-end;margin-top:18px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.only-mobile,.only-mobile-flex{display:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.logo{letter-spacing:.22em;font-weight:300}.logo b{font-weight:800;letter-spacing:.1em;margin-right:.02em}.avatar{display:inline-grid;place-items:center;border-radius:50%;background:var(--inv-bg);color:var(--inv-text);font-weight:700;flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:10px;font-weight:600;transition:transform .08s,opacity .15s,background .15s;white-space:nowrap}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.lg{height:52px;font-size:16px}.btn.block{width:100%}.btn.primary{background:var(--inv-bg);color:var(--inv-text)}.btn.primary:hover:not(:disabled){opacity:.85}.btn.ghost{background:var(--surface);color:var(--text)}.btn.ghost:hover:not(:disabled){background:var(--raised)}.btn.danger{background:var(--bad);color:#fff}.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;color:var(--text);flex:none}.icon-btn:hover{background:var(--surface)}.icon-btn.danger:hover{background:var(--bad-soft);color:var(--bad)}.icon-btn.ok{color:var(--ok)}.link{color:var(--text);text-decoration:underline;text-underline-offset:3px;font-weight:600;text-align:left}label{display:block;font-size:13px;font-weight:600;margin-bottom:14px}input,select,textarea{display:block;width:100%;margin-top:6px;padding:12px 14px;border-radius:10px;border:2px solid transparent;background:var(--surface);font-weight:400;font-size:15px}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--text);background:var(--bg)}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:var(--faint)}.seg{display:inline-flex;background:var(--surface);border-radius:999px;padding:4px;gap:2px}.seg button{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;font-weight:600;font-size:14px;color:var(--muted)}.seg button.on{background:var(--inv-bg);color:var(--inv-text)}.seg-compact button{padding:8px 11px}.switch{width:52px;height:32px;border-radius:999px;background:var(--raised);position:relative;flex:none;transition:background .2s}.switch i{position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:var(--bg);box-shadow:0 1px 3px #0000004d;transition:transform .2s}.switch.on{background:var(--text)}.switch.on i{transform:translate(20px);background:var(--bg)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips i{font-style:normal;font-size:12px;font-weight:600;background:var(--raised);padding:3px 10px;border-radius:999px;color:var(--muted)}.chips.big{margin-top:20px}.chips.big i{font-size:13px;padding:6px 14px}.bar{height:6px;border-radius:99px;background:var(--raised);overflow:hidden;margin:10px 0}.bar i{display:block;height:100%;background:var(--text);border-radius:99px;transition:width .4s}.card{background:var(--surface);border-radius:var(--r);padding:20px}.card h3,.sec{font-size:17px;font-weight:700}.sec{margin:6px 0 14px}.shell{display:grid;grid-template-columns:var(--side) 1fr;height:100%}.side{display:flex;flex-direction:column;gap:28px;padding:28px 18px 20px;border-right:1px solid var(--line);height:100vh;position:sticky;top:0}.side .logo{padding:0 10px}.side nav{display:flex;flex-direction:column;gap:4px}.side nav button{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:10px;font-weight:600;color:var(--muted);text-align:left}.side nav button:hover{background:var(--surface);color:var(--text)}.side nav button.on{background:var(--inv-bg);color:var(--inv-text)}.side-foot{margin-top:auto;display:flex;flex-direction:column;gap:14px}.mini-usage{font-size:12px;color:var(--muted);padding:0 4px}.who-btn{display:flex;gap:10px;align-items:center;text-align:left;padding:8px;border-radius:12px;width:100%}.who-btn:hover{background:var(--surface)}.who-btn span{display:flex;flex-direction:column;min-width:0}.who-btn b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{min-width:0;position:relative;overflow-y:auto;height:100vh}#content{padding:40px 48px 64px;max-width:1440px;margin:0 auto}.refresh{position:absolute;top:18px;right:24px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--muted)}.refresh:hover{background:var(--surface)}.tabbar{display:none}.page{max-width:1040px}.page-head{margin-bottom:24px}.page-head h1{font-size:34px;font-weight:800;letter-spacing:-.03em}.page-head p{margin-top:6px;max-width:60ch}.two-col{display:grid;grid-template-columns:340px 1fr;gap:28px;align-items:start}.two-col.even{grid-template-columns:1fr 1fr}.sticky{position:sticky;top:20px}.stack{display:flex;flex-direction:column;gap:16px}.rows{display:flex;flex-direction:column;gap:10px}.split{display:grid;grid-template-columns:minmax(340px,420px) 1fr;gap:36px;align-items:start}.pane-list{display:flex;flex-direction:column;gap:14px}.record-cta{display:flex;align-items:center;gap:16px;text-align:left;padding:20px;border-radius:var(--r);background:var(--inv-bg);color:var(--inv-text);transition:transform .1s}.record-cta:hover{transform:translateY(-1px)}.record-cta:active{transform:scale(.99)}.record-cta .dot{width:48px;height:48px;border-radius:50%;background:var(--inv-text);color:var(--inv-bg);display:grid;place-items:center;flex:none}.record-cta b{display:block;font-size:18px;letter-spacing:-.01em}.record-cta small{color:inherit;opacity:.7;font-size:13px}.search{display:flex;align-items:center;gap:10px;background:var(--surface);border-radius:10px;padding:0 14px;margin:0;color:var(--muted)}.search input{margin:0;background:none;border:0;padding:13px 0}.search:focus-within{box-shadow:inset 0 0 0 2px var(--text);background:var(--bg)}.list{display:flex;flex-direction:column;gap:2px;margin-top:4px}.m-row{display:flex;flex-direction:column;gap:6px;text-align:left;padding:16px;border-radius:var(--r);transition:background .12s}.m-row:hover{background:var(--surface)}.m-row.sel{background:var(--surface);box-shadow:inset 3px 0 0 var(--text)}.m-title{font-weight:700;font-size:16px;letter-spacing:-.01em}.m-meta{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:13px}.m-meta svg{flex:none}.pane-detail{position:sticky;top:0;min-width:0}.detail-empty{display:grid;place-items:center;min-height:60vh;background:var(--surface);border-radius:var(--r)}.detail{min-width:0}.d-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:22px}.d-head h2{font-size:30px;font-weight:800;letter-spacing:-.03em}.d-head .m-meta{margin-top:8px}.d-actions{display:flex;gap:6px;align-items:center}.tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--line);scrollbar-width:none;margin:0 0 24px}.tabs::-webkit-scrollbar{display:none}.tabs button{padding:12px 14px;font-weight:600;color:var(--muted);white-space:nowrap;border-bottom:3px solid transparent;margin-bottom:-1px;display:inline-flex;gap:8px;align-items:center}.tabs button:hover{color:var(--text)}.tabs button.on{color:var(--text);border-color:var(--text)}.tabs em{font-style:normal;font-size:11px;background:var(--inv-bg);color:var(--inv-text);border-radius:99px;padding:1px 7px}.tab-body{max-width:72ch}.prose{font-size:17px;line-height:1.65}.bullets{display:flex;flex-direction:column;gap:12px}.bullets li{position:relative;padding:14px 16px 14px 18px;background:var(--surface);border-radius:10px}.tasks{display:flex;flex-direction:column;gap:8px}.tasks li{display:flex;gap:14px;padding:14px 16px;background:var(--surface);border-radius:10px;align-items:flex-start}.tasks p,.task p{font-weight:600}.done{text-decoration:line-through;color:var(--faint)!important;font-weight:500!important}.check{width:26px;height:26px;border-radius:8px;border:2px solid var(--faint);display:grid;place-items:center;flex:none;margin-top:1px;transition:all .12s}.check.on{background:var(--ok);border-color:var(--ok);color:#fff}.people{display:flex;flex-direction:column;gap:10px}.people li{display:flex;gap:14px;padding:16px;background:var(--surface);border-radius:10px}.people small{display:block}.people p{margin-top:4px}.timeline{display:flex;flex-direction:column;border-left:2px solid var(--line);margin-left:6px}.timeline li{display:flex;gap:18px;padding:10px 0 10px 20px;position:relative}.timeline li:before{content:"";position:absolute;left:-7px;top:19px;width:12px;height:12px;border-radius:50%;background:var(--text)}.timeline time{font-weight:700;font-variant-numeric:tabular-nums;min-width:52px}.quotes li{display:flex;gap:12px;padding:16px;background:var(--surface);border-radius:10px;margin-bottom:10px;color:var(--muted)}.quotes p{color:var(--text);font-size:16px}.transcript{white-space:pre-wrap;font-family:inherit;font-size:14px;line-height:1.7;background:var(--surface);border-radius:10px;padding:20px;max-height:60vh;overflow:auto}.state{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:24px;background:var(--surface);border-radius:var(--r)}.state.err{background:var(--bad-soft);color:var(--bad)}.state.err p{color:var(--text)}.state .row{margin-top:10px}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:40px 20px;color:var(--muted)}.empty h4{color:var(--text);font-size:17px}.empty p{max-width:34ch;font-size:14px}.skeleton{display:flex;flex-direction:column;gap:10px}.skeleton i{height:78px;border-radius:12px;background:linear-gradient(90deg,var(--surface),var(--raised),var(--surface));background-size:200% 100%;animation:sh 1.4s infinite}@keyframes sh{to{background-position:-200% 0}}.row-item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 18px}.row-item p{color:var(--muted);font-size:14px}.row-item b{font-size:16px}.edit{display:grid;grid-template-columns:1fr 2fr auto;gap:8px;align-items:center;width:100%}.edit input{margin:0}.stats{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-bottom:20px}.stats .big{display:block;font-size:34px;font-weight:800;letter-spacing:-.03em}.filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.filters select{width:auto;margin:0;min-width:220px;max-width:100%}.task{display:flex;gap:14px;align-items:center;padding:14px 18px}.who{display:flex;gap:16px;align-items:center}.who p{color:var(--muted)}.usage-top{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);gap:12px;flex-wrap:wrap}.usage-top b{color:var(--text)}.plan-name{font-size:28px!important;font-weight:800;margin-top:6px}.switch-row{display:flex;justify-content:space-between;gap:16px;align-items:center}.switch-row .sub{margin:2px 0 0}.locked{display:flex;gap:14px;align-items:center}.lock-ic{width:40px;height:40px;border-radius:50%;background:var(--raised);display:grid;place-items:center;color:var(--muted);flex:none}.locked .sub{margin:2px 0 0}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.plan{position:relative;display:flex;flex-direction:column;gap:8px}.plan h4{font-size:18px}.plan p{color:var(--muted);font-size:13px;flex:1}.plan.pop{background:var(--inv-bg);color:var(--inv-text)}.plan.pop p{color:inherit;opacity:.7}.plan.pop .btn.primary{background:var(--inv-text);color:var(--inv-bg)}.plan.pop .btn.ghost{background:#8080804d;color:inherit}.price{font-size:28px;letter-spacing:-.03em}.price small{font-size:13px;font-weight:500;color:inherit;opacity:.65}.tag{position:absolute;top:-10px;left:16px;background:var(--ok);color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:99px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;padding:16px;z-index:50;animation:fade .15s}.modal{background:var(--bg);color:var(--text);border-radius:16px;padding:24px;width:100%;max-width:440px;box-shadow:var(--shadow);border:1px solid var(--line)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.modal-head h3{font-size:21px}.opt{display:flex;gap:14px;align-items:center;text-align:left;width:100%;padding:16px;border-radius:12px;background:var(--surface);margin-bottom:10px}.opt:hover:not(:disabled){background:var(--raised)}.opt:disabled{opacity:.55;cursor:not-allowed}.opt span{display:flex;flex-direction:column}.opt small{font-size:13px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:80;display:flex;gap:10px;align-items:center;background:var(--inv-bg);color:var(--inv-text);padding:12px 8px 12px 16px;border-radius:12px;box-shadow:var(--shadow);max-width:min(560px,calc(100vw - 24px));animation:rise .2s}.toast.error{background:var(--bad);color:#fff}.toast.success{background:var(--ok);color:#fff}.toast svg{flex:none}.toast span{font-weight:500;font-size:14px}.toast .icon-btn{color:inherit;width:32px;height:32px}.toast .icon-btn:hover{background:#fff3}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translate(-50%,10px)}}.recorder{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#000;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:24px;text-align:center}.rec-x{position:absolute;top:20px;right:20px;color:#fff}.rec-x:hover{background:#ffffff1f}.rec-state{display:flex;align-items:center;gap:10px;font-weight:600;color:#ff5c47}.rec-state i{width:10px;height:10px;border-radius:50%;background:#ff5c47;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.25}}.rec-time{font-size:clamp(64px,12vw,120px);font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.wave{display:flex;gap:5px;align-items:center;height:64px}.wave i{width:5px;height:100%;border-radius:3px;background:#fff;opacity:.85;animation:wave 1s ease-in-out infinite;transform-origin:center}@keyframes wave{0%,to{transform:scaleY(.15)}50%{transform:scaleY(1)}}.stop{min-width:280px}.recorder small{color:#a8a8a8}.auth{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:100vh}.auth-hero{background:#000;color:#fff;padding:48px 56px;display:flex;flex-direction:column;justify-content:space-between;gap:32px}.auth-hero h1{font-size:clamp(34px,4vw,52px);font-weight:800;letter-spacing:-.035em;line-height:1.05;max-width:16ch;margin-bottom:36px}.auth-hero ul{display:flex;flex-direction:column;gap:20px;max-width:44ch}.auth-hero li{display:flex;gap:14px;color:#cfcfcf;align-items:flex-start}.auth-hero li svg{flex:none;color:#fff;margin-top:2px}.auth-hero small{color:#767676}.auth-form{display:flex;flex-direction:column;padding:28px 40px}.auth-top{display:flex;justify-content:space-between;align-items:center}.auth-top .seg{margin-left:auto}.auth-form form{margin:auto;width:100%;max-width:400px;padding:32px 0}.auth-form h2{font-size:32px;font-weight:800;letter-spacing:-.03em}.auth-form .sub{margin-bottom:24px}.auth-form .btn{margin-top:6px}.auth-form .alt{text-align:center;margin-top:18px;color:var(--muted)}@media (max-width:1180px){.split{grid-template-columns:minmax(300px,360px) 1fr;gap:24px}#content{padding:32px 28px 64px}.plans,.two-col.even{grid-template-columns:1fr}}@media (max-width:900px){.shell{grid-template-columns:1fr}.side,.only-desktop{display:none}.only-mobile{display:flex}.only-mobile-flex{display:inline-flex}.main{height:auto;min-height:100vh;overflow:visible}.topbar{position:sticky;top:0;z-index:20;background:var(--bg);justify-content:space-between;align-items:center;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;border-bottom:1px solid var(--line)}#content{padding:20px 16px calc(96px + env(safe-area-inset-bottom))}.tabbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--bg);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.tabbar button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 0;font-size:11px;font-weight:600;color:var(--faint)}.tabbar button.on{color:var(--text)}.split,.two-col,.two-col.even{grid-template-columns:1fr}.split .pane-detail,.split.has-detail .pane-list{display:none}.split.has-detail .pane-detail{display:block;position:static}.sticky{position:static}.page-head h1{font-size:28px}.d-head h2{font-size:24px}.stats{grid-template-columns:1fr 1fr}.stats .card:first-child{grid-column:1/-1}.back{align-items:center;gap:6px;font-weight:600;margin-bottom:14px;padding:6px 0}.edit{grid-template-columns:1fr}.filters select{width:100%}.auth{grid-template-columns:1fr}.auth-hero{display:none}.auth-form{padding:20px}.auth-top .only-mobile{display:block}.toast{bottom:calc(84px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}@media print{.side,.tabbar,.topbar,.toast{display:none}}.card input,.card select,.card textarea{background:var(--raised)}.card input:focus,.card select:focus,.card textarea:focus{background:var(--bg)}.card .btn.ghost,.card .seg{background:var(--raised)}.card .btn.ghost:hover:not(:disabled){background:var(--line)}.card .seg button.on{background:var(--inv-bg)}.state .btn.ghost{background:var(--raised)}@media (max-width:900px){.d-head{flex-direction:column;gap:12px}.d-actions{width:100%}.d-actions .btn{flex:1}}

/* ===== Ajustes mobile: Planner e Perfil ===== */
/* Evita que grids/flex estourem a largura da tela (min-content dos filhos) */
.page,.two-col,.two-col>*,.stack,.stack>*,.plans>*,.card,.rows,.rows>li{min-width:0;max-width:100%}
.card select,.card input,.card textarea{min-width:0;max-width:100%}
.who p,.who b,.who small{overflow-wrap:anywhere}
.switch-row>div:first-child{min-width:0}
.usage-top b,.usage-top small{overflow-wrap:anywhere}

@media (max-width:900px){
  /* Colunas realmente flexíveis (1fr = minmax(auto,1fr) estourava) */
  .two-col,.two-col.even{grid-template-columns:minmax(0,1fr)}
  .plans{grid-template-columns:minmax(0,1fr)}
  #content{overflow-x:clip}

  /* Planner: [check] tarefa+responsável  /  título da reunião embaixo */
  .task{display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:14px;row-gap:6px;align-items:start}
  .task .check{grid-row:1/span 2;margin-top:1px}
  .task .grow{grid-column:2;grid-row:1;flex:none;min-width:0}
  .task .grow p,.task .grow small{overflow-wrap:anywhere}
  .task .grow small{display:block;margin-top:2px}
  .task .link{grid-column:2;grid-row:2;justify-self:start;max-width:100%;font-size:13px;font-weight:600;line-height:1.35;overflow-wrap:anywhere;padding:2px 0}

  /* Perfil: seletor de tema ocupa a largura do card, sem estourar */
  .seg{display:flex;width:100%;max-width:100%;margin-left:0}
  .seg button{flex:1 1 0;min-width:0;justify-content:center;padding:8px 6px;font-size:13px;white-space:nowrap}
  .seg-compact button{padding:8px 6px}
}

@media (max-width:520px){
  /* Cargo / Segmento empilhados em telas estreitas */
  .row2{grid-template-columns:minmax(0,1fr);gap:0}
  .card{padding:16px}
  .who{gap:12px}
  .plan-name{font-size:24px!important}
}

@media (max-width:360px){
  .seg button{gap:4px;padding:8px 4px;font-size:12px}
}