/* AVENDA: graphite navigation, a light workspace and blue action accents. */
@font-face{font-family:Manrope;src:url('/static/fonts/manrope-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/static/fonts/manrope-semibold.ttf') format('truetype');font-weight:500 800;font-display:swap}
:root{--graphite:#242b35;--deep:#1b212a;--paper:#fff;--ink:#27313c;--muted:#788391;--line:#e1e6eb;--accent:#8aefdf;--accent-dark:#216fa6}
body{background:#f0f2f5;color:#252b34;font-family:Manrope,'Segoe UI',sans-serif;font-size:13px}
::selection{background:#d6eaff;color:#173e63}
.sidebar{background:var(--deep);border-right:1px solid #ffffff0b;padding:34px 16px 24px;box-shadow:8px 0 30px #11182010}
.brand{color:var(--accent);font-weight:600;font-size:24px;letter-spacing:3.4px;gap:11px}
.brand svg{color:var(--accent);width:28px;height:32px}.sidebar .brand{justify-content:center;border:1px solid #8aefdf6b;border-radius:11px;background:#8aefdf07;padding:14px 8px;margin-bottom:28px;box-shadow:inset 0 0 0 3px #8aefdf05;letter-spacing:2.6px;gap:8px}
.nav{gap:7px}.nav button{position:relative;font-size:13px;font-weight:600;letter-spacing:.1px;color:#bac4d1;gap:14px;padding:13px 14px;border:1px solid transparent;border-radius:9px;transition:background .18s,color .18s,border-color .18s}
.nav button .icon{width:21px;height:21px;stroke-width:1.7;opacity:.85}.nav button:hover{background:#ffffff07;color:#fff}.nav button.active{color:#a3f1e3;background:#65d8c513;border-color:#65d8c52c}.nav button.active .icon{opacity:1}.nav button.active:before{content:'';position:absolute;left:-1px;top:14px;bottom:14px;width:3px;border-radius:4px;background:var(--accent)}
.sidebar-foot{color:#8e9aa9;font-size:11px;line-height:1.8}.sidebar-foot strong{color:#cbd4df}.sidebar-foot>.icon{color:var(--accent)}
.main{background:#f0f2f5}.topbar{background:#fff;border-color:#dce1e7;height:78px}.breadcrumb{color:#242b35;font-size:21px;font-weight:600;letter-spacing:-.4px}.profile-name{color:#252b34;font-weight:600}.role{color:#707b8a}.avatar{background:#e7eff8;color:#386f9e}.logout{border:1px solid #bdc7d2;border-radius:7px;background:#fff;color:#384351;font-weight:600;padding:8px 14px;min-height:36px}.logout:hover{background:#eff4f9;border-color:#8d9eaf;color:#1d4d73}
.workspace{padding-top:34px}.heading{margin-bottom:27px}.heading h1{font-size:33px;color:#232a34;letter-spacing:-.8px;font-weight:600}.eyebrow{color:#9baaba;font-size:9px;letter-spacing:2px}.heading .muted{color:#6e7885}.heading .eyebrow{margin-bottom:10px}
.btn{font-size:12px;font-weight:600;border-radius:7px;min-height:41px;padding:10px 15px;background:#edf1f4;color:#334453}.btn.primary{background:#287eb9;color:#fff;border:1px solid #287eb9}.btn.secondary{background:#fff;color:#3e4c5a;border-color:#dce3e9}.btn.danger{background:#fff0ed;color:#a24738;border:1px solid #f1d3cc}.btn:hover{filter:brightness(.97)}
.quiet-link,a{color:var(--accent-dark)}.workspace>.notice{background:#e8f0f8;border-color:#cddcea;color:#455e75}.workspace>.notice strong{color:#263f56}
.panel,.stat,.task-box,.settings-card,.team-card,.archive-filters,.knowledge-tile,.permission-explainer>div{background:#fff;border-color:#e2e7eb;color:var(--ink);box-shadow:0 5px 18px #10172208;border-radius:11px}
.panel h2,.panel h3,.stat h2,.settings-card h2,.team-card h3,.task-box h3,.knowledge-tile h2{color:#2b3642}.muted,.stat-label,.stat-note,.cell-sub,.end-note{color:var(--muted)}
.stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.stat{padding:20px 18px;min-width:0}.stat-label{font-size:11px;gap:8px;align-items:flex-start;min-height:33px;line-height:1.5}.stat-label .icon{width:17px;height:17px;color:#83939c}.stat-number{font-size:31px;line-height:1.2;margin:10px 0;color:#253440;font-weight:600;font-variant-numeric:tabular-nums}.stat.warn .stat-number{color:#b15b48}.stat-note{font-size:10px}.reward-stat .stat-number{font-size:25px;overflow-wrap:anywhere}.reward-stat .stat-label .icon{color:#287eb9}.reward-stat{border-top:3px solid #4a94c9}.contact-period{gap:4px;margin-top:13px}.contact-period button{color:#5d6e79;border-color:#dce4e8;font-size:10px;padding:5px 7px}.contact-period button.active{color:#236c9f;background:#e1effa;border-color:#b9d6ed}.reward-period{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;margin-bottom:20px}.reward-period .field{max-width:240px}.reward-table input{max-width:160px}
.client-scope label{color:#647181}.client-scope .btn,.client-heading-actions .secondary{background:#fff;border-color:#cbd4de;color:#344352}.client-heading-actions .primary{background:#287eb9;color:#fff}.toolbar{background:#fff;border-color:#dfe5e9;color:#344553}.toolbar .switch{background:#eef2f5}.switch button.active{background:#fff;color:#216fa6}.column{background:#e8ecf1;border:1px solid #dbe1e8;border-radius:10px}.column-title{color:#3e4958;font-weight:600;font-size:12px}.column-title b{color:#526173;background:#dce3eb}.column>.muted{color:#758191}.card{border:1px solid #e0e6e9;border-radius:8px;box-shadow:0 3px 8px #0d152313;color:#2f3c48}.card:hover{border-color:#7bb2d7;box-shadow:0 6px 15px #0d15232b}.card strong{font-size:12px;font-weight:600;color:#176da8}.card p,.card-foot,.task-client,.task-person{color:#71818b}.card-budget{color:#334753}.client-number{color:#476570;background:#edf3f5;font-size:10px}.client-name{color:#176da8}.column.drop-target{background:#dcecf9;outline-color:#4b96c8}
.table th{background:#f3f6f8;color:#7b8b98;font-size:10px;font-weight:600;letter-spacing:.25px}.table td{border-color:#e8edf0;color:#334450}.badge{background:#eef3f5;color:#607681}.stage-new{background:#e2effa;color:#2e73a7}.stage-contact{background:#e8effa;color:#507298}.stage-meeting{background:#efeafa;color:#8267a4}.stage-agreement{background:#fff1dc;color:#9d793f}.stage-deal{background:#e4f1f6;color:#4f7e94}.stage-won{background:#dcefe3;color:#4b8160}.stage-lost{background:#f8e6e2;color:#ac7164}
.task-box{border-width:1px;border-left:4px solid #5799ca;padding:21px}.task-box:hover{border-color:#76abd0}.task-box.task-late{border-left-color:#c67c65}.task-comment{color:#657784}.task-box-actions,.history-event,.modal-section,.activity-row,.archive-card{border-color:#e0e7eb}.task-box-top time,.history-event small,.archive-card-top time,.archive-meta{color:#81909b}.history-event{color:#314450}.task-count{color:#a2b2c2}.task-tabs .btn.secondary,.task-scope-tabs .btn.secondary{background:#fff;color:#4c5a6b;border-color:#cdd5df}
dialog{color:var(--ink);border-color:#cbd6dd;box-shadow:0 30px 100px #050d1c60;border-radius:13px}dialog::backdrop{background:#0b142b87;backdrop-filter:blur(4px)}.modal-head{border-color:#e3e9ee}.modal-head h2{color:#273644;font-size:21px}.modal-head .eyebrow{color:#81939d}.modal-body{color:#334653}.close{background:#eef2f5;color:#617583}.modal-section h3{color:#617684}.form-actions{gap:10px}.field label{color:#687b87;font-size:11px;font-weight:500;line-height:1.5;margin-bottom:8px}.field label>input,.field label>select,.field label>textarea{margin-top:8px}.field label>.password-control{margin-top:8px}.field label>.password-control input{margin-top:0}
input,select,textarea{color:#304552;background:#fff;border:1px solid #ced9e0;border-radius:6px;min-height:41px;font-size:12px}textarea{line-height:1.7}input::placeholder,textarea::placeholder{color:#a0adb7}input:focus,select:focus,textarea:focus{outline:0;outline-offset:0;border-color:#3987bd;box-shadow:0 0 0 3px #3987bd1c}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #3987bd;outline-offset:3px}.field select{display:block;width:100%}.field input[readonly]{background:#f4f7f9;color:#73848e}.legacy-property{margin:0;color:#788994;font-size:11px;background:#f3f6f8;padding:10px 12px;border-radius:6px}.notice{background:#edf5f5;color:#587178;border-color:#cfdddd}.note{background:#f3f6f7}.empty{color:#8899a5}.empty strong{color:#657984}.panel .pagination,.modal-body .pagination{color:#84939e}.pagination{color:#9aaebf}
.distribution-table{border-color:#dce5e9}.distribution-table .table th{background:#f0f5f6}.distribution-client{color:#216fa6}.distribution-check,.mentor-agent input{accent-color:#287eb9}.archive-reason{background:#f1f5f7;border-color:#99b4be;color:#526d79}.archive-count{color:#506b79}.notification-card{border-color:#d9e3e7;border-left-color:#5799ca}.notification-card.is-urgent{border-left-color:#c34638}.notification-read{color:#376f98}.notification-receipt span,.notification-meta{color:#8a99a3}.notification-inbox.notification-urgent{border-color:#d45d50}.knowledge-tile p,.knowledge-tile>span,.permission-explainer p{color:#7b8d97}.knowledge-tile.inactive{background:#e8eef1}.mentor-agent:has(input:checked){background:#edf5fc}.bot-profile-row{color:#345762;border-color:#e0e8eb}.bot-switch{background:#f0f6f7}.password-control .password-eye{color:#718b95}.password-eye:hover,.back-settings:hover{background:#e9f2fa}.back-settings{color:#286f9f;border-color:#b1cadc}.sales-first{background:#f1f7fc}.sales-place{background:#e9f1f2;color:#527279}.sales-first .sales-place{background:#d8eafa;color:#2c6e9b}
.auth-screen{background:#fff;color:#2e4450}.auth-aside{background:linear-gradient(150deg,#1b212a,#293642);color:#fff}.auth-aside p{color:#a6b6c5}.auth-aside .sun{color:#70cdbb}.auth-bottom{color:#91a7b9}.auth-main{color:#314553}.auth-main .eyebrow{color:#798d98}.auth-box h2{color:#2a3d48}.demo-banner{background:#e4e9ef;color:#65758a;font-size:10px}#toast{background:#225c88;color:#f5fbff;border:1px solid #5c90b8}
@media(min-width:1500px){.stats .stat{padding:22px 20px}.nav button{font-size:14px}}
@media(max-width:1250px){.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-label{min-height:0}.reward-stat .stat-number{font-size:28px}}
@media(max-width:720px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.reward-stat{grid-column:span 2}.sidebar{padding:18px 12px}.nav button{padding:11px;font-size:12px}.workspace{padding:22px 18px 35px}.heading h1{font-size:28px}.stat{padding:17px}.form-actions{flex-wrap:wrap}.reward-period{align-items:stretch;flex-direction:column}}

/* Neutral text and blue links throughout the light workspace. */
.task-title,.stage-row strong,.history-event,.table td,.card-budget,.modal-body{color:#2c3440}
.task-person,.task-client,.activity-row .quiet-link,.distribution-client{color:#216fa6}
.stage-row,.task-time,.card p,.card-foot,.settings-card p,.permission-explainer p,details,summary{color:#697686}
.card{border-top:2px solid #a8cce5}.table tbody tr:hover{background:#f3f7fb}
.task-count,.pagination{color:#6e7c8e}.activity-mark{background:#eaf0f7;color:#6e87a0}
.check-btn{border-color:#c5cfdb}.check-btn:hover,.done .check-btn{background:#e5eff9}.done .task-title{color:#7f8a98}
.pipeline-summary span{background:#aac9e1}.pipeline-summary span:nth-child(2){background:#88b3d5}.pipeline-summary span:nth-child(3){background:#bbb4d7}.pipeline-summary span:nth-child(4){background:#93b4c8}.pipeline-summary span:nth-child(5){background:#6c8ca9}.dot{background:#90b1cd}
.knowledge-tile:not(.inactive):hover{border-color:#7aa7c9;box-shadow:0 4px 12px #254e7312}.knowledge-tile>.icon{color:#4c84ad}
.auth-main{background:#f6f7f9}.auth-foot{color:#788595}
/* A constant four-pixel red rim stays visible throughout the pulse, without resizing the button. */
.client-heading-actions .notification-inbox.notification-urgent{border:1px solid #d62e3e;background:#fff3f4;color:#a51d2b;box-shadow:inset 0 0 0 3px #d62e3e;animation:avenda-alert 1.8s ease-in-out infinite}
.notification-inbox.notification-urgent .notification-warning{width:24px;height:24px;color:#c52334}
@keyframes avenda-alert{0%,100%{box-shadow:inset 0 0 0 3px #d62e3e,0 0 0 0 #d62e3e00}50%{box-shadow:inset 0 0 0 3px #d62e3e,0 0 0 4px #d62e3e26}}
@media(prefers-reduced-motion:reduce){.client-heading-actions .notification-inbox.notification-urgent{animation:none;box-shadow:inset 0 0 0 3px #d62e3e}}
@media(max-width:1100px){.sidebar .brand{font-size:20px;letter-spacing:1.7px;gap:7px}.sidebar .brand svg{width:25px}}
@media(max-width:720px){.sidebar .brand{display:inline-flex;padding:11px 16px;margin-bottom:0;font-size:23px}.breadcrumb{font-size:17px}.logout{padding:7px 10px}.topbar{height:auto;min-height:72px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap;gap:10px}.heading{flex-wrap:wrap}}
.brand-logo {
  display: block;
  width: 152px;
  max-width: 100%;
  height: 32px;
  object-fit: cover;
  object-position: center;
}
.sidebar .brand, .auth-aside .brand {
  background-color: #1b2126;
}
.auth-aside .brand {
  align-self: flex-start;
  padding: 8px;
  border-radius: 8px;
}
