:root{
  --dark:#0E0E0E; --side:#121110; --card-d:#1B1916; --cream:#F6F1E7; --bg:var(--hover); --white:#FFFFFF;
  --gold:#E8A94C; --gold2:#C9963C; --ink:#141310; --gray:#4A463D; --muted:#8C877C; --grayd:#C9C4B8;
  --line:var(--fline); --line-d:rgba(255,255,255,.08); --green:#3E9E68; --red:#C9554E; --blue:#5B8DC9;
  --sans:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif; --serif:'Lora',Georgia,serif;
  --r:16px; --side-w:244px;
  --tx:#141310; --card:#FFFFFF; --soft:#F7F3EB; --soft2:#F1ECE2; --chip:#F0EADF; --fline:#DDD5C6; --hover:#F2ECE0; --bar:#EADFC9; --goldsoft:#FFFBF3; --shadow:0 20px 50px rgba(20,19,16,.12);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body.gos-app-body{font-family:var(--sans);font-weight:300;font-size:15px;color:var(--tx);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}
button,input,select{font-family:inherit;font-size:inherit;color:inherit}
button{cursor:pointer;background:none;border:0}
button:disabled{cursor:not-allowed;opacity:.4}
a{color:inherit}
b,strong{font-weight:500}
h1,h2,h3{font-weight:600;letter-spacing:-.02em;line-height:1.2}
.ic{display:inline-block;vertical-align:middle;flex-shrink:0}
[hidden]{display:none!important}
.muted{color:var(--muted)}
.row{display:flex;align-items:center;flex-wrap:wrap}
.gap{gap:10px}
.center{text-align:center}

.boot{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--dark);color:var(--grayd)}
.boot img{height:56px;animation:pulse 1.4s ease-in-out infinite}
@keyframes pulse{50%{opacity:.4}}

/* ---------- estrutura */
.app{min-height:100vh}
.side{position:fixed;inset:0 auto 0 0;width:var(--side-w);background:var(--side);color:var(--grayd);display:flex;flex-direction:column;padding:22px 16px;z-index:20}
.brand{display:flex;align-items:center;gap:10px;padding:0 8px}
.brand img{height:28px;width:auto}
.brand span{font-family:var(--serif);font-weight:600;font-size:20px;color:var(--cream);white-space:nowrap}
.nav{display:flex;flex-direction:column;gap:3px;margin-top:34px}
.nav-i{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;color:var(--grayd);font-size:15px;text-align:left;transition:background .15s,color .15s}
.nav-i:hover{background:rgba(255,255,255,.05);color:var(--cream)}
.nav-i.on{background:rgba(232,169,76,.12);color:var(--gold)}
.nav-i span{flex:1}
.nav-i em{font-style:normal;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid #34312c;border-radius:20px;padding:1px 7px}
.side-foot{margin-top:auto;display:flex;flex-direction:column;gap:12px}
.plan-chip{background:var(--card-d);border:1px solid var(--line-d);border-radius:14px;padding:14px}
.plan-chip small{display:block;font-size:11px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.plan-chip b{display:block;color:var(--cream);font-size:17px;margin:2px 0 12px}
.side-foot .link{color:var(--muted);font-size:13px;align-self:flex-start;padding-left:4px}

.main{margin-left:var(--side-w);min-height:100vh;display:flex;flex-direction:column}
.demo-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;background:var(--ink);color:var(--grayd);font-size:13px;padding:9px 32px}
.demo-bar b{color:var(--gold)}
.demo-bar a{color:var(--gold);text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 32px 6px}
.top h1{font-size:26px}
.top-l{display:flex;align-items:center;gap:16px;min-width:0}
.m-brand{display:none}
.top-r{display:flex;align-items:center;gap:12px}
.avatar{width:38px;height:38px;border-radius:50%;background:var(--ink);color:var(--gold);font-weight:600;font-size:15px}
.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:500;background:var(--card);border:1px solid var(--line)}
.pill i{width:8px;height:8px;border-radius:50%;background:var(--gold);animation:pulse 1.2s infinite}
.pill.break i{background:var(--green)}
.pill span{font-variant-numeric:tabular-nums}
.view{padding:18px 32px 30px;flex:1;width:100%;max-width:1320px}
.credit{padding:14px 32px 26px;font-size:12px}
.credit a{color:var(--muted);text-decoration:none}
.credit a:hover{color:var(--gold2)}
.tabs{display:none}

