@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;550;600;650;700&family=Plus+Jakarta+Sans:wght@500;600;650;700;750;800&display=swap');

/* Nous — direção visual: clareza, contraste e um único acento cromático. */
:root{--bg:#f6f5f2;--surface:#fff;--ink:#24262c;--muted:#6d7078;--line:#e5e4df;--brand:#334df4;--brand-dark:#233ac4;--soft:#eef0ff;--sidebar:#202124;--radius:9px;--font-body:Inter,system-ui,sans-serif;--font-display:'Plus Jakarta Sans',system-ui,sans-serif;font-family:var(--font-body);font-size:14px}
body{background:var(--bg);-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:var(--font-body)}
h1,h2,.brand,.metric-number,.contract-metric strong,.contract-price strong,.dialog-head h2,.calendar-bar strong{font-family:var(--font-display)}
button:focus-visible,a:focus-visible{outline:2px solid var(--brand)}input:focus,textarea:focus,select:focus{outline:2px solid #a8b3ff}
.sidebar{background:var(--sidebar);border-right:0;padding-top:35px;width:228px;color:#f4f4f6}
main{margin-left:228px;width:calc(100% - 228px)}
.brand{font-weight:800;font-size:33px;letter-spacing:-1.8px;color:#fff;gap:12px;padding:0 12px;line-height:1.2}
.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;padding:0;background:var(--brand);color:#fff;box-shadow:0 3px 12px #0002}
.brand-mark svg{height:28px;width:28px;stroke-width:2.7}.brand-dot{color:#8192ff}
.workspace{margin-top:33px;margin-bottom:33px;padding:12px 10px;background:#292a2f;border-color:#38393e;border-radius:8px;gap:10px}
.workspace-symbol{background:#3b3d45;color:#dbdce3;border-radius:6px;width:29px;height:29px;font-weight:600;font-family:var(--font-display)}
.workspace strong{color:#e6e6ed;font-size:11px}.workspace small{color:#a0a2ac;font-size:10px;line-height:1.5}.workspace-chevron{color:#9b9da8}
.nav-caption{color:#8f919d;font-size:9px;font-weight:550;letter-spacing:1.5px;margin-bottom:13px;margin-left:12px}
nav{gap:7px}nav button{font-size:12px;color:#b8bac6;border-radius:7px;padding:12px;gap:11px;font-weight:450;position:relative}
nav button:hover{background:#2b2c33;color:#fff}nav button.active{background:#343854;color:#fff;font-weight:550}
nav button.active:before{content:'';position:absolute;left:0;top:11px;bottom:11px;width:2px;border-radius:0 2px 2px 0;background:#8b9aff}
nav button.active svg{color:#abb5ff}.nav-count{background:#41455e;color:#d6dcff;font-size:10px;border-radius:4px;font-weight:500}
nav button:not(.active) .nav-count{background:#32343c;color:#b8bbc8}
.sidebar-note{color:#c2c4d0;font-size:11px;line-height:1.8;margin-bottom:32px}.sidebar-note>span:last-child{color:#858995;font-size:10px}
.tiny-dot{background:#7585e8}.sidebar-note .tiny-dot{background:#8594ff}
.sidebar-bottom{border-color:#383940;padding:19px 17px}.sidebar-bottom strong{color:#e8e9ee;font-size:11px;font-weight:500}.sidebar-bottom small{color:#9396a3;font-size:10px}
.avatar{background:#e9ecfb;color:#5663a3;border-color:#fff;font-size:10px;font-weight:550}.sidebar .avatar{background:#3e4259;color:#cbd2ff;border-color:#202124}
.sidebar .icon-button{color:#a1a5b4}.sidebar .icon-button:hover{background:#343640;color:#fff}
.topbar{height:64px;background:#fdfcf9;border-color:var(--line);padding:0 36px}.breadcrumb{font-size:11px;color:#777a83}.breadcrumb strong{color:#3d414b;font-weight:500}.breadcrumb span{color:#a8abb2}
.demo-tag{color:#6b6e78;font-size:10px}.demo-tag>span{background:#7b87c7}.icon-button{color:#777d8c;border-radius:6px}.icon-button:hover{color:#38466e;background:#ebeef7}
.demo-bar{background:#f0f1f7;color:#687083;border-color:#e6e7ee;padding-left:36px;padding-right:36px;font-size:11px}.demo-bar select{background:#fff;border-color:#d9dce8;color:#384669;font-size:11px}
.content{padding:36px 36px 20px}.eyebrow{color:#7c7f88;font-size:9px;font-weight:600;letter-spacing:1.6px;margin-bottom:11px}
h1{font-size:29px;letter-spacing:-1.2px;font-weight:750;line-height:1.25;color:#262831}.page-header p{font-size:12px;color:#70737c;line-height:1.7;margin-top:11px}
.button{border-color:#dfe1e7;color:#4e5566;border-radius:7px;font-size:11px;font-weight:550;min-height:37px;padding:10px 13px;background:#fff}
.button:hover{background:#f4f5f9;border-color:#c7cddc}.button.primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 2px 3px #334df412}.button.primary:hover{background:var(--brand-dark);border-color:var(--brand-dark)}
.button.secondary{background:#fff7ee;color:#98621d;border-color:#efddbf}.button.secondary:hover{background:#fff0dc}
.overview{border-color:var(--line);margin-top:30px}.metric{border-color:#dedee0}.metric-number{color:#252833;font-weight:650;font-size:25px}.metric-label{font-size:11px;color:#777b86}.metric-note{color:#7e8491;font-size:10px}
.view-switch{background:#eeede9;border-color:#e2e1dd;border-radius:7px;padding:3px}.view-switch button{font-size:11px;color:#777d88}.view-switch button.selected{background:#fff;color:#343b4f;box-shadow:0 1px 3px #20212414}
.search,.client-filter{border-color:#dfdfdf;background:#fff;color:#8d94a3}.search input{font-size:11px;color:#3a4154}.search input::placeholder{color:#7f8592}.search kbd{color:#9399a5;background:#f7f8fb;border-color:#e2e4ea}
.client-filter select{color:#5f677a;font-size:11px}.board-scroll{scrollbar-color:#c9ccd7 transparent}.board{gap:13px}.column{border-color:#e6e5e0;background:#eeede9;border-radius:9px;padding:13px 9px}
.column.drop-target{background:#e9edff;border-color:#9daaff}.column-header{font-size:11px;letter-spacing:-.2px;font-weight:550;color:#414651}.column-count{font-size:10px;color:#7b8391}
.column-owner{font-size:10px;color:#787d88;margin-top:1px;margin-bottom:17px}.stage-dot{border-color:#a3a8b4}.stage-dot.producao{background:#8295df;border-color:#8295df}.stage-dot.revisao{background:#cfab66;border-color:#cfab66}.stage-dot.cliente{background:#ab8cbe;border-color:#ab8cbe}.stage-dot.pronto{background:#77a295;border-color:#77a295}.stage-dot.publicado{background:#6d8a80;border-color:#6d8a80}
.task-card{background:#fff;border-color:#dedfe4;border-radius:7px;box-shadow:0 1px 2px #20212404;padding:13px 12px}.task-card:hover{border-color:#a0aff2;box-shadow:0 3px 10px #24335b08}
.client-label{color:#737d8b;font-size:10px}.card-title{font-size:12px;line-height:1.55;font-weight:500;color:#353b49;min-height:36px}.card-format{color:#737c8f;font-size:10px;gap:5px}.card-bottom{border-color:#eff0f4;padding-top:10px}.due{font-size:10px;color:#6f798d}.due.today{color:#946c26}.due.late{color:#b05c48}
.card-bottom .avatar{background:#eceef9;color:#62709f}.adjustment-tag{font-size:10px;color:#a56d26}.scheduled-tag{color:#487f6c;font-size:10px}.empty-column{font-size:11px;color:#8b93a2;border-color:#d6d8df}.column-add{color:#6875a0;font-size:11px}.column-add:hover{color:var(--brand)}
.page-footer{font-size:10px;color:#818795;padding-top:22px}.table-wrap{border-color:#dedfe4}.table-wrap th{color:#727b8c;background:#f0f1f6;font-size:11px}.table-wrap td{font-size:12px;color:#657086;border-color:#edeef2}.table-wrap td:first-child{color:#343b4f}.table-wrap tbody tr:hover{background:#f7f8fd}.status-label{font-size:11px}
.calendar{border-color:#e0e1e5}.day-name{color:#737e91;background:#eef0f6;border-color:#e3e5eb;font-size:10px}.day{border-color:#eceef3}.day-number{color:#68758d;font-size:11px}.day.outside{background:#fafbfe}.day.outside .day-number{color:#aab3c3}.day.today .day-number{background:var(--brand);color:white}.calendar-task{background:#eff1fa;color:#4c5c7b;font-size:10px;padding:7px}.calendar-task:hover{background:#e3e8ff}.calendar-bar strong{color:#3d465b}.undated{font-size:11px;color:#768094}
dialog{border-color:#dddfe7;box-shadow:0 20px 90px #131a3033;border-radius:12px}dialog::backdrop{background:#1c23394a;backdrop-filter:blur(3px)}.dialog-head{border-color:#ebeef5}.dialog-kicker{font-size:10px;color:#6a7696;letter-spacing:.4px}.dialog-head h2{font-size:21px;letter-spacing:-.6px;color:#30394d}.dialog-body h3{font-size:12px;color:#3c465d;font-weight:600}.metadata label,.field label{font-size:11px;color:#737f95}.metadata strong{color:#3c4862;font-size:12px}.briefing{color:#62718b;font-size:12px}.field input,.field textarea,.field select{color:#3a4b6d;background:#fcfcff;border-color:#dce1ed;font-size:12px}.field input::placeholder,.field textarea::placeholder{color:#8c97ad}.dialog-foot{background:#f6f7fb;color:#78849b;border-color:#e8ebf4;font-size:10px}.event{border-color:#dce2f0;color:#7888a3}.event:before{background:#b2bfe4}.event strong{color:#526589}.event small{color:#8291aa;font-size:10px}.event-text{font-size:12px;color:#627699}.step-hint{background:#eff2fc;color:#63789e}.info-dialog p{color:#647593}.progress-mini span{background:#e5e9f5}.progress-mini span.done{background:#6f85e9}.toast{background:#2b3656;color:#f6f8ff;box-shadow:0 5px 30px #12234429}.required{color:#6d80b0}.error-text{color:#b15b49}.adjustment-box{background:#fff8ec;color:#926829;border-color:#f1e0bd}
.overview.contracts-overview{gap:16px;margin:31px 0 33px}.contract-metric{background:#fff;border-color:#e0e1e4;border-radius:10px;padding:23px 24px;box-shadow:0 2px 4px #20212402}.contract-metric-label{color:#656e7f;font-size:11px}.contract-metric-label svg{color:#818b9e;width:15px;height:15px}.contract-metric strong{font-size:30px;letter-spacing:-1px;font-weight:650;color:#272e3d;margin:17px 0 7px}.contract-metric small{color:#7f8796;font-size:10px}.summary-badge{font-size:9px;background:#fff3dc;color:#946c22;font-family:var(--font-body)}
.contracts-toolbar h2{color:#343d51;font-size:15px}.contracts-toolbar h2>span{color:#7a859d;border-color:#dde2ef;background:#f9faff;font-family:var(--font-body)}.contracts-toolbar p{color:#778298;font-size:11px}.contract-filter{color:#5e6c87;border-color:#dfe3eb;background:#fff;font-size:11px}
.contract-row{border-color:#e0e2e8;border-radius:9px;padding:23px;background:#fff}.contract-row:hover{border-color:#b3bfec}.contract-identity .client-monogram{border-radius:9px}.client-name{color:#303d57;font-weight:550;font-size:13px}.client-name svg{color:#6e83ca}.contract-identity p{color:#77859c;font-size:11px}.contract-caption{color:#7b879e;font-size:9px;letter-spacing:.7px}.contract-price strong{color:#303f5c;font-size:19px;font-weight:650}.contract-dates{color:#62718b;font-size:11px}.contract-dates>span{color:#9ca8bd}.contract-status{background:#eff5f2;color:#467b64;font-size:10px}.contract-status.warning{background:#fff4df;color:#956b25}.contract-status.expired{background:#fff0ec;color:#ac5c47}.contract-status.neutral{background:#eff1f6;color:#6f7e97}.contract-row-actions .button{color:#5b6e9a;border-color:#dce2f0;font-size:11px}.contract-deliveries{color:#8190aa;font-size:10px}.contracts-footnote{color:#808da5;font-size:10px}.contract-dialog-subtitle{color:#7889a5;font-size:11px}.contract-toggle{color:#586e95}.contract-toggle input{accent-color:var(--brand)}.contract-toggle small{color:#8394b0}
@media(min-width:1600px){.content{padding-top:42px}.card-title{font-size:13px}.column-header{font-size:12px}.card-format,.client-label{font-size:11px}}
@media(max-width:1250px){.contract-row{padding:21px 18px}.contract-metric{padding:20px}.contract-metric strong{font-size:26px}.contract-price strong{font-size:17px}}
@media(max-width:1100px){.sidebar{width:195px;padding-left:12px;padding-right:12px}.brand{font-size:30px;gap:9px;padding:0 8px}.brand-mark{width:31px;height:31px}.brand-mark svg{width:25px;height:25px}main{margin-left:195px;width:calc(100% - 195px)}.content{padding:30px 25px 20px}.topbar,.demo-bar{padding-left:25px;padding-right:25px}.sidebar-bottom{padding-left:11px;padding-right:11px}.toast{left:calc(50% + 97px)}}
@media(max-width:1000px){.contract-metric strong{font-size:23px}.contract-metric-label{font-size:10px}.contract-metric{padding:17px}.contract-period{border-color:#eceef4}.contract-row-actions .contract-deliveries{display:none}}
@media(max-width:760px){.sidebar{width:228px;padding-left:17px;padding-right:17px;box-shadow:10px 0 50px #0b132132}.sidebar-bottom{margin-left:-17px;margin-right:-17px;padding-left:17px;padding-right:17px}main{margin-left:0;width:100%}.topbar{padding:0 17px;height:55px}.demo-bar{padding-left:17px;padding-right:17px;font-size:10px}.content{padding:28px 17px 18px}h1{font-size:25px;letter-spacing:-1px}.page-header p{font-size:12px;max-width:240px}.eyebrow{font-size:9px}.overview{margin-top:24px}.metric-label{font-size:10px}.metric-number{font-size:23px}.board{grid-template-columns:repeat(6,225px);min-width:1410px}.column-header{font-size:12px}.card-title{font-size:13px}.client-label,.card-format{font-size:11px}.page-footer{font-size:9px}.toast{left:50%}.overview.contracts-overview{margin:25px 0 28px}.contract-metric strong{font-size:24px}.contract-row{padding:19px 16px}.contract-period{padding-top:14px}.contract-price strong{font-size:19px}}
@media(max-width:420px){.contract-metric strong{font-size:21px}.contract-metric-label{font-size:9px}.contract-metric{padding:15px}.contract-metric small{font-size:9px}.contract-dates{font-size:10px}.contract-price strong{font-size:18px}}