/* CREANOVA PROJECT 1.1 / Product interface — designed for everyday agency operations.
   Reference logic: ClickUp-like left navigation, original CREANOVA colors and interactions. */
:root{
  --acid:#d6ff0e;--acid-deep:#bded00;--ink:#151714;--forest:#151714;
  --forest2:#252824;--paper:#fff;--white:#fff;--line:#e9e9e8;
  --muted:#868a84;--sage:#f5f6f3;--shadow:0 24px 80px rgba(0,0,0,.16);
  --radius:10px;--ease:cubic-bezier(.2,.8,.2,1);
}
html,body{background:white;color:#20221e;font-family:Inter,"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px;letter-spacing:-.014em}
h1,h2,h3{letter-spacing:-.039em}
button{font-family:inherit}
.workspace{display:grid;grid-template-columns:64px 246px minmax(0,1fr);min-height:100vh;background:#fff;align-items:stretch}
.workspace-rail{position:fixed;z-index:26;left:0;top:0;bottom:0;width:64px;background:#121412;color:#acb0a7;display:flex;flex-direction:column;align-items:center;padding:14px 7px 16px;gap:7px}
.rail-logo,.rail-item{appearance:none;border:0;display:grid;place-items:center;flex-shrink:0;cursor:pointer}
.rail-logo{width:44px;height:44px;background:var(--acid);border-radius:13px;color:#151714;transition:transform .18s ease}
.rail-logo:hover{transform:rotate(-6deg)}
.rail-monogram{font-size:25px;letter-spacing:-.13em;font-weight:900;padding-right:4px;line-height:1}
.rail-monogram span{color:#677400;letter-spacing:0}
.rail-divider{width:25px;height:1px;background:#343832;margin:13px auto 10px}
.rail-item{width:42px;height:42px;background:transparent;color:#9ea49b;border-radius:11px;transition:background .15s ease,color .15s ease,transform .15s ease}
.rail-item svg{width:19px;height:19px;stroke-width:1.7}
.rail-item:hover{background:#2b3029;color:white;transform:translateY(-1px)}
.rail-item.active{background:#2e3429;color:var(--acid)}
.rail-spacer{flex:1}
.rail-profile{border:1px solid #555c4d;border-radius:50%;height:33px;width:33px;display:grid;place-items:center;background:#3c4335;color:#fff;font-size:11px;font-weight:700}
.sidebar{position:fixed;z-index:21;left:64px;top:0;bottom:0;width:246px;padding:0;background:#f9faf8;border-right:1px solid #e8e9e6;color:#333631;display:flex;flex-direction:column;box-shadow:none}
.workspace-switch{height:65px;display:flex;margin:0;padding:0 17px 0 15px;gap:10px;border:0;border-bottom:1px solid var(--line);background:#fff;border-radius:0}
.workspace-initial{width:35px;height:35px;background:#181a17;color:var(--acid);font-family:inherit;font-size:21px;font-weight:900;border-radius:10px;letter-spacing:-.12em}
.workspace-initial span{color:white}
.workspace-switch-name{flex:1;min-width:0}.workspace-switch-name strong{font-size:12px;font-weight:750;white-space:nowrap}.workspace-switch-name small{font-size:10px;color:#969a93}
.switch-chevrons{margin:0;transform:rotate(90deg);width:13px;height:13px;color:#92988e}.switch-chevrons svg{width:13px}
.side-nav{padding:19px 10px 10px;overflow-y:auto;overflow-x:hidden;gap:3px;min-height:0}
.side-nav::-webkit-scrollbar{width:4px}.side-nav::-webkit-scrollbar-thumb{background:#dadbd7;border-radius:6px}
.nav-item{height:37px;font-size:12px;padding:0 10px;gap:11px;color:#515850;font-weight:570;border-radius:7px;flex-shrink:0;transition:background .13s ease,color .13s ease}
.nav-item:hover{color:#191c16;background:#eef0eb}
.nav-item.active{background:#e7eccc;color:#151b10;font-weight:730}
.nav-item.active .nav-icon{color:#354500}
.nav-icon{width:18px;height:18px}.nav-icon svg{width:16px;height:16px;stroke-width:1.75}
.nav-counter,.nav-counter.light{margin-left:auto;border-radius:5px;background:#e8eae4;color:#777c74;font-size:10px;font-weight:650;padding:2px 6px}
.nav-counter:empty{display:none}.nav-counter.small-circle{background:transparent;color:#a5be76;font-size:12px;padding:0;margin-right:4px}
.side-divider{height:1px;background:#e6e9e3;margin:14px 6px 10px;min-height:1px;flex-shrink:0}
.side-section-head{font-size:10px;letter-spacing:.055em;color:#898f85;font-weight:750;display:flex;justify-content:space-between;align-items:center;padding:5px 8px 7px;margin-top:0;flex-shrink:0}
.side-add{width:23px;height:23px;border:0;border-radius:6px;background:transparent;color:#7b8675;font-size:20px;line-height:1}
.side-add:hover{background:#eaeddf;color:#222}
.sidebar-client-list{display:flex;flex-direction:column;gap:2px;flex-shrink:0}
.client-nav-item{border:0;background:transparent;width:100%;display:flex;align-items:center;gap:9px;min-width:0;min-height:36px;padding:4px 9px;text-align:left;border-radius:7px;font-size:11.5px;color:#52584f;transition:background .14s ease}
.client-nav-item:hover{background:#ededeb}.client-nav-item.active{background:#e9eddf;color:#242b1e;font-weight:740}
.client-nav-item>span:nth-child(2){overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}
.client-dot{height:25px;width:25px;flex-shrink:0;border-radius:7px;display:inline-grid;place-items:center;color:#1d211e;font-size:9px;font-weight:800;letter-spacing:-.03em}
.client-nav-arrow{font-size:18px;color:#b8bdb4;opacity:0}.client-nav-item:hover .client-nav-arrow{opacity:1}
.side-empty{font-size:11px;color:#999;padding:11px}
.sidebar-bottom{padding:13px 10px 15px;border-top:1px solid #e7e8e4;margin-top:auto;flex-shrink:0}
.side-create{display:flex;align-items:center;gap:10px;justify-content:center;width:100%;height:36px;background:#e8f8a7;border:1px solid #d7e9a4;border-radius:8px;color:#232d13;font-size:11px;font-weight:750;transition:background .15s ease}
.side-create:hover{background:var(--acid)}.side-create svg{height:15px}
.profile-row{color:#343a31;margin-top:14px;border-top:1px solid #e3e6df;padding:12px 3px 0}
.profile-row strong{font-size:11px}.profile-row small{font-size:9px;color:#9ba097}
.profile-avatar{background:#282c22;color:#d8f4a0;border-radius:9px;width:31px;height:31px}
.profile-logout-icon{color:#8c9488}
.main-shell{grid-column:3;margin-left:0;min-width:0;flex:auto;background:white}
.topbar{height:65px;z-index:15;padding:0 27px;box-shadow:none;background:#fff;border-bottom:1px solid #e9ebe7;gap:15px}
.breadcrumb-home{font-size:10px;letter-spacing:.04em;color:#7c8579;font-weight:700}
.breadcrumbs{gap:10px;font-size:12px;color:#333830;font-weight:640}
.breadcrumb-separator{color:#c4c7c1}.topbar-actions{gap:12px}.top-avatar{background:#282d20;color:#d6f5a8;width:30px;height:30px;border-radius:9px;font-size:10px}
.search-trigger{height:35px;border:1px solid #e5e8e1;border-radius:8px;padding:0 10px;min-width:190px;background:#fafaf9;font-size:11px;color:#8b938a;justify-content:flex-start}
.search-trigger kbd{margin-left:auto;font-size:9px;padding:3px 5px;background:white;color:#a0a59b}
.search-trigger:hover{border-color:#c4caba}
.demo-pill{background:#f4f5ef;border:1px solid #e8eae2;color:#969c90;border-radius:6px;font-size:9px;letter-spacing:.04em;font-weight:700;padding:6px 8px}
.btn{border-radius:7px;min-height:34px;font-weight:700;letter-spacing:-.015em;box-shadow:none;white-space:nowrap}
.btn-lime{background:var(--acid);border-color:var(--acid);color:#121710}.btn-lime:hover{background:#bded00;border-color:#bded00;color:#121710}
.btn-dark{background:#151714;color:#fff}.btn-ghost{background:#fff;color:#454b44;border:1px solid #e3e7df}
.topbar .btn-lime{font-size:11px;height:35px;padding:0 13px}
.page-content{padding:0;min-width:0;min-height:calc(100vh - 65px);background:#fff;max-width:none}
.v-page{padding:0 0 55px;min-height:calc(100vh - 65px)}
.studio-header{height:111px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 32px 20px;border-bottom:1px solid #eee}
.studio-path{font-size:10px;font-weight:750;color:#969d92;letter-spacing:.08em;text-transform:uppercase;line-height:1.5}
.studio-header h1,.client-title-line h1{font-size:25px;font-weight:760;margin:7px 0 0;line-height:1.1;letter-spacing:-.045em;color:#21241f}
.studio-header-actions{display:flex;gap:8px}.v-tabs{display:flex;align-items:stretch;gap:8px;min-height:49px;padding:0 27px;border-bottom:1px solid #e9ebe7;overflow-x:auto}
.v-tab{display:flex;align-items:center;gap:8px;flex-shrink:0;background:transparent;border:0;border-bottom:2px solid transparent;color:#878d84;font-size:11.5px;font-weight:590;padding:0 10px;min-height:47px;white-space:nowrap}
.v-tab svg{width:15px;height:15px}.v-tab:hover{color:#282d25}.v-tab.active{color:#252b20;font-weight:740;border-bottom-color:#a6dd00}
.v-toolbar{height:57px;display:flex;align-items:center;gap:8px;padding:0 30px;border-bottom:1px solid #f0f1ee}
.v-toolbar-label{font-size:11px;color:#7f887e}.v-toolbar-spacer{flex:1}.v-filter{border:1px solid #e5e8e1;background:white;border-radius:7px;padding:7px 11px;font-size:11px;font-weight:600;color:#737b6d}
.v-filter:hover{background:#f7f8f5}.v-filter.active{background:#f0f5dd;color:#293618;border-color:#e1e8c8}
.v-search-filter{height:31px;border:1px solid #e7e9e6;border-radius:7px;margin-left:8px;padding:0 11px;outline:0}
.v-list-surface{min-width:0;background:#fff}.v-list-columns,.v-task-row{display:grid;grid-template-columns:minmax(260px,1fr) 100px 110px 105px 105px 28px;align-items:center;column-gap:8px}
.v-list-columns{height:39px;border-bottom:1px solid #edf0ea;color:#a0a69a;font-size:10px;font-weight:680;padding:0 23px 0 60px;letter-spacing:.01em}
.task-status-section{padding-bottom:5px}.group-title{display:flex;align-items:center;gap:8px;height:50px;padding:0 32px}
.group-status{font-size:10.5px;font-weight:750;color:#34422a;padding:6px 10px;border-radius:5px;background:#e8f3d7}
.group-status.todo{background:#e8ebf1;color:#687787}.group-status.progress{background:#e3f0fc;color:#2476b5}.group-status.review{background:#fff1d5;color:#a97827}.group-status.correction{background:#ffebe6;color:#bc6552}.group-status.done{background:#e4f2e7;color:#3e9160}
.group-count{font-size:11px;color:#979c95;font-weight:650}
.v-task-row{min-height:47px;border-top:1px solid #f0f1ed;padding:0 23px 0 33px;cursor:pointer;transition:background .13s ease}
.v-task-row:hover{background:#fbfcf7}.row-check{width:19px;height:19px;border:1.5px solid #cfd5cc;border-radius:50%;grid-column:1;grid-row:1;margin-right:12px;display:inline-flex;align-items:center;justify-content:center;color:#fff;z-index:1}
.row-check.done{border-color:#45a16c;background:#45a16c}.row-check.review{border-color:#e5b85d}.row-check.progress{border-color:#69a7d5}
.row-task-title{grid-column:1;grid-row:1;margin-left:30px;display:flex;flex-direction:column;gap:3px;min-width:0}
.row-task-title>span{font-weight:560;font-size:12px;color:#333b32;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.row-task-title small{font-size:10px;color:#a6aba2;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.row-assignee{grid-column:2}.avatar{height:30px;width:30px;display:inline-grid;place-items:center;border-radius:50%;background:#e5edd7;color:#485642;font-size:10px;font-weight:780;flex-shrink:0}.avatar-small{height:25px;width:25px}.no-assignee{font-size:12px;color:#bbb}
.row-priority,.row-date,.row-content-type{font-size:11px;color:#7f877e;white-space:nowrap}.row-date.is-late{color:#c55c51;font-weight:690}.row-more{font-size:18px;color:#a4aca0;letter-spacing:2px;text-align:center}
.flag{font-size:17px;margin-right:5px;color:#aeb5a9}.flag.urgent{color:#dd5856}.flag.high{color:#e1a850}.flag.low{color:#a1adb6}
.list-add-task{height:41px;border:0;background:transparent;color:#9aa398;font-size:11px;padding:0 60px}.list-add-task:hover{color:#304a25}
.client-title-line{padding:22px 30px 20px;display:flex;align-items:center;gap:14px;min-height:113px;border-bottom:1px solid #eceee9}
.client-title-mark .client-dot{width:46px;height:46px;border-radius:11px;font-size:13px}
.client-title-right{display:flex;gap:9px;margin-left:auto}.client-title-line .studio-path{letter-spacing:.07em}
.v-icon-button{height:31px;width:31px;display:inline-grid;place-items:center;flex-shrink:0;background:transparent;color:#818a7f;border:0;border-radius:7px}
.v-icon-button:hover{background:#f0f3ec;color:#293125}.v-icon-button svg{width:17px;height:17px}.danger-quiet:hover{color:#b9574d;background:#fff0ea}
.client-workspace .board{margin:25px 28px 0;min-height:380px}
/* Portfolio */
.portfolio-info{padding:20px 31px 13px;color:#8b9388;font-size:11px}.portfolio-info span{margin:0 7px}
.portfolio-list{padding:0 30px 50px}.portfolio-client{margin-bottom:22px;border:1px solid #e9ece6;border-radius:11px;overflow:hidden;background:white}
.portfolio-client-head{display:flex;gap:11px;align-items:center;padding:12px 16px;background:#fbfcf9;border-bottom:1px solid #eef0eb}
.portfolio-client-head strong{font-size:12px;font-weight:730}.portfolio-client-head>span:nth-child(3){font-size:10px;color:#9ba397;margin-left:1px}.portfolio-client-head button{margin-left:auto;border:0;background:transparent;display:flex;gap:7px;align-items:center;color:#697666;font-size:11px;font-weight:650}
.portfolio-project{border:0;background:white;display:grid;grid-template-columns:minmax(250px,1fr) 100px 100px 90px 20px;gap:12px;align-items:center;width:100%;min-height:49px;padding:8px 17px;text-align:left;border-bottom:1px solid #f0f1ee;color:#8c9388;font-size:11px}
.portfolio-project:last-child{border-bottom:0}.portfolio-project:hover{background:#fafbf7}.portfolio-project-title{display:flex;gap:12px;align-items:center;color:#3e453c;font-weight:620;font-size:12px}.portfolio-project-title svg{color:#8b9e7a}.portfolio-project-state{text-transform:capitalize}
.portfolio-project-progress{width:82px;height:4px;border-radius:6px;background:#edf0e7;overflow:hidden}.portfolio-project-progress i{display:block;height:100%;background:#b8e921;border-radius:6px}
/* Home */
.home-greeting{min-height:193px;display:flex;justify-content:space-between;align-items:center;padding:38px 35px 31px;gap:20px}
.home-meta{font-size:10px;letter-spacing:.08em;font-weight:750;color:#929b8d}.meta-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#c5cdbe;margin:0 9px 2px}
.home-greeting h1{font-weight:760;letter-spacing:-.065em;font-size:clamp(31px,3.4vw,43px);line-height:1;margin:17px 0 11px;color:#171917}.accent-dot{color:#b1e600}
.home-greeting p{font-size:12px;color:#8e968a;margin:0}.home-greeting>.btn{align-self:center}
.home-metrics{margin:0 34px 29px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e8ebe5;border-radius:11px;overflow:hidden}
.home-metrics button{min-height:114px;display:flex;position:relative;flex-direction:column;align-items:flex-start;gap:10px;padding:22px 21px;background:#fff;border:0;border-right:1px solid #e8ebe5;text-align:left;transition:background .15s ease}
.home-metrics button:last-child{border-right:0}.home-metrics button:hover{background:#f9fbee}.home-metrics strong{font-size:32px;line-height:1;font-weight:770;letter-spacing:-.05em;color:#232b20}.home-metrics span{font-size:11px;font-weight:600;color:#8f978b}.home-metrics svg{position:absolute;top:21px;right:20px;color:#c0c8b7}
.home-layout{margin:0 34px;display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:25px;align-items:start}
.block-heading{display:flex;justify-content:space-between;align-items:center;min-height:56px;gap:12px}.block-heading h2{font-size:15px;font-weight:760;margin:0 0 5px}.block-heading span{font-size:11px;color:#a0a59d}.block-heading button{display:flex;gap:7px;align-items:center;border:0;background:transparent;font-size:11px;color:#697a5b;font-weight:700}
.home-primary .v-list-surface{border:1px solid #e9ece6;border-radius:10px;overflow:hidden}.home-primary .v-list-columns{display:none}.home-primary .v-task-row{grid-template-columns:minmax(180px,1fr) 65px 82px 74px 0px 0px;padding:0 15px}.home-primary .row-content-type,.home-primary .row-more{display:none}
.home-primary .group-title{height:40px;padding:0 15px}.home-primary .v-task-row{min-height:51px}.home-primary .row-task-title{margin-left:28px}.home-primary .row-assignee{display:none}
.client-shortcuts{border:1px solid #e9ece6;border-radius:10px;overflow:hidden}.client-shortcuts button{width:100%;height:45px;border:0;border-bottom:1px solid #f0f1ee;background:white;display:flex;align-items:center;gap:10px;padding:0 13px;text-align:left;font-size:11.5px;font-weight:610;color:#414840}
.client-shortcuts button:last-child{border-bottom:0}.client-shortcuts button:hover{background:#f9faf7}.client-shortcuts button span:nth-child(2){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-shortcuts button svg{color:#b2b8ae}.client-shortcuts .client-dot{height:23px;width:23px}
.home-chat-shortcut{margin-top:17px;padding:19px 20px;background:#191c17;border-radius:11px;color:#fff}.home-chat-shortcut>span{display:grid;place-items:center;background:#344021;color:#d4ff49;border-radius:8px;width:33px;height:33px}.home-chat-shortcut h3{font-size:17px;margin:14px 0 6px;letter-spacing:-.03em}.home-chat-shortcut p{font-size:11px;line-height:1.6;color:#a6aea0;margin-bottom:17px}.home-chat-shortcut button{background:none;border:0;color:var(--acid);padding:0;display:flex;align-items:center;gap:9px;font-size:11px;font-weight:730}
/* Slack-inspired messaging — client-scoped with permissioned channels */
.chat-page{height:calc(100vh - 65px);min-height:540px;display:flex;background:white;overflow:hidden}
.chat-channel-sidebar{width:230px;flex-shrink:0;background:#fbfcfa;border-right:1px solid #e9ede7;display:flex;flex-direction:column;padding:0 10px}
.chat-side-intro{height:79px;display:flex;flex-direction:column;justify-content:center;padding:0 12px;border-bottom:1px solid #e9ece7;margin-bottom:22px;gap:4px}.chat-side-intro strong{font-size:16px;font-weight:790;color:#242824}.chat-side-intro span{font-size:9px;letter-spacing:.11em;color:#a0a79d;font-weight:750}
.chat-sidebar-label{font-size:10px;color:#959c92;font-weight:750;margin:0 11px 9px;letter-spacing:.06em}
.chat-client-selector{height:38px;background:#fff;border:1px solid #e0e7dc;border-radius:8px;padding:0 10px;margin:0 5px 26px;font-size:11px;color:#353d32;font-weight:630;max-width:calc(100% - 10px);outline:0}
.chat-side-section{display:flex;justify-content:space-between;align-items:center;padding:0 9px 9px}.chat-side-section>span{font-size:10px;font-weight:740;letter-spacing:.05em;color:#979e94}
.chat-channel-btn{display:flex;align-items:center;gap:11px;border:0;background:transparent;border-radius:7px;height:38px;color:#677267;font-size:11.5px;font-weight:580;padding:0 12px;width:100%;text-align:left}
.chat-channel-btn:hover{background:#eef2e8;color:#293123}.chat-channel-btn.active{background:#eaf1dc;color:#2c391e;font-weight:760}.channel-hash{font-size:20px;font-weight:400;color:#8c9a81;line-height:1}
.chat-side-note{margin:auto 8px 17px;border-top:1px solid #ebeee9;padding-top:15px;font-size:10px;line-height:1.7;color:#a0a7a0}
.chat-empty-menu{padding:11px;color:#a0a79e;font-size:11px}
.chat-conversation{display:flex;flex-direction:column;flex:1;min-width:0;height:100%;background:#fff}
.chat-conversation-header{height:74px;min-height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 23px;border-bottom:1px solid #ebeee8;gap:15px}
.chat-channel-heading{display:flex;gap:12px;align-items:center;min-width:0}.chat-hash-lg{font-size:23px;font-weight:560;color:#a3ae9c}.chat-channel-heading strong{font-size:15px;font-weight:740;display:block;color:#252925}.chat-channel-heading small{font-size:10px;color:#9ba398;display:block;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}
.chat-header-actions{display:flex;gap:7px;align-items:center}.members-button{height:33px;display:flex;align-items:center;gap:8px;border:1px solid #e7eae3;border-radius:7px;background:white;color:#697366;padding:0 10px;font-size:11px;font-weight:700}
.members-button:hover{background:#f8faf5}
.chat-search-box{padding:10px 19px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #edf0e9;background:#fbfcfa}.chat-search-box input{height:34px;flex:1;min-width:0;border:1px solid #dce2d7;background:white;border-radius:7px;padding:0 11px;outline:0;font-size:12px}
.chat-message-scroll{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.chat-message-scroll::-webkit-scrollbar,.thread-body::-webkit-scrollbar{width:7px}.chat-message-scroll::-webkit-scrollbar-thumb,.thread-body::-webkit-scrollbar-thumb{background:#e5e9e0;border-radius:8px}
.chat-conversation-intro{padding:27px 26px 21px;margin-bottom:7px;border-bottom:1px solid #f1f3ef}
.chat-intro-symbol{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#eaf4d3;color:#3e5726;font-size:29px;font-weight:600;margin-bottom:12px}
.chat-conversation-intro h2{font-size:21px;font-weight:760;margin:0 0 6px}.chat-conversation-intro p{font-size:11px;color:#969f91;margin:0}
.chat-message{position:relative;display:flex;align-items:flex-start;gap:11px;padding:12px 24px 13px;transition:background .12s ease}.chat-message:hover{background:#fafcf7}
.chat-avatar{width:31px;height:31px;background:#dfeacb;color:#526746;border-radius:9px;font-size:10px}
.chat-message-main{min-width:0;flex:1}.chat-message-meta{display:flex;align-items:center;gap:10px;min-height:18px}.chat-message-meta strong{font-size:12px;font-weight:780;color:#262c23}.chat-message-meta time{font-size:10px;color:#b3b9af}.chat-message-text{font-size:12px;color:#465044;line-height:1.62;overflow-wrap:anywhere;margin-top:2px}
.chat-message.deleted{opacity:.45}.chat-message.deleted .chat-message-text{font-style:italic}
.chat-hover-actions{display:none;align-items:center;gap:2px;position:absolute;right:17px;top:-11px;background:#fff;border:1px solid #e6eae1;border-radius:7px;padding:3px;box-shadow:0 5px 15px rgba(29,35,26,.07)}
.chat-message:hover .chat-hover-actions{display:flex}.chat-hover-actions button{width:27px;height:25px;display:grid;place-items:center;border:0;background:white;color:#848e80;border-radius:5px}.chat-hover-actions button:hover{background:#f0f4e9;color:#344531}
.chat-replies{background:transparent;border:0;color:#5c9b57;font-size:10.5px;font-weight:700;padding:8px 0 0;display:flex;align-items:center;gap:5px}
.chat-reactions{display:flex;gap:5px;margin-top:7px;flex-wrap:wrap}.reaction-chip{background:#f1f7e5;border:1px solid #e1edcc;border-radius:12px;font-size:10px;padding:2px 8px;color:#526249}.reaction-chip:hover{background:#e6f2d6}
.pin-indicator{display:inline-flex;gap:4px;align-items:center;font-size:9px;color:#a48233;font-weight:690}
.chat-file-card{margin-top:10px;display:inline-flex;align-items:center;gap:12px;min-width:180px;max-width:100%;border:1px solid #e5e9e0;background:#fbfcfa;padding:10px 13px;border-radius:8px;text-decoration:none;color:#687364}
.chat-file-card>span{display:flex;flex-direction:column;gap:3px;min-width:0}.chat-file-card strong{font-size:11px;color:#343c30;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-file-card small{font-size:9px;color:#a1aa9c}
.chat-empty-state{height:80%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8d9689;padding:30px}.chat-empty-state>span{display:grid;place-items:center;width:55px;height:55px;border-radius:15px;background:#eef4e7;color:#718661;margin-bottom:17px}.chat-empty-state strong{font-size:14px;color:#434b40}.chat-empty-state p{font-size:11px;line-height:1.6;max-width:240px}
.chat-skeleton{padding:40px 27px;font-size:12px;color:#a0a7a0}.chat-blank{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;color:#838d7e}.chat-blank h2{margin:17px 0 5px}.chat-blank p{font-size:11px}
.chat-compose-wrap{padding:11px 22px 21px;flex-shrink:0}.chat-compose{border:1px solid #dfe5d9;border-radius:10px;background:white;transition:box-shadow .2s ease,border-color .2s ease;overflow:hidden}
.chat-compose:focus-within{border-color:#bacf9f;box-shadow:0 0 0 3px #f2f8e8}.chat-compose textarea{display:block;width:100%;min-height:54px;max-height:125px;border:0;outline:0;resize:vertical;padding:13px 15px 0;font-size:12px;color:#303a2d;line-height:1.6}
.chat-compose textarea::placeholder{color:#a0aaa0}.chat-compose-footer{display:flex;align-items:center;justify-content:space-between;padding:0 10px 9px 13px;gap:10px}.chat-compose-footer>div{display:flex;align-items:center;gap:12px}.chat-compose-footer small{color:#acb4a8;font-size:9px}.chat-attach{display:grid;place-items:center;height:29px;width:29px;border:1px solid #edf0ea;color:#788674;border-radius:6px;cursor:pointer}.chat-attach:hover{background:#f2f6eb}.chat-attach input{display:none}
.chat-submit{width:29px;height:29px;border:0;background:var(--acid);color:#151a0f;border-radius:7px;display:grid;place-items:center;transform:rotate(-45deg)}.chat-submit:hover{background:#b9ee00}
.chat-thread-panel{width:min(380px,36%);border-left:1px solid #e9ece7;display:flex;flex-direction:column;min-width:260px;background:#fff}
.thread-header{height:74px;min-height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #eaede7}.thread-header strong{font-size:13px;font-weight:740}
.thread-body{flex:1;min-height:0;overflow-y:auto;padding:10px 0}.thread-body .chat-message{padding:12px}.thread-body .chat-hover-actions{right:8px}.thread-divider{margin:16px 13px 8px;font-size:9px;font-weight:770;color:#999f95;letter-spacing:.08em;border-bottom:1px solid #edf0e8;padding-bottom:12px}
.thread-compose{padding:12px;display:flex;gap:7px;align-items:flex-end;border-top:1px solid #ecefe9}.thread-compose textarea{flex:1;min-width:0;border:1px solid #e0e6dc;border-radius:8px;padding:9px;font-size:12px;resize:vertical;outline:0}.thread-compose button{width:32px;height:32px;background:var(--acid);border:0;border-radius:7px;display:grid;place-items:center;transform:rotate(-45deg)}
.chat-dialog-backdrop{position:fixed;z-index:95;inset:0;display:grid;place-items:center;background:rgba(13,18,11,.42);padding:18px;backdrop-filter:blur(2px)}
.chat-dialog{width:min(450px,100%);max-height:85vh;overflow-y:auto;background:white;border-radius:13px;padding:25px;box-shadow:var(--shadow)}.chat-dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:12px}.chat-dialog-head h2{font-size:22px;margin:7px 0 0;font-weight:740}.dialog-help{font-size:12px;line-height:1.7;color:#8a9587;margin-bottom:22px}
.chat-dialog-form label{display:block;font-size:11px;font-weight:700;color:#545e50;margin:12px 0 17px}.chat-dialog-form input,.chat-dialog-form textarea,.chat-dialog-form select{display:block;width:100%;background:white;border:1px solid #e0e5dc;border-radius:8px;min-height:42px;margin-top:8px;padding:10px 11px;font-size:12px;outline:0;color:#2b3029}
.chat-dialog-form input:focus,.chat-dialog-form textarea:focus,.chat-dialog-form select:focus{border-color:#a2cb69}.dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:20px}.chat-dialog-member-list{max-height:290px;overflow-y:auto;margin:17px 0;border-top:1px solid #edf0e9}
.member-manage-row{display:flex;align-items:center;gap:10px;min-height:57px;border-bottom:1px solid #edf0e9}.member-manage-row .avatar{border-radius:9px}.member-manage-row>div{flex:1;min-width:0}.member-manage-row strong{display:block;font-size:11px}.member-manage-row small{display:block;color:#9a9f96;font-size:10px;margin-top:3px;overflow:hidden;text-overflow:ellipsis}.member-remove{border:0;color:#bd695e;font-size:10px;background:transparent}.member-level{font-size:10px;color:#949b90}
/* The existing calendar, forms and detail drawers receive the same restrained visual language. */
.page-head,.dashboard-intro{padding:31px 34px 22px;margin:0;border-bottom:1px solid #eef0eb;background:white}
.page-title{font-family:inherit!important;letter-spacing:-.055em;font-size:30px;font-weight:780;color:#191c18}.page-title em{font-family:inherit;font-style:normal}
.eyebrow,.section-kicker{font-weight:760;font-size:10px;letter-spacing:.08em;color:#919a8d}
.page-subtitle{font-size:11.5px;color:#919a8d}.section-heading h2{font-family:inherit;font-size:18px;font-weight:730;letter-spacing:-.03em}
.data-surface,.feature-panel,.metric,.project-tile,.mini-project-card{border-radius:9px;box-shadow:none;border-color:#e8ebe6}
.task-table th,.task-table td{font-size:11px}.task-table tr:hover{background:#fafbf8}
.status-tag{border-radius:6px}.chip-btn{border-radius:7px}
.modal{border-radius:12px}.modal h2,.drawer-top h2{font-family:inherit}.task-drawer{background:white}
.drawer-side{background:#fafbf8}.drawer-label{font-size:10px;letter-spacing:.07em}
.auth-screen{background:#fff}.auth-side{background:#111311}.auth-side:before{content:"";position:absolute;top:-10%;right:-15%;width:400px;height:400px;background:radial-gradient(circle,rgba(188,248,0,.12),transparent 65%);pointer-events:none}
.auth-visual h1,.auth-form-wrap h2{font-family:inherit;letter-spacing:-.065em;font-weight:760}.auth-visual h1{font-size:clamp(46px,5.8vw,87px)}
.auth-visual h1 em{font-style:normal;color:var(--acid)}.auth-glyph{color:#1d2414}.auth-brand{letter-spacing:-.02em}.auth-brand small{letter-spacing:.25em}
.auth-form-wrap h2{color:#1b1d1a}.auth-form-wrap h2 span{color:#8fb300}.auth-form-index{color:#7a8575}
.auth-form-wrap p{color:#838c80}.form-stack label input{border-radius:7px}.form-stack label input:focus{border-color:#afd970;box-shadow:0 0 0 3px #f2fbe3}.form-stack button{border-radius:8px}.auth-footer{letter-spacing:.1em}
/* Tablet and compact laptop */
@media(max-width:1200px){.workspace{grid-template-columns:59px 225px minmax(0,1fr)}.workspace-rail{width:59px}.sidebar{left:59px;width:225px}.home-layout{grid-template-columns:minmax(0,1fr) 240px;gap:17px}.v-list-columns,.v-task-row{grid-template-columns:minmax(220px,1fr) 70px 85px 90px 67px 20px}.topbar{padding:0 18px}.search-trigger{min-width:135px}}
@media(max-width:975px){.workspace{grid-template-columns:58px minmax(0,1fr)}.workspace-rail{width:58px}.sidebar{left:58px;width:230px;transform:translateX(-115%);transition:transform .22s var(--ease);box-shadow:none}.sidebar.mobile-open{transform:translateX(0);box-shadow:12px 0 30px rgba(0,0,0,.13)}.main-shell{grid-column:2;margin-left:0}.mobile-menu{display:grid}.topbar{padding:0 17px}.home-layout{grid-template-columns:1fr}.home-aside{display:grid;grid-template-columns:1fr 1fr;gap:13px}.home-aside .block-heading{grid-column:1/-1}.home-chat-shortcut{margin-top:0}.chat-channel-sidebar{width:185px}.chat-thread-panel{min-width:245px}.chat-compose-footer small{display:none}}
@media(max-width:700px){.workspace{grid-template-columns:48px minmax(0,1fr)}.workspace-rail{width:48px;padding:10px 3px}.rail-item{width:38px;height:38px}.rail-logo{height:38px;width:38px}.sidebar{left:48px}.main-shell{grid-column:2}.topbar{height:59px;padding:0 10px}.topbar .top-avatar,.demo-pill,.search-trigger kbd{display:none}.topbar .btn-lime{font-size:0!important;width:34px;min-width:34px;justify-content:center;padding:0}.topbar .plus-mark{font-size:20px}.search-trigger{min-width:33px;width:33px;height:33px;padding:7px;display:grid;place-items:center}.search-trigger>span:nth-child(2){display:none}.topbar-actions{gap:5px}.topbar-left{min-width:0}.breadcrumbs{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.v-tabs{padding:0 10px}.studio-header{height:auto;min-height:102px;padding:18px 15px;align-items:flex-start;flex-wrap:wrap}.studio-header h1,.client-title-line h1{font-size:20px}.studio-header-actions{gap:5px}.v-toolbar{padding:0 14px;overflow-x:auto}.v-list-surface{overflow-x:auto}.v-list-columns,.v-task-row{min-width:630px}.home-greeting{padding:26px 17px;min-height:auto;align-items:flex-start}.home-greeting h1{font-size:29px}.home-greeting>.btn{font-size:0;width:34px;height:35px;padding:0}.home-metrics{margin:0 16px 18px;grid-template-columns:repeat(2,1fr)}.home-metrics button{min-height:88px;padding:16px}.home-metrics button:nth-child(2){border-right:0}.home-metrics button:nth-child(-n+2){border-bottom:1px solid #e8ebe5}.home-metrics strong{font-size:26px}.home-layout{margin:0 16px}.home-aside{grid-template-columns:1fr}.chat-page{height:calc(100vh - 59px);min-height:420px}.chat-channel-sidebar{width:0;max-width:0;overflow:hidden;padding:0;border:0}.chat-conversation-header{padding:0 13px;height:62px;min-height:62px}.chat-compose-wrap{padding:9px}.chat-message{padding:10px}.chat-conversation-intro{padding:18px}.chat-thread-panel{position:absolute;right:0;top:59px;bottom:0;width:calc(100% - 48px);min-width:0;z-index:12;box-shadow:-10px 0 30px rgba(0,0,0,.13)}.client-title-line{padding:14px}.client-title-mark .client-dot{height:37px;width:37px}.client-title-right{width:100%;margin-left:52px}.portfolio-list{padding:0 13px}.portfolio-project{grid-template-columns:minmax(180px,1fr) 50px 16px}.portfolio-project-state,.portfolio-project-progress{display:none}.chat-channel-heading small{max-width:140px}.auth-visual{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}

.chat-mobile-toggle{display:none;border:0;background:transparent;color:#5b6956;width:29px;height:29px;place-items:center;border-radius:5px}
@media(max-width:700px){.chat-mobile-toggle{display:grid}.chat-channel-sidebar.mobile-visible{position:absolute;top:59px;left:48px;bottom:0;width:220px;max-width:220px;z-index:13;padding:0 10px;border-right:1px solid #dbe3d3;box-shadow:12px 0 30px rgba(0,0,0,.13)}}

/* CREANOVA PROJECT 1.3 — official logo, brand refinement and shared Gantt */
.brand-official-login{width:53px;height:53px;object-fit:contain;flex-shrink:0}
.brand-official-symbol{display:block;width:38px;height:34px;object-fit:contain}
.brand-official-workspace{display:block;width:35px;height:35px;object-fit:contain;border-radius:50%;flex-shrink:0}
.rail-logo{background:#141613;border:1px solid #31362b;box-shadow:none}
.rail-logo:hover{background:#222820;transform:translateY(-1px)}
.workspace-switch{padding-left:13px}
.auth-brand{letter-spacing:-.03em}
.auth-side:before{background:radial-gradient(circle,rgba(214,255,14,.085),transparent 65%)}
.auth-glyph{font-size:0!important}
.auth-glyph:after{content:'';display:block;width:430px;height:430px;background:url('/static/brand-symbol.png') center/contain no-repeat;opacity:.15;transform:rotate(-16deg)}
.v13-gantt{margin:13px 24px 28px;border:1px solid #e8ece5;border-radius:10px;background:#fff;overflow:hidden}
.gantt-headbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px 20px;border-bottom:1px solid #e9ede6}
.gantt-headbar strong{font-size:14px;display:block;color:#1a2017}
.gantt-headbar small{font-size:11px;color:#838a7f;display:block;margin-top:5px}
.gantt-head-actions{display:flex;gap:5px;flex-wrap:wrap}.gantt-head-actions .btn{font-size:10px;padding:9px 11px}
.gantt-scroll{overflow:auto}.gantt-table{min-width:1080px}
.gantt-grid-head,.gantt-row{display:grid;grid-template-columns:minmax(205px,1.4fr) 224px minmax(650px,3.9fr);align-items:stretch}
.gantt-grid-head{background:#f7f9f4;color:#7a8177;font-size:10px;font-weight:730;letter-spacing:.055em;border-bottom:1px solid #e5eae1}
.gantt-grid-head>div:not(.gantt-days){padding:15px}
.gantt-days,.gantt-gridlines{display:grid;grid-template-columns:repeat(28,minmax(0,1fr))}
.gantt-days span{display:grid;place-items:center;border-left:1px solid #e9ede8;font-weight:650;font-size:9px}
.gantt-days .weekend,.gantt-gridlines .weekend{background:#f5f8f0}
.gantt-row{border-bottom:1px solid #edf0e9;min-height:72px}
.gantt-row:hover{background:#fcfdfb}
.gantt-row-info{padding:10px 12px 8px 15px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px}
.gantt-task-name{font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;background:transparent;text-align:left;padding:0;font-weight:700;color:#1d271c;cursor:pointer}
.gantt-task-name:hover{text-decoration:underline}
.gantt-row-info small{color:#8b9486;font-size:9px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gantt-status{font-size:9px;color:#65725b}
.gantt-row-controls{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5px;padding:0 8px;border-left:1px solid #ebeee8}
.gantt-row-controls label{font-size:9px;color:#879281;line-height:1.7}
.gantt-row-controls input{display:block;width:100%;font-size:10px;padding:5px 2px;color:#2b3928;border:1px solid #e4e9df;border-radius:4px;background:white}
.gantt-timeline-row{position:relative;min-width:650px}
.gantt-gridlines{position:absolute;inset:0}
.gantt-gridlines i{border-left:1px solid #edf0ea}
.gantt-bar{position:absolute;top:25px;height:22px;min-width:5px;border-radius:5px;background:#dae2d0;display:flex;align-items:center;padding:0 8px;font-size:9px;font-weight:720;white-space:nowrap;overflow:hidden;color:#273025;box-shadow:inset 0 0 0 1px #00000009}
.gantt-bar.status-progress{background:#cce0a9}.gantt-bar.status-review{background:#e5d7a7}.gantt-bar.status-correction{background:#e9c3b8}.gantt-bar.status-done{background:#d6ff0e}
.gantt-footnote{padding:13px 18px;font-size:10px;color:#84917f}.gantt-no-tasks{padding:44px 22px;color:#889581;font-size:12px;text-align:center}
.workflow-edit-row{display:grid;grid-template-columns:23px minmax(0,1fr) 65px;align-items:center;gap:9px;padding:4px 0}
.workflow-edit-row input,.workflow-edit-row select{margin-top:0!important}
.workflow-numeric{background:#f1f5e9;width:23px;height:23px;display:grid;place-items:center;font-size:10px;font-weight:800;border-radius:5px}
.invite-workspace-toggle{display:flex!important;gap:9px;align-items:center;cursor:pointer;font-size:12px!important;font-weight:700}
.invite-workspace-toggle input{margin:0!important;min-height:16px!important;height:16px!important;width:16px!important;accent-color:#7fa000;flex-shrink:0}
.invite-workspace-hint{color:#7b8a72;font-size:10px;line-height:1.6;margin-top:6px}
#invite-scoped-projects{margin-top:14px}
@media(max-width:800px){.gantt-headbar{align-items:flex-start;flex-direction:column}.v13-gantt{margin:9px 12px}.gantt-head-actions{width:100%}}
/* V1.4 — CREANOVA notification centre: compact, calm, client-focused. */
.notifications-popover{width:min(412px,calc(100vw - 28px));max-height:min(650px,calc(100vh - 95px));right:-38px;top:46px;overflow:hidden;display:flex;flex-direction:column;background:#fff;border:1px solid #e6e9e2;border-radius:12px;box-shadow:0 20px 65px rgba(23,29,18,.13);z-index:100}
.notifications-popover.hidden{display:none!important}
.n4-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 14px}
.n4-header strong{display:block;font-size:16px;letter-spacing:-.035em;font-weight:790;color:#1c241c}
.n4-eyebrow{display:block;font-size:9px;letter-spacing:.13em;color:#919b90;margin-bottom:5px;font-weight:740}
.n4-settings{display:grid;place-items:center;width:30px;height:30px;border:1px solid #e5e9e0;border-radius:7px;background:#fff;color:#596451;font-size:22px;cursor:pointer}
.n4-settings:hover{background:#f3f6eb;color:#242f20}
.n4-subheader{height:41px;background:#f8f9f6;border-top:1px solid #eff0eb;border-bottom:1px solid #eff0eb;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;font-weight:700;color:#737f70}
.n4-subheader button{font-size:10px;color:#4a6612;background:transparent;border:0;font-weight:780;cursor:pointer}
.n4-subheader button:hover{text-decoration:underline}
.n4-list{min-height:100px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#dce2d5 transparent;scrollbar-width:thin}
.n4-entry{position:relative;padding:13px 20px 15px;border-bottom:1px solid #eef0ec;border-left:3px solid transparent;transition:background .12s ease}
.n4-entry.unread{background:#fbfdf8;border-left-color:#c9f418}
.n4-entry:hover,.n4-entry.unread:hover{background:#f4f8ec}
.n4-entry-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;gap:12px}
.n4-kind{font-size:9px;line-height:1.1;font-weight:790;text-transform:uppercase;letter-spacing:.07em;color:#70825c}
.n4-date{font-size:10px;color:#98a095}
.n4-entry strong{font-size:12px;line-height:1.25;color:#232c1f;font-weight:750;padding-right:16px}
.n4-entry small{font-size:11px;line-height:1.45;color:#788373;margin-top:5px;padding-right:13px}
.n4-unread{position:absolute;right:20px;top:43px;width:7px;height:7px;border-radius:50%;background:#94c515}
.n4-empty{padding:36px 25px;display:flex;align-items:center;flex-direction:column;text-align:center;gap:8px;color:#a1ab9b}
.n4-empty strong{color:#424c40;font-size:13px}.n4-empty span{color:#8d9787;font-size:11px;max-width:235px;line-height:1.5}
.n4-prefs{padding:0 20px 20px;overflow-y:auto}.n4-prefs>p{font-size:11px;line-height:1.5;color:#889285;margin:0 0 10px}
.n4-pref{padding:11px 0;display:flex;align-items:center;gap:15px;justify-content:space-between;border-bottom:1px solid #edf1e9;cursor:pointer}
.n4-pref span{flex:1;min-width:0}.n4-pref strong,.n4-chat-choice strong{display:block;color:#2c3329;font-size:11px;font-weight:750}
.n4-pref small,.n4-chat-choice small{display:block;color:#8c9887;font-size:10px;line-height:1.55;margin-top:4px}
.n4-pref input{width:17px;height:17px;accent-color:#94bf15;cursor:pointer;flex-shrink:0}
.n4-chat-choice{display:block;margin-top:16px}.n4-chat-choice select{width:100%;margin-top:10px;padding:10px 12px;background:#fbfcf9;border:1px solid #e1e7d9;border-radius:7px;font-size:11px;color:#253020}
.n4-pref-actions{display:flex;justify-content:flex-end;padding-top:16px}.n4-pref-actions .btn{padding:10px 16px;font-size:11px}
@media(max-width:600px){.notifications-popover{position:fixed;top:66px;right:14px;left:14px;width:auto;max-height:calc(100vh - 80px)}}