.esg-boards{--board-blue:#1256d8;--board-ink:#14335b;--board-line:#dce7f8;color:var(--board-ink);min-width:0}.board-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.board-heading h2{font-size:32px;letter-spacing:-.8px;margin:8px 0}.board-heading p{color:#6a7f9c;margin:0}.board-head-buttons{display:flex;gap:10px}.board-toolbar{background:white;border:1px solid var(--board-line);border-radius:16px;padding:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.board-toolbar input,.board-toolbar select{border:1px solid var(--board-line);border-radius:9px;padding:10px;background:#f9fbff;color:var(--board-ink);max-width:240px}.board-tabs{display:flex;background:#edf3ff;padding:4px;border-radius:10px}.board-tabs button{border:0;background:transparent;padding:10px 14px;border-radius:8px;color:#536c90;cursor:pointer}.board-tabs button.active{background:white;color:var(--board-blue);box-shadow:0 2px 7px #17427314;font-weight:700}.board-status{min-height:32px;padding:8px 2px;font-size:13px}.board-status.danger{color:#a32934}.board-lanes{display:flex;gap:18px;overflow-x:auto;align-items:flex-start;padding:4px 4px 22px;min-height:450px;scrollbar-color:#b9cced #f0f5ff}.board-lane{flex:0 0 300px;border:1px solid #dbe5f5;border-radius:17px;background:#eaf1fc;padding:14px;min-height:280px;border-top:4px solid #94b6ec;transition:background .2s,border-color .2s}.board-lane.won{border-top-color:#40a58b;background:#edf7f5}.board-lane.lost{border-top-color:#b6bac7;background:#f1f3f7}.board-lane header{display:flex;justify-content:space-between;gap:10px}.board-lane h3{font-size:16px;margin:0 0 8px}.board-lane h3 span{background:#fff;color:#657fa5;border-radius:20px;padding:2px 7px;font-size:12px;margin-left:5px}.board-lane header p{margin:0 0 10px;font-size:14px;color:#647c9f}.board-lane-dot{width:7px;height:7px;border-radius:50%;background:#98afcf;margin-top:8px}.board-add{border:0;background:transparent;color:#2862b9;padding:8px 0 14px;font-size:14px;cursor:pointer;text-align:left}.board-card-list{display:flex;flex-direction:column;gap:12px}.board-card{border:1px solid #dce5f3;background:white;border-radius:12px;box-shadow:0 3px 8px #1d42730b;overflow:hidden;transition:box-shadow .15s,transform .15s}.board-card:hover{box-shadow:0 7px 18px #1d42731c;transform:translateY(-2px)}.board-card-open{width:100%;border:0;background:transparent;text-align:left;padding:16px 14px 0;color:var(--board-ink);cursor:pointer;font:inherit}.board-card-title{font-weight:700;line-height:1.4;display:block;overflow-wrap:anywhere}.board-client{display:block;color:#7a89a1;font-size:13px;margin:7px 0 16px}.board-tags{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:13px}.board-tags strong{background:#edf3ff;padding:5px 7px;border-radius:6px}.board-priority{font-size:11px;background:#f1f5fa;color:#6b7e99;padding:5px 7px;border-radius:6px}.board-priority.high{color:#ab4a21;background:#fff0df}.board-avatar{margin-left:auto;border-radius:50%;background:#e6efff;color:#1553aa;width:26px;height:26px;display:grid;place-items:center;font-size:11px;font-weight:bold}.board-next{display:block;margin:14px -14px 0;padding:12px 14px;font-size:12px;background:#f4f7fc;color:#7186a6;overflow-wrap:anywhere}.late .board-next{background:#fff0f0;color:#b23d4d}.scheduled .board-next{background:#eef5ff;color:#2c66b9}.complete .board-next{background:#edf7f2;color:#387e67}.board-card-meta{display:flex;justify-content:space-between;color:#8a9ab1;font-size:10px;padding:7px 14px;border-top:1px solid #f0f3f8}.board-progress{height:4px;background:#ecf1f7;display:block;border-radius:5px;margin:12px 0 4px;overflow:hidden}.board-progress i{height:100%;display:block;background:#4d83da}.board-card small{font-size:10px;color:#7a89a1}.board-empty{text-align:center;color:#8ea0b9;font-size:13px;padding:35px 10px;border:1px dashed #ccd9ed;border-radius:12px}.board-lane.drop-target{border-color:#266ee8;background:#dceaff}.board-card.dragging{opacity:.45}.board-panel{background:white;border:1px solid var(--board-line);border-radius:16px;padding:24px}.board-list-row{display:flex;gap:16px;align-items:center;justify-content:space-between;width:100%;border:0;border-bottom:1px solid #eaf0f8;background:white;text-align:left;padding:16px 2px;color:var(--board-ink);cursor:pointer}.board-list-row small{display:block;color:#7689a4;font-size:12px;margin-top:5px}.board-list-row:hover{background:#f8faff}.board-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:6px 0 20px}.board-metrics>div{padding:20px;border-radius:15px;border:1px solid var(--board-line);background:white}.board-metrics span{display:block;color:#7689a4;font-size:13px}.board-metrics b{display:block;font-size:27px;margin-top:14px}.board-chart-row{display:grid;grid-template-columns:180px 1fr 180px;align-items:center;gap:16px;margin:22px 0;font-size:14px}.board-chart-row>div{height:16px;background:#eff4fc;border-radius:10px;overflow:hidden}.board-chart-row i{display:block;height:100%;background:linear-gradient(90deg,#0d4fcb,#70a8fb);border-radius:10px;animation:board-grow .4s ease-out}.board-shade{position:fixed;inset:0;background:#0c234425;z-index:100}.board-drawer{position:fixed;right:0;top:0;bottom:0;width:min(620px,96vw);background:#fff;z-index:101;box-shadow:-15px 0 50px #15396522;padding:26px;overflow-y:auto;animation:board-slide .2s ease-out}.board-drawer header{display:flex;justify-content:space-between;align-items:center;color:#7390b8;font-size:12px}.board-drawer h2{font-size:24px;margin:22px 0}.board-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.board-wide{grid-column:1/-1}.board-drawer .field{min-width:0}.board-drawer input:not([type=checkbox]),.board-drawer select,.board-drawer textarea{width:100%;box-sizing:border-box;border:1px solid #d5e1f2;border-radius:9px;padding:11px;color:#17375e;background:#fbfcff;font:inherit;font-size:14px}.board-drawer .field span{display:block;color:#6a7f9b;font-size:12px;margin-bottom:7px}.board-drawer textarea{resize:vertical}.board-section{border-top:1px solid #e3ebf6;margin-top:26px;padding-top:18px}.board-section h3{font-size:16px}.board-section form{display:grid;gap:10px}.board-section p,.board-chat p{overflow-wrap:anywhere}.board-chat article{background:#f0f5ff;border:1px solid #dce8fc;padding:14px;border-radius:12px;margin:12px 0}.board-chat article b{font-size:12px}.board-chat article small{display:block;font-size:10px;color:#8193ad;margin-top:4px}.board-chat p{white-space:pre-wrap;margin:10px 0 0;font-size:14px}.board-history{display:flex;gap:12px;padding:10px 0;font-size:13px}.board-history i{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:#bed1ef;margin-top:5px}.board-history small{display:block;color:#8596ad;font-size:11px;margin-top:5px}.board-check{display:flex;align-items:center;gap:8px;margin:8px 0}.board-check input[type=checkbox]{width:18px;height:18px;accent-color:#1256d8}.board-check input[type=text]{flex:1;min-width:0}.board-column-edit{display:flex;gap:6px;align-items:center;margin:12px 0}.board-column-edit span{font-size:10px;color:#7c8daa}.board-column-edit .btn{padding:8px}.esg-boards [aria-busy=true] button{cursor:wait}.board-drawer a{color:#1256d8} @keyframes board-grow{from{opacity:.4;transform:scaleX(.8);transform-origin:left}to{opacity:1;transform:scaleX(1)}}@keyframes board-slide{from{transform:translateX(25px);opacity:.5}to{transform:translateX(0);opacity:1}}@media(max-width:900px){.board-heading{align-items:flex-start;flex-direction:column}.board-metrics{grid-template-columns:1fr 1fr}.board-chart-row{grid-template-columns:120px 1fr}.board-chart-row b{grid-column:2}.board-toolbar input,.board-toolbar select{max-width:100%}.board-lane{flex-basis:275px}}@media(max-width:520px){.board-drawer{padding:18px}.board-form-grid{grid-template-columns:1fr}.board-heading h2{font-size:26px}.board-metrics b{font-size:20px}.board-tabs{width:100%}.board-toolbar>input{width:100%}.board-list-row{flex-wrap:wrap}.board-drawer{width:100vw}.board-head-buttons{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.esg-boards *{animation:none!important;transition:none!important}}
.app-shell:has(.esg-boards) .sidebar{min-width:0}.esg-boards,.esg-boards #boards-root,.esg-boards [data-board-content]{max-width:100%;min-width:0}.esg-boards .board-toolbar>*{min-width:0}.board-drawer [data-drawer-status]{position:sticky;top:-26px;background:white;z-index:1}.board-drawer .board-status.danger{padding:12px;background:#fff1f1;border-radius:8px}@media(max-width:960px){.app-shell:has(.esg-boards){grid-template-columns:minmax(0,1fr)}.app-shell:has(.esg-boards) .sidebar .nav{max-width:100%}}