:root{color-scheme:dark;--bg:#0b0e12;--side:#101418;--panel:#151a20;--panel2:#1a2028;--border:#2a3038;--fg:#f5f6f7;--muted:#96a0ad;--red:#ed3341;--red2:#b51e2b;--green:#4ed49e;--link:#f56a73;--rad:12px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-size:14px;min-height:100vh}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:28px;letter-spacing:-.8px;margin-bottom:5px}h2{font-size:17px;letter-spacing:-.3px}h3{font-size:16px}p{color:#c4cbd5;line-height:1.62}small{font-size:12px}.muted{color:var(--muted)}em{font-style:normal;color:var(--red)}.workspace{display:flex;min-height:100vh}.sidebar{width:242px;flex:0 0 242px;position:sticky;top:0;height:100vh;background:linear-gradient(155deg,#171b20,#0e1115 70%);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:18px 12px 14px}.side-brand{display:flex;align-items:center;flex-direction:column;gap:9px;padding:12px 12px 25px;color:var(--fg);border-bottom:1px solid var(--border);text-decoration:none!important}.side-brand img{height:118px;width:150px;object-fit:contain}.side-brand strong{font-size:15px;letter-spacing:3px;white-space:nowrap}.sidebar nav{display:flex;flex-direction:column;gap:3px;margin-top:20px;overflow-y:auto}.nav-link{color:#a9b2c0;display:flex;align-items:center;gap:13px;border-left:3px solid transparent;border-radius:8px;padding:12px 12px;font-weight:500}.nav-link:hover,.nav-link.active{color:var(--fg);text-decoration:none;background:linear-gradient(90deg,#451d24,#20171b)}.nav-link.active{color:#ff6572;border-left-color:var(--red);font-weight:650}.nav-ico{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;font-size:18px}.sidebar-bottom{margin-top:auto;padding:20px 12px 8px;color:var(--muted)}.sidebar-bottom p{font-size:9px;letter-spacing:2px;color:#ed5964;margin:4px 0}.main-area{flex:1;min-width:0}.topbar{height:72px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 30px;background:rgba(13,17,21,.9)}.topbar-title strong{display:block;font-size:16px;letter-spacing:1.2px}.topbar-title span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.topbar-actions{display:flex;gap:13px;align-items:center}.account{display:flex;flex-direction:column;max-width:185px;white-space:nowrap;overflow:hidden}.account b{text-overflow:ellipsis;overflow:hidden}.account small{color:var(--muted);margin-top:3px}.eye{background:#1d232a;border:1px solid #444b53;padding:10px 14px;color:#e9eff7;border-radius:9px;display:inline-flex;gap:9px;align-items:center;font-weight:600;font-size:12px}.eye:hover,.eye[aria-pressed=true]{border-color:var(--red);color:#ff6672}.eye span:first-child{font-size:18px}.menu-icon{display:none}.content{padding:27px 30px 60px;max-width:1560px;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 24px}.page-head p{color:var(--muted);margin:0;font-size:13px}.cards{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;margin-bottom:15px}.stat,.panel{background:linear-gradient(165deg,#171c22,#12171d);border:1px solid var(--border);border-radius:var(--rad);box-shadow:0 14px 24px rgba(0,0,0,.1)}.stat{min-height:129px;padding:18px 19px;display:flex;flex-direction:column;gap:8px}.stat span,.stat small{color:var(--muted);font-size:12px}.stat strong{font-size:30px;font-weight:760;letter-spacing:-1px}.stat strong[data-money]{font-size:24px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:15px}.panel{padding:19px;margin-bottom:15px}.panel h2{margin:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding-bottom:15px;margin-bottom:12px}.panel-head span{font-size:12px;color:var(--muted)}.line-item{display:flex;align-items:center;gap:13px;padding:13px 1px;border-bottom:1px solid #282f36;min-width:0}.line-item:last-child{border-bottom:none}.line-item>div:nth-child(2){min-width:0;flex:1}.line-item strong{display:block;overflow:hidden;text-overflow:ellipsis}.line-item small{display:block;color:var(--muted);margin-top:6px;line-height:1.4}.line-icon,.round-logo{flex:0 0 40px;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#452227,#292027);display:grid;place-items:center;color:#ff6472;font-size:20px}.round-logo{border-radius:100%;color:#a8b0bc;background:#252b33}.panel-help{color:var(--muted);font-size:12px}.empty{text-align:center;padding:29px 8px;color:var(--muted);font-size:13px}.stack{display:flex;flex-direction:column;gap:15px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.wide{grid-column:1/-1}.form-bottom{display:flex;align-items:end;justify-content:flex-start}.stack label,.form-grid label,.assign-row label{color:#c8d0da;font-size:12px;font-weight:620;display:flex;flex-direction:column;gap:7px}.stack input,.form-grid input,.form-grid select,.assign-row select{width:100%;background:#10151a;color:#f5f5f7;border:1px solid #343e49;border-radius:8px;min-height:43px;padding:9px 12px;outline:none}.stack input:focus,.form-grid input:focus,.form-grid select:focus,.assign-row select:focus{border-color:#ee535e;box-shadow:0 0 0 2px #ea34411c}input:disabled,select:disabled{opacity:.55}label small{color:var(--muted);font-weight:400;line-height:1.3}.btn{background:#222b35;border:1px solid #3b444d;color:#f0f3f5;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;font-weight:640;white-space:nowrap}.btn:hover{filter:brightness(1.12)}.btn-primary{background:linear-gradient(105deg,#ed3341,#cf2838);border-color:#f13d4a}.btn.outline{background:transparent}.btn.tiny{padding:7px 10px;font-size:11px}.inline-form{margin:0;display:inline-flex}.flash{margin:0 0 17px;padding:12px 14px;background:#0d3328;color:#94f2be;border:1px solid #285e47;border-radius:9px}.flash.error{background:#351921;color:#ffa1aa;border-color:#633039}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.project-card{background:var(--panel2);border:1px solid var(--border);border-radius:11px;padding:13px;min-width:0}.project-cover{height:86px;background:linear-gradient(130deg,#242e3a,#1b222a);display:grid;place-items:center;color:#6e8090;font-size:45px;border-radius:7px;margin-bottom:14px}.project-card h3{margin:0 0 4px}.project-card p{font-size:12px;margin-bottom:10px}.chip{display:inline-flex;background:#21372e;color:#8de1af;border:1px solid #325c46;border-radius:12px;padding:4px 8px;font-size:11px}.assign-row{border-top:1px solid var(--border);display:flex;align-items:end;gap:7px;margin-top:14px;padding-top:13px}.assign-row label{flex:1}.notice{margin:12px 0 0;font-size:12px;color:#e5bb76}.activity-item{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid var(--border);padding:14px 4px}.activity-item:last-child{border:0}.activity-left{display:flex;gap:14px;align-items:center;min-width:0}.activity-kind{flex-shrink:0;background:#282b34;color:#d1d9e4;padding:7px;border-radius:6px;font-size:11px}.activity-left strong{display:block}.activity-left small{display:block;color:var(--muted);margin-top:6px;line-height:1.45}.completed{text-decoration:line-through;color:var(--muted)}.activity-buttons{display:flex;gap:7px;flex-shrink:0}.timer-active{background:#8a2631;color:white;border-color:#c4404d;font-size:12px}.tabs{display:flex;gap:6px}.pill{background:#272c33;border:1px solid #3b4148;color:#e8eaee;padding:6px 11px;border-radius:6px;font-size:12px}.pill.selected{background:#c92c3a;color:white;border-color:#c92c3a}.upcoming{padding:34px 26px;max-width:850px}.upcoming h2{margin-top:15px;font-size:23px}.money-hidden [data-money]{font-size:0!important;letter-spacing:0!important}.money-hidden [data-money]::after{content:'R$ ••••••';font-size:22px;letter-spacing:1px;color:#c4cbd5}.login-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 85% 90%,#27151b,transparent 32%),#0b0e12}.login-card,.install-card{width:min(440px,100%);border:1px solid var(--border);background:linear-gradient(155deg,#161b21,#10151b);padding:32px;border-radius:15px;box-shadow:0 30px 70px #0004}.brand-login{display:flex;align-items:center;gap:18px;margin-bottom:26px;padding-bottom:19px;border-bottom:1px solid #30343a}.brand-login img{width:94px;height:90px;object-fit:contain}.brand-login b{font-size:19px;letter-spacing:1px;white-space:nowrap}.brand-login small{display:block;letter-spacing:1.2px;color:#a2acb9;margin-top:8px;font-size:9px}.login-card h1,.install-card h1{font-size:25px}.login-card p,.install-card p{color:#b0bac7}.login-card .btn-primary{margin-top:6px;min-height:46px}.footnote{font-size:11px;text-align:center;color:#7c8896!important;margin:20px 0 0}.install-card{width:min(780px,100%);margin:30px auto}.install-card .form-grid{margin-top:22px}.install-card hr{height:1px;border:none;background:var(--border);width:100%;margin:3px 0}.mobile-shade{display:none}
@media(max-width:1080px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cards{grid-template-columns:repeat(2,1fr)}.topbar{padding:0 18px}.content{padding:24px 18px}}
@media(max-width:780px){.sidebar{z-index:101;position:fixed;transform:translateX(-110%);transition:transform .18s ease}.nav-open .sidebar{transform:translateX(0)}.mobile-shade{position:fixed;inset:0;background:#000a;z-index:99}.nav-open .mobile-shade{display:block}.main-area{width:100%}.menu-icon{display:inline-flex;justify-content:center;align-items:center;border:0;background:transparent;color:white;font-size:23px}.topbar{height:64px}.topbar-title span{display:none}.account{display:none}.topbar-actions{gap:6px}.topbar-actions .btn{padding:7px 9px}.eye{padding:9px 10px}.eye #visibility-caption{display:none}.page-head h1{font-size:24px}.two-column{grid-template-columns:1fr}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-item{align-items:flex-start;flex-direction:column}.activity-buttons{padding-left:2px}.stat{min-height:112px}.stat strong{font-size:24px}.content{padding:21px 14px}}
@media(max-width:500px){.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat{padding:14px;min-height:108px}.stat strong{font-size:24px}.stat strong[data-money]{font-size:17px}.project-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid>*{grid-column:1/-1}.panel{padding:15px}.line-item{gap:9px}.line-item small{font-size:11px}.topbar-title strong{font-size:12px}.topbar{padding:0 12px}.btn.tiny{font-size:10px}.login-card,.install-card{padding:21px}.brand-login img{width:69px;height:76px}.brand-login b{font-size:14px}}
/* OFFICE MANAGER 0.2 — Projeto individual, macros e microatividades */
.project-detail-top{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:0 0 18px}
.project-detail-top h2{font-size:26px;margin:8px 0 6px;letter-spacing:-.6px}
.project-detail-top p{font-size:13px;margin:0}
.project-detail-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.back-link,.detail-link{display:inline-block;color:#fa7680;font-size:12px;font-weight:650}
.detail-link{margin:5px 0 9px}
.detail-summary .panel{min-width:0}
.schedule-row{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-bottom:1px solid var(--border)}
.schedule-row:last-child{border:0}
.schedule-row strong{font-size:13px}
.schedule-row small,.schedule-dates{color:var(--muted);font-size:11px}
.schedule-dates{letter-spacing:.2px;color:#f6b8be}
.macro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:18px}
.macro-card{border-radius:12px;border:1px solid #313943;background:#121820;padding:16px;min-width:0}
.macro-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.macro-title-row h3{font-size:15px;margin:5px 0 0}
.macro-count{font-size:10px;letter-spacing:1.2px;color:#e37480;font-weight:700}
.chip-muted{background:#282d35;color:#a7b3c4;border-color:#38414d}
.macro-schedule{font-size:11px;color:#acc0d2;margin:10px 0 0}
.macro-progress{font-size:12px;color:#aebccc;margin:11px 0;border-bottom:1px solid var(--border);padding-bottom:10px}
.micro-list{display:flex;flex-direction:column;gap:3px;margin:6px 0 12px}
.micro-row{display:flex;align-items:center;gap:8px;min-width:0;padding:8px 1px;border-bottom:1px solid #252e38}
.micro-check{color:#7d8997;font-size:17px;flex:0 0 18px}.micro-check.is-done{color:#53d9a4}
.micro-name{font-size:12px;line-height:1.45;min-width:0;flex:1}
.inline-edit{flex:0 0 auto;position:relative}.inline-edit summary{list-style:none;cursor:pointer;border:1px solid #36404b;color:#e5a0a6;padding:5px 8px;border-radius:6px;font-size:10px}
.inline-edit summary::-webkit-details-marker{display:none}.inline-edit[open]{flex-basis:100%;width:100%}.micro-row:has(.inline-edit[open]){flex-wrap:wrap}
.inline-edit-form{display:flex;gap:7px;margin-top:8px;flex-wrap:wrap}.inline-edit-form input{flex:1;min-width:130px}
.inline-edit>.inline-form{margin:8px 0 0}
.macro-editor{border-top:1px solid #2d343d;padding-top:12px;margin:14px 0}
.macro-editor summary,.detail-disclosure summary{cursor:pointer;color:#e2b6bb;font-size:12px;font-weight:650;list-style-position:inside}
.macro-editor[open]>summary{margin-bottom:10px}.editor-row{display:flex;align-items:flex-end;gap:8px;margin:9px 0;flex-wrap:wrap}
.editor-row label{flex:1;min-width:170px;font-size:11px;font-weight:600;color:#c3d0dc;display:flex;flex-direction:column;gap:6px}
.editor-row input,.inline-edit-form input,.scheduler-grid input,.scheduler-grid select{width:100%;background:#10151a;color:#f5f6f7;border:1px solid #37414c;border-radius:7px;min-height:40px;padding:8px 10px;outline:none}
.editor-row .btn,.scheduler-grid .btn{min-height:40px}
.editor-row input:focus,.inline-edit-form input:focus,.scheduler-grid input:focus,.scheduler-grid select:focus{border-color:#f25c66}
.danger-action{color:#ff858e!important;border-color:#804551!important}
.macro-scheduler{margin-top:13px;border-top:1px solid #35404a;padding-top:13px}
.scheduler-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:end}
.scheduler-grid label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#b9c5d1;min-width:0}
.scheduler-grid label:nth-child(3){grid-column:1/-1}
.scheduler-grid button{grid-column:1/-1;width:100%}
.assigned-hint{font-size:12px;margin:0;align-self:center}
.insert-macro{border-top:1px solid var(--border);margin-top:20px;padding-top:19px}
.insert-macro h3{font-size:16px}.insert-macro p{font-size:12px;color:#aab4c1}
.detail-disclosure summary{font-size:13px}.upgrade-panel{max-width:800px}.success-note{color:#76dfad}
.macro-subtitle{font-size:11px!important;color:#dc9da4!important;margin-top:3px!important}
.choice-row{display:flex!important;flex-direction:row!important;gap:9px!important;align-items:center!important;padding:9px 0}
.choice-row input{width:17px!important;min-height:17px!important;accent-color:#e63745}
@media(max-width:1050px){.macro-grid{grid-template-columns:1fr}}
@media(max-width:680px){.project-detail-top h2{font-size:21px}.project-detail-actions{width:100%}.detail-summary{grid-template-columns:1fr}.macro-grid{grid-template-columns:1fr}.macro-card{padding:13px}.scheduler-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.micro-row{align-items:flex-start}.micro-name{overflow-wrap:anywhere}}

.insert-macro .editor-row label{flex:1 1 260px}.insert-macro select{width:100%;background:#10151a;color:#f5f6f7;border:1px solid #37414c;border-radius:7px;min-height:40px;padding:8px 10px}
/* ======================================================================
   OFFICE MANAGER • Design System 0.2 | Desktop + Mobile
   Mantém a estrutura funcional 0.1 e introduz os padrões visuais aprovados.
   ====================================================================== */
:root{
  --bg:#0a0d11;--side:#101419;--panel:#14191f;--panel2:#1b222a;
  --border:#2a323c;--fg:#f7f7f8;--muted:#96a3af;
  --red:#e93343;--red2:#b52132;--link:#ff6978;--rad:13px;
  --shadow:0 18px 40px rgba(0,0,0,.14);
}
html{scroll-padding-top:96px}
body{background:#0a0d11;color:#f5f6f8;-webkit-font-smoothing:antialiased}
button,a,input,select,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid #fc6674;outline-offset:3px}
::selection{background:#a92636;color:#fff}
[hidden]{display:none!important}
.workspace{background:radial-gradient(ellipse 58% 75% at 100% 108%,rgba(102,18,32,.08),transparent 70%),#0a0d11}
.sidebar{width:236px;flex-basis:236px;background:#111519;padding:0 12px 18px;border-right:1px solid #252d35}
.side-brand{padding:21px 7px 22px;gap:9px;min-height:202px;justify-content:center}
.side-brand img{width:156px;height:125px;object-fit:contain;filter:none}
.side-brand strong{font-size:14px;letter-spacing:2.25px;font-weight:780}
.sidebar nav{gap:4px;padding-right:2px;margin-top:14px}
.nav-link{min-height:43px;gap:13px;font-size:13px;font-weight:570;padding:11px 12px;color:#c0c9d2;transition:background .16s,color .16s,border-color .16s;border-radius:8px}
.nav-link:hover{background:#232126;color:#fff}
.nav-link.active{background:linear-gradient(100deg,#441d24,#26191e 85%);color:#ff6572;border-left-color:var(--red)}
.nav-ico{width:18px;height:18px;flex:0 0 18px;color:#a6b3c0}
.nav-ico svg{width:18px;height:18px}
.nav-link.active .nav-ico{color:#ff6473}
.sidebar-bottom{padding:12px 13px 5px;border-top:1px solid #2b323a}
.sidebar-bottom small{font-size:10px}
.topbar{position:sticky;top:0;z-index:20;height:72px;background:rgba(13,16,21,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:0 28px}
.topbar-title strong{font-size:15px;font-weight:800;letter-spacing:.6px}
.topbar-title span{font-size:11px}
.topbar-actions{gap:14px}
.account{border-left:1px solid #303742;padding-left:15px;font-size:12px}
.account small{font-size:11px}
.eye{padding:9px 13px;border-radius:9px;background:#22171b;color:#ff7883;border:1px solid #8a2a39;font-weight:650}
.eye:hover,.eye[aria-pressed=true]{border-color:#ff5d6e;background:#331d25;color:#fff}
.content{max-width:1580px;padding:32px clamp(20px,2.5vw,43px) 95px}
.page-head{padding-bottom:3px;margin-bottom:24px}
.page-head h1{font-size:28px;font-weight:780}
.page-head p{color:#8e9ba8;font-size:12px;margin-top:8px}
.panel,.stat{background:linear-gradient(160deg,#171c22 0%,#12171c 100%);border-color:#2c333d;box-shadow:var(--shadow)}
.panel{padding:21px;border-radius:13px}
.panel-head{padding-bottom:16px;margin-bottom:16px}
.panel-head h2{font-size:16px;letter-spacing:-.23px}
.panel-head span{display:block;margin-top:5px;font-size:11px}
.stat{padding:20px;border-radius:12px;min-height:136px}
.stat span{font-size:12px;color:#b7c2ce}.stat small{font-size:11px}
.stat strong{font-variant-numeric:tabular-nums;font-size:31px}
.stat:hover,.project-card:hover{border-color:#424751}
.line-item{padding:14px 0}
.line-item strong{font-size:13px}
.btn-primary{background:#e93343;border-color:#ec4251;box-shadow:inset 0 1px #ff6a76,0 5px 14px #e9334310}
.btn-primary:hover{background:#f14150}
.btn{border-radius:9px;min-height:39px}
.chip{font-weight:700;font-size:10px;letter-spacing:.12px;padding:5px 9px;border-radius:8px}
.chip-status-concluido{background:#15372b;border-color:#28634b;color:#90e5b4}
.chip-status-pausado{background:#3d321c;border-color:#7b6638;color:#f5d28d}
.chip-status-andamento{background:#183547;border-color:#315c73;color:#a9d9f0}
.chip-status-planejamento{background:#21382f;border-color:#335b4a;color:#8fe3b1}
.eyebrow{font-size:10px;color:#a3aeba;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.panel-help{line-height:1.65}
/* Catálogo de Projetos: quadro e lista realmente selecionáveis */
.project-library{padding:21px}
.project-library>.panel-head{align-items:center}
.view-switch{display:inline-flex;align-items:center;gap:4px;padding:3px;border-radius:10px;background:#10151b;border:1px solid #323b45}
.view-option{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;color:#9eacb8;border-radius:7px;font-size:12px;font-weight:700;white-space:nowrap}
.view-option svg{width:15px;height:15px}
.view-option:hover{color:#fff;text-decoration:none}
.view-option.selected{color:#fff;background:#353038}
.project-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-2px 0 17px}
.project-search-label{display:flex;align-items:center;gap:9px;border-radius:9px;border:1px solid #343f49;padding:0 12px;background:#10151a;color:#a8b5c1;min-height:40px;flex:0 1 380px}
.project-search-label svg{width:16px;height:16px;flex:0 0 16px}
.project-search-label input{border:0;outline:0;background:none;color:#fff;min-width:0;width:100%;height:39px;font-size:12px}
.project-search-label:focus-within{border-color:#e34c5b}
.project-search-label input::placeholder{color:#75838f}
.toolbar-caption{font-size:11px;color:#83919e;text-align:right}
.project-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:15px}
.project-card{display:flex;flex-direction:column;padding:0;min-width:0;overflow:hidden;border-radius:12px;border:1px solid #313b44;background:#171d24;transition:border-color .16s,transform .16s}
.project-card:hover{transform:translateY(-2px)}
.project-cover{height:154px;position:relative;display:block;margin:0;overflow:hidden;border-radius:0;background:radial-gradient(circle at 86% 16%,#632b35 0%,transparent 36%),linear-gradient(135deg,#29333d 0%,#182128 68%,#151c23 100%);color:#fff}
.project-cover-estrutura_metalica{background:radial-gradient(circle at 86% 16%,#6b303b 0%,transparent 36%),linear-gradient(135deg,#37424e,#1b242c)}
.project-cover-alvenaria_estrutural{background:radial-gradient(circle at 86% 16%,#5d3c36 0%,transparent 36%),linear-gradient(135deg,#363b3f,#1b222a)}
.project-cover-concreto_protendido{background:radial-gradient(circle at 86% 16%,#643440 0%,transparent 36%),linear-gradient(135deg,#2a353d,#172027)}
.project-cover-reforma_reforco{background:radial-gradient(circle at 86% 16%,#5c302f 0%,transparent 36%),linear-gradient(135deg,#363139,#171d24)}
.cover-grid,.hero-architectural{position:absolute;inset:0;opacity:.38;background-image:linear-gradient(90deg,transparent 94%,#60727e35 94%),linear-gradient(0deg,transparent 94%,#60727e35 94%);background-size:25px 25px;transform:perspective(300px) rotateX(13deg) scale(1.2)}
.cover-grid:after{content:'';position:absolute;left:29%;top:5%;width:34%;height:110%;border:2px solid #93aabd66;transform:skewY(-18deg);box-shadow:36px 8px 0 -14px #11171c,36px 8px 0 -12px #93aabd66}
.cover-symbol{position:absolute;top:34px;left:calc(50% - 35px);display:grid;place-items:center;width:70px;height:70px;color:#dae4ed88;filter:drop-shadow(0 3px 8px #10151a)}
.cover-symbol svg{width:70px;height:70px;stroke-width:.7}
.cover-eyebrow{position:absolute;left:16px;bottom:15px;font-size:9px;font-weight:750;letter-spacing:1.5px;color:#d4dfe8a8}
.cover-corner{position:absolute;right:13px;bottom:13px;display:grid;place-items:center;border:1px solid #d2dce04a;border-radius:100%;width:28px;height:28px;color:#dee7ef}
.cover-corner svg{width:14px;height:14px}
.project-card-body{padding:17px 16px 14px;flex:1}
.project-card-body h3{margin:7px 0 8px;font-size:16px;line-height:1.3;letter-spacing:-.3px;overflow-wrap:anywhere}
.project-card-body .project-client{display:flex;gap:7px;align-items:center;margin:0 0 17px;color:#a7b3c1;font-size:11px}
.project-card-body .project-client svg{width:14px;height:14px;flex:0 0 14px}
.project-card-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.project-card-body .detail-link{display:inline-flex;gap:5px;align-items:center;font-size:11px;margin:0;color:#ff7682}
.detail-link svg{width:15px;height:15px}
.project-site{display:block;margin-top:10px;font-size:11px}
.project-card-bottom{padding:0 16px 15px;margin-top:auto}.assign-row{padding-top:12px;margin-top:0;gap:7px}
.project-list{display:grid;grid-template-columns:1fr}
.project-list .project-card{display:grid;grid-template-columns:190px minmax(0,1fr) minmax(200px,260px);align-items:stretch}
.project-list .project-cover{height:auto;min-height:165px}
.project-list .project-card-body{padding:18px 20px}
.project-list .project-card-bottom{margin:0;padding:14px 15px;border-left:1px solid #303a43;display:flex;align-items:center}
.project-list .assign-row{width:100%;border-top:0;padding:0}
.project-list .assign-row label{font-size:11px}
.project-list .project-card-body h3{font-size:17px}
.empty-state{padding:30px 15px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;color:#9facb8}
.empty-state>svg{width:30px;height:30px;color:#c84c5e}
.empty-state h3{font-size:16px;margin:5px 0 0;color:#e5e9ee}
.empty-state p{font-size:12px;max-width:320px;margin:0 auto}
.search-empty{padding-bottom:6px}
/* Página individual: informação em destaque, seções úteis */
.project-hero{border:1px solid #3b3842;border-radius:15px;background:linear-gradient(116deg,#1b2027 0%,#171d24 57%,#282029 100%);min-height:214px;display:flex;align-items:stretch;justify-content:space-between;overflow:hidden;margin:0 0 12px;box-shadow:var(--shadow)}
.project-hero-text{flex:1;min-width:0;padding:25px 25px 25px 28px;position:relative;z-index:1}
.project-hero .back-link{color:#e5a7b0;font-size:12px}
.project-hero .eyebrow{margin:17px 0 5px;color:#c68d96}
.project-hero h2{font-size:clamp(21px,2.25vw,33px);letter-spacing:-.8px;line-height:1.12;margin:4px 0 13px}
.project-hero-meta{display:flex;gap:8px 21px;flex-wrap:wrap;font-size:12px;color:#b6c4d0}
.project-hero-meta span{display:flex;align-items:center;gap:8px}
.project-hero-meta svg{width:16px;height:16px;color:#ef6673}
.project-hero-actions{display:flex;align-items:center;gap:12px;margin-top:19px;flex-wrap:wrap}
.project-hero-art{position:relative;display:grid;place-items:center;width:33%;min-width:210px;border-left:1px solid #3b343a;background:radial-gradient(circle at 55% 30%,#73344377,transparent 60%);overflow:hidden}
.project-hero-art>svg{z-index:1;width:128px;height:128px;stroke:#b1c3cf44;stroke-width:.8}
.project-section-nav{display:flex;gap:4px;overflow:auto;margin:0 0 17px;border-bottom:1px solid #29313a;padding:3px 0 9px}
.project-section-nav a{display:flex;align-items:center;gap:8px;padding:10px 15px;border-radius:8px;color:#c2cbd6;font-weight:650;font-size:12px;white-space:nowrap}
.project-section-nav a:hover{color:#fff;background:#24252b;text-decoration:none}
.project-section-nav svg{width:16px;height:16px;color:#f16a78}
#informacoes,#planejamento,#cronograma{scroll-margin-top:105px}
.macro-grid{gap:16px}
.macro-card{background:#171c22;border:1px solid #343c46;border-radius:12px;padding:18px;box-shadow:0 9px 22px #0002}
.macro-card:hover{border-color:#5a444d}
.macro-title-row h3{font-size:16px;line-height:1.25}
.macro-count{font-size:10px;color:#e96977;letter-spacing:1.5px}
.macro-progress{font-size:11px;color:#a5b5c4;background:#111920;padding:10px;border-radius:7px;border-bottom:0;margin:14px 0 6px}
.micro-name{font-size:12px}
.micro-check{font-size:16px}
.micro-row{padding:10px 2px}
.insert-macro{padding:20px;background:#161c22;border:1px dashed #78414a;border-radius:12px;margin-top:24px}
.insert-macro h3{color:#fff}
/* Atividades: a macro fica logo abaixo da micro, com ícone, e sem data */
.activity-panel>.panel-head{align-items:center}
.activity-item{padding:17px 4px;gap:22px}
.activity-left{align-items:flex-start;gap:13px;flex:1}
.activity-info{min-width:0}
.activity-info>strong{font-size:14px;line-height:1.45;margin-top:0;overflow-wrap:anywhere}
.activity-kind{display:flex;align-items:center;gap:5px;background:#29323b;color:#cbd5e0;font-size:10px;padding:7px 9px;border-radius:7px}
.activity-kind svg{width:13px;height:13px}
.activity-subline{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:6px;font-size:11px;color:#9eacb9;line-height:1.4}
.activity-subline svg{width:14px;height:14px;flex:0 0 14px}
.activity-subline-macro{color:#e7adb7;font-size:11px;font-weight:670;margin-top:8px}
.activity-subline-macro svg{color:#ea6f7e}
.activity-subline-project svg{color:#9fb7d0}
.activity-subline-date{color:#7f8d9c}
.meta-separator{color:#5f6d79}
.activity-buttons .btn{min-height:35px}
/* Mobile app layout: persistent dock + off-canvas menu */
.mobile-dock{display:none}
@media(max-width:1200px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-list{grid-template-columns:1fr}.project-list .project-card{grid-template-columns:156px minmax(0,1fr)}.project-list .project-card-bottom{grid-column:2;border-left:0;border-top:1px solid #303a43;padding-top:11px}.project-list .assign-row{max-width:440px}}
@media(max-width:900px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-list{grid-template-columns:1fr}.project-hero-art{min-width:170px;width:27%}.project-hero-art>svg{width:85px;height:85px}}
@media(max-width:780px){
  .sidebar{width:min(295px,88vw);flex-basis:min(295px,88vw);padding-bottom:25px}
  .topbar{height:62px;padding:0 15px}
  .content{padding:24px 15px 120px}
  .mobile-dock{z-index:45;position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:76px;padding:5px 4px max(5px,env(safe-area-inset-bottom));background:#131820;border-top:1px solid #303943;box-shadow:0 -12px 25px #0006;backdrop-filter:blur(16px)}
  .dock-link{background:none;border:0;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;color:#9aaab9;font-size:10px;font-weight:680;min-width:0;text-decoration:none}
  .dock-link svg{width:19px;height:19px}
  .dock-link.current{color:#ff6b7a;background:#44202755}
  .dock-link:hover{text-decoration:none;color:#fff}
  .dock-more{font:inherit;font-size:10px;font-weight:680}
  .topbar-title strong{font-size:13px}.topbar-title span{font-size:10px}
  .topbar-actions{gap:8px}.topbar-actions>.inline-form{display:none}
  .eye{min-height:39px;padding:8px 11px}
  .menu-icon{width:35px;height:35px;display:flex;align-items:center;justify-content:center}
  .menu-icon svg{width:23px;height:23px}
  .panel{padding:16px}
  .project-library{padding:16px}
  .toolbar-caption{display:none}
  .project-search-label{flex:1}
  .project-list .project-card{grid-template-columns:150px minmax(0,1fr)}
}
@media(max-width:600px){
  .page-head{margin-bottom:19px}.page-head h1{font-size:24px}
  .project-grid{grid-template-columns:1fr}
  .project-list .project-card{display:flex;flex-direction:column}
  .project-list .project-cover{height:120px;min-height:0}
  .project-list .project-card-bottom{border-left:0;grid-column:auto}
  .project-cover{height:130px}
  .project-toolbar{margin-top:2px}
  .project-library>.panel-head{align-items:flex-start;flex-direction:column;gap:11px}
  .view-switch{align-self:flex-end;margin-top:-3px}
  .project-hero{min-height:0}.project-hero-text{padding:21px}
  .project-hero-art{display:none}
  .project-hero h2{font-size:24px}
  .project-hero-meta{flex-direction:column;gap:8px}
  .project-section-nav{justify-content:space-between}.project-section-nav a{padding:10px 8px;font-size:11px;gap:5px}
  .macro-card{padding:14px}
  .macro-grid{gap:12px}
  .activity-item{gap:11px;align-items:stretch}
  .activity-left{gap:9px}
  .activity-kind{font-size:0;padding:9px;width:32px;height:32px;display:grid;place-items:center;flex-basis:32px}
  .activity-kind span{display:none}
  .activity-kind svg{width:17px;height:17px}
  .activity-buttons{padding-left:41px;display:flex;flex-wrap:wrap}
  .activity-panel>.panel-head{flex-direction:column;align-items:flex-start}
  .activity-panel .tabs{align-self:flex-end}
}
@media(max-width:360px){.topbar-title span{display:none}.stat strong{font-size:22px}.view-option{padding:7px 8px}}

.eye svg{width:16px;height:16px;flex:0 0 16px}
/* v0.2.2: Personalização de tipografia restrita ao nome do sistema */
.mobile-wordmark-logo{display:none}
.brand-settings{max-width:980px}
.brand-settings .panel-help{font-size:14px}
.brand-preview-card{background:#0a0e12;border:1px solid #27323b;border-radius:12px;padding:28px 24px;margin:20px 0 24px;text-align:center}
.brand-preview-caption{font-size:10px;letter-spacing:2.5px;color:#a7b0ba;margin-bottom:15px}
.brand-preview-type{font-size:clamp(24px,3.7vw,42px);font-weight:750;letter-spacing:.07em;display:flex;align-items:center;justify-content:center;gap:.32em;flex-wrap:wrap;line-height:1.3;color:#f7f8fa}
.brand-preview-card small{display:block;color:#9aa7b3;margin-top:13px}
.brand-font-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.brand-font-field{display:flex;flex-direction:column;gap:12px;padding:20px;background:#10161c;border:1px solid #2c3640;border-radius:11px;min-width:0}
.brand-font-field>label:first-child{font-size:15px;font-weight:700;display:flex;flex-direction:column;gap:5px;color:#f7f8fa}
.brand-font-field label small,.brand-font-field>small{font-size:12px;font-weight:400;color:#a7b0ba}
.brand-font-field input[type=file]{width:100%;background:#18212a;color:#e9ecf0;border:1px dashed #526070;border-radius:8px;padding:13px;font-size:12px}
.brand-font-field input[type=file]::file-selector-button{background:#27323b;color:#fff;border:0;border-radius:6px;padding:9px 11px;margin-right:9px;cursor:pointer}
.brand-remove{display:flex;align-items:center;gap:8px;font-size:12px;color:#b6c0cb}.brand-remove input{accent-color:var(--red)}
.brand-upload-footer{grid-column:1/-1;display:flex;gap:14px;justify-content:space-between;align-items:center}.brand-upload-footer small{font-size:12px;color:#a7b0ba;max-width:570px;line-height:1.6}
@media(max-width:780px){.topbar-title{display:flex;align-items:center;gap:8px;min-width:0}.mobile-wordmark-logo{display:block;object-fit:contain;width:39px;height:39px;flex-shrink:0}.topbar-wordmark{min-width:0}.topbar-wordmark strong{white-space:nowrap;font-size:12px;letter-spacing:.3px}.brand-font-form{grid-template-columns:1fr}.brand-upload-footer{flex-direction:column;align-items:stretch}.brand-upload-footer button{width:100%}.brand-preview-type{font-size:clamp(24px,6.5vw,36px)}}
@media(max-width:390px){.topbar-title .mobile-wordmark-logo{width:32px;height:32px}.topbar-wordmark strong{font-size:10px}.brand-preview-card{padding:20px 10px}}
.font-preview-office{font-family:'OMBrandOfficePreview',Inter,system-ui,sans-serif!important}
.font-preview-manager{font-family:'OMBrandManagerPreview',Inter,system-ui,sans-serif!important}