/* ---------- elementos */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;min-width:0}
.card.dark{background:var(--ink);border-color:var(--ink);color:var(--cream)}
.k{font-size:11.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.card.dark .k{color:var(--gold)}
.card-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.big{font-size:30px;font-weight:600;letter-spacing:-.02em;margin-top:6px;font-variant-numeric:tabular-nums}
.big small{font-size:15px;font-weight:300;color:var(--muted);letter-spacing:0}
.big.pos{color:var(--green)} .big.neg{color:var(--red)}
.card.dark .big.pos{color:var(--gold)}
.prog{height:7px;border-radius:5px;background:var(--soft);margin:12px 0 10px;overflow:hidden}
.prog i{display:block;height:100%;background:var(--gold);border-radius:5px;transition:width .4s}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--gold);color:var(--ink);font-weight:500;font-size:14.5px;padding:11px 18px;border-radius:999px;border:1px solid var(--gold);text-decoration:none;transition:background .15s,transform .15s;white-space:nowrap}
.btn:hover{background:#F0B65E;transform:translateY(-1px)}
.btn.ghost{background:transparent;border-color:var(--fline);color:inherit}
.btn.ghost:hover{border-color:var(--gold);background:rgba(232,169,76,.08)}
.card.dark .btn.ghost,.hero-card .btn.ghost{border-color:#3a3732;color:var(--cream)}
.btn.sm{padding:8px 14px;font-size:13px}
.btn.lg{padding:14px 26px;font-size:15.5px}
.btn.full{width:100%}
.btn.danger{background:var(--red);border-color:var(--red);color:#fff}
.link{color:var(--gold2);font-weight:500;font-size:13.5px;display:inline-flex;align-items:center;gap:4px;text-decoration:none}
.card.dark .link{color:var(--gold)}
.mini{width:32px;height:32px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;color:var(--gray);transition:background .15s,color .15s}
.mini:hover{background:var(--hover);color:var(--tx)}
.mini.del:hover{color:var(--red);background:#FBEDEB}
.tag{font-style:normal;font-size:10.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--gold2);background:var(--goldsoft);border-radius:20px;padding:2px 8px;white-space:nowrap}
.seg{display:inline-flex;background:var(--chip);border-radius:999px;padding:3px}
.seg button,.seg label b{padding:6px 14px;border-radius:999px;font-size:13px;color:var(--gray);font-weight:400;display:block;cursor:pointer}
.seg button.on,.seg input:checked + b{background:var(--card);color:var(--tx);font-weight:500;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.seg input{position:absolute;opacity:0;pointer-events:none}
.empty{color:var(--muted);font-size:14px;padding:10px 0;list-style:none}
.dots{display:inline-flex;gap:4px;vertical-align:middle}
.dots i{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--fline)}
.dots i.on{background:var(--gold);border-color:var(--gold)}
input:not([type=checkbox]):not([type=radio]),select{background:var(--card);border:1px solid var(--fline);border-radius:11px;padding:10px 12px;outline:none;min-width:0;transition:border .15s,box-shadow .15s}
input:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(232,169,76,.2)}
input[type=checkbox]{accent-color:var(--gold2);width:16px;height:16px}

/* ---------- HOJE */
.hello{margin:6px 0 22px}
.hello h1{font-size:clamp(26px,3vw,34px)}
.hello p{color:var(--gray);margin-top:4px}
.grid-hoje{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:16px}
.hero-card{grid-row:span 1;background:var(--ink);border-color:var(--ink);color:var(--cream);display:flex;flex-direction:column;gap:12px;padding:24px 26px;background-image:radial-gradient(circle at 100% 0,rgba(232,169,76,.16),transparent 55%)}
.hero-card .k{color:var(--gold)}
.hero-card h2{font-size:23px;line-height:1.25}
.pomos{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--grayd)}
.pomos .dots i{border-color:#4A463D}
.hero-card .row{margin-top:auto;padding-top:6px}
.hero-card .qadd input{background:#1E1C19;border-color:#3a3732;color:var(--cream)}
.stat-card .muted{font-size:13.5px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.stat-card .link{margin-top:8px}
.list-card{grid-column:span 1}
.grid-hoje .list-card:first-of-type{grid-column:auto}
.checklist,.bills,.hist,.cats,.tx,.roster{list-style:none}
.checklist li{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--soft2);font-size:14.5px}
.checklist li span{flex:1;min-width:0}
.checklist li.done span{color:var(--muted);text-decoration:line-through}
.chk{width:20px;height:20px;border-radius:6px;border:1.6px solid var(--fline);display:flex;align-items:center;justify-content:center;color:var(--ink);flex-shrink:0;transition:all .15s}
.chk:hover{border-color:var(--gold)}
.chk.on{background:var(--gold);border-color:var(--gold)}
.qadd{display:flex;gap:6px;margin-top:12px}
.qadd input{flex:1}
.bills li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--soft2)}
.bills li div{flex:1;min-width:0}
.bills b{display:block;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bills small{font-size:12.5px;color:var(--muted)}
.bills small.late{color:var(--red)}
.bills span{font-weight:500;font-variant-numeric:tabular-nums;font-size:14px}
.week-card .bars{display:flex;align-items:flex-end;gap:10px;height:130px;margin-top:6px}
.bar{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}
.bar i{display:block;width:100%;max-width:34px;background:var(--bar);border-radius:7px 7px 3px 3px;transition:height .4s}
.bar.today i{background:var(--gold)}
.bar span{font-size:11.5px;color:var(--muted)}
.tip-card{cursor:pointer;transition:transform .15s,box-shadow .15s}
.tip-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(20,19,16,.06)}
.tip-card h3{font-size:17px;margin:8px 0 6px}
.tip-card p{font-size:14px;color:var(--gray);margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* ---------- FOCO */
.grid-foco{display:grid;grid-template-columns:400px 1fr;gap:18px;align-items:start}
.col{display:flex;flex-direction:column;gap:18px;min-width:0}
.timer-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:22px;background:var(--ink);border-color:var(--ink);color:var(--cream);text-align:center}
.modes{display:flex;background:#1F1D1A;border-radius:999px;padding:4px;width:100%}
.modes button{flex:1;padding:8px 6px;border-radius:999px;font-size:13px;color:var(--grayd)}
.modes button.on{background:var(--gold);color:var(--ink);font-weight:500}
.mode-short .modes button.on,.mode-long .modes button.on{background:#7DBF95}
.ring{position:relative;width:260px;height:260px}
.ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:10}
.ring-b{stroke:#24221E}
.ring-p{stroke:var(--gold);stroke-linecap:round;transition:stroke-dashoffset .5s linear}
.mode-short .ring-p,.mode-long .ring-p{stroke:#7DBF95}
.ring-in{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 40px}
.time{font-size:58px;font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1}
.ring-sub{font-size:13px;color:var(--grayd);margin-top:10px;max-width:170px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cycle{display:flex;gap:6px}
.cycle i{width:22px;height:5px;border-radius:3px;background:#2E2B27}
.cycle i.on{background:var(--gold)}
.controls{display:flex;align-items:center;gap:22px}
.ctl{width:48px;height:48px;border-radius:50%;color:var(--grayd);display:flex;align-items:center;justify-content:center;border:1px solid #2E2B27;transition:all .15s}
.ctl:hover{color:var(--cream);border-color:#4A463D}
.ctl.go{width:76px;height:76px;background:var(--gold);color:var(--ink);border:0;box-shadow:0 10px 30px rgba(232,169,76,.3)}
.ctl.go:hover{background:#F0B65E;transform:scale(1.04)}
.mode-short .ctl.go,.mode-long .ctl.go{background:#7DBF95;box-shadow:0 10px 30px rgba(125,191,149,.25)}
.sel{display:flex;flex-direction:column;gap:6px;width:100%;text-align:left}
.sel span{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.timer-card select{background:#1F1D1A;border-color:#2E2B27;color:var(--cream);width:100%}
.hint{font-size:12px;color:var(--muted)}
.timer-card .link{color:var(--gold)}
.hist li{display:flex;gap:12px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--soft2);font-size:14px}
.hist li span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}
.hist li b{flex:1;font-weight:400;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hist li em{font-style:normal;color:var(--muted);font-size:12.5px}
.add-task{display:flex;gap:8px;margin-bottom:16px}
.add-task input{flex:1}
.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.kcol{background:var(--soft);border-radius:14px;padding:10px;min-height:200px;transition:background .15s,box-shadow .15s}
.kcol.over{background:var(--goldsoft);box-shadow:inset 0 0 0 2px var(--gold)}
.kcol-h{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:500;padding:4px 6px 10px}
.kcol-h span{font-size:12px;color:var(--muted);background:var(--card);border-radius:20px;padding:1px 8px}
.kempty{font-size:12.5px;color:var(--muted);text-align:center;padding:24px 8px;border:1.5px dashed var(--fline);border-radius:12px}
.tk{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:8px;cursor:grab;transition:box-shadow .15s,transform .15s}
.tk:hover{box-shadow:0 6px 16px rgba(20,19,16,.06)}
.tk.drag{opacity:.4}
.tk.live{border-color:var(--gold);box-shadow:0 0 0 2px rgba(232,169,76,.25)}
.tk-t{font-size:14px;line-height:1.4}
.kcol[data-drop=done] .tk-t{color:var(--muted);text-decoration:line-through}
.tk-f{display:flex;justify-content:space-between;align-items:center;margin-top:8px}
.tk-a{display:flex;gap:0}
.tk-a .mini{width:28px;height:28px}
.fila{list-style:none;display:flex;flex-direction:column;gap:8px}
.fila li{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.fila li.now{border-color:var(--gold);background:var(--goldsoft)}
.qpos{width:46px;font-size:12.5px;color:var(--muted);text-align:center;flex-shrink:0}
.now .qpos{color:var(--gold2);font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:11px}
.q-t{flex:1;min-width:0}
.q-t b{display:block;font-weight:400;font-size:14.5px;margin-bottom:4px}
.q-a{display:flex}
.done-list{margin-top:14px;font-size:14px}
.done-list summary{cursor:pointer;color:var(--gray);font-weight:500;padding:6px 0}
.done-list ul{list-style:none}
.done-list li{padding:6px 0;color:var(--muted);display:flex;align-items:center;gap:8px}

/* ---------- FINANÇAS */
.fin-top{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.month{display:flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:3px}
.month b{min-width:150px;text-align:center;font-size:15px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}
.kpi .big{font-size:25px}
.kpi small{font-size:12.5px}
.goal{display:flex;align-items:baseline;gap:8px;margin-top:8px}
.goal b{font-size:25px;font-weight:600}
.goal span{font-size:13px;color:var(--muted)}
.goal .link{font-size:13px}
.fin-form{display:grid;grid-template-columns:auto 1.6fr 1fr 1fr 1fr .9fr auto auto;gap:10px;align-items:center;margin-bottom:16px;padding:14px}
.fin-form .seg.type label{position:relative}
.fin-form input[type=date]{min-width:150px}
.paid{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--gray);white-space:nowrap}
.grid-fin{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;align-items:start}
.tx li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--soft2)}
.tx-d{display:flex;align-items:center;gap:14px;min-width:0}
.tx-d > div{min-width:0}
.dt{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums;width:40px;flex-shrink:0}
.tx b{display:block;font-weight:400;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tx small{font-size:12.5px;color:var(--muted)}
.tx-r{display:flex;align-items:center;gap:6px;flex-shrink:0}
.val{font-weight:500;font-variant-numeric:tabular-nums;font-size:14.5px;min-width:96px;text-align:right}
.tx li.in .val{color:var(--green)}
.st{font-size:11.5px;padding:3px 9px;border-radius:20px;background:#FBF0EE;color:var(--red);font-weight:500;min-width:76px;text-align:center}
.st.ok{background:#EDF6F0;color:var(--green)}
.cats li{padding:7px 0}
.cats li div{display:flex;justify-content:space-between;font-size:14px;margin-bottom:5px}
.cats li b{font-variant-numeric:tabular-nums}
.cats li > i{display:block;height:7px;background:var(--soft);border-radius:4px;overflow:hidden}
.cats li > i u{display:block;height:100%;background:var(--gold);border-radius:4px}
.locked{display:flex;gap:14px;align-items:flex-start;background:var(--soft);border-style:dashed}
.lk{width:40px;height:40px;border-radius:12px;background:var(--card);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--gold2);flex-shrink:0}
.locked b{font-size:14.5px}
.locked p{font-size:13.5px;color:var(--gray);margin-top:3px;line-height:1.5}

/* ---------- BIBLIOTECA */
.lib-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:18px}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chips button{padding:7px 14px;border-radius:999px;border:1px solid var(--fline);font-size:13px;color:var(--gray);background:var(--card)}
.chips button.on{background:var(--ink);border-color:var(--ink);color:var(--cream)}
.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.lib-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-align:left;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}
.lib-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(20,19,16,.08)}
.cover{aspect-ratio:16/9;background:#222 center/cover no-repeat}
.cover.gen{background:var(--ink);background-image:radial-gradient(circle at 85% 15%,var(--h),transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:16px;color:var(--cream)}
.cover.gen span{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--h);font-weight:600}
.cover.gen b{font-family:var(--serif);font-size:19px;line-height:1.25;margin-top:4px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lib-b{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1;position:relative}
.lib-b small{font-size:12px;color:var(--muted)}
.lib-b h3{font-size:16px;font-weight:500;line-height:1.35}
.lib-b .st{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:5px;min-width:0}
.lib-b .st.lock{background:var(--soft);color:var(--gray)}
.sample{position:absolute;top:-12px;right:12px;font-style:normal;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:3px 9px;color:var(--muted)}

/* ---------- COPILOTO */
.cp-intro{margin-bottom:16px;padding:26px 28px;background-image:radial-gradient(circle at 100% 0,rgba(232,169,76,.2),transparent 50%)}
.cp-intro h2{font-size:24px;margin:8px 0}
.cp-intro p{color:var(--grayd);max-width:700px}
.grid-cp{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;align-items:start}
.rv{padding:12px 0;border-bottom:1px solid var(--soft2)}
.rv b{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold2)}
.rv p{margin-top:4px;line-height:1.55}
.rv ul{margin:6px 0 0 18px;line-height:1.6}
.rv.sug{border-bottom:0}
.note{font-size:13px;color:var(--muted);margin-top:10px;display:flex;gap:8px;align-items:flex-start;line-height:1.5}
.chat{display:flex;flex-direction:column;gap:12px}
.chat-body{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow:auto;padding:4px 0}
.bubble{background:var(--soft);border-radius:14px 14px 14px 4px;padding:10px 14px;font-size:14px;line-height:1.5;max-width:90%}
.bubble.me{align-self:flex-end;background:var(--ink);color:var(--cream);border-radius:14px 14px 4px 14px}
.bubble a{color:var(--gold2);font-weight:500}
.prompts{display:flex;flex-direction:column;gap:8px}
.prompts button{text-align:left;padding:10px 12px;border:1px solid var(--line);border-radius:12px;font-size:13.5px;display:flex;align-items:center;gap:8px;color:var(--gray);transition:all .15s}
.prompts button:hover{border-color:var(--gold);color:var(--tx);background:var(--goldsoft)}
.chat-in{display:flex;gap:6px}
.chat-in input{flex:1;background:var(--soft)}

/* ---------- ESCRITÓRIO */
.office-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.sel.inline{flex-direction:row;align-items:center;gap:10px;width:auto}
.kpis.small .big{font-size:26px}
.kpis.small .btn{margin-top:10px}
.grid-office{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;align-items:start}
.rooms{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.room{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;text-align:left;min-height:170px;display:flex;flex-direction:column;gap:14px;transition:box-shadow .15s,border-color .15s}
.room:hover{border-color:var(--gold);box-shadow:0 10px 26px rgba(20,19,16,.06)}
.room-h b{display:block;font-size:16px}
.room-h small{color:var(--muted);font-size:13px}
.ppl{display:flex;gap:8px;flex-wrap:wrap}
.ppl i,.roster i{font-style:normal;width:38px;height:38px;border-radius:50%;background:var(--soft);color:var(--ink);font-size:12.5px;font-weight:600;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}
.ppl i.me,.roster .me i{background:var(--ink);color:var(--gold)}
.ppl i:after,.roster i:after{content:"";position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;border:2px solid var(--card);background:#B9B2A4}
.s-foco:after{background:var(--gold)!important} .s-reuniao:after{background:var(--red)!important} .s-pausa:after{background:var(--blue)!important} .s-disponivel:after{background:var(--green)!important}
.enter{margin-top:auto;font-size:13px;color:var(--gold2);font-weight:500;display:flex;align-items:center;gap:4px}
.roster{margin-top:12px}
.roster li{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--soft2)}
.roster b{display:block;font-size:14px}
.roster small{font-size:12.5px;color:var(--muted)}
.cta-office{margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:24px 26px}
.cta-office h3{font-size:20px;margin:6px 0}
.cta-office p{color:var(--grayd);max-width:600px;font-size:14px}

/* ---------- camadas */
.layer{position:fixed;inset:0;background:rgba(14,14,14,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}
.layer.on{display:flex;animation:fade .2s ease}
@keyframes fade{from{opacity:0}}
.modal{background:var(--card);border-radius:22px;padding:30px;width:100%;max-width:520px;max-height:calc(100vh - 40px);overflow:auto;position:relative;animation:up .25s ease}
@keyframes up{from{transform:translateY(14px);opacity:.6}}
.modal.small{max-width:440px}
.modal.wide{max-width:980px}
.modal h2{font-size:23px;margin:6px 0 10px}
.modal p{line-height:1.55}
.modal .row{margin-top:20px}
.close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--muted)}
.close:hover{background:var(--hover);color:var(--tx)}
.modal form{display:flex;flex-direction:column;gap:14px;margin-top:18px}
.modal .grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.modal .grid2 .btn,.modal .grid2 .chkline{grid-column:1/-1}
.f{display:flex;flex-direction:column;gap:6px}
.f span{font-size:13.5px;font-weight:500}
.f.err input,.f.err select{border-color:var(--red)}
.chkline{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--gray);cursor:pointer}
.onb{text-align:left;max-width:460px}
.onb-logo{height:46px;margin-bottom:16px}
.onb p{color:var(--gray);font-size:14.5px}
.tipbox{display:flex;gap:14px;align-items:center;background:#FFF8EA;border:1px solid #F2DDB4;border-radius:14px;padding:16px;margin:16px 0 12px;color:var(--gold2)}
.tipbox small{display:block;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.tipbox b{color:var(--tx);font-size:16px}
.small-t{font-size:12.5px;margin-top:16px}
.modal.lib{padding:0;max-width:560px}
.modal.lib .cover{border-radius:22px 22px 0 0;aspect-ratio:2/1}
.modal.lib .close{background:rgba(255,255,255,.9);z-index:2}
.lib-m{padding:22px 28px 28px;position:relative}
.lib-m .sample{top:-12px;right:24px}
.lib-m .note{background:var(--soft);border-radius:12px;padding:12px 14px;color:var(--gray);margin-top:16px}
.lib-m .note.ok{background:#EDF6F0;color:#2E7550}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}
.plan{border:1px solid var(--line);border-radius:18px;padding:22px 20px;position:relative}
.plan small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold2);font-weight:500}
.plan h3{font-size:22px;margin-top:4px}
.plan p{font-size:13.5px;color:var(--muted)}
.plan ul{list-style:none;margin-top:16px;display:flex;flex-direction:column;gap:8px}
.plan li{font-size:13.5px;padding-left:22px;position:relative;color:var(--gray)}
.plan li:before{content:"✓";position:absolute;left:0;color:var(--gold2);font-weight:600}
.plan.top{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.plan.top small{color:var(--gold)} .plan.top li{color:var(--grayd)} .plan.top li:before{color:var(--gold)}
.plan .badge{position:absolute;top:-11px;right:16px;background:var(--gold);color:var(--ink);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:20px}
.cur-tag{display:inline-block;margin-top:14px;font-size:11.5px;font-weight:500;color:var(--green);background:#EDF6F0;border-radius:20px;padding:3px 10px}
.sheet{display:flex;flex-direction:column;gap:4px;margin-top:20px}
.sheet button{display:flex;align-items:center;gap:12px;padding:14px 10px;border-radius:12px;font-size:15.5px;text-align:left}
.sheet button:hover{background:#F6F1E7}
.sheet em{font-style:normal;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-left:auto}

.toasts{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;width:calc(100% - 32px);max-width:420px}
.toast{background:var(--ink);color:var(--cream);padding:12px 18px;border-radius:12px;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.25);animation:up .25s ease;transition:opacity .4s,transform .4s;text-align:center}
.toast.out{opacity:0;transform:translateY(10px)}

/* ---------- responsivo */
@media (max-width:1220px){
  .grid-hoje{grid-template-columns:1fr 1fr}
  .hero-card{grid-column:1/-1}
  .fin-form{grid-template-columns:repeat(4,1fr)}
  .fin-form .seg.type{grid-column:span 1}
  .fin-form input[name=desc]{grid-column:span 3}
  .fin-form .btn{grid-column:span 1}
}
@media (max-width:1080px){
  .grid-foco{grid-template-columns:1fr}
  .grid-foco > .col{display:contents}
  .grid-foco .timer-card{order:1}
  .grid-foco .tasks-card{order:2}
  .grid-foco .hist-card{order:3}
  .timer-card{max-width:520px;width:100%;margin:0 auto}
  .grid-fin,.grid-cp,.grid-office{grid-template-columns:1fr}
  .kpis{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  :root{--side-w:0px}
  .side{display:none}
  .main{margin-left:0;padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  .m-brand{display:block}
  .m-brand .brand{padding:0}
  .m-brand .brand span{color:var(--tx);font-size:18px}
  .m-brand .brand img{height:24px}
  .top{padding:14px 16px 4px}
  .top h1{display:none}
  .demo-bar{padding:8px 16px;font-size:12px}
  .hide-s{display:none}
  .view{padding:12px 16px 20px}
  .credit{padding:6px 16px 20px}
  .tabs{display:flex;position:fixed;left:0;right:0;bottom:0;background:var(--card);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:30}
  .tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;color:var(--muted);font-size:11px}
  .tab.on{color:var(--tx)}
  .tab.on .ic{color:var(--gold2)}
  .toasts{bottom:calc(84px + env(safe-area-inset-bottom))}
  .modal{border-radius:22px 22px 0 0;max-height:92vh;padding:26px 20px calc(24px + env(safe-area-inset-bottom))}
  .layer{align-items:flex-end;padding:0}
  .plans{grid-template-columns:1fr}
}
@media (max-width:640px){
  .grid-hoje{grid-template-columns:1fr}
  .kanban{grid-template-columns:1fr}
  .kcol{min-height:0}
  .kempty{padding:12px}
  .kpis{grid-template-columns:1fr 1fr;gap:10px}
  .kpi{padding:14px}
  .kpi .big{font-size:20px}
  .fin-form{grid-template-columns:1fr 1fr}
  .fin-form .seg.type,.fin-form input[name=desc],.fin-form .btn{grid-column:1/-1}
  .fin-form .seg.type{justify-self:start}
  .rooms{grid-template-columns:1fr}
  .ring{width:230px;height:230px}
  .time{font-size:50px}
  .add-task{flex-wrap:wrap}
  .add-task input{flex:1 1 100%}
  .add-task select{flex:1}
  .tx li{flex-wrap:wrap}
  .tx-r{width:100%;justify-content:flex-end}
  .val{min-width:0}
  .fila li{flex-wrap:wrap}
  .q-a{width:100%;justify-content:flex-end}
  .month b{min-width:120px}
  .cta-office{padding:20px}
  .modal .grid2{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}


/* ================= TEMA ESCURO ================= */
html[data-ui="dark"]{color-scheme:dark}
html[data-ui="dark"] body.gos-app-body,body.gos-app-body.ui-dark{
  --bg:#0F0F11; --tx:#F2F1EC; --gray:#B3B1AA; --muted:#7D7B76; --line:rgba(255,255,255,.08);
  --card:#17171B; --soft:#1F1F24; --soft2:rgba(255,255,255,.06); --chip:#202026; --fline:rgba(255,255,255,.14); --hover:#26262C; --bar:#2A2A31; --goldsoft:rgba(232,169,76,.10);
  --shadow:0 20px 50px rgba(0,0,0,.5);
}
body.gos-app-body{transition:background .3s,color .3s}
.ui-dark .main{background:radial-gradient(900px 420px at 55% -10%,rgba(232,169,76,.07),transparent 70%)}
.ui-dark .card{border-color:var(--line)}
.ui-dark .card.dark,.ui-dark .hero-card,.ui-dark .timer-card,.ui-dark .plan.top{background:#0A0A0C;border-color:rgba(232,169,76,.22)}
.ui-dark .btn.ghost{border-color:var(--fline)}
.ui-dark .big.pos{color:#5FCB8A} .ui-dark .big.neg{color:#F07C73}
.ui-dark .tx li.in .val{color:#5FCB8A}
.ui-dark .st{background:rgba(201,85,78,.15)} .ui-dark .st.ok{background:rgba(62,158,104,.15);color:#6FD39A}
.ui-dark .lib-b .st.lock{background:var(--soft);color:var(--gray)}
.ui-dark .tag{background:rgba(232,169,76,.12)}
.ui-dark .pill{background:var(--card);border-color:var(--line)}
.ui-dark .tabs{background:#141417;border-top-color:var(--line)}
.ui-dark .tab.on .ic{color:var(--gold)}
.ui-dark .modal{border:1px solid var(--line)}
.ui-dark .layer{background:rgba(0,0,0,.65)}
.ui-dark .lib-m .note.ok{background:rgba(62,158,104,.12);color:#6FD39A}
.ui-dark .tipbox{background:rgba(232,169,76,.08);border-color:rgba(232,169,76,.3)}
.ui-dark .cur-tag{background:rgba(62,158,104,.15)}
.ui-dark .sample{background:var(--card)}
.ui-dark .chips button{background:var(--card);border-color:var(--fline);color:var(--gray)}
.ui-dark .chips button.on{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.ui-dark .bubble.me{background:var(--gold);color:var(--ink)}
.ui-dark .office-host{border-color:rgba(255,255,255,.06);box-shadow:0 30px 70px rgba(0,0,0,.6)}
.ui-dark .avatar{background:var(--gold);color:var(--ink)}
.ui-dark .credit a:hover{color:var(--gold)}
.ui-dark input[type=date]{color-scheme:dark}
.uibtn{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--card);color:var(--tx);transition:transform .2s}
.uibtn:hover{transform:rotate(-15deg)}
/* o escritório mantém os próprios painéis claros, independente do tema */
.of{--tx:#141310; --card:#FFFFFF; --soft:#F7F3EB; --soft2:#F1ECE2; --chip:#F0EADF; --fline:#DDD5C6; --hover:#F2ECE0; --goldsoft:#FFFBF3; --gray:#4A463D; --muted:#8C877C; --line:#E6DFD2}
/* ================= ESCRITÓRIO VIRTUAL 2D ================= */
.view-escritorio{max-width:none}
.office-host{position:relative;height:calc(100vh - 210px);min-height:520px;border-radius:18px;overflow:hidden;background:#4E8A4A;border:1px solid var(--line);box-shadow:0 20px 50px rgba(20,19,16,.12)}
.office-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px}
.office-foot p{font-size:13px;color:var(--muted)}
.of{position:absolute;inset:0;font-family:var(--sans);color:var(--cream);user-select:none;-webkit-user-select:none}
.of-cv{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:pointer;touch-action:manipulation}
.of-top{position:absolute;left:12px;right:12px;top:12px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;pointer-events:none}
.of-top > *{pointer-events:auto}
.of-zone{background:rgba(20,19,16,.86);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:14px;padding:10px 14px;max-width:320px;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.of-zone b{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14.5px}
.of-zone b i{font-style:normal;color:var(--gold);width:18px;text-align:center}
.of-zone span{display:block;font-size:12px;color:var(--grayd);margin-top:2px;line-height:1.4}
.of-zone.pop{animation:ofpop .35s ease}
@keyframes ofpop{from{transform:translateY(-6px);opacity:.3}}
.of-tools{display:flex;gap:4px;flex-wrap:nowrap;background:rgba(20,19,16,.86);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:14px;padding:6px;box-shadow:0 8px 24px rgba(0,0,0,.25);justify-content:flex-end}
.of-b{display:flex;align-items:center;gap:6px;padding:8px 11px;border-radius:10px;color:var(--cream);font-size:12.5px;transition:background .15s}
.of-b:hover{background:rgba(255,255,255,.08)}
.of-b.on{background:rgba(232,169,76,.2);color:var(--gold)}
.of-b.gold{background:var(--gold);color:var(--ink);font-weight:500}
.of-b span{font-size:14px;line-height:1}
.of-b em{font-style:normal}
.of-dot{width:9px;height:9px;border-radius:50%;background:#3E9E68;display:inline-block}
.of-mic:not(.on) span,.of-camb:not(.on) span{opacity:.45}
.of-panel{position:absolute;right:12px;top:78px;width:340px;max-height:calc(100% - 170px);overflow:auto;background:#FFFFFF;color:var(--ink);border-radius:18px;padding:20px;box-shadow:0 20px 50px rgba(0,0,0,.3);animation:ofin .25s ease}
.of-panel.mini{width:auto;padding:10px 14px}
@keyframes ofin{from{transform:translateX(12px);opacity:0}}
.of-x{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;color:var(--muted);font-size:13px}
.of-x:hover{background:#F3EEE4;color:var(--ink)}
.of-ph{display:flex;gap:12px;align-items:center;margin-bottom:12px;padding-right:26px}
.of-ph small{display:block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold2);font-weight:600}
.of-ph b{font-size:17px;font-weight:600;line-height:1.25}
.of-panel p{font-size:13.5px;line-height:1.55;color:var(--gray);margin:8px 0}
.of-note{font-size:12px!important;color:var(--muted)!important}
.of-bot,.of-ring{width:42px;height:42px;border-radius:12px;background:var(--ink);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.of-opts{display:flex;flex-direction:column;gap:7px;margin:12px 0}
.of-opts button{text-align:left;padding:11px 13px;border:1px solid var(--line);border-radius:12px;font-size:13.5px;display:flex;align-items:center;gap:9px;transition:all .15s}
.of-opts button:hover,.of-opts button.on{border-color:var(--gold);background:#FFFBF3}
.of-opts button i{width:9px;height:9px;border-radius:50%;display:inline-block}
.of-cta{width:100%;margin-top:10px;background:var(--gold);color:var(--ink);font-weight:500;padding:12px;border-radius:999px;font-size:14px}
.of-cta:hover{background:#F0B65E}
.of-cta.ghost{background:transparent;border:1px solid #D8D0C1}
.of-row{display:flex;gap:8px;margin-top:12px}
.of-row button{flex:1;padding:9px 10px;border:1px solid var(--line);border-radius:10px;font-size:12.5px}
.of-row button.on{border-color:var(--red);color:var(--red)}
.of-sec{background:#F7F3EB;border-radius:12px;padding:12px 14px}
.of-sec small{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600}
.of-sec ol{margin:6px 0 0 18px;font-size:13.5px;line-height:1.7}
.of-sum{margin-top:12px;background:#FFF8EA;border:1px solid #F2DDB4;border-radius:12px;padding:12px 14px;font-size:13px}
.of-sum small{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold2);font-weight:600}
.of-sum ul{margin:6px 0 0 16px;line-height:1.6}
.of-big{font-size:46px;font-weight:600;text-align:center;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:6px 0}
.of-mates{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;font-size:12.5px;color:var(--gray)}
.of-mates span{display:flex;align-items:center;gap:6px}
.of-av{width:44px;height:44px;border-radius:50%;background:var(--c,#E8A94C);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;position:relative;flex-shrink:0;font-style:normal;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.of-av.sm{width:36px;height:36px;font-size:12px}
.of-av.xs{width:24px;height:24px;font-size:9.5px}
.of-av i{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;border:2px solid #fff}
.of-people{list-style:none;display:flex;flex-direction:column}
.of-people li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #F1ECE2}
.of-people li.mine{background:#FFFBF3;margin:0 -8px;padding:9px 8px;border-radius:10px}
.of-pi{flex:1;min-width:0}
.of-pi b{display:block;font-size:13.5px;font-weight:500}
.of-pi small{font-size:11.5px;color:var(--muted)}
.of-pa{display:flex;gap:4px}
.of-pa button{font-size:11.5px;padding:5px 8px;border-radius:8px;border:1px solid var(--line);white-space:nowrap}
.of-pa button:hover{border-color:var(--gold);background:#FFFBF3}
.of-kan{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.of-kc small{display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-weight:600}
.of-kt{font-size:11.5px;line-height:1.35;padding:7px 8px;border-radius:7px;margin-bottom:5px;background:#F6D78B}
.of-kt.doing{background:#C9D6F0}.of-kt.done{background:#BFE0C9;text-decoration:line-through;color:var(--gray)}
.of-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.of-kpis div{background:#F7F3EB;border-radius:10px;padding:10px}
.of-kpis small{display:block;font-size:10.5px;color:var(--muted)}
.of-kpis b{display:block;font-size:16px;font-weight:600;margin-top:2px}
.of-kpis em{font-style:normal;font-size:11.5px;color:var(--green)}
.of-chart{display:flex;align-items:flex-end;gap:6px;height:80px;margin:14px 0 4px}
.of-chart i{flex:1;background:var(--gold);border-radius:5px 5px 2px 2px}
.of-board{position:relative;height:160px;background:#FFFFFF;border:1px solid var(--line);border-radius:12px;background-image:radial-gradient(#E6DFD2 1px,transparent 1px);background-size:14px 14px}
.of-board span{position:absolute;font-size:12px;background:#F6D78B;padding:6px 9px;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.08)}
.of-board span.y{background:#C9D6F0}.of-board span.g{background:#BFE0C9}.of-board span.p{background:#E4D2F3}
.of-panel textarea{width:100%;border:1px solid #DDD5C6;border-radius:11px;padding:10px 12px;font-family:inherit;font-size:14px;resize:vertical;outline:none}
.of-panel textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(232,169,76,.2)}
.of-emotes{display:flex;gap:4px}
.of-emotes button{font-size:22px;width:42px;height:42px;border-radius:10px}
.of-emotes button:hover{background:#F3EEE4;transform:scale(1.1)}
.of-bottom{position:absolute;left:12px;right:12px;bottom:12px;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}
.of-bottom > *{pointer-events:auto}
.of-prompt button{background:rgba(20,19,16,.9);color:var(--cream);padding:10px 16px;border-radius:999px;font-size:13.5px;display:flex;align-items:center;gap:8px;box-shadow:0 8px 24px rgba(0,0,0,.3);animation:ofpop .25s ease}
.of-prompt button:hover{background:var(--ink)}
.of-prompt kbd{background:var(--gold);color:var(--ink);border-radius:6px;padding:1px 7px;font-family:inherit;font-weight:600;font-size:12px}
.of-dock{background:rgba(20,19,16,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:16px;padding:10px 12px;box-shadow:0 12px 30px rgba(0,0,0,.3);max-width:100%;animation:ofpop .3s ease}
.of-dock-h{display:flex;justify-content:space-between;gap:16px;font-size:12px;margin-bottom:8px;padding:0 2px}
.of-dock-h b{color:var(--gold);font-weight:600}
.of-dock-h span{color:var(--grayd)}
.of-tiles{display:flex;gap:8px;overflow-x:auto}
.of-tile{width:108px;height:76px;border-radius:12px;background:#24221F;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;position:relative;flex-shrink:0;font-size:11.5px;color:var(--grayd)}
.of-tile.talk .of-av{animation:oftalk 2.4s ease-in-out infinite}
.of-tile:nth-child(3) .of-av{animation-delay:1.2s}
@keyframes oftalk{0%,60%,100%{box-shadow:0 0 0 0 rgba(232,169,76,0)}30%{box-shadow:0 0 0 4px rgba(232,169,76,.8)}}
.of-tile .muted{position:absolute;top:6px;right:7px;font-style:normal;font-size:11px}
.of-tile.me{outline:1.5px solid rgba(232,169,76,.6)}
.of-empty{font-size:12px;color:var(--grayd);display:flex;align-items:center;padding:0 10px;max-width:180px}
.of-help{position:absolute;left:12px;bottom:12px;font-size:11.5px;color:rgba(246,241,231,.85);background:rgba(20,19,16,.55);padding:6px 10px;border-radius:9px;pointer-events:none}
.of-help b{color:var(--gold);font-weight:500}
.of-help{transition:opacity .6s}.of-help.off{opacity:0}
.of-toast{position:absolute;left:50%;top:76px;transform:translate(-50%,-8px);background:var(--ink);color:var(--cream);padding:10px 16px;border-radius:12px;font-size:13.5px;opacity:0;transition:all .3s;pointer-events:none;max-width:min(90%,460px);text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.3);border:1px solid rgba(232,169,76,.35)}
.of-toast.on{opacity:1;transform:translate(-50%,0)}
@media (max-width:1100px){.of-b em{display:none}.of-b{padding:8px 9px}}
@media (max-width:860px){
  .office-host{height:calc(100vh - 230px);height:calc(100dvh - 220px);min-height:420px;border-radius:14px}
  .of-top{flex-direction:column;align-items:stretch}
  .of-zone{max-width:none;padding:8px 12px}
  .of-zone span{display:none}
  .of-tools{justify-content:space-between}
  .of-panel{left:8px;right:8px;width:auto;top:auto;bottom:8px;max-height:70%}
  .of-help{display:none}
  .of-panel:not([hidden]) ~ .of-bottom{display:none}
  .of-tile{width:84px;height:64px}
  .of-toast{top:108px}
}

/* ---- escritório: tempo real, mídia, chat, lousa, ambientes ---- */
.of-b{position:relative}
.of-b .ico{position:relative}
.of-mic:not(.on):not(.muted) .ico,.of-camb:not(.on) .ico{opacity:.45}
.of-mic.muted .ico{opacity:.6}
.of-mic.muted .ico:after{content:"";position:absolute;left:-2px;right:-2px;top:50%;height:2px;background:#C9554E;transform:rotate(-40deg)}
.of-mic.on{background:rgba(62,158,104,.22);color:#9BE0B4}
.of-camb.on{background:rgba(62,158,104,.22);color:#9BE0B4}
.of-lvlw{display:none;width:26px;height:4px;border-radius:2px;background:rgba(255,255,255,.15);overflow:hidden}
.of-mic.on .of-lvlw{display:block}
.of-lvl{display:block;height:100%;width:0;background:#7DDC9E;transition:width .08s}
.of-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;border-radius:8px;background:#C9554E;color:#fff;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 4px;font-style:normal}
.of-live{min-width:18px;height:18px;border-radius:9px;background:var(--ink);color:var(--gold);font-size:11px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;font-weight:600}
.of-tile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:12px;display:none;background:#000}
.of-tile.has-v video{display:block}
.of-tile.has-v .of-av,.of-tile.has-v > span{position:relative;z-index:1}
.of-tile.has-v .of-av{display:none}
.of-tile.has-v > span{position:absolute;left:6px;bottom:5px;background:rgba(0,0,0,.55);padding:1px 7px;border-radius:6px;color:#fff}
.of-tile.me video{transform:scaleX(-1)}
.of-tile .ost{position:absolute;top:6px;right:7px;font-style:normal;font-size:11px;z-index:2;color:var(--grayd)}
.of-tile .ost.ok{color:#9BE0B4}
.of-tile .ost.sim{font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.of-tile.live{outline:1px solid rgba(232,169,76,.35)}
.of-people li.sep{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600;padding:14px 0 4px;border:0}
.of-people li.live em{font-style:normal;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#3E9E68;border-radius:20px;padding:1px 7px;margin-left:4px}
.of-link{display:flex;gap:6px;margin:12px 0}
.of-link input{flex:1;min-width:0;border:1px solid #DDD5C6;border-radius:10px;padding:9px 10px;font-size:12.5px;background:#F7F3EB;color:var(--ink)}
.of-link button{background:var(--gold);border-radius:10px;padding:0 14px;font-weight:500;font-size:13px}
.of-livebox{display:flex;align-items:center;gap:10px;background:#F7F3EB;border-radius:12px;padding:10px 14px}
.of-livebox b{font-size:24px;font-weight:600}
.of-livebox span{font-size:13px;color:var(--gray)}
.of-sw{display:flex;align-items:center;gap:8px;font-size:13.5px;margin-top:12px;cursor:pointer}
.of-sw input{accent-color:var(--gold2);width:16px;height:16px}
.of-panel.chat{display:flex;flex-direction:column}
.of-chat-list{flex:1;min-height:220px;max-height:340px;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:2px 0 8px}
.of-chat-empty{font-size:13px;color:var(--muted);padding:16px 0}
.of-msg{max-width:88%;background:#F5F0E6;border-radius:12px 12px 12px 4px;padding:8px 11px}
.of-msg small{display:block;font-size:10.5px;color:var(--muted);margin-bottom:2px}
.of-msg p{margin:0!important;font-size:13.5px!important;color:var(--ink)!important;line-height:1.45!important;word-wrap:break-word}
.of-msg.mine{align-self:flex-end;background:var(--ink);border-radius:12px 12px 4px 12px}
.of-msg.mine p{color:var(--cream)!important}
.of-msg.mine small{color:var(--grayd)}
.of-msg.bot{background:#FFF8EA;border:1px solid #F2DDB4}
.of-chat-in{display:flex;gap:6px;margin-top:8px}
.of-chat-in input{flex:1;min-width:0;border:1px solid #DDD5C6;border-radius:999px;padding:10px 14px;font-family:inherit;font-size:14px;outline:none}
.of-chat-in input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(232,169,76,.2)}
.of-chat-in button{width:40px;border-radius:50%;background:var(--gold);font-size:15px}
.of-panel.themes{width:400px}
.of-ths{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.of-th{display:flex;gap:12px;border:1px solid var(--line);border-radius:14px;padding:8px;align-items:stretch}
.of-th.on{border-color:var(--gold);background:#FFFBF3}
.of-th-img{width:120px;min-height:82px;border-radius:9px;background:#ddd center/cover no-repeat;flex-shrink:0}
.of-th-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.of-th-b b{font-size:14px;font-weight:600}
.of-th-b b em{font-style:normal;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--green);margin-left:4px}
.of-th-b small{font-size:12px;color:var(--muted);line-height:1.4}
.of-th-a{display:flex;gap:6px;margin-top:auto;flex-wrap:wrap}
.of-th-a button{font-size:11.5px;padding:5px 9px;border-radius:8px;border:1px solid var(--line)}
.of-th-a button.gold{background:var(--gold);border-color:var(--gold);font-weight:500}
.of-prev{position:absolute;left:50%;top:76px;transform:translateX(-50%);background:var(--ink);color:var(--cream);border-radius:999px;padding:6px 6px 6px 16px;display:flex;align-items:center;gap:8px;font-size:13px;box-shadow:0 10px 30px rgba(0,0,0,.35);z-index:5;max-width:calc(100% - 24px)}
.of-prev b{color:var(--gold)}
.of-prev button{border-radius:999px;padding:7px 12px;font-size:12.5px;background:rgba(255,255,255,.1);white-space:nowrap}
.of-prev button:first-of-type{background:var(--gold);color:var(--ink);font-weight:500}
.of-mig{position:absolute;inset:0;background:rgba(10,10,12,.86);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .45s;z-index:20;text-align:center}
.of-mig.on{opacity:1}
.of-mig small{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.of-mig b{display:block;font-size:30px;font-weight:600;margin:8px 0;color:var(--cream)}
.of-mig span{font-size:14px;color:var(--grayd)}
.of-wb{position:absolute;inset:0;background:rgba(10,10,12,.7);z-index:15;display:flex;padding:16px}
.of-wb-in{flex:1;background:#F6F1E7;border-radius:18px;display:flex;flex-direction:column;padding:14px;min-width:0;color:var(--ink)}
.of-wb-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.of-wb-top small{display:block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold2);font-weight:600}
.of-wb-top b{font-size:17px;font-weight:600}
.of-wb-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.of-wb-tools .sw{width:24px;height:24px;border-radius:50%;background:var(--c);border:2px solid #fff;box-shadow:0 0 0 1px #DDD5C6}
.of-wb-tools .sw.on{box-shadow:0 0 0 2px var(--ink)}
.of-wb-tools .sz,.of-wb-tools .tl{font-size:12px;padding:6px 10px;border-radius:8px;border:1px solid #DDD5C6;background:#fff}
.of-wb-tools .on{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.of-wb-tools .danger{color:var(--red)}
.of-wb-tools .danger.confirm{background:var(--red);color:#fff;border-color:var(--red)}
.of-wb-tools .x{background:var(--gold);border-color:var(--gold);font-weight:500}
.of-wb-tools .sep{width:1px;height:20px;background:#DDD5C6;margin:0 2px}
.of-wb-area{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}
.of-wb-area canvas{background:#fff;border-radius:12px;box-shadow:0 6px 20px rgba(20,19,16,.1);touch-action:none;cursor:crosshair;background-image:radial-gradient(#E6DFD2 1px,transparent 1px);background-size:18px 18px}
.of-wb-note{font-size:12px;color:var(--muted);margin-top:8px;text-align:center}
@media (max-width:860px){
  .of-tools{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start}
  .of-panel.themes{width:auto}
  .of-th-img{width:96px}
  .of-prev{top:auto;bottom:12px;font-size:12px}
  .of-wb{padding:6px}
  .of-wb-in{padding:10px}
}

@media (max-width:1560px){.of-b.sec em{display:none}.of-b.sec{padding:8px 9px}}
.of.docked .of-help{opacity:0}
.of-dock-h{flex-wrap:wrap}
@media (max-width:860px){
  .of-b.gold{order:-1}
  .of-dock-h span{display:none}
  .of-prev{top:108px;bottom:auto;flex-wrap:wrap;justify-content:center;border-radius:14px;padding:8px}
  .of-prev span{width:100%;text-align:center}
}
/* ---- editor de avatar ---- */
.of-panel.avedit{width:420px}
.av-prev{position:relative;border-radius:14px;overflow:hidden;display:flex;justify-content:center;background:#F3EADB}
.av-prev canvas{display:block}
.av-rot{position:absolute;right:8px;bottom:8px;display:flex;gap:4px}
.av-rot button{background:rgba(20,19,16,.75);color:#fff;border-radius:8px;padding:5px 9px;font-size:12px}
.av-tabs{display:flex;gap:4px;margin:12px 0 8px;overflow-x:auto;padding-bottom:2px}
.av-tabs button{padding:7px 11px;border-radius:999px;font-size:12.5px;color:var(--gray);white-space:nowrap;border:1px solid transparent}
.av-tabs button.on{background:var(--ink);color:var(--cream)}
.av-body{display:flex;flex-direction:column;gap:12px;max-height:260px;overflow:auto;padding:2px}
.av-row small{display:block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:6px}
.av-opts{display:flex;flex-wrap:wrap;gap:6px}
.av-sw{width:28px;height:28px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);transition:transform .12s}
.av-sw:hover{transform:scale(1.1)}
.av-sw.on{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--gold)}
.av-ch{padding:6px 11px;border-radius:999px;border:1px solid var(--line);font-size:12.5px;background:#fff}
.av-ch:hover{border-color:var(--gold)}
.av-ch.on{background:var(--gold);border-color:var(--gold);color:var(--ink);font-weight:500}
.of-row button.gold{background:var(--gold);border-color:var(--gold);font-weight:500}
@media (max-width:860px){.of-panel.avedit{width:auto}.av-body{max-height:30vh}}

/* ================================================================ PLAYER (v0.6) */
.gp{position:fixed;right:20px;bottom:20px;z-index:60;font-family:Poppins,system-ui,sans-serif;color:#F2F1EC;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}
.gp>*{pointer-events:auto}
body:has(.office-host) .gp{bottom:92px}
.gp button{font-family:inherit}
.gp-mini{display:flex;align-items:center;gap:4px;background:rgba(16,16,19,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(232,169,76,.22);border-radius:999px;padding:5px 5px 5px 6px;box-shadow:0 12px 34px rgba(0,0,0,.28)}
.gp-open{display:flex;align-items:center;gap:10px;background:none;border:0;color:inherit;cursor:pointer;padding:4px 8px 4px 6px;border-radius:999px;font:inherit;max-width:250px}
.gp-open:hover{background:rgba(255,255,255,.05)}
.gp-txt{display:flex;flex-direction:column;align-items:flex-start;min-width:0;line-height:1.15}
.gp-txt small{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:#E8A94C;font-weight:600;display:flex;align-items:center;gap:5px}
.gp:not(.playing) .gp-txt small{color:#8B8A85}
.gp-src{display:inline-grid;place-items:center;width:13px;height:13px;border-radius:50%;font-size:7.5px;letter-spacing:0;color:#000}
.gp-src.sp{background:#1ED760}.gp-src.yt{background:#FF3D3D;color:#fff}
.gp-now{font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.gp-play,.gp-nx{width:38px;height:38px;border-radius:50%;border:0;background:#E8A94C;color:#141310;font-size:12px;cursor:pointer;display:grid;place-items:center;transition:transform .15s}
.gp-nx{background:rgba(255,255,255,.08);color:#F2F1EC;width:32px;height:32px}
.gp-play:hover,.gp-nx:hover{transform:scale(1.06)}
.gp-eq{display:inline-flex;align-items:flex-end;gap:2px;height:16px;width:16px}
.gp-eq i{display:block;width:3px;height:4px;background:#8B8A85;border-radius:2px}
.gp-eq.on i{background:#E8A94C;animation:gpEq 1s ease-in-out infinite}
.gp-eq.on i:nth-child(2){animation-delay:-.35s}.gp-eq.on i:nth-child(3){animation-delay:-.7s}
@keyframes gpEq{0%,100%{height:4px}50%{height:16px}}
.gp-panel{width:390px;max-width:calc(100vw - 32px);background:rgba(16,16,19,.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.08);border-radius:22px;box-shadow:0 24px 60px rgba(0,0,0,.42);overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 120px)}
.gp.open .gp-panel{animation:gpIn .22s ease-out}
.gp:not(.open) .gp-panel{visibility:hidden;position:fixed;right:0;bottom:0;width:0;height:0;overflow:visible;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;animation:none;background:none}
.gp:not(.open) .gp-panel *{pointer-events:none}
@keyframes gpIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.gp-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px 6px}
.gp-head b{font-family:Lora,serif;font-weight:500;font-size:17px}
.gp-head button{background:none;border:0;color:#8B8A85;font-size:14px;cursor:pointer;width:30px;height:30px;border-radius:50%}
.gp-head button:hover{background:rgba(255,255,255,.06);color:#fff}
.gp-tabs{display:flex;gap:4px;margin:6px 14px 0;padding:4px;background:rgba(255,255,255,.05);border-radius:12px}
.gp-tabs button{flex:1;border:0;background:none;color:#B9B7B0;font:500 12.5px Poppins,sans-serif;padding:8px 6px;border-radius:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}
.gp-tabs button.on{background:#26262B;color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.06) inset}
.gp-dot{width:6px;height:6px;border-radius:50%;background:#7FC79A;display:inline-block}
.gp-media{padding:0 16px}
.gp-yt{display:none;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000;margin-top:12px}
.gp.has-yt .gp-yt{display:block}
.gp-yt iframe{display:block;width:100%;height:100%;border:0}
.gp-pipx{display:none}
.gp.yt-pip .gp-yt{visibility:visible;pointer-events:auto;position:fixed;right:20px;bottom:84px;width:356px;height:200px;margin:0;box-shadow:0 18px 44px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1);z-index:61}
.gp.yt-pip .gp-yt *{pointer-events:auto}
.gp.yt-pip .gp-pipx{display:grid;place-items:center;visibility:visible;pointer-events:auto;position:fixed;right:28px;bottom:274px;width:26px;height:26px;border-radius:50%;border:0;background:rgba(0,0,0,.7);color:#fff;font-size:11px;cursor:pointer;z-index:62}
body:has(.office-host) .gp.yt-pip .gp-yt{bottom:156px}
body:has(.office-host) .gp.yt-pip .gp-pipx{bottom:346px}
.gp-body{padding:12px 16px 8px;overflow:auto;flex:1;min-height:0}
.gp-body::-webkit-scrollbar{width:6px}.gp-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:6px}
.gp-hint{font-size:11.5px;color:#8B8A85;line-height:1.55;margin:4px 0 10px}
.gp-err{font-size:12px;color:#F0A08A;margin:8px 0 0;line-height:1.45}
.gp-cats{display:flex;gap:6px;margin-bottom:12px}
.gp-cats button{flex:1;border:1px solid rgba(255,255,255,.08);background:none;color:#B9B7B0;border-radius:999px;padding:7px 8px;font:500 12px Poppins,sans-serif;cursor:pointer}
.gp-cats button.on{border-color:#E8A94C;color:#E8A94C;background:rgba(232,169,76,.08)}
.gp-sounds{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px}
.gp-snd{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:10px 11px 7px;transition:border-color .2s,background .2s}
.gp-snd.on{border-color:rgba(232,169,76,.5);background:linear-gradient(160deg,rgba(232,169,76,.14),rgba(232,169,76,.04))}
.gp-snd.lock{opacity:.7}
.gp-snd button{display:flex;align-items:flex-start;gap:9px;width:100%;background:none;border:0;color:inherit;cursor:pointer;padding:0 0 6px;text-align:left}
.gp-ic{font-size:18px;width:22px;text-align:center;line-height:1.2}
.gp-sn{display:flex;flex-direction:column;min-width:0}
.gp-sn b{font-size:12.5px;font-weight:500}
.gp-sn small{font-size:10.5px;color:#8B8A85;line-height:1.3;margin-top:1px}
.gp-snd:not(.on) input{opacity:.35}
.gp input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px!important;min-height:0!important;padding:0!important;margin:6px 0!important;border:0!important;box-shadow:none!important;background:rgba(255,255,255,.12)!important;border-radius:4px;outline:none}
.gp input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#E8A94C;cursor:pointer;border:0}
.gp input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#E8A94C;cursor:pointer;border:0}
.gp .gp-in{display:flex;gap:6px;margin:10px 0}
.gp .gp-in input{flex:1;min-width:0;height:auto;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;border-radius:10px;padding:9px 11px;font:13px Poppins,sans-serif;outline:none;box-shadow:none}
.gp .gp-in input:focus{border-color:#E8A94C!important}
.gp .gp-in button{background:#E8A94C;color:#141310;border:0;border-radius:10px;padding:0 13px;font-size:16px;cursor:pointer}
.gp-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.gp-chips button{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#D8D6CF;border-radius:999px;padding:6px 11px;font:12px Poppins,sans-serif;cursor:pointer}
.gp-chips button:hover{border-color:#E8A94C;color:#fff}
.gp-ph{display:grid;place-items:center;min-height:120px;color:#5E5D59;font-size:12px;border:1px dashed rgba(255,255,255,.1);border-radius:12px;margin:2px 0 10px}
.gp-ph.v{min-height:0;aspect-ratio:16/9}
.gp-connect{text-align:center;padding:18px 8px 8px;display:flex;flex-direction:column;align-items:center;gap:8px}
.gp-connect.sm{padding-top:8px;border-top:1px solid rgba(255,255,255,.06);margin-top:6px}
.gp-connect b{font-size:15px;font-weight:600}
.gp-connect p{font-size:12.5px;color:#B9B7B0;line-height:1.55;margin:0;max-width:300px}
.gp-connect small{font-size:11px;color:#8B8A85;line-height:1.45;max-width:290px}
.gp-logo{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:19px;color:#000}
.gp-logo.sp{background:#1ED760}.gp-logo.yt{background:#FF3D3D;color:#fff;font-size:16px}
.gp-logo.sm{width:34px;height:34px;font-size:14px;flex:none}
.gp-cbtn{border:0;border-radius:999px;padding:11px 22px;font:600 13.5px Poppins,sans-serif;cursor:pointer;margin:4px 0}
.gp-cbtn.sp{background:#1ED760;color:#000}.gp-cbtn.yt{background:#fff;color:#141310}
.gp-acc{display:flex;align-items:center;gap:10px;padding:2px 0 10px}
.gp-acc img{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:none}
.gp-acc div{flex:1;min-width:0;display:flex;flex-direction:column}
.gp-acc b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gp-acc small{font-size:11px;color:#8B8A85}
.gp-lnk{background:none;border:0;color:#8B8A85;font-size:11.5px;cursor:pointer;padding:4px;text-decoration:underline;text-underline-offset:2px}
.gp-lnk:hover{color:#fff}
.gp-now-sp{display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.05);border-radius:14px;padding:10px;margin-bottom:4px}
.gp-now-sp img{width:64px;height:64px;border-radius:9px;object-fit:cover;flex:none}
.gp-now-sp.empty{justify-content:center;font-size:12px;color:#8B8A85;min-height:64px}
.gp-now-t{flex:1;min-width:0}
.gp-now-t b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gp-now-t small{display:block;font-size:11.5px;color:#8B8A85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gp-ctl{display:flex;gap:6px;align-items:center;margin-top:6px}
.gp-ctl.wide{justify-content:center;margin:10px 0 2px}
.gp-ctl button{background:rgba(255,255,255,.07);border:0;color:#F2F1EC;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:12px}
.gp-ctl .gp-big{background:#E8A94C;color:#141310;width:38px;height:38px}
.gp-ctl .gp-lnk{width:auto;background:none}
.gp-spembed{width:100%;height:152px;border:0;border-radius:12px;display:block;margin-bottom:4px}
.gp-sec{display:flex;justify-content:space-between;align-items:center;margin:12px 0 8px}
.gp-sec small{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#8B8A85;font-weight:600}
.gp-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.gp-tile{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:6px 6px 8px;color:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:3px;min-width:0;transition:border-color .15s,background .15s}
.gp-tile:hover{border-color:rgba(232,169,76,.5);background:rgba(232,169,76,.06)}
.gp-tile img,.gp-ti{width:100%;aspect-ratio:1;border-radius:8px;object-fit:cover;display:block;background:#26262B}
.gp-ti{display:grid;place-items:center;font-size:22px;color:#E8A94C;background:linear-gradient(135deg,#2B2620,#1A1A1E)}
.gp-tile b{font-size:11.5px;font-weight:500;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gp-tile small{font-size:10px;color:#8B8A85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gp-foot{padding:10px 16px 14px;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:8px}
.gp-vol{display:flex;align-items:center;gap:10px;font-size:11.5px;color:#8B8A85}
.gp-vol input{flex:1}
.gp-sync{display:flex;align-items:center;gap:8px;font-size:12px;color:#B9B7B0;cursor:pointer}
.gp-sync input{accent-color:#E8A94C}
.gp-msg{position:fixed;left:50%;bottom:28px;transform:translate(-50%,10px);background:#141310;color:#F2F1EC;border:1px solid rgba(232,169,76,.3);padding:9px 16px;border-radius:999px;font-size:12.5px;opacity:0;transition:.25s;pointer-events:none;max-width:calc(100vw - 32px);text-align:center}
.gp-msg.on{opacity:1;transform:translate(-50%,0)}
@media (max-width:860px){
  .gp{right:12px;bottom:calc(76px + env(safe-area-inset-bottom))}
  body:has(.office-host) .gp{bottom:calc(150px + env(safe-area-inset-bottom))}
  .gp-now{max-width:120px}
  .gp-panel{width:calc(100vw - 24px);max-height:calc(100vh - 170px)}
  .gp.yt-pip .gp-yt{right:12px;width:calc(100vw - 24px);max-width:356px;height:200px;bottom:calc(132px + env(safe-area-inset-bottom))}
  .gp.yt-pip .gp-pipx{right:20px;bottom:calc(322px + env(safe-area-inset-bottom))}
}
@media print{.gp{display:none}}

/* ================================================================ MODO ZEN, CLIENTE, CAIXA (v0.5) */
kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82em;background:var(--chip);border:1px solid var(--fline);border-bottom-width:2px;border-radius:5px;padding:1px 5px;color:var(--tx)}
.zen-open{margin:4px auto 0;display:inline-flex;gap:6px;align-items:center}
.cl-chip{display:inline-block;margin-left:7px;font-size:11px;font-weight:600;color:#B07A22;background:rgba(232,169,76,.13);border-radius:6px;padding:1px 7px;vertical-align:1px;letter-spacing:.01em}
.ui-dark .cl-chip{color:#E8A94C}
body.zen-on{overflow:hidden}
body.zen-on .gp{z-index:120}
.zen{position:fixed;inset:0;z-index:100;background:radial-gradient(1100px 600px at 50% 30%,#1C1A16,#0B0B0D 70%);color:#F2F1EC;display:flex;flex-direction:column;animation:zenIn .35s ease-out;font-family:Poppins,sans-serif}
.zen.mode-short,.zen.mode-long{background:radial-gradient(1100px 600px at 50% 30%,#14201B,#0A0D0C 70%)}
@keyframes zenIn{from{opacity:0}to{opacity:1}}
.zen kbd{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);color:#D8D6CF}
.zen-top{display:flex;align-items:center;gap:20px;padding:22px 28px}
.zen-k{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#E8A94C;font-weight:600}
.zen.mode-short .zen-k,.zen.mode-long .zen-k{color:#7FB38F}
.zen-stats{display:flex;gap:18px;margin-left:auto;font-size:12.5px;color:#8B8A85}
.zen-stats b{color:#F2F1EC;font-weight:600}
.zen-x{background:none;border:1px solid rgba(255,255,255,.12);color:#B9B7B0;border-radius:999px;padding:7px 12px;font:12.5px Poppins,sans-serif;cursor:pointer;display:flex;gap:8px;align-items:center}
.zen-x:hover{color:#fff;border-color:rgba(255,255,255,.3)}
.zen-c{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:0 24px;text-align:center}
.zen-task{font-family:Lora,serif;font-size:clamp(22px,3.2vw,36px);font-weight:500;max-width:820px;line-height:1.25}
.zen-time{font-family:Poppins,sans-serif;font-size:clamp(84px,16vw,190px);font-weight:200;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.zen-bar{width:min(520px,80vw);height:3px;background:rgba(255,255,255,.08);border-radius:3px;overflow:hidden}
.zen-bar i{display:block;height:100%;background:#E8A94C;transition:width .5s linear}
.zen.mode-short .zen-bar i,.zen.mode-long .zen-bar i{background:#7FB38F}
.zen-ctl{display:flex;align-items:center;gap:26px;margin-top:8px}
.zen-go{width:84px;height:84px;border-radius:50%;border:0;background:#E8A94C;color:#141310;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 10px rgba(232,169,76,.08);transition:transform .15s}
.zen-go:hover{transform:scale(1.05)}
.zen-b{background:none;border:0;color:#B9B7B0;display:flex;flex-direction:column;align-items:center;gap:6px;font:12px Poppins,sans-serif;cursor:pointer;width:72px}
.zen-b .ic{width:44px;height:44px;padding:12px;border-radius:50%;border:1px solid rgba(255,255,255,.12)}
.zen-b:hover{color:#fff}.zen-b:hover .ic{border-color:rgba(255,255,255,.35)}
.zen-next{font-size:13px;color:#8B8A85}.zen-next b{color:#D8D6CF;font-weight:500}
.zen-foot{display:flex;gap:22px;justify-content:center;align-items:center;flex-wrap:wrap;padding:20px 28px 26px;font-size:12px;color:#6E6D68}
.zen-snd{background:rgba(232,169,76,.1);border:1px solid rgba(232,169,76,.3);color:#E8A94C;border-radius:999px;padding:7px 14px;font:12.5px Poppins,sans-serif;cursor:pointer}
@media (max-width:860px){.zen-stats{display:none}.zen-foot span{display:none}.zen-top{padding:16px 18px}}

.carry{display:flex;align-items:center;gap:14px;padding:16px 22px;margin-bottom:16px;flex-wrap:wrap}
.cs-c{display:flex;flex-direction:column;gap:2px;min-width:110px}
.cs-c small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.cs-c b{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}
.cs-c.pos b{color:#3E8E5E}.cs-c.neg b{color:#C0533A}
.cs-op{font-size:20px;color:var(--muted);font-weight:300}
.cs-c.total{margin-left:auto;padding:10px 16px;border-radius:14px;background:var(--goldsoft);border:1px solid rgba(232,169,76,.35)}
.cs-c.total b{font-size:22px}
.cs-c.total em{font-style:normal;font-size:11.5px;color:var(--muted)}
.ui-dark .cs-c.total{background:rgba(232,169,76,.08)}
.ui-dark .cs-c.pos b{color:#7FC79A}
@media (max-width:860px){.carry{gap:8px 10px;padding:14px}.cs-op{display:none}.cs-c{min-width:calc(50% - 6px)}.cs-c.total{margin-left:0;width:100%}}

/* ================================================================ CONTAS, EQUIPE, MOEDAS, JORNADA, IDENTIDADE (v0.6) */
.show-s{display:none}
@media (max-width:860px){.show-s{display:inline}}
/* topo */
.sync{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);padding:6px 10px;border-radius:999px}
.sync i{width:7px;height:7px;border-radius:50%;background:var(--green)}
.sync.saving i{background:var(--gold);animation:pulse 1s infinite}
.sync.err i,.sync.auth i{background:var(--red)}
.sync.auth{color:var(--red);cursor:pointer}
@media (max-width:640px){.sync span{display:none}}
.coins{display:inline-flex;align-items:center;gap:6px;padding:7px 12px 7px 9px;border-radius:999px;background:var(--goldsoft);border:1px solid rgba(232,169,76,.45);color:#8a5f1c;font-weight:600;font-size:13.5px;font-variant-numeric:tabular-nums;transition:transform .15s}
.coins:hover{transform:translateY(-1px)}
.coins .ic{color:var(--gold2)}
.ui-dark .coins{background:rgba(232,169,76,.1);color:var(--gold)}
.toast.coin{display:flex;align-items:center;gap:8px;justify-content:center;background:#1E1A12;border:1px solid rgba(232,169,76,.45)}
.toast.coin .ic{color:var(--gold)}.toast.coin b{color:var(--gold);font-weight:600}
/* barra lateral com conta */
.me-card{display:flex;align-items:center;gap:10px;background:var(--card-d);border:1px solid var(--line-d);border-radius:14px;padding:12px}
.me-av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--c);color:var(--ink);font-weight:600;flex:none}
.me-card div{min-width:0}
.me-card b{display:block;color:var(--cream);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.me-card small{color:var(--muted);font-size:11.5px}
.out-l{display:inline-flex!important;align-items:center;gap:6px;text-decoration:none}
/* jornada */
.demo-bar .jbar{display:flex;align-items:center;gap:10px;color:var(--grayd);font-size:13px;text-align:left}
.demo-bar .jbar b{color:var(--gold)}
.jbar i{display:block;width:90px;height:4px;border-radius:4px;background:rgba(255,255,255,.12);overflow:hidden}
.jbar u{display:block;height:100%;background:var(--gold);transition:width .6s}
.jlist{list-style:none;margin:18px 0;display:flex;flex-direction:column;gap:4px}
.jlist li{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:12px}
.jlist li>i{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--fline);display:grid;place-items:center;flex:none;color:var(--ink)}
.jlist li.ok>i{background:var(--gold);border-color:var(--gold)}
.jlist li div{flex:1}
.jlist li b{display:block;font-size:14.5px}
.jlist li small{color:var(--muted);font-size:12.5px}
.jlist li.ok b{text-decoration:line-through;text-decoration-color:var(--fline);color:var(--muted)}
.finale{text-align:center}
.fin-hero{width:64px;height:64px;border-radius:50%;margin:4px auto 12px;display:grid;place-items:center;background:radial-gradient(circle,rgba(232,169,76,.35),rgba(232,169,76,.08));color:var(--gold2)}
.fin-sum{display:flex;justify-content:center;gap:28px;margin:18px 0 4px}
.fin-sum b{display:block;font-size:24px;font-weight:600}
.fin-sum small{color:var(--muted);font-size:12px}
.row.center{justify-content:center}
.center-b{display:block;margin:14px auto 0}
/* identidade */
.idm{max-width:600px}
.id-steps{display:flex;gap:6px;margin-bottom:18px;flex-wrap:wrap}
.id-steps span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);padding:5px 10px 5px 5px;border-radius:999px;background:var(--soft)}
.id-steps i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:600;background:var(--card);border:1px solid var(--fline)}
.id-steps span.on{background:var(--ink);color:var(--cream)}
.id-steps span.on i{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.id-steps span.ok i{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.id-wrap{display:grid;grid-template-columns:220px 1fr;gap:16px;margin:16px 0 10px;align-items:start}
.id-prev{border-radius:18px;display:block}
.id-grid,.id-pets{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.id-pets{grid-template-columns:1fr 1fr}
.id-grid.s{grid-template-columns:1fr 1fr;margin-top:8px}
.id-opt{border:1.5px solid var(--fline);border-radius:12px;padding:11px 10px;font-size:13.5px;font-weight:500;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:6px;transition:border-color .15s,background .15s}
.id-opt:hover{border-color:var(--gold)}
.id-opt.on{border-color:var(--gold);background:rgba(232,169,76,.12)}
.id-opt.lock{opacity:.55}
.id-opt em{font-style:normal;font-size:11px;color:var(--muted);display:inline-flex;align-items:center;gap:3px}
.id-skin{margin:4px 0 6px}
.id-skin small,.id-sec small{display:block;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-weight:500}
.id-skin div{display:flex;gap:8px;flex-wrap:wrap}
.id-skin .sw{width:28px;height:28px;border-radius:50%;background:var(--c);border:2px solid transparent;box-shadow:0 0 0 1px var(--fline)}
.id-skin .sw.on{border-color:var(--card);box-shadow:0 0 0 2px var(--gold)}
.id-sec{margin:16px 0}
.id-gift{display:flex;gap:12px;align-items:center;background:var(--goldsoft);border:1px solid rgba(232,169,76,.4);border-radius:14px;padding:12px 14px;margin:16px 0 4px}
.id-gift .ic{color:var(--gold2)}
.id-gift b{display:block;font-size:14px}.id-gift small{color:var(--muted);font-size:12.5px}
.ui-dark .id-gift{background:rgba(232,169,76,.08)}
.chkline.terms{align-items:flex-start;line-height:1.45}
.chkline.terms input{margin-top:3px}
.chkline a{color:var(--gold2)}
@media (max-width:640px){.id-wrap{grid-template-columns:1fr}.id-prev{margin:0 auto}}
/* loja */
.shop.modal{max-width:640px}
.shop-top{display:flex;gap:16px;align-items:center;margin:8px 0 16px}
.shop-bal{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:110px;padding:12px;border-radius:16px;background:var(--ink);color:var(--gold)}
.shop-bal b{font-size:26px;font-weight:600;line-height:1}
.shop-bal span{font-size:11px;color:var(--grayd);letter-spacing:.06em;text-transform:uppercase}
.shop-top p{font-size:13px;margin:0}
.shop-tabs{margin-bottom:14px}
.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}
.shop-it{border:1px solid var(--fline);border-radius:14px;padding:8px 8px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.shop-it canvas{border-radius:10px;width:100%;height:auto}
.shop-it b{font-size:13px}
.shop-it.have{border-color:rgba(62,158,104,.4)}
.shop-own{font-size:12px;color:var(--green);display:inline-flex;align-items:center;gap:4px;padding:8px 0}
.shop-log{margin-top:18px}
.shop-log small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.shop-log ul{list-style:none;margin-top:6px}
.shop-log li{display:flex;justify-content:space-between;font-size:13px;padding:6px 0;border-bottom:1px solid var(--line)}
.shop-log li b{color:var(--gold2)}
/* tarefas delegadas */
.dl-chip{display:inline-block;margin-left:7px;font-size:11px;font-weight:600;color:#3B6FA8;background:rgba(91,141,201,.14);border-radius:6px;padding:1px 7px;vertical-align:1px}
.ui-dark .dl-chip{color:#8DB3E0}
.due-chip{display:inline-block;margin-left:7px;font-size:11px;color:var(--muted);vertical-align:1px}
.due-chip.late{color:var(--red);font-weight:500}
.dl-meta{display:block;font-size:12px;color:var(--muted);margin-top:1px}
.dl-card .checklist li{align-items:flex-start}
.grid-tm{display:grid;grid-template-columns:380px 1fr;gap:18px;align-items:start}
.tm-intro{margin-bottom:14px}
.tm-form{display:flex;flex-direction:column;gap:12px;position:sticky;top:12px}
.tm-form input[type=text],.tm-form input[name=title],.tm-form input[type=date],.tm-form select,.tm-form textarea{width:100%;border:1px solid var(--fline);border-radius:11px;padding:11px 12px;background:var(--card);font-size:14px;outline:none}
.tm-form textarea{resize:vertical;font-family:inherit}
.tm-form input:focus,.tm-form textarea:focus,.tm-form select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(232,169,76,.18)}
.tm-form small,.tm-row small{display:block;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-weight:500}
.tm-ps{display:flex;flex-wrap:wrap;gap:6px}
.tm-p input{position:absolute;opacity:0;pointer-events:none}
.tm-p span{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 5px;border-radius:999px;border:1.5px solid var(--fline);font-size:13px;cursor:pointer;transition:.15s}
.tm-p span i{width:24px;height:24px;border-radius:50%;background:var(--c);display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:600;color:var(--ink)}
.tm-p span em{font-style:normal;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.tm-p input:checked + span{border-color:var(--gold);background:rgba(232,169,76,.12)}
.tm-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tm-form .hint{font-size:12px;color:var(--muted);line-height:1.5}
.tm-card{margin-bottom:14px}
.tm-h{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.tm-h>i{width:36px;height:36px;border-radius:50%;background:var(--c);display:grid;place-items:center;font-style:normal;font-weight:600;color:var(--ink);flex:none}
.tm-h>div:not(.tm-bar){flex:1}
.tm-h b{display:block}.tm-h small{color:var(--muted);font-size:12.5px}
.tm-bar{width:110px;height:6px;border-radius:6px;background:var(--chip);overflow:hidden}
.tm-bar u{display:block;height:100%;background:var(--green)}
.tm-list{list-style:none}
.tm-list li{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-top:1px solid var(--line)}
.tm-list li>div{flex:1;min-width:0}
.tm-list li b{font-size:14.5px}
.tm-list li small{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
.tm-list li small.late{color:var(--red)}
.tm-list li.done b{color:var(--muted);text-decoration:line-through}
.tm-st{font-size:11px;font-weight:600;padding:4px 9px;border-radius:999px;white-space:nowrap;margin-top:1px}
.tm-st.todo{background:var(--chip);color:var(--gray)}
.tm-st.doing{background:rgba(232,169,76,.18);color:#8a5f1c}
.tm-st.done{background:rgba(62,158,104,.14);color:var(--green)}
.ui-dark .tm-st.doing{color:var(--gold)}
.tm-empty{text-align:center;padding:40px 24px}
.tm-empty p{margin-top:6px}
@media (max-width:1080px){.grid-tm{grid-template-columns:1fr}.tm-form{position:static}}
/* perfil e privacidade */
.prof .acc-l{margin:-4px 0 4px;font-size:13px}
.id-again{display:block;margin:12px 0 0;color:var(--gold2);font-size:13.5px}
.pv,.pv-box{margin-top:20px;border-top:1px solid var(--line);padding-top:18px;display:flex;flex-direction:column;gap:12px}
.pv-box b{display:flex;align-items:center;gap:8px}
.pv-h{display:flex;gap:10px;align-items:flex-start}
.pv-h .ic{color:var(--green);margin-top:2px}
.pv-h b{display:block;font-size:15px}
.pv-h small{display:block;color:var(--muted);font-size:12.5px;line-height:1.5;margin-top:2px}
.pv-links{display:flex;gap:16px;font-size:13.5px}
.pv-links a{color:var(--gold2)}
.pv-acts{display:flex;gap:8px;flex-wrap:wrap}
.pv-sec{font-size:12px;color:var(--muted);line-height:1.5}
.danger-l{color:var(--red);font-size:13px;align-self:flex-start}
.out-b{margin-top:14px;display:flex}
.sheet .sheet-a{display:flex;align-items:center;gap:12px;padding:14px 10px;border-radius:12px;font-size:15.5px;text-decoration:none}

/* ================================================================ ESCRITÓRIO: tela, ajustes e itens com moedas (v0.6) */
.of-b.of-scr.on{background:rgba(91,141,201,.25);color:#BFD6F2}
.of-b.of-focusb.on{background:rgba(232,169,76,.2);color:var(--gold)}
.of-screen{position:absolute;left:12px;top:78px;width:min(62%,880px);background:#0B0B0D;border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.45);z-index:6;animation:ofin .25s ease}
.of-screen video{display:block;width:100%;max-height:calc(100vh - 300px);background:#000;object-fit:contain}
.of-screen.min{width:280px}
.of-scr-h{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;color:#F2F1EC;font-size:13px}
.of-scr-h span{display:flex;gap:6px}
.of-scr-h button{background:rgba(255,255,255,.08);color:#F2F1EC;border-radius:8px;padding:5px 10px;font-size:12px}
.of-screen.mine{width:auto;max-width:420px;background:#141310;border-color:rgba(91,141,201,.5)}
.of-scr-me{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:12px 14px;color:#F2F1EC}
.of-scr-me b{font-size:13.5px}
.of-scr-me small{grid-column:2;color:#9A9488;font-size:12px}
.of-scr-me button{grid-row:1/3;grid-column:3;background:#C9554E;color:#fff;border-radius:999px;padding:8px 14px;font-size:12.5px;font-weight:500}
.of-rec{grid-row:1/3;width:10px;height:10px;border-radius:50%;background:#5B8DC9;box-shadow:0 0 0 4px rgba(91,141,201,.25);animation:pulse 1.4s infinite}
@media (max-width:860px){.of-screen{left:8px;right:8px;width:auto;top:70px}.of-screen.min{width:200px}}
.of-focusbox{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#F6F1E7;border-radius:14px;padding:14px;margin:12px 0}
.of-focusbox.on{background:#141310;color:#F6F1E7}
.of-focusbox b{display:block;font-size:14.5px}
.of-focusbox small{display:block;font-size:12px;color:#8C877C;margin-top:2px;line-height:1.45}
.of-tg{position:relative;width:46px;height:26px;flex:none;cursor:pointer}
.of-tg input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}
.of-tg i{position:absolute;inset:0;border-radius:999px;background:#D8CFC0;transition:.2s}
.of-tg i:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.of-tg input:checked + i{background:#E8A94C}
.of-tg input:checked + i:after{left:23px}
.of-panel.prefs .of-sw{align-items:flex-start;padding:8px 0}
.of-sw span small{display:block;font-size:12px;color:#8C877C;margin-top:1px}
.of-sw input:disabled + span{opacity:.45}
.av-ch.lock{opacity:.8;border-style:dashed}
.av-pr{font-style:normal;font-size:10.5px;color:#B07A22;margin-left:5px;font-weight:600}
.av-coins{margin-top:8px}

/* ================================================================ v0.7: fotos, salas, murais, moedas */
.has-ph{background-size:cover!important;background-position:center!important;color:transparent!important}
.avatar.has-ph{background-color:#ddd}
.of-av.ph{background-size:cover;background-position:center;text-shadow:none}
.ph-row{display:flex;gap:14px;align-items:center;margin:10px 0 6px;padding:12px;border-radius:14px;background:var(--soft)}
.ph-big{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--c);color:var(--ink);font-size:24px;font-weight:600;flex:none}
.ph-row b{display:block;font-size:14px}.ph-row small{display:block;color:var(--muted);font-size:12px;margin:1px 0 8px}
.ph-acts{display:flex;gap:10px;align-items:center}
.ph-acts label{cursor:pointer}
.ui-dark .ph-row{background:rgba(255,255,255,.04)}
.tm-i{width:24px;height:24px;border-radius:50%;background:var(--c);display:grid;place-items:center;font-size:11px;font-weight:600;color:var(--ink);flex:none}
.tm-hi{width:36px;height:36px;border-radius:50%;background:var(--c);display:grid;place-items:center;font-weight:600;color:var(--ink);flex:none}
.tm-h>div:not(.tm-bar){flex:1}
.coin-ways{margin:6px 0 4px}
.coin-ways small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.coin-ways ul{list-style:none;margin-top:6px}
.coin-ways li{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;padding:7px 0;border-bottom:1px solid var(--line)}
.coin-ways li b{color:var(--gold2);font-weight:600;white-space:nowrap;font-size:12.5px}
/* escritório */
.of-roomb{margin-left:8px;font-size:11px;font-weight:500;padding:3px 9px;border-radius:999px;background:rgba(232,169,76,.18);color:var(--gold);white-space:nowrap}
.of-roomb:hover{background:rgba(232,169,76,.3)}
.of-inv{position:absolute;left:50%;top:80px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;background:#141310;color:#F6F1E7;border:1px solid rgba(232,169,76,.5);border-radius:16px;padding:12px 14px;box-shadow:0 18px 44px rgba(0,0,0,.4);z-index:7;animation:ofin .3s ease;max-width:calc(100% - 24px)}
.of-inv>span{font-size:22px;color:#E8A94C}
.of-inv b{display:block;font-size:14px}.of-inv small{display:block;font-size:12px;color:#B9B7B0}
.of-inv button{background:#E8A94C;color:#141310;border-radius:999px;padding:8px 14px;font-size:12.5px;font-weight:600;white-space:nowrap}
.of-inv button.x{background:none;color:#8B8A85;padding:4px 6px}
.of-claim{display:flex;flex-direction:column;gap:8px;margin:10px 0}
.of-claim small{display:block;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:#8C877C;margin-bottom:5px}
.of-claim input{width:100%;border:1px solid #DDD5C6;border-radius:11px;padding:10px 12px;font:14px Poppins,sans-serif;outline:none}
.of-claim input:focus{border-color:#E8A94C;box-shadow:0 0 0 3px rgba(232,169,76,.2)}
.of-link-b{font-size:12.5px;color:#8C877C;text-decoration:underline;margin-top:2px}
.of-invs{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.of-invb{display:inline-flex;align-items:center;gap:7px;padding:4px 10px 4px 4px;border-radius:999px;border:1.5px solid #DDD5C6;font-size:13px;color:#141310}
.of-invb em{font-style:normal;font-size:10.5px;color:#8C877C;text-transform:uppercase;letter-spacing:.05em}
.of-invb.on{border-color:#3E9E68;background:rgba(62,158,104,.1)}
.of-invb.on em{color:#3E9E68}
.of-panel.wall{width:430px}
.of-stf{display:flex;flex-direction:column;gap:8px;margin:10px 0 14px}
.of-stf textarea{min-height:58px}
.of-stc{display:flex;align-items:center;gap:8px}
.of-stc label{cursor:pointer}
.of-stc input{position:absolute;opacity:0;pointer-events:none}
.of-stc i{display:block;width:22px;height:22px;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.18);transform:rotate(-4deg);border:2px solid transparent}
.of-stc input:checked + i{border-color:#141310}
.of-stc .of-cta{margin:0 0 0 auto;width:auto;padding:9px 18px}
.of-stk{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:4px 2px 6px}
.of-sn{background:var(--n);border-radius:3px 3px 14px 3px;padding:12px 12px 8px;box-shadow:0 6px 14px rgba(0,0,0,.14);transform:rotate(var(--r));position:relative;color:#2B2620}
.of-sn:before{content:"";position:absolute;top:-7px;left:50%;width:34px;height:14px;margin-left:-17px;background:rgba(255,255,255,.55);transform:rotate(-3deg);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.of-sn p{font-family:'Lora',serif;font-size:13.5px;line-height:1.4;margin:2px 0 10px;color:#2B2620;white-space:pre-wrap;word-break:break-word}
.of-sn-f{display:flex;align-items:center;gap:6px;font-size:11px;color:rgba(43,38,32,.7)}
.of-sn-f span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.of-sn-f button{color:rgba(43,38,32,.55);font-size:11px;padding:2px 4px}
.of-sn-f button:hover{color:#C9554E}
@media (max-width:860px){.of-panel.wall{width:auto}.of-inv{top:auto;bottom:90px}}