/* Rappu: direção monocromática da referência, adaptada para tema claro. */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--brand:#171717;--brand-dark:#242424;--ink:#171717;--muted:#757575;--surface:#fff;--paper:#fafafa;--line:#e7e7e7;--sidebar:#fff;--radius:20px;font-family:'Manrope',Arial,sans-serif}
body{background:var(--paper)}h1,h2{font-weight:600;letter-spacing:-1.2px}.wordmark{background:url('../rappu-wordmark.svg') left center/contain no-repeat;width:132px;height:43px;font-size:0!important;letter-spacing:0}.wordmark span{display:none}.side .wordmark{width:119px;height:39px}.side{color:#464646;border-right:1px solid var(--line);box-shadow:none}.side-kicker,.side-label{color:#898989}.side-kicker{margin-top:12px}.nav a:hover{background:#f5f5f5}.nav a.active{background:#171717;color:#fff}.nav .count{background:#ededed;color:#555}.nav a.active .count{background:#ffffff20;color:white}.side-help{background:#f7f7f7;border-color:var(--line);padding:18px}.side-help p{color:#737373}.profile{border-color:var(--line)}.profile small{color:#888}.avatar{background:#efefef;color:#333}.exit{color:#666}.btn{background:#171717;color:#fff;border-radius:999px;padding:12px 21px;font-weight:600}.btn.secondary{color:#222;border-color:#ddd}.btn.dark{background:#171717}.btn:hover{filter:none;background:#363636;color:white}.btn.secondary:hover{background:#f1f1f1;color:#171717}.btn:focus-visible,a:focus-visible{outline-color:#777}.topbar{background:#fff}.local-pill{background:#f2f2f2;color:#777}.brand-select{border-radius:999px;padding:9px 15px}.page-head .eyebrow{color:#858585}.hero{background:#efefef;border:1px solid #e7e7e7;padding:34px}.hero h2{font-size:32px;font-weight:600;letter-spacing:-1.4px}.hero p{color:#707070}.hero-art{color:#212121;font-size:145px}.kpi{border-radius:16px}.kpi .kpi-symbol{color:#777}.kpi strong{font-weight:600}.panel{box-shadow:0 3px 18px #00000002}.material-preview{background:#f0f0f0}.placeholder-art{background:linear-gradient(140deg,#f5f5f5,#e5e5e5);color:#3c3c3c}.placeholder-art small{color:#777}.format-badge{background:#fffffff0}.date-box{background:#f1f1f1}.invoice-mini{background:#f6f6f6}.notice{background:#f1f1f1;color:#707070}.calendar .weekday{background:#f3f3f3;color:#777}.day.outside{background:#fafafa}.day-number{color:#777}.event{background:#efefef;color:#424242;border-color:#777}.event.good{background:#edf7ee;border-left-color:#2e7d32;color:#1b4332}.event.wait{background:#fff8e6;border-left-color:#e6a23c;color:#8c5b05}.event.adjust{background:#fdf2f0;border-left-color:#d32f2f;color:#8c1d18}.event.info{background:#edf5fc;border-left-color:#1976d2;color:#0d47a1}.table th{background:#f7f7f7;color:#777}.empty{border-color:#d5d5d5}.empty strong{color:#444}.dialog-close{background:#f0f0f0}.field input,.field select,.field textarea{background:#fcfcfc;border-color:#ddd}.comment{background:#f4f4f4}.login-story{background:#f0f0f0;color:#171717;border-right:1px solid #e6e6e6}.login-story h1 span{color:#777}.login-story p{color:#777}.login-star{color:#222}.login-disclaimer{background:#f1f1f1}.entry{background:#fafafa}.entry-main>h1{font-weight:500}.entry-main>h1 em{color:#8a8a8a}.entry-card{background:#eee;border:1px solid #e2e2e2}.agency-choice{background:#171717;color:#fff;border-color:#171717}.agency-choice strong{border-color:#ffffff25}.entry-card .eyebrow{color:#777}.agency-choice .eyebrow{color:#aaa}.entry-footer{color:#777}.entry-main>h1{letter-spacing:-4px}.client-card .avatar{background:#ededed}.link-button{color:#333}.workspace-footer{color:#999}.filter-pills button.active{background:#171717}.tag{background:#efefef;color:#666}.tag.good{background:#edf3ee;color:#4b6c53}.tag.wait{background:#faf2e4;color:#8d703c}.tag.adjust{background:#f9ebe7;color:#a05e4e}.tag.info{background:#ededf4;color:#686781}
@media(max-width:760px){.hero{padding:24px}.hero h2{font-size:25px}.entry-main>h1{letter-spacing:-2.5px}.side{box-shadow:8px 0 60px #0002}.btn{padding:12px 18px}.login-story{border-right:0;border-bottom:1px solid var(--line)}}

/* Refinamentos de operação e formulários */
.material-preview{aspect-ratio:4/5;background:#f2f2f2}.material-preview img{object-fit:contain;object-position:center}.material-preview:hover img{transform:none}.exit{color:#c33c3c;background:#fff0f0;border-radius:9px;display:grid;place-items:center;width:34px;height:34px}.exit:hover{background:#ffe0e0}.exit svg{width:20px;height:20px}.side-help{display:none}.login-password{margin-top:16px}.login-test-note{font-size:11px;color:#888;margin-top:15px}.upload-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:210px;border:1.5px dashed #ccc;background:#f7f7f7;border-radius:15px;overflow:hidden;font-weight:500;cursor:pointer}.upload-zone:focus-within{outline:2px solid #222;outline-offset:3px}.upload-zone input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.upload-content{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;width:100%;padding:18px}.upload-content img{display:block;max-width:100%;height:230px;object-fit:contain}.upload-symbol{font-size:32px}.upload-change{font-size:11px;border-top:1px solid #e3e3e3;padding:12px;width:100%;text-align:center}.upload-zone.drag-over{border-color:#222;background:#eee}.incoming{margin-bottom:24px}.incoming-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.incoming-row p{font-size:10px;color:var(--muted)}.board-scroll{overflow-x:auto;padding:3px 3px 20px;overscroll-behavior-x:contain}.board{display:flex;align-items:flex-start;gap:18px;min-width:min-content}.board-list{width:285px;flex-shrink:0;background:#f0f0f0;border:1px solid #e4e4e4;border-radius:16px;padding:13px}.board-list>header{display:flex;gap:10px;align-items:center;padding:7px 4px 16px}.board-list>header h2{font-size:14px;letter-spacing:-.3px;flex:1}.board-list>header>span{background:#e3e3e3;border-radius:7px;font-size:10px;padding:4px 7px}.board-cards{display:flex;flex-direction:column;gap:10px;min-height:135px;max-height:684px;overflow-y:auto;padding:2px;scrollbar-width:thin}.board-card{height:128px;min-height:128px;flex-shrink:0;border:1px solid #e2e2e2;background:white;border-radius:11px;cursor:grab;box-shadow:0 2px 4px #00000003}.board-card.dragging{opacity:.4}.card-open{padding:14px;width:100%;height:100%;text-align:left;background:none;color:var(--ink);border-radius:11px}.card-open strong{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:12px}.card-open p{font-size:10px;color:#777;margin:8px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:33px}.card-open small{font-size:9px}.card-grip{float:right;color:#bbb}.board-add{background:none;color:#777;font-size:11px;padding:16px 5px 4px;width:100%;text-align:left}.drop-active{background:#e2e2e2;outline:1px dashed #aaa;border-radius:9px}.board-list .link-button{padding:0;font-size:20px}@media(max-width:760px){.board-list{width:260px}.incoming-row{flex-wrap:wrap}}

/* Mantém as seções do menu estáveis em telas de menor altura. */
.side{height:100dvh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable}
.side>.wordmark,.side>.side-label,.side>.nav,.side>.side-bottom{flex-shrink:0}
.side .nav{display:flex;flex-direction:column;gap:7px}
.side .nav a{flex-shrink:0;min-height:44px;white-space:nowrap}
.side .nav a>svg{flex-shrink:0}
.side-label{line-height:1.5;min-height:14px}
.side-bottom{padding-top:18px}
.profile{min-height:62px}.profile>div:not(.avatar){min-width:0}.profile strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.exit{flex-shrink:0}
@media(max-height:760px){.side{padding-top:18px;padding-bottom:16px}.side-label{margin-top:15px;margin-bottom:9px}.nav a{padding-top:10px;padding-bottom:10px}.side-bottom{padding-top:10px}.profile{margin-top:10px;padding-top:14px}}

.menu-backdrop{display:none}.account-avatar{display:inline-flex;border-radius:50%}.account-check input[type=checkbox]{width:16px;min-height:16px;vertical-align:middle;margin-right:8px}.field input[readonly]{color:#888;background:#f2f2f2}.account-avatar:focus-visible{outline:2px solid #333}@media(max-width:760px){.menu-open .menu-backdrop{display:block;position:fixed;inset:0;background:#0004;z-index:9;cursor:pointer}.menu-open{overflow:hidden}}

.team-assignment{padding:16px;border:1px solid var(--line);border-radius:12px}.team-assignment label{font-size:12px;padding:6px}.team-assignment input[type=checkbox]{width:16px;min-height:16px;vertical-align:middle;margin-right:7px}

.notification-trigger{position:relative;display:grid;place-items:center;background:white;border:1px solid var(--line);border-radius:50%;height:42px;width:42px;color:#222}.notification-trigger svg{width:21px;height:21px}.notification-count{position:absolute;right:-3px;top:-4px;min-width:18px;height:18px;border-radius:20px;background:#222;color:white;font-size:9px;display:grid;place-items:center;border:2px solid white}.notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;color:#888;margin-bottom:12px;flex-wrap:wrap}.notification-item{padding:15px 0;border-bottom:1px solid var(--line)}.notification-open{display:flex;gap:12px;align-items:flex-start;width:100%;background:transparent;color:var(--ink);text-align:left;padding:0}.notification-open>span:nth-child(2){flex:1}.notification-open strong{font-size:13px}.notification-open p{font-size:11px;color:#777;margin:6px 0}.notification-open small{font-size:10px;color:#999}.notification-dot{height:7px;width:7px;border-radius:50%;background:#222;margin-top:6px;flex-shrink:0}.is-read .notification-dot{background:#ddd}.is-read strong{font-weight:500;color:#777}.notification-mark{display:block;font-size:10px;margin:8px 0 0 19px}

/* Filtros, ações financeiras e leitura de documentos */
.project-toolbar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:28px}.project-toolbar .field{margin:0;min-width:190px;gap:8px}.project-toolbar .field select,.project-toolbar>.btn{box-sizing:border-box;height:44px;min-height:44px;font:500 13px 'Manrope',Arial,sans-serif}.project-toolbar>.btn{display:inline-flex;align-items:center;justify-content:center;min-width:112px;padding:0 18px;margin:0}.project-toolbar>.btn[aria-current=page]{background:#171717;color:#fff;border-color:#171717}.project-toolbar .field select{padding:0 14px;border-radius:12px}.billing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-width:250px}.billing-actions .btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 14px;font-size:12px;line-height:1.4;white-space:nowrap}.billing-actions>.muted{flex-basis:100%;font-size:12px}.table td{vertical-align:middle}.contract-summary-note{font-family:inherit;font-size:12px;line-height:1.7;color:var(--muted);margin:18px 0 0}.document-preview{font-size:14px;line-height:1.85}.document-preview h3{font-size:20px;margin:20px 0 12px}.document-preview p{white-space:pre-wrap;margin:12px 0}.table td>.muted{font-size:12px;line-height:1.6}@media(max-width:600px){.project-toolbar .field{flex-basis:100%}.project-toolbar>.btn{flex:1;min-width:100px}.billing-actions{min-width:210px}}

.page-head .actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.client-selector{height:44px;min-height:44px;max-width:260px;border:1px solid #ddd;border-radius:12px;background:#fcfcfc;padding:0 14px;color:var(--ink);font:500 13px 'Manrope',Arial,sans-serif}.page-head .actions>.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}@media(max-width:600px){.client-selector{max-width:100%;flex:1}.page-head .actions{width:100%}}

.finance-dashboard{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:22px;align-items:start}.finance-dashboard .panel{margin:0;min-width:0}.finance-row{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid var(--line);font-size:13px}.finance-row:last-child{border-bottom:0}.finance-row>div:first-child{flex:1;min-width:0}.finance-row strong{font-size:13px;font-weight:600;overflow-wrap:anywhere}.finance-row p,.finance-row small{font-size:12px;line-height:1.6;color:var(--muted);margin:5px 0 0}.finance-row-value{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.finance-row .btn{white-space:nowrap;flex-shrink:0;font-size:12px}.finance-alert{display:flex;justify-content:space-between;gap:16px;align-items:center;background:#f7f7f7;border-radius:12px;padding:14px 16px;margin:10px 0;font-size:13px;line-height:1.5}.finance-alert strong{font-size:20px}@media(max-width:1100px){.finance-dashboard{grid-template-columns:1fr}}@media(max-width:600px){.finance-row{flex-wrap:wrap}.finance-row>div:first-child{flex-basis:60%}.finance-dashboard .panel-head{align-items:flex-start;gap:12px;flex-wrap:wrap}}

.service-unavailable{padding:28px}.service-unavailable .empty{padding:38px 24px}.service-unavailable>.actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding-top:22px}.service-demo{margin-top:30px}.demo-banner{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px 20px;margin-bottom:24px;border:1px solid var(--line);border-radius:14px;background:#f3f3f3}.demo-banner p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.service-demo .page-head .eyebrow{display:none}@media(max-width:600px){.service-unavailable{padding:20px}.service-unavailable .empty{padding:30px 18px}.service-unavailable>.actions{padding-top:20px;gap:14px}}