:root{--bg:#030817;--bg2:#071126;--panel:#0b1428;--panel2:#0d172d;--line:#1b2a46;--text:#f8fafc;--muted:#94a3b8;--blue:#1487ff;--blue2:#315cf6;--purple:#8428e8;--green:#12c875;--orange:#ff950f;--red:#f43f5e;--shadow:0 22px 60px rgba(0,0,0,.35)}*{box-sizing:border-box}html{min-height:100%}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 68% 0,#0b1a38 0,transparent 28%),linear-gradient(135deg,#030817,#071126 55%,#030817);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.alert{padding:13px 15px;border-radius:12px;font-size:14px}.alert-error{background:rgba(244,63,94,.1);border:1px solid rgba(244,63,94,.35);color:#fecdd3}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;padding:12px 18px;font-weight:800;cursor:pointer}.btn-primary{background:linear-gradient(90deg,var(--blue),var(--purple));color:white}.btn-ghost{border:1px solid var(--line);color:var(--text);background:#0a1428}
/* Login */
.login-page{overflow:hidden;background:#020611}.login-bg-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(67,97,164,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(67,97,164,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.login-glow{position:fixed;border-radius:50%;filter:blur(90px);opacity:.34}.glow-a{width:520px;height:520px;background:#006eff;left:-160px;top:180px}.glow-b{width:440px;height:440px;background:#7c2cff;right:-150px;bottom:-160px}.login-v3{min-height:100vh;display:grid;grid-template-columns:1.07fr .93fr;position:relative;z-index:2}.brand-stage{position:relative;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(126,153,209,.12);overflow:hidden}.brand-lockup{display:flex;align-items:center;gap:27px;transform:translateY(-30px);z-index:2}.brand-lockup img{width:132px;height:132px;filter:drop-shadow(0 15px 35px rgba(37,99,235,.28))}.brand-lockup h1{font-size:63px;line-height:1;margin:0;font-weight:500;letter-spacing:-2px}.brand-lockup h1 span{background:linear-gradient(90deg,#0da4ff,#8b2be2);-webkit-background-clip:text;color:transparent;font-weight:400}.brand-lockup p{font-size:15px;letter-spacing:7px;color:#aab4c8;margin:22px 0 0}.brand-by{position:absolute;top:67%;font-size:23px;color:#9ba7ba}.brand-by strong{color:white}.brand-wave{position:absolute;left:-12%;bottom:3%;width:118%;height:37%;transform:rotate(-4deg)}.brand-wave i{position:absolute;left:0;right:0;height:1px;border-radius:50%;box-shadow:0 0 18px currentColor}.brand-wave i:nth-child(1){top:15%;color:#0ca7ff;transform:skewY(14deg)}.brand-wave i:nth-child(2){top:35%;color:#2b6eff;transform:skewY(10deg)}.brand-wave i:nth-child(3){top:56%;color:#4f46e5;transform:skewY(5deg)}.brand-wave i:nth-child(4){top:72%;color:#9b2ce7;transform:skewY(-4deg)}.login-panel-wrap{display:flex;align-items:center;justify-content:center;position:relative;padding:110px 60px 80px}.client-select{position:absolute;right:10%;top:5%;width:315px}.client-select>span{display:block;color:#c8d0df;font-size:14px;margin-bottom:8px}.client-select>div{height:58px;border:1px solid var(--line);border-radius:13px;background:rgba(7,14,31,.78);display:flex;align-items:center;padding:0 16px;gap:13px}.client-select b,.active-client b{width:38px;height:38px;border-radius:50%;background:#0968ef;display:grid;place-items:center}.client-select strong{font-size:16px}.client-select i{margin-left:auto;color:#a9b3c4}.login-card-v3{width:min(590px,100%);padding:48px 55px;background:linear-gradient(145deg,rgba(16,28,55,.88),rgba(5,12,28,.88));border:1px solid rgba(109,136,190,.24);border-radius:20px;box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.03);backdrop-filter:blur(18px)}.login-heading h2{font-size:34px;margin:0 0 10px}.login-heading p{color:var(--muted);font-size:16px;margin:0 0 32px}.login-form-v3{display:grid;gap:24px}.login-form-v3 label>span{display:block;font-weight:700;margin-bottom:10px}.input-shell{height:64px;border:1px solid var(--line);border-radius:13px;background:rgba(18,29,54,.68);display:flex;align-items:center;padding:0 17px;gap:14px}.input-shell:focus-within{border-color:#347bff;box-shadow:0 0 0 4px rgba(41,112,255,.09)}.input-shell>i{color:#8794aa;font-style:normal}.input-shell input{flex:1;border:0;outline:0;background:transparent;color:white;font-size:15px}.input-shell input::placeholder{color:#718096}.password-toggle{border:0;background:none;color:#8794aa;cursor:pointer}.login-options{display:flex;justify-content:space-between;align-items:center;color:#a9b3c5;font-size:14px}.login-options a{color:#10a4ff}.remember{display:flex!important;align-items:center;gap:9px}.remember input{display:none}.remember span{width:20px;height:20px;border:1px solid #34445f;border-radius:5px;margin:0!important}.remember input:checked+span{background:linear-gradient(135deg,var(--blue),var(--purple));box-shadow:inset 0 0 0 4px #0b1428}.login-submit{height:64px;border:0;border-radius:13px;background:linear-gradient(90deg,#058eff,#3a62ef 54%,#8d21df);color:white;font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;box-shadow:0 12px 30px rgba(45,85,230,.25)}.login-submit span{position:absolute;right:28px;font-size:23px}.login-footer{position:absolute;left:0;right:0;bottom:24px;text-align:center;color:#7f8ba1;font-size:12px}.login-footer i{margin:0 14px}.login-footer strong{color:#129cff}
/* App */
.admin-page{background:radial-gradient(circle at 70% 0,#0a1937 0,transparent 31%),#030817}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:292px;background:linear-gradient(180deg,rgba(3,9,22,.98),rgba(3,10,24,.98));border-right:1px solid var(--line);padding:28px 23px 20px;display:flex;flex-direction:column;z-index:50}.product-brand{display:flex;align-items:center;gap:14px;padding:0 7px 27px}.product-brand img{width:56px;height:56px}.product-brand strong{display:block;font-size:22px}.product-brand strong span{color:#3476ff;font-weight:500}.product-brand small{color:#9ba8bc;font-size:12px}.sidebar-nav{display:grid;gap:7px}.sidebar-nav a{min-height:51px;padding:0 16px;border-radius:11px;display:flex;align-items:center;gap:13px;color:#aeb9cc;font-size:14px}.sidebar-nav a:hover{background:#0c1730;color:white}.sidebar-nav a.active{background:linear-gradient(90deg,#0b54e6,#243fd2);color:white;box-shadow:0 10px 28px rgba(37,74,220,.26)}.nav-icon{width:26px;text-align:center;font-size:20px}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:23px}.active-client>span{font-size:12px;color:#8d99ad}.active-client>div{display:flex;align-items:center;gap:11px;margin-top:13px}.active-client b{width:42px;height:42px}.active-client i{margin-left:auto;color:#a3aec0}.sidebar-user{display:flex;align-items:center;gap:11px;border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.sidebar-user>div:nth-child(2){min-width:0}.sidebar-user strong,.sidebar-user span{display:block}.sidebar-user strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user span{font-size:11px;color:#8491a7;margin-top:3px}.sidebar-user>a{margin-left:auto;color:#9ca8bc}.avatar{width:43px;height:43px;border-radius:13px;background:linear-gradient(135deg,#147bff,#8330e8);display:grid;place-items:center;font-weight:900}.avatar.small{width:40px;height:40px;border-radius:50%;font-size:13px}.content-shell{margin-left:292px;min-width:0;flex:1;padding:0 26px 0}.topbar{height:116px;display:flex;align-items:center;justify-content:flex-end;padding:0 7px}.topbar-actions{display:flex;align-items:center;gap:14px}.icon-button,.magic-button{width:51px;height:51px;border-radius:13px;border:1px solid var(--line);background:#071125;color:#dce6f8;display:grid;place-items:center;font-size:24px;position:relative}.icon-button i{position:absolute;width:19px;height:19px;border-radius:50%;background:#762ee7;right:-6px;top:-7px}.magic-button{border:0;border-radius:50%;background:linear-gradient(135deg,#3261f2,#7b18dd)}.menu-button{display:none;background:#0b1530;border:1px solid var(--line);color:white;border-radius:11px;width:43px;height:43px}.main-content{max-width:1440px;margin:0 auto 28px}.dash-greeting{margin:0 13px 24px}.dash-greeting span{font-size:14px;color:#dbe4f1}.dash-greeting h1{font-size:39px;line-height:1;margin:6px 0 10px}.dash-greeting h1 b{font-size:30px}.dash-greeting p{margin:0;color:var(--muted);font-size:14px}.stats-grid-v3{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:0 0 18px}.stat-v3{background:linear-gradient(145deg,rgba(14,25,48,.92),rgba(7,15,31,.92));border:1px solid var(--line);border-radius:16px;min-height:132px;padding:21px;display:grid;grid-template-columns:52px 1fr auto;grid-template-rows:auto 35px;gap:6px 15px;position:relative;overflow:hidden}.stat-icon{width:49px;height:49px;border-radius:50%;display:grid;place-items:center;font-size:21px;font-weight:900;grid-row:1/2}.stat-icon.blue{background:linear-gradient(135deg,#0e9fff,#1548eb)}.stat-icon.orange{background:linear-gradient(135deg,#ffaf20,#ee7600)}.stat-icon.red{background:linear-gradient(135deg,#ff526a,#e51736)}.stat-icon.green{background:linear-gradient(135deg,#1bd68b,#079d58)}.stat-v3>div:nth-child(2) strong,.stat-v3>div:nth-child(2) span{display:block}.stat-v3>div:nth-child(2) strong{font-size:30px}.stat-v3>div:nth-child(2) span{color:#c4ccda;font-size:13px}.stat-v3 svg{grid-column:1/3;width:100%;height:32px;align-self:end}.stat-v3 polyline{fill:none;stroke:#2578ff;stroke-width:2}.stat-v3:nth-child(2) polyline{stroke:var(--orange)}.stat-v3:nth-child(3) polyline{stroke:var(--red)}.stat-v3:nth-child(4) polyline{stroke:var(--green)}.stat-v3 small{align-self:end;color:#15a6ff;font-weight:800}.stat-v3:nth-child(2) small{color:var(--orange)}.stat-v3:nth-child(3) small{color:var(--red)}.stat-v3:nth-child(4) small{color:var(--green)}.dashboard-grid-v3{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(350px,.96fr);grid-template-areas:'projects activity' 'summary workload';gap:18px}.panel-v3{background:linear-gradient(145deg,rgba(13,23,45,.95),rgba(6,14,29,.95));border:1px solid var(--line);border-radius:16px;overflow:hidden}.panel-v3>header{height:58px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-v3 h2{font-size:15px;margin:0}.panel-v3 header a{font-size:13px;color:#0da4ff}.panel-v3 select{background:#091329;border:1px solid var(--line);color:#bac5d7;border-radius:9px;padding:8px 12px}.projects-panel{grid-area:projects}.activity-panel{grid-area:activity}.summary-panel{grid-area:summary}.workload-panel{grid-area:workload}.project-v3{min-height:73px;padding:10px 18px;display:grid;grid-template-columns:54px minmax(190px,1.25fr) minmax(150px,.8fr) 76px 38px 24px;align-items:center;gap:14px;border-bottom:1px solid var(--line)}.project-v3:last-child{border-bottom:0}.project-thumb{width:53px;height:53px;border-radius:9px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,#0f9bf4,#143e8a)}.project-thumb.t2{background:linear-gradient(135deg,#cb8a26,#4f3112)}.project-thumb.t3{background:linear-gradient(135deg,#f0742e,#2c406d)}.project-thumb.t4{background:linear-gradient(135deg,#12b981,#0e5272)}.project-thumb.t5{background:linear-gradient(135deg,#7d2ae8,#1e418e)}.project-info strong,.project-info span{display:block}.project-info strong{font-size:13px}.project-info span{font-size:11px;color:#8996aa;margin-top:6px}.project-info span b{font-size:10px;color:#d9a3ff;background:rgba(131,41,225,.2);border:1px solid rgba(137,57,238,.5);padding:2px 7px;border-radius:10px;margin-left:8px}.project-progress{display:flex;align-items:center;gap:9px}.project-progress>div{height:6px;background:#14213a;border-radius:99px;flex:1;overflow:hidden}.project-progress i{display:block;height:100%;background:linear-gradient(90deg,#118cff,#3478ed);border-radius:99px}.project-progress span{font-size:11px;color:#aeb8c8}.project-date small,.project-date strong{display:block}.project-date small{color:#7f8ba1;font-size:10px}.project-date strong{font-size:11px;color:#1ca8ff;margin-top:3px}.project-avatar{width:33px;height:33px;border-radius:50%;background:#314664;border:2px solid #647895;display:grid;place-items:center;font-size:11px}.project-v3 button{border:0;background:none;color:#8794aa;font-size:21px}.empty-v3{text-align:center;padding:45px}.empty-v3>span{font-size:36px}.empty-v3 h3{margin:8px 0}.empty-v3 p{color:var(--muted)}.activity-v3{padding:5px 20px}.activity-v3>div{min-height:67px;display:grid;grid-template-columns:10px 36px 1fr auto;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.activity-v3>div:last-child{border:0}.activity-v3 .dot{width:7px;height:7px;border-radius:50%;background:#2467ed}.activity-v3 .d1{background:#7e36e7}.activity-v3 .d2{background:#ff970d}.activity-v3>div>b{width:34px;height:34px;border-radius:50%;background:#253550;display:grid;place-items:center;font-size:11px}.activity-v3 p{margin:0;font-size:11px;line-height:1.4}.activity-v3 p span{display:block;color:#c8d0dd}.activity-v3 time{font-size:10px;color:#7e8ba1}.summary-content{display:grid;grid-template-columns:190px 1fr;padding:25px}.donut{width:134px;height:134px;border-radius:50%;margin:auto;display:grid;place-items:center;align-content:center;background:radial-gradient(circle,#0b152b 56%,transparent 57%),conic-gradient(#5c24e6 0 60%,#1b62f0 60% 72%,#15213c 72%);box-shadow:0 0 32px rgba(55,65,245,.2)}.donut strong{font-size:28px}.donut span{font-size:9px;color:#9ba7ba;text-align:center}.summary-metrics{display:grid;grid-template-columns:1fr 1fr}.summary-metrics>div{display:grid;grid-template-columns:30px 1fr auto;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}.summary-metrics>div:nth-last-child(-n+2){border-bottom:0}.summary-metrics>div:nth-child(odd){border-right:1px solid var(--line)}.summary-metrics>div>span{color:#2c83ff}.summary-metrics p{margin:0;font-size:10px;color:#9ca8bb}.summary-metrics p strong{display:block;color:white;font-size:20px;margin-top:4px}.summary-metrics b{font-size:10px;color:#12c976}.workload-list{padding:18px 22px 24px}.workload-list>div{display:grid;grid-template-columns:28px 62px 1fr 37px;align-items:center;gap:9px;margin:13px 0}.workload-list>div>b{width:24px;height:24px;border-radius:50%;background:#314762;display:grid;place-items:center;font-size:9px}.workload-list>div>span{font-size:11px;color:#a4afc1}.workload-list i{height:8px;border-radius:99px;background:#14213a;overflow:hidden}.workload-list em{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#0b73f4,#6239ee)}.workload-list strong{font-size:11px;color:#9eabc0}.app-footer{max-width:1440px;margin:0 auto;padding:10px 10px 26px;display:flex;justify-content:center;gap:42px;color:#728097;font-size:11px}.app-footer b{color:#b072ff;border:1px solid #6d2fd2;padding:3px 8px;border-radius:6px;margin-left:8px}.sidebar-overlay{display:none}
/* Existing CRUD support */
.page-intro{display:flex;justify-content:space-between;align-items:center;margin:10px 0 20px}.page-intro h2{margin:5px 0;font-size:30px}.page-intro p{margin:0;color:var(--muted)}.section-kicker{font-size:11px;letter-spacing:2px;color:#3b82f6;font-weight:800}.surface,.table-surface,.form-surface{background:linear-gradient(145deg,rgba(13,23,45,.95),rgba(6,14,29,.95));border:1px solid var(--line);border-radius:16px;padding:22px}.table-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.search-form{display:flex;align-items:center;gap:10px;min-width:290px;border:1px solid var(--line);border-radius:11px;padding:0 14px;height:44px}.search-form input{background:transparent;border:0;outline:0;color:white;width:100%}.result-count{color:var(--muted);font-size:12px}.company-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.company-card{border:1px solid var(--line);border-radius:14px;background:#091329;padding:18px}.company-card.inactive{opacity:.55}.company-card-top,.company-actions{display:flex;align-items:center;justify-content:space-between}.company-monogram{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#1688ff,#742de1);display:grid;place-items:center;font-weight:900}.status-dot{font-size:11px;color:#94a3b8}.status-dot.active{color:#24d58b}.company-card-body h3{margin:18px 0 5px}.company-card-body p,.company-meta{color:var(--muted);font-size:11px}.company-meta{display:flex;justify-content:space-between;margin:18px 0}.company-actions{border-top:1px solid var(--line);padding-top:14px}.company-actions a,.company-actions button{font-size:12px;color:#2496ff;background:none;border:0;cursor:pointer}.entity-form{display:grid;gap:24px}.form-section{display:grid;grid-template-columns:220px 1fr;gap:30px}.form-step{font-size:11px;color:#3b82f6}.form-section h3{margin:5px 0}.form-section p{color:var(--muted);font-size:12px}.form-fields{display:grid;gap:15px}.form-fields.two{grid-template-columns:1fr 1fr}.field span{display:block;font-size:12px;margin-bottom:7px}.field input{width:100%;height:48px;border-radius:11px;border:1px solid var(--line);background:#081226;color:white;padding:0 14px}.switch-field{display:flex;align-items:center;gap:13px}.switch-field input{display:none}.switch-ui{width:45px;height:24px;border-radius:99px;background:#1b2940;position:relative}.switch-ui:after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:white;left:3px;top:3px;transition:.2s}.switch-field input:checked+.switch-ui{background:#2169ef}.switch-field input:checked+.switch-ui:after{left:24px}.switch-field strong,.switch-field small{display:block}.switch-field small{color:var(--muted)}.form-divider{height:1px;background:var(--line)}.form-actions{display:flex;justify-content:flex-end;gap:12px}.flow-empty{text-align:center;padding:35px}
@media(max-width:1100px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.content-shell{margin-left:0}.menu-button{display:block;margin-right:auto}.topbar{justify-content:space-between}.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:40}.sidebar-overlay.show{display:block}.stats-grid-v3{grid-template-columns:1fr 1fr}.dashboard-grid-v3{grid-template-columns:1fr;grid-template-areas:'projects' 'activity' 'summary' 'workload'}.login-v3{grid-template-columns:1fr}.brand-stage{display:none}.login-panel-wrap{padding:110px 25px 70px}.client-select{right:25px;left:25px;width:auto}.company-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.content-shell{padding:0 14px}.topbar{height:82px}.stats-grid-v3{grid-template-columns:1fr}.project-v3{grid-template-columns:50px 1fr 65px}.project-progress,.project-avatar,.project-v3 button{display:none}.dashboard-grid-v3{display:block}.panel-v3{margin-bottom:15px}.summary-content{grid-template-columns:1fr}.summary-metrics{margin-top:20px;grid-template-columns:1fr}.summary-metrics>div{border-right:0!important}.login-panel-wrap{padding:94px 16px 58px}.login-card-v3{padding:30px 22px}.client-select{top:18px}.login-options{align-items:flex-start;gap:10px;flex-direction:column}.login-footer{font-size:9px}.company-grid{grid-template-columns:1fr}.form-section{grid-template-columns:1fr}.form-fields.two{grid-template-columns:1fr}.page-intro{align-items:flex-start;gap:15px;flex-direction:column}.app-footer{flex-direction:column;align-items:center;gap:8px}}

/* WoWFlow - Empresas / Clientes */
.alert-success{margin:0 0 18px;background:rgba(18,200,117,.1);border:1px solid rgba(18,200,117,.32);color:#a7f3d0}
.company-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}
.company-summary-grid article{min-height:94px;padding:18px 20px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(13,23,45,.92),rgba(6,14,29,.92));display:flex;flex-direction:column;justify-content:center}
.company-summary-grid span{font-size:11px;color:var(--muted)}
.company-summary-grid strong{font-size:29px;margin-top:5px}
.text-green{color:var(--green)}.text-muted{color:#7f8ba1}
.company-toolbar{gap:18px}
.company-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.company-filters select{height:44px;border:1px solid var(--line);border-radius:11px;background:#081226;color:#dbe5f5;padding:0 36px 0 13px;outline:0}
.btn-search{height:44px;padding:0 16px}
.clear-filter{font-size:12px;color:#4aa4ff}
.company-card{position:relative;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.company-card:before{content:'';position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,var(--blue),var(--purple));opacity:.8}
.company-card:hover{transform:translateY(-3px);border-color:#2e4770;box-shadow:0 15px 34px rgba(0,0,0,.24)}
.company-card.inactive{opacity:.62}.company-card.inactive:hover{opacity:.82}
.status-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:99px;font-size:10px;border:1px solid var(--line);color:#95a3b8;background:#0a152b}
.status-pill i{width:7px;height:7px;border-radius:50%;background:#64748b}
.status-pill.active{color:#83efbc;border-color:rgba(18,200,117,.28);background:rgba(18,200,117,.08)}
.status-pill.active i{background:var(--green);box-shadow:0 0 10px rgba(18,200,117,.75)}
.status-pill.inactive{color:#a8b1c1}
.company-contact{display:grid;gap:10px;padding:15px 0;border-top:1px solid rgba(27,42,70,.7);border-bottom:1px solid rgba(27,42,70,.7)}
.company-contact span{font-size:11px;color:#c3ccda;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.company-contact small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#66758e;margin-bottom:3px}
.company-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 0}
.company-stats span{font-size:10px;color:#7f8ba1;text-align:center}
.company-stats strong{display:block;color:#f7f9fd;font-size:16px;margin-bottom:2px}
.company-actions{gap:12px;justify-content:flex-start;flex-wrap:wrap}
.company-actions form{margin:0}
.company-actions .action-link{font-size:11px;color:#6db5ff;background:none;border:0;padding:0;cursor:pointer}
.company-actions .action-link.danger{color:#fb7185}
.company-actions .action-link:hover{color:white}
.field small{display:block;color:#718098;font-size:10px;margin-top:7px;line-height:1.5}
.empty-company-icon{width:58px;height:58px;margin:0 auto 12px;border-radius:16px;display:grid;place-items:center;font-size:26px;background:linear-gradient(145deg,rgba(20,135,255,.16),rgba(132,40,232,.15));border:1px solid #233758}
.flow-empty.compact .btn{margin-top:12px}
@media(max-width:900px){.company-summary-grid{grid-template-columns:1fr 1fr 1fr}.company-toolbar{align-items:flex-start;flex-direction:column}.company-filters{width:100%}.company-filters .search-form{flex:1;min-width:240px}.result-count{align-self:flex-end}}
@media(max-width:700px){.company-summary-grid{grid-template-columns:1fr}.company-summary-grid article{min-height:78px}.company-filters{display:grid;grid-template-columns:1fr}.company-filters .search-form{min-width:0;width:100%}.company-filters select,.btn-search{width:100%}.result-count{align-self:flex-start}.company-actions{justify-content:space-between}}


/* WoWFlow - Áreas */
.flow-select-wrap{position:relative;min-width:190px}
.flow-select-wrap::after{content:"";position:absolute;right:16px;top:50%;width:8px;height:8px;border-right:2px solid #8ea3c7;border-bottom:2px solid #8ea3c7;transform:translateY(-65%) rotate(45deg);pointer-events:none;transition:.2s}
.flow-select-wrap:focus-within::after{border-color:#8b5cf6;transform:translateY(-35%) rotate(225deg)}
.flow-select{width:100%;height:44px;padding:0 44px 0 14px;border:1px solid var(--line);border-radius:11px;outline:none;appearance:none;-webkit-appearance:none;color:#f8fbff;background:linear-gradient(180deg,rgba(18,31,57,.96),rgba(9,20,40,.96));font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:.2s}
.flow-select:hover{border-color:rgba(56,139,253,.55)}
.flow-select:focus{border-color:#7c4dff;box-shadow:0 0 0 4px rgba(124,77,255,.14)}
.flow-select option{color:#f8fbff;background:#0b1730}
.compact-select{min-width:150px}
.form-select-wrap{width:100%;min-width:0}.form-select-wrap .flow-select{height:48px;border-radius:11px}
.department-toolbar{gap:18px}.department-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.department-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.department-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#091329;padding:18px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.department-card:before{content:'';position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,var(--blue),var(--purple));opacity:.8}
.department-card:hover{transform:translateY(-3px);border-color:#2e4770;box-shadow:0 15px 34px rgba(0,0,0,.24)}
.department-card.inactive{opacity:.62}.department-card.inactive:hover{opacity:.82}
.department-card-top{display:flex;align-items:center;justify-content:space-between}
.department-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,rgba(20,135,255,.25),rgba(132,40,232,.25));border:1px solid #284269;display:grid;place-items:center;font-size:20px}
.department-card-body{padding:16px 0}.department-card-body h3{margin:4px 0 0;font-size:18px}
.department-company{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.15px;color:#639ffb;font-weight:800}
.company-warning{margin:9px 0 0;color:#fbbf24;font-size:10px}
.department-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(27,42,70,.7);border-bottom:1px solid rgba(27,42,70,.7);padding:14px 0;margin-bottom:14px}
.department-stats span{text-align:center;color:#7f8ba1;font-size:10px}.department-stats span+span{border-left:1px solid var(--line)}
.department-stats strong{display:block;color:white;font-size:17px;margin-bottom:2px}
@media(max-width:1100px){.department-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.department-toolbar{align-items:flex-start;flex-direction:column}.department-filters{width:100%}.department-filters .search-form{flex:1;min-width:240px}.result-count{align-self:flex-end}}
@media(max-width:700px){.department-grid{grid-template-columns:1fr}.department-filters{display:grid;grid-template-columns:1fr}.department-filters .search-form,.flow-select-wrap,.department-filters .btn-search{width:100%;min-width:0}.result-count{align-self:flex-start}}

/* WoWFlow - Usuarios solicitantes */
.requester-toolbar{gap:18px}.requester-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.requester-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.requester-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(13,23,45,.94),rgba(6,14,29,.94));padding:18px;transition:.2s}
.requester-card:before{content:'';position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,var(--blue),var(--purple))}
.requester-card:hover{transform:translateY(-3px);border-color:#2e4770;box-shadow:0 15px 34px rgba(0,0,0,.24)}
.requester-card.inactive{opacity:.62}.requester-card-top{display:flex;align-items:center;justify-content:space-between}
.requester-avatar{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:18px;font-weight:900;background:linear-gradient(135deg,#1487ff,#8428e8);box-shadow:0 10px 24px rgba(49,92,246,.2)}
.requester-card-body{padding:15px 0}.requester-card-body h3{font-size:18px;margin:4px 0 6px}.requester-card-body p{margin:0;color:var(--muted);font-size:11px}
.requester-company{display:block;color:#639ffb;text-transform:uppercase;letter-spacing:1.1px;font-size:9px;font-weight:800}
.requester-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 0;border-top:1px solid rgba(27,42,70,.7);border-bottom:1px solid rgba(27,42,70,.7)}
.requester-meta span{font-size:10px;color:#d8e1ef;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.requester-meta small{display:block;color:#66758e;text-transform:uppercase;letter-spacing:.8px;font-size:8px;margin-bottom:3px}
.requester-actions{margin-top:14px}.field.full{grid-column:1/-1}
@media(max-width:1100px){.requester-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.requester-toolbar{align-items:flex-start;flex-direction:column}.requester-filters{width:100%}.requester-filters .search-form{flex:1;min-width:240px}}
@media(max-width:700px){.requester-grid{grid-template-columns:1fr}.requester-filters{display:grid;grid-template-columns:1fr}.requester-filters .search-form,.requester-filters .flow-select-wrap,.requester-filters .btn-search{width:100%;min-width:0}.requester-meta{grid-template-columns:1fr}}

/* WoWFlow - Usuarios diseñadores */
.designer-toolbar{gap:18px}.designer-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.designer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.designer-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(13,23,45,.94),rgba(6,14,29,.94));padding:18px;transition:.2s}
.designer-card:before{content:'';position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,#00a8ff,#7c3aed)}
.designer-card:hover{transform:translateY(-3px);border-color:#2e4770;box-shadow:0 15px 34px rgba(0,0,0,.24)}
.designer-card.inactive{opacity:.62}.designer-card-top{display:flex;align-items:center;justify-content:space-between}
.designer-avatar{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;font-size:19px;font-weight:900;background:linear-gradient(135deg,#0ea5e9,#7c3aed);box-shadow:0 10px 26px rgba(49,92,246,.23)}
.designer-card-body{padding:15px 0}.designer-card-body h3{font-size:18px;margin:4px 0 6px}.designer-card-body p{margin:0;color:var(--muted);font-size:11px;min-height:17px}
.designer-area{display:block;color:#69b7ff;text-transform:uppercase;letter-spacing:1.1px;font-size:9px;font-weight:800}
.designer-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 0;border-top:1px solid rgba(27,42,70,.7);border-bottom:1px solid rgba(27,42,70,.7)}
.designer-meta span{font-size:10px;color:#d8e1ef;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.designer-meta small{display:block;color:#66758e;text-transform:uppercase;letter-spacing:.8px;font-size:8px;margin-bottom:3px}
.designer-workload{display:grid;grid-template-columns:repeat(3,1fr);padding:14px 0;border-bottom:1px solid rgba(27,42,70,.7)}
.designer-workload span{text-align:center;color:#7f8ba1;font-size:9px}.designer-workload span+span{border-left:1px solid var(--line)}.designer-workload strong{display:block;color:white;font-size:17px;margin-bottom:2px}
.designer-actions{margin-top:14px}
@media(max-width:1100px){.designer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.designer-toolbar{align-items:flex-start;flex-direction:column}.designer-filters{width:100%}.designer-filters .search-form{flex:1;min-width:240px}}
@media(max-width:700px){.designer-grid{grid-template-columns:1fr}.designer-filters{display:grid;grid-template-columns:1fr}.designer-filters .search-form,.designer-filters .flow-select-wrap,.designer-filters .btn-search{width:100%;min-width:0}.designer-meta{grid-template-columns:1fr}}

/* =========================================================
   WoWFlow — Core de Proyectos
   ========================================================= */
.project-intro{align-items:flex-end}.project-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}.project-metrics article{position:relative;overflow:hidden;padding:20px 22px;border:1px solid rgba(130,155,205,.16);border-radius:18px;background:linear-gradient(145deg,rgba(17,30,55,.94),rgba(8,18,37,.94));box-shadow:0 18px 40px rgba(0,0,0,.14)}.project-metrics span{display:block;color:#8292ad;font-size:12px;font-weight:700}.project-metrics strong{display:block;margin-top:8px;font-size:30px;color:#f7f9ff}.metric-dot{position:absolute;right:18px;top:18px;width:9px;height:9px;border-radius:99px;box-shadow:0 0 16px currentColor}.metric-dot.blue{color:#4588ff;background:currentColor}.metric-dot.orange{color:#f5a524;background:currentColor}.metric-dot.red{color:#ff5263;background:currentColor}.metric-dot.green{color:#39d98a;background:currentColor}.project-surface{padding:18px}.project-filterbar{display:grid;grid-template-columns:minmax(280px,1.7fr) repeat(4,minmax(145px,.75fr)) auto auto;gap:10px;align-items:center}.project-filterbar .flow-select{min-height:46px}.project-list-head{display:flex;justify-content:space-between;align-items:center;padding:18px 4px 12px;color:#8292ad}.project-list-head b{color:#fff}.project-list-head small{font-size:11px}.project-card-list{display:flex;flex-direction:column;gap:10px}.project-card{position:relative;display:grid;grid-template-columns:68px minmax(0,1fr) 145px;gap:18px;align-items:center;min-height:128px;padding:18px 20px;border:1px solid rgba(130,155,205,.14);border-radius:18px;background:linear-gradient(135deg,rgba(15,28,51,.97),rgba(8,18,37,.98));transition:.2s ease;overflow:hidden}.project-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#568cff;box-shadow:0 0 18px currentColor}.project-card.mood-urgent:before{color:#ff9f43;background:currentColor}.project-card.mood-critical:before{color:#ff5263;background:currentColor}.project-card.mood-creative:before{color:#a970ff;background:currentColor}.project-card.mood-corporate:before{color:#3f9cff;background:currentColor}.project-card:hover{transform:translateY(-1px);border-color:rgba(105,128,255,.35);box-shadow:0 18px 35px rgba(0,0,0,.18)}.project-card.dragging{opacity:.42;transform:scale(.99)}.project-card.is-closed{opacity:.72}.project-card.is-closed:before{color:#39d98a;background:currentColor}.project-priority{text-align:center;border-right:1px solid rgba(130,155,205,.12);padding-right:18px}.project-priority strong{display:block;margin-top:5px;font-size:12px;color:#8c9ab3}.drag-handle{border:0;background:none;color:#7385a2;font-size:22px;cursor:grab}.project-card-titleline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.project-folio{font-size:10px;letter-spacing:.13em;color:#7890b8;font-weight:800}.project-title{display:inline-block;margin:8px 0 5px;color:#f8faff;font-size:18px;font-weight:800;text-decoration:none}.project-title:hover{color:#8aa8ff}.project-submeta{display:flex;align-items:center;gap:7px;color:#8190aa;font-size:12px}.project-submeta i{opacity:.4}.project-progress-row{display:flex;align-items:center;gap:12px;margin-top:14px}.project-progress{height:7px;flex:1;max-width:520px;border-radius:99px;background:#17243c;overflow:hidden}.project-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4169ff,#8d5cff);box-shadow:0 0 14px rgba(108,89,255,.5)}.project-progress-row strong{font-size:11px;color:#bac6dc}.project-side{display:flex;flex-direction:column;align-items:flex-end;gap:14px}.project-due{text-align:right;font-size:12px;color:#dbe4f6}.project-due small{display:block;color:#7586a3;font-size:10px;margin-bottom:3px}.project-due.due-overdue{color:#ff6876}.project-due.due-today{color:#ffaf4d}.project-due.due-soon{color:#f5d04c}.project-open{color:#8aa5ff;text-decoration:none;font-size:12px;font-weight:800}.mood-badge,.status-badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.04em;background:#172742;color:#9bb0d2}.mood-badge.urgent{background:rgba(255,159,67,.12);color:#ffb568}.mood-badge.critical{background:rgba(255,82,99,.12);color:#ff7180}.mood-badge.creative{background:rgba(169,112,255,.12);color:#c497ff}.mood-badge.corporate{background:rgba(63,156,255,.12);color:#70b5ff}.status-completed{background:rgba(57,217,138,.12);color:#57dfa0}.status-cancelled{background:rgba(255,82,99,.12);color:#ff7180}.status-in_progress,.status-internal_review,.status-sent{background:rgba(86,140,255,.12);color:#7aa2ff}.status-corrections,.status-waiting_info{background:rgba(255,175,77,.12);color:#ffba67}.status-approved{background:rgba(169,112,255,.12);color:#c497ff}
.project-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.project-form-main,.project-form-side{padding:24px}.project-form-side{position:sticky;top:92px}.project-form-side h3{font-size:22px;margin:8px 0}.project-form-side>p{color:#8391aa;line-height:1.65}.form-section-title{display:flex;gap:14px;align-items:center;margin:4px 0 20px}.form-section-title:not(:first-child){margin-top:34px;padding-top:28px;border-top:1px solid rgba(130,155,205,.12)}.form-section-title>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(100,92,255,.13);color:#9b8cff;font-size:11px;font-weight:900}.form-section-title h3{margin:0;font-size:16px}.form-section-title p{margin:3px 0 0;color:#7888a4;font-size:11px}.form-side-tip{margin:22px 0;padding:14px;border:1px solid rgba(100,92,255,.18);border-radius:14px;background:rgba(100,92,255,.06)}.form-side-tip b,.form-side-tip span{display:block}.form-side-tip b{font-size:11px;color:#a89cff;margin-bottom:5px}.form-side-tip span{font-size:11px;line-height:1.55;color:#8290aa}.range-field{display:flex;align-items:center;gap:12px;min-height:48px}.range-field input{flex:1;accent-color:#705bff}.range-field output{min-width:46px;font-size:12px;font-weight:800;color:#bcb4ff}
.project-detail-hero{position:relative;margin-bottom:18px;padding:24px 28px;border:1px solid rgba(130,155,205,.17);border-radius:22px;background:radial-gradient(circle at 80% 0,rgba(83,76,255,.18),transparent 35%),linear-gradient(140deg,#111f3a,#081225);overflow:hidden}.project-detail-hero:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#4b7cff,#8a55ff)}.project-detail-hero.mood-urgent:before{background:#ff9f43}.project-detail-hero.mood-critical:before{background:#ff5263}.project-detail-hero.mood-creative:before{background:#a970ff}.detail-hero-top,.detail-hero-top>div,.detail-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.detail-hero-top>a{font-size:11px;color:#8da1c4;text-decoration:none}.detail-hero-top form{display:inline-flex}.detail-title-row{margin-top:24px}.detail-title-row h2{font-size:30px;margin:7px 0}.detail-title-row p{margin:0;color:#8493ad}.detail-progress-ring{--p:calc(var(--progress)*1%);display:grid;place-content:center;width:104px;height:104px;border-radius:50%;background:radial-gradient(circle at center,#0b1730 59%,transparent 61%),conic-gradient(#785dff var(--p),#1b2a43 0);box-shadow:0 0 28px rgba(110,87,255,.18);text-align:center}.detail-progress-ring strong{font-size:21px}.detail-progress-ring span{font-size:9px;color:#7f90ac}.project-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.detail-main-column,.detail-side-column{display:flex;flex-direction:column;gap:18px}.detail-panel{padding:22px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-heading h3,.detail-panel>h3{margin:5px 0 0}.project-timeline{display:grid;grid-template-columns:repeat(7,1fr);gap:0}.timeline-step{position:relative;text-align:center;color:#65748d;font-size:9px;font-weight:800}.timeline-step:not(:last-child):after{content:"";position:absolute;top:13px;left:54%;width:92%;height:2px;background:#1d2b44}.timeline-step i{position:relative;z-index:2;display:grid;place-items:center;width:27px;height:27px;margin:0 auto 8px;border-radius:50%;background:#15243e;color:#6f809e;font-style:normal}.timeline-step.done{color:#b6c6e2}.timeline-step.done i{background:linear-gradient(135deg,#486dff,#8e59ff);color:#fff;box-shadow:0 0 16px rgba(104,88,255,.35)}.timeline-step.done:not(:last-child):after{background:linear-gradient(90deg,#536dff,#765eff)}.brief-content{color:#cad5e8;line-height:1.8;font-size:13px}.internal-note{margin-top:18px;padding:15px;border-left:3px solid #8c62ff;border-radius:0 12px 12px 0;background:rgba(140,98,255,.07)}.internal-note b{font-size:10px;color:#bca3ff}.internal-note p{margin:6px 0 0;color:#9caac1;font-size:12px}.comment-form textarea{width:100%;margin-bottom:10px}.comment-form{text-align:right}.comment-list{margin-top:20px;display:flex;flex-direction:column;gap:18px}.comment-item{display:flex;gap:12px}.comment-item b,.comment-item small{display:block}.comment-item small{font-size:9px;color:#6f7f9b;margin:2px 0 7px}.comment-item p{margin:0;color:#aebbd0;font-size:12px;line-height:1.6}.history-list{display:flex;flex-direction:column}.history-item{display:grid;grid-template-columns:20px 1fr;gap:10px;padding:0 0 18px}.history-item i{position:relative;width:8px;height:8px;margin-top:5px;border-radius:50%;background:#765eff;box-shadow:0 0 12px rgba(118,94,255,.5)}.history-item i:after{content:"";position:absolute;left:3px;top:11px;width:1px;height:calc(100% + 8px);background:#20304c}.history-item:last-child i:after{display:none}.history-item b{font-size:11px}.history-item p{margin:4px 0;color:#8998b2;font-size:10px}.history-item small{font-size:9px;color:#64738e}.quick-update .field{margin-top:14px}.detail-data dl{margin:16px 0 0}.detail-data dl div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid rgba(130,155,205,.09)}.detail-data dt{color:#71819d;font-size:10px}.detail-data dd{margin:0;color:#dce5f5;font-size:11px;text-align:right}.attachment-form{margin-top:15px}.attachment-list{display:flex;flex-direction:column;gap:8px;margin-top:16px}.attachment-list>a{display:flex;align-items:center;gap:10px;padding:11px;border-radius:12px;background:#101f38;color:#dbe6f8;text-decoration:none}.attachment-list>a>span{color:#8a72ff}.attachment-list b,.attachment-list small{display:block}.attachment-list b{font-size:10px}.attachment-list small{font-size:8px;color:#6f809c}.btn-danger-soft{border:1px solid rgba(255,82,99,.25);background:rgba(255,82,99,.08);color:#ff7c89}.btn-block{display:flex;width:100%;justify-content:center;margin-top:10px}
@media(max-width:1180px){.project-filterbar{grid-template-columns:1fr 1fr 1fr}.project-search{grid-column:1/-1}.project-metrics{grid-template-columns:1fr 1fr}.project-detail-grid{grid-template-columns:1fr}.detail-side-column{display:grid;grid-template-columns:repeat(2,1fr)}.detail-side-column>article:last-child{grid-column:1/-1}}
@media(max-width:780px){.project-metrics{grid-template-columns:1fr 1fr}.project-filterbar{grid-template-columns:1fr}.project-card{grid-template-columns:45px 1fr;padding:15px}.project-side{grid-column:2;align-items:flex-start;flex-direction:row;justify-content:space-between}.project-form-layout{grid-template-columns:1fr}.project-form-side{position:static}.project-timeline{grid-template-columns:1fr;gap:8px}.timeline-step{display:flex;align-items:center;gap:10px;text-align:left}.timeline-step i{margin:0}.timeline-step:not(:last-child):after{left:13px;top:28px;width:2px;height:16px}.detail-title-row{align-items:flex-start}.detail-progress-ring{width:82px;height:82px}.detail-side-column{display:flex}.project-detail-hero{padding:20px}.detail-title-row h2{font-size:22px}}
@media(max-width:520px){.project-metrics{grid-template-columns:1fr}.project-card{grid-template-columns:1fr}.project-priority{display:none}.project-side{grid-column:1}.detail-progress-ring{display:none}.project-filterbar .btn{width:100%}.detail-hero-top{align-items:flex-start}.detail-hero-top>div{flex-wrap:wrap;justify-content:flex-end}}


/* WoWFlow - Experiencia Diseñador */
.auto-assignee{display:flex;align-items:center;gap:14px;padding:15px 16px;border:1px solid rgba(88,119,174,.25);border-radius:16px;background:linear-gradient(135deg,rgba(24,42,75,.82),rgba(13,25,49,.92));}
.auto-assignee .avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#2575fc,#8b5cf6);color:#fff;font-weight:800;box-shadow:0 8px 24px rgba(75,90,255,.25);}
.auto-assignee div:last-child{display:flex;flex-direction:column;gap:3px}.auto-assignee strong{color:#fff}.auto-assignee small{color:#57d89b;font-weight:700}.designer-welcome{padding:18px 20px;border:1px solid rgba(87,112,160,.2);border-radius:18px;background:rgba(13,26,51,.72);}

/* WoWFlow - Pulido del formulario de proyectos */
.project-form-main .field > span{
  color:#eef4ff;
  font-size:12px;
  font-weight:700;
  letter-spacing:.01em;
}

.date-input-shell{
  position:relative;
  display:flex;
  align-items:center;
  min-height:52px;
  border:1px solid rgba(112,143,198,.26);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(18,33,61,.96),rgba(10,22,43,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 24px rgba(0,0,0,.14);
  overflow:hidden;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.date-input-shell:hover{border-color:rgba(55,139,255,.55)}
.date-input-shell:focus-within{
  border-color:#6f63ff;
  box-shadow:0 0 0 4px rgba(111,99,255,.13),0 12px 30px rgba(0,0,0,.2);
}
.date-input-icon{
  display:grid;
  place-items:center;
  width:50px;
  min-width:50px;
  align-self:stretch;
  color:#70a9ff;
  border-right:1px solid rgba(112,143,198,.14);
  background:rgba(35,104,255,.08);
  font-size:16px;
}
.date-input-shell input[type="date"]{
  width:100%;
  height:50px;
  padding:0 16px;
  border:0;
  outline:0;
  color:#f7fbff;
  background:transparent;
  color-scheme:dark;
  font-weight:700;
}
.date-input-shell input[type="date"]::-webkit-calendar-picker-indicator{
  cursor:pointer;
  opacity:.85;
  filter:invert(72%) sepia(25%) saturate(1364%) hue-rotate(188deg) brightness(103%);
}

.range-card{
  min-height:82px;
  padding:16px 18px 12px;
  border:1px solid rgba(112,143,198,.22);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(16,31,57,.95),rgba(9,21,41,.95));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.range-field{min-height:auto;gap:16px}
.range-field input[type="range"]{
  width:100%;
  height:7px;
  padding:0;
  border:0;
  border-radius:99px;
  appearance:none;
  -webkit-appearance:none;
  background:linear-gradient(90deg,#3587ff 0%,#765bff var(--range-progress,0%),#1a2943 var(--range-progress,0%),#1a2943 100%);
  cursor:pointer;
  outline:none;
}
.range-field input[type="range"]::-webkit-slider-thumb{
  appearance:none;
  -webkit-appearance:none;
  width:22px;
  height:22px;
  border:4px solid #fff;
  border-radius:50%;
  background:#6f63ff;
  box-shadow:0 0 0 5px rgba(111,99,255,.14),0 5px 14px rgba(0,0,0,.3);
}
.range-field input[type="range"]::-moz-range-thumb{
  width:14px;
  height:14px;
  border:4px solid #fff;
  border-radius:50%;
  background:#6f63ff;
  box-shadow:0 0 0 5px rgba(111,99,255,.14),0 5px 14px rgba(0,0,0,.3);
}
.range-field output{
  display:grid;
  place-items:center;
  min-width:54px;
  height:34px;
  padding:0 10px;
  border:1px solid rgba(111,99,255,.26);
  border-radius:10px;
  color:#d9d5ff;
  background:rgba(111,99,255,.1);
  font-size:12px;
  font-weight:900;
}
.range-scale{
  display:flex;
  justify-content:space-between;
  margin-top:11px;
  color:#63738f;
  font-size:9px;
  font-weight:700;
}

.project-textarea{
  display:block;
  width:100%;
  min-height:118px;
  padding:15px 16px;
  resize:vertical;
  border:1px solid rgba(112,143,198,.24);
  border-radius:14px;
  outline:0;
  color:#f7fbff;
  background:linear-gradient(180deg,rgba(17,32,59,.96),rgba(9,21,42,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  font:inherit;
  font-size:13px;
  line-height:1.65;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.project-textarea-large{min-height:155px}
.project-textarea::placeholder{color:#71809a;opacity:1}
.project-textarea:hover{border-color:rgba(55,139,255,.48)}
.project-textarea:focus{
  border-color:#6f63ff;
  background:linear-gradient(180deg,rgba(20,38,70,.98),rgba(11,25,49,.98));
  box-shadow:0 0 0 4px rgba(111,99,255,.12),0 14px 34px rgba(0,0,0,.18);
}
.project-textarea-field small,.project-date-field small{
  margin-top:8px;
  color:#71819b;
  font-size:10px;
}

@media(max-width:780px){
  .date-input-shell,.range-card,.project-textarea{border-radius:13px}
  .range-card{padding:15px}
  .project-textarea-large{min-height:140px}
}


/* WoWFlow - Correccion final Conversacion y Archivos */
.comment-form textarea.project-textarea{
  width:100%;
  min-height:130px;
  margin:0 0 14px;
  padding:16px 18px;
  resize:vertical;
  border:1px solid rgba(112,143,198,.24);
  border-radius:14px;
  outline:0;
  color:#f7fbff;
  background:linear-gradient(180deg,rgba(17,32,59,.96),rgba(9,21,42,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  font:inherit;
  font-size:13px;
  line-height:1.65;
  text-align:left;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.comment-form textarea.project-textarea::placeholder{color:#71809a;opacity:1}
.comment-form textarea.project-textarea:hover{border-color:rgba(55,139,255,.48)}
.comment-form textarea.project-textarea:focus{
  border-color:#6f63ff;
  background:linear-gradient(180deg,rgba(20,38,70,.98),rgba(11,25,49,.98));
  box-shadow:0 0 0 4px rgba(111,99,255,.12),0 14px 34px rgba(0,0,0,.18);
}

.attachment-form .field{display:block;margin-top:14px}
.attachment-form .field>span{display:block;margin-bottom:8px;color:#eef4ff;font-size:12px;font-weight:700}
.flow-input{
  width:100%;
  height:50px;
  padding:0 16px;
  border-radius:14px;
  border:1px solid rgba(110,140,200,.22);
  background:linear-gradient(180deg,rgba(17,32,59,.96),rgba(9,21,42,.96));
  color:#fff;
  outline:none;
  font:inherit;
}
.flow-input::placeholder{color:#71809a}
.flow-input:hover{border-color:rgba(55,139,255,.48)}
.flow-input:focus{border-color:#6b63ff;box-shadow:0 0 0 4px rgba(107,99,255,.15)}

.flow-upload{
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  min-height:54px;
  padding:8px;
  border:1px solid rgba(110,140,200,.22);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(17,32,59,.96),rgba(9,21,42,.96));
  cursor:pointer;
  overflow:hidden;
}
.flow-upload:hover{border-color:rgba(55,139,255,.48)}
.flow-upload-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-width:170px;
  height:38px;
  padding:0 16px;
  border-radius:10px;
  font-size:12px;
  font-weight:800;
  color:white;
  background:linear-gradient(90deg,#1487ff,#8428e8);
  box-shadow:0 8px 20px rgba(80,70,220,.2);
}
.flow-upload-name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#8ea2bf;
  font-size:12px;
}
@media(max-width:700px){
  .flow-upload{align-items:stretch;flex-direction:column}
  .flow-upload-button{width:100%}
  .flow-upload-name{padding:0 6px 4px}
}

/* WoWFlow - Vista General */
.general-projects-surface{padding:18px}.general-filterbar{display:grid;grid-template-columns:minmax(260px,1.6fr) repeat(4,minmax(145px,.7fr)) auto auto;gap:10px;align-items:center;margin-bottom:18px}.general-filterbar .search-form{min-width:0}.general-table-wrap{overflow:auto;border:1px solid rgba(130,155,205,.13);border-radius:16px}.general-projects-table{width:100%;min-width:1120px;border-collapse:collapse;background:rgba(7,16,34,.55)}.general-projects-table th{padding:14px 16px;text-align:left;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#71819d;background:#0b162c;border-bottom:1px solid var(--line)}.general-projects-table td{padding:15px 16px;border-bottom:1px solid rgba(130,155,205,.09);font-size:11px;color:#cbd5e6;vertical-align:middle}.general-projects-table tbody tr{cursor:pointer;transition:.18s}.general-projects-table tbody tr:hover{background:rgba(71,103,190,.09)}.general-projects-table tbody tr:last-child td{border-bottom:0}.general-projects-table td b,.general-projects-table td small{display:block}.general-projects-table td b{font-size:12px;color:#f7f9ff}.general-projects-table td small{margin-top:4px;font-size:9px;color:#7586a3}.position-pill{display:inline-grid;place-items:center;min-width:42px;height:30px;padding:0 9px;border-radius:10px;background:rgba(83,108,255,.12);border:1px solid rgba(103,120,255,.25);color:#aeb9ff;font-weight:900}.general-progress{display:flex;align-items:center;gap:9px;min-width:145px}.general-progress>div{width:96px;height:7px;border-radius:99px;background:#17243c;overflow:hidden}.general-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3587ff,#795cff);box-shadow:0 0 12px rgba(105,89,255,.4)}.general-progress strong{font-size:10px;color:#d8e0ef}.general-projects-table tr.is-completed{background:rgba(18,200,117,.045)}.general-projects-table tr.is-completed td:first-child{box-shadow:inset 3px 0 #20cc7c}.general-projects-table tr.is-overdue td:first-child{box-shadow:inset 3px 0 #f43f5e}.general-projects-table tr.is-overdue .due-label{color:#ff7180}.general-projects-table tr.is-today td:first-child{box-shadow:inset 3px 0 #ff9f43}.general-projects-table tr.is-today .due-label{color:#ffb568}
@media(max-width:1250px){.general-filterbar{grid-template-columns:1fr 1fr 1fr}.general-filterbar .search-form{grid-column:1/-1}}
@media(max-width:760px){.general-filterbar{grid-template-columns:1fr}.general-filterbar .search-form,.general-filterbar .flow-select-wrap,.general-filterbar .btn{width:100%;min-width:0}.general-intro{align-items:flex-start}}
/* =========================================================
   WoWFlow — Sidebar V2.2
   Conserva el diseño oscuro original y añade cierre de sesión
   ========================================================= */

.sidebar{
  overflow:hidden;
}

.sidebar-nav{
  min-height:0;
  overflow-y:auto;
  padding-right:4px;
  scrollbar-width:thin;
  scrollbar-color:rgba(126,153,209,.18) transparent;
}

.sidebar-nav::-webkit-scrollbar{
  width:5px;
}

.sidebar-nav::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:rgba(126,153,209,.18);
}

.sidebar-bottom{
  flex:0 0 auto;
  position:relative;
  z-index:5;
  margin-top:auto;
  padding-top:18px;
  border-top:1px solid rgba(126,153,209,.12);
}

.client-card{
  padding:14px;
  border:1px solid rgba(126,153,209,.14);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(15,28,53,.94),rgba(7,16,34,.94));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 28px rgba(0,0,0,.15);
}

.client-card-label{
  display:block;
  margin-bottom:10px;
  color:#7686a1;
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.client-card-main{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 10px;
  align-items:center;
  gap:11px;
}

.client-logo-wrap{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  overflow:hidden;
  border:1px solid rgba(83,139,255,.24);
  border-radius:14px;
  background:linear-gradient(145deg,#075bdc,#0a3e9a);
  box-shadow:0 8px 20px rgba(13,94,228,.2);
}

.client-logo-wrap img{
  width:38px;
  height:38px;
  object-fit:contain;
}

.client-card-copy{
  min-width:0;
}

.client-card-copy strong,
.client-card-copy small{
  display:block;
}

.client-card-copy strong{
  overflow:hidden;
  color:#f6f9ff;
  font-size:12px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.client-card-copy small{
  margin-top:4px;
  color:#71819d;
  font-size:9px;
}

.client-status-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#23d88c;
  box-shadow:0 0 12px rgba(35,216,140,.72);
}

.user-account-card{
  position:relative;
  margin-top:13px;
}

.user-account-trigger{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  min-height:74px;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 20px;
  align-items:center;
  gap:11px;
  padding:12px;
  border:1px solid rgba(126,153,209,.13);
  border-radius:16px;
  color:#fff;
  background:linear-gradient(145deg,rgba(13,25,48,.96),rgba(6,14,29,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 28px rgba(0,0,0,.15);
  cursor:pointer;
  text-align:left;
  transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}

.user-account-trigger:hover{
  transform:translateY(-1px);
  border-color:rgba(79,132,255,.35);
  box-shadow:0 16px 30px rgba(0,0,0,.2);
}

.user-account-trigger:focus,
.user-account-trigger:focus-visible{
  outline:none;
  border-color:#6f63ff;
  box-shadow:0 0 0 4px rgba(111,99,255,.13);
}

.user-account-trigger .avatar{
  width:44px;
  height:44px;
  border-radius:14px;
  color:#fff;
  background:linear-gradient(135deg,#2575fc,#8b5cf6);
  box-shadow:0 8px 20px rgba(75,90,255,.23);
}

.user-account-copy{
  min-width:0;
}

.user-account-copy strong,
.user-account-copy small,
.user-account-copy em{
  display:block;
}

.user-account-copy strong{
  overflow:hidden;
  color:#f7f9ff;
  font-size:12px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.user-account-copy small{
  margin-top:3px;
  color:#8291aa;
  font-size:9px;
}

.user-account-copy em{
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:6px;
  color:#63dda7;
  font-size:9px;
  font-style:normal;
  font-weight:700;
}

.user-account-copy em i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#23d88c;
  box-shadow:0 0 10px rgba(35,216,140,.65);
}

.user-account-chevron{
  color:#71819d;
  font-size:14px;
  transition:transform .2s ease,color .2s ease;
}

.user-account-card.is-open .user-account-chevron{
  color:#a99dff;
  transform:rotate(180deg);
}

.user-account-menu{
  position:absolute;
  left:0;
  right:0;
  bottom:calc(100% + 10px);
  z-index:30;
  display:grid;
  gap:5px;
  margin:0;
  padding:8px;
  border:1px solid rgba(126,153,209,.15);
  border-radius:16px;
  opacity:0;
  visibility:hidden;
  transform:translateY(8px) scale(.985);
  transform-origin:bottom center;
  background:linear-gradient(145deg,#0d1a33,#071126);
  box-shadow:0 22px 55px rgba(0,0,0,.48);
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}

.user-account-card.is-open .user-account-menu{
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
}

.user-menu-link{
  min-height:42px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 11px;
  border-radius:11px;
  color:#aebbd0;
  font-size:11px;
  font-weight:700;
  transition:color .18s ease,background .18s ease,transform .18s ease;
}

.user-menu-link:hover{
  color:#fff;
  background:rgba(68,101,170,.12);
  transform:translateX(2px);
}

.user-menu-link>span:first-child{
  width:22px;
  text-align:center;
  font-size:14px;
}

.user-menu-divider{
  height:1px;
  margin:4px 2px;
  background:rgba(126,153,209,.12);
}

.logout-link{
  color:#ff8793;
  border:1px solid rgba(244,63,94,.14);
  background:rgba(244,63,94,.055);
}

.logout-link:hover{
  color:#fff;
  border-color:rgba(244,63,94,.3);
  background:linear-gradient(90deg,rgba(244,63,94,.22),rgba(185,28,67,.15));
}

.sidebar-logout-direct{
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:9px;
  border:1px solid rgba(244,63,94,.22);
  border-radius:12px;
  color:#ff8b98;
  background:rgba(244,63,94,.07);
  font-size:11px;
  font-weight:800;
  transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease;
}

.sidebar-logout-direct:hover{
  color:#fff;
  border-color:rgba(244,63,94,.4);
  background:linear-gradient(90deg,rgba(244,63,94,.28),rgba(190,24,93,.18));
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(244,63,94,.12);
}

.sidebar-logout-direct>span:first-child{
  font-size:15px;
}

@media(max-height:900px){
  .client-card{padding:11px}
  .client-logo-wrap{width:42px;height:42px}
  .client-logo-wrap img{width:34px;height:34px}
  .user-account-trigger{min-height:66px;padding:10px}
  .sidebar-logout-direct{min-height:40px}
}

/* =========================================================
   WoWFlow — Módulo Supervisores V2
   Tarjetas oscuras consistentes con la interfaz principal
   ========================================================= */
.supervisor-toolbar{
  gap:18px;
}

.supervisor-filters{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.supervisor-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.supervisor-card{
  position:relative;
  overflow:hidden;
  padding:18px;
  border:1px solid rgba(126,153,209,.15);
  border-radius:18px;
  background:
    radial-gradient(circle at 100% 0,rgba(72,93,255,.08),transparent 34%),
    linear-gradient(145deg,rgba(14,27,51,.97),rgba(7,16,34,.98));
  box-shadow:0 18px 34px rgba(0,0,0,.14);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}

.supervisor-card:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:2px;
  background:linear-gradient(90deg,#1487ff,#8428e8);
}

.supervisor-card:hover{
  transform:translateY(-3px);
  border-color:rgba(90,129,255,.34);
  box-shadow:0 22px 44px rgba(0,0,0,.22);
}

.supervisor-card.inactive{
  opacity:.58;
}

.supervisor-card.inactive:hover{
  opacity:.78;
}

.supervisor-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

.supervisor-avatar{
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  flex:0 0 54px;
  border:1px solid rgba(123,97,255,.32);
  border-radius:16px;
  color:#fff;
  background:linear-gradient(135deg,#1b8cff,#7a49ef);
  box-shadow:0 12px 28px rgba(64,89,255,.24);
  font-size:19px;
  font-weight:900;
}

.supervisor-card-body{
  padding:16px 0 14px;
}

.supervisor-role{
  display:block;
  color:#62a4ff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
}

.supervisor-card-body h3{
  margin:7px 0 6px;
  color:#f8fbff;
  font-size:18px;
  line-height:1.25;
}

.supervisor-card-body p{
  min-height:17px;
  margin:0;
  color:#94a3b8;
  font-size:11px;
}

.supervisor-meta{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  padding:14px 0;
  border-top:1px solid rgba(126,153,209,.1);
  border-bottom:1px solid rgba(126,153,209,.1);
}

.supervisor-meta span{
  min-width:0;
  overflow:hidden;
  color:#dbe5f4;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.supervisor-meta small{
  display:block;
  margin-bottom:4px;
  color:#66758e;
  font-size:8px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.supervisor-workload{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  padding:14px 0;
  border-bottom:1px solid rgba(126,153,209,.1);
}

.supervisor-workload span{
  text-align:center;
  color:#74839d;
  font-size:9px;
}

.supervisor-workload span+span{
  border-left:1px solid rgba(126,153,209,.1);
}

.supervisor-workload strong{
  display:block;
  margin-bottom:3px;
  color:#fff;
  font-size:18px;
}

.supervisor-actions{
  display:flex;
  align-items:center;
  gap:14px;
  padding-top:14px;
  border-top:0;
}

.supervisor-actions a,
.supervisor-actions .action-link{
  color:#65aaff;
  font-size:11px;
  font-weight:800;
}

.supervisor-actions .action-link.danger{
  color:#ff7180;
}

.supervisor-actions a:hover,
.supervisor-actions .action-link:hover{
  color:#fff;
}

@media(max-width:1150px){
  .supervisor-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:900px){
  .supervisor-toolbar{align-items:flex-start;flex-direction:column}
  .supervisor-filters{width:100%}
  .supervisor-filters .search-form{flex:1;min-width:240px}
  .result-count{align-self:flex-end}
}

@media(max-width:700px){
  .supervisor-grid{grid-template-columns:1fr}
  .supervisor-filters{display:grid;grid-template-columns:1fr}
  .supervisor-filters .search-form,
  .supervisor-filters .flow-select-wrap,
  .supervisor-filters .btn-search{width:100%;min-width:0}
  .result-count{align-self:flex-start}
  .supervisor-meta{grid-template-columns:1fr}
}

/* =========================================================
   WoWFlow — Ruta de revisión limpia V5
   ========================================================= */

.approval-panel-clean{
  overflow:hidden;
}

.approval-route-clean{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.approval-step-clean{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:13px;
  align-items:flex-start;
  padding:15px 16px;
  border:1px solid rgba(126,153,209,.12);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(14,27,51,.95),rgba(7,16,34,.97));
}

.approval-step-clean.status-pending{
  border-color:rgba(111,99,255,.38);
  background:
    linear-gradient(90deg,rgba(111,99,255,.08),transparent 38%),
    linear-gradient(145deg,rgba(16,30,57,.98),rgba(8,18,38,.98));
}

.approval-step-clean.status-approved,
.approval-step-clean.status-skipped{
  border-color:rgba(38,208,133,.22);
}

.approval-step-clean.status-changes_requested{
  border-color:rgba(244,63,94,.28);
}

.approval-step-marker{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid rgba(126,153,209,.16);
  border-radius:11px;
  color:#72839f;
  background:#101f38;
  font-size:13px;
  font-weight:900;
}

.status-pending .approval-step-marker{
  color:#fff;
  border-color:rgba(111,99,255,.42);
  background:linear-gradient(135deg,#456eff,#8158ff);
  box-shadow:0 0 18px rgba(111,99,255,.22);
}

.status-approved .approval-step-marker,
.status-skipped .approval-step-marker{
  color:#fff;
  border-color:rgba(38,208,133,.36);
  background:linear-gradient(135deg,#16b76f,#37dc98);
}

.status-changes_requested .approval-step-marker{
  color:#fff;
  border-color:rgba(244,63,94,.4);
  background:linear-gradient(135deg,#f43f5e,#b91c52);
}

.approval-step-title{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
}

.approval-step-title h4{
  margin:0 0 7px;
  color:#f7f9ff;
  font-size:14px;
  line-height:1.35;
}

.approval-step-title p{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  margin:0;
  color:#8190aa;
  font-size:10px;
  line-height:1.5;
}

.approval-step-title p strong{
  color:#dce6f6;
  font-size:11px;
}

.approval-step-title p span::before,
.approval-step-title p a::before{
  content:"•";
  margin-right:7px;
  color:#40506a;
}

.approval-step-title p a{
  color:#66a8ff;
}

.approval-comment-clean{
  margin-top:12px;
  padding:11px 12px;
  border-left:3px solid #7b61ff;
  border-radius:0 10px 10px 0;
  background:rgba(123,97,255,.06);
}

.approval-comment-clean b{
  display:block;
  margin-bottom:4px;
  color:#b4a7ff;
  font-size:8px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.approval-comment-clean p{
  margin:0;
  color:#a8b6cc;
  font-size:10px;
  line-height:1.55;
}

.approval-date-clean{
  display:block;
  margin-top:9px;
  color:#65748e;
  font-size:9px;
}

.approval-decision-clean{
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid rgba(126,153,209,.1);
}

.approval-form-label>span{
  display:block;
  margin-bottom:8px;
  color:#dce5f4;
  font-size:11px;
  font-weight:700;
}

.approval-decision-clean .project-textarea{
  min-height:110px;
}

.approval-waiting-clean{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:13px 14px;
  border:1px solid rgba(126,153,209,.12);
  border-radius:12px;
  background:rgba(126,153,209,.04);
}

.approval-waiting-clean b{
  color:#eef3fb;
  font-size:11px;
}

.approval-waiting-clean span{
  color:#7f8fa8;
  font-size:10px;
}

@media(max-width:700px){
  .approval-step-clean{
    grid-template-columns:32px minmax(0,1fr);
    gap:10px;
    padding:13px;
  }

  .approval-step-marker{
    width:30px;
    height:30px;
  }

  .approval-step-title{
    flex-direction:column;
    gap:8px;
  }

  .approval-status-pill{
    align-self:flex-start;
  }

  .approval-step-title p{
    display:grid;
    gap:3px;
  }

  .approval-step-title p span::before,
  .approval-step-title p a::before{
    display:none;
  }

  .approval-decision-actions{
    flex-direction:column;
  }

  .approval-decision-actions .btn{
    width:100%;
  }
}


/* WoWFlow - Vista de proyecto sin Control rápido */
.detail-side-column{
  align-self:start;
}


/* =========================================================
   WoWFlow Beta 1.0 - Evidencias de revisión
   ========================================================= */
.approval-evidence-upload{margin:14px 0;padding:14px;border:1px dashed rgba(111,99,255,.3);border-radius:14px;background:rgba(111,99,255,.045);transition:.2s}
.approval-evidence-upload.is-dragging{border-color:#6f63ff;background:rgba(111,99,255,.12);box-shadow:0 0 0 4px rgba(111,99,255,.08)}
.approval-evidence-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}
.approval-evidence-heading b,.approval-evidence-heading span{display:block}
.approval-evidence-heading b{font-size:11px;color:#eef3ff}
.approval-evidence-heading span{margin-top:4px;color:#71819d;font-size:9px}
.approval-evidence-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border:1px solid rgba(111,99,255,.28);border-radius:10px;color:#fff;background:linear-gradient(90deg,#1487ff,#8428e8);font-size:10px;font-weight:800;cursor:pointer}
.approval-evidence-previews{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:12px}
.approval-evidence-previews:empty{display:none}
.approval-evidence-preview{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(126,153,209,.15);border-radius:11px;background:#09152b}
.approval-evidence-preview img{display:block;width:100%;height:88px;object-fit:cover}
.approval-evidence-preview span{display:block;overflow:hidden;padding:7px;color:#9eabc0;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.approval-evidence-preview button{position:absolute;right:5px;top:5px;width:24px;height:24px;border:0;border-radius:50%;color:#fff;background:rgba(3,8,23,.82);font-size:17px;line-height:1;cursor:pointer}
.approval-history-visual{margin-top:22px;padding-top:20px;border-top:1px solid rgba(126,153,209,.11)}
.approval-history-heading h3{margin:5px 0 16px;font-size:15px}
.approval-history-list{display:flex;flex-direction:column;gap:12px}
.approval-history-card{padding:15px;border:1px solid rgba(126,153,209,.12);border-radius:15px;background:linear-gradient(145deg,rgba(14,27,51,.92),rgba(7,16,34,.95))}
.approval-history-card.action-changes_requested{border-color:rgba(244,63,94,.24)}
.approval-history-card.action-approved{border-color:rgba(38,208,133,.2)}
.approval-history-meta{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px}
.approval-history-meta strong,.approval-history-meta span{display:block}
.approval-history-meta strong{font-size:11px;color:#fff}
.approval-history-meta span{margin-top:3px;color:#71819d;font-size:9px}
.approval-history-meta time{color:#65748e;font-size:8px}
.approval-history-comment{margin:12px 0 0;padding:11px 12px;border-left:3px solid #765eff;border-radius:0 10px 10px 0;color:#aebbd0;background:rgba(118,94,255,.06);font-size:10px;line-height:1.6}
.approval-evidence-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:12px}
.approval-evidence-gallery a{overflow:hidden;border:1px solid rgba(126,153,209,.13);border-radius:11px;background:#09152b}
.approval-evidence-gallery img{display:block;width:100%;height:105px;object-fit:cover;transition:transform .2s}
.approval-evidence-gallery a:hover img{transform:scale(1.035)}
.approval-evidence-gallery span{display:block;overflow:hidden;padding:7px;color:#8291aa;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:780px){.approval-evidence-previews{grid-template-columns:repeat(3,1fr)}.approval-evidence-gallery{grid-template-columns:repeat(2,1fr)}.approval-evidence-heading{align-items:flex-start;flex-direction:column}.approval-evidence-button{width:100%}.approval-history-meta{grid-template-columns:36px 1fr}.approval-history-meta time{grid-column:2}}
@media(max-width:480px){.approval-evidence-previews{grid-template-columns:repeat(2,1fr)}}

/* =========================================================
   WoWFlow — Sidebar Inteligente V3
   ========================================================= */

.sidebar{
  padding:24px 18px 18px;
}

.product-brand{
  padding:0 6px 20px;
}

.product-brand img{
  width:52px;
  height:52px;
}

.product-brand strong{
  font-size:20px;
}

.sidebar-nav-v3{
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:2px 2px 8px 0;
}

.sidebar-nav-section{
  display:flex;
  flex-direction:column;
  gap:5px;
}

.sidebar-nav-section+.sidebar-nav-section{
  padding-top:12px;
  border-top:1px solid rgba(126,153,209,.09);
}

.sidebar-nav-label{
  display:block;
  padding:0 12px 5px;
  color:#53627b;
  font-size:8px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.sidebar-link,
.sidebar-group-toggle{
  position:relative;
  width:100%;
  min-height:44px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 13px;
  border:0;
  border-radius:12px;
  color:#a7b3c7;
  background:transparent;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
  text-align:left;
  transition:color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease;
}

.sidebar-link::before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  bottom:10px;
  width:3px;
  border-radius:99px;
  opacity:0;
  transform:scaleY(.4);
  background:linear-gradient(180deg,#1a8cff,#7c4dff);
  box-shadow:0 0 14px rgba(80,91,255,.55);
  transition:opacity .18s ease,transform .18s ease;
}

.sidebar-link:hover,
.sidebar-group-toggle:hover{
  color:#fff;
  background:rgba(69,96,159,.1);
  transform:translateX(1px);
}

.sidebar-link.active{
  color:#fff;
  background:linear-gradient(90deg,rgba(17,94,225,.95),rgba(54,65,220,.9));
  box-shadow:0 10px 24px rgba(35,73,205,.24);
}

.sidebar-link.active::before{
  opacity:1;
  transform:scaleY(1);
  background:#8ec5ff;
  box-shadow:0 0 14px rgba(142,197,255,.8);
}

.nav-icon{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  flex:0 0 22px;
}

.nav-icon svg,
.sidebar-group-chevron svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.sidebar-group-toggle{
  justify-content:space-between;
}

.sidebar-group-title{
  display:flex;
  align-items:center;
  gap:12px;
}

.sidebar-group-chevron{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  color:#65748d;
  transition:transform .2s ease,color .2s ease;
}

.sidebar-nav-collapsible.is-open .sidebar-group-chevron{
  color:#9d92ff;
  transform:rotate(180deg);
}

.sidebar-group-panel{
  display:grid;
  grid-template-rows:0fr;
  opacity:.25;
  transition:grid-template-rows .22s ease,opacity .18s ease;
}

.sidebar-nav-collapsible.is-open .sidebar-group-panel{
  grid-template-rows:1fr;
  opacity:1;
}

.sidebar-group-inner{
  min-height:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  gap:3px;
  padding-left:12px;
}

.sidebar-nav-collapsible.is-open .sidebar-group-inner{
  padding-top:6px;
}

.sidebar-sub-link{
  min-height:38px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 12px 0 18px;
  border-radius:10px;
  color:#8390a5;
  font-size:11px;
  font-weight:700;
  transition:color .18s ease,background .18s ease,transform .18s ease;
}

.sidebar-sub-link:hover{
  color:#fff;
  background:rgba(69,96,159,.09);
  transform:translateX(2px);
}

.sidebar-sub-link.active{
  color:#fff;
  background:rgba(93,86,255,.12);
}

.sub-link-dot{
  width:6px;
  height:6px;
  border:1px solid currentColor;
  border-radius:50%;
  opacity:.7;
}

.sidebar-sub-link.active .sub-link-dot{
  border-color:#8b80ff;
  background:#8b80ff;
  box-shadow:0 0 10px rgba(139,128,255,.7);
}

.sidebar-system-section{
  margin-top:2px;
}

.sidebar-bottom{
  padding-top:14px;
}

.client-card{
  padding:11px 12px;
  border-radius:14px;
}

.client-card-label{
  margin-bottom:8px;
  font-size:8px;
}

.client-card-main{
  grid-template-columns:40px minmax(0,1fr) 8px;
  gap:9px;
}

.client-logo-wrap{
  width:40px;
  height:40px;
  border-radius:12px;
}

.client-logo-wrap img{
  width:32px;
  height:32px;
}

.user-account-trigger{
  min-height:62px;
  grid-template-columns:38px minmax(0,1fr) 18px;
  padding:9px 10px;
  border-radius:14px;
}

.user-account-trigger .avatar{
  width:38px;
  height:38px;
  border-radius:12px;
}

.user-account-copy em{
  margin-top:4px;
}

.sidebar-logout-direct{
  min-height:38px;
  margin-top:8px;
}

@media(max-height:820px){
  .sidebar{padding-top:18px}
  .product-brand{padding-bottom:14px}
  .sidebar-nav-v3{gap:10px}
  .sidebar-link,.sidebar-group-toggle{min-height:40px}
  .sidebar-sub-link{min-height:34px}
  .client-card-label{display:none}
  .user-account-copy em{display:none}
}


/* =========================================================
   WoWFlow — Fotografías de perfil V1
   ========================================================= */
.profile-photo-field{display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px;align-items:center;padding:18px;border:1px solid rgba(126,153,209,.15);border-radius:17px;background:linear-gradient(145deg,rgba(15,28,53,.82),rgba(7,16,34,.9))}
.profile-photo-preview{width:112px;height:112px;overflow:hidden;border:2px solid rgba(111,99,255,.34);border-radius:28px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#167fff,#8235e8);box-shadow:0 14px 32px rgba(67,75,230,.22);font-size:34px;font-weight:900}
.profile-photo-preview img{width:100%;height:100%;object-fit:cover;display:block}
.profile-photo-control strong{display:block;color:#f8fbff;font-size:13px}
.profile-photo-control p{max-width:570px;margin:6px 0 13px;color:#7d8da8;font-size:10px;line-height:1.55}
.profile-photo-input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.profile-photo-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:11px;color:#fff;background:linear-gradient(90deg,#1487ff,#8428e8);font-size:10px;font-weight:800;cursor:pointer}
.profile-photo-filename{display:inline-block;max-width:260px;margin-left:10px;overflow:hidden;color:#8696af;font-size:9px;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
.profile-photo-remove{display:flex;align-items:center;gap:8px;margin-top:13px;color:#ff8491;font-size:10px;cursor:pointer}
.profile-photo-remove input{accent-color:#f43f5e}
.topbar-profile{display:grid;place-items:center;width:51px;height:51px;overflow:hidden;border:2px solid rgba(111,99,255,.35);border-radius:50%;color:#fff;background:linear-gradient(135deg,#1487ff,#8428e8);box-shadow:0 10px 24px rgba(62,78,225,.22);font-size:14px;font-weight:900;transition:.18s}
.topbar-profile:hover{transform:translateY(-1px);border-color:#8275ff;box-shadow:0 13px 28px rgba(62,78,225,.32)}
.topbar-profile img{width:100%;height:100%;display:block;object-fit:cover}
.user-photo-avatar{overflow:hidden}
.user-photo-avatar img{width:100%;height:100%;display:block;object-fit:cover}
@media(max-width:700px){.profile-photo-field{grid-template-columns:1fr}.profile-photo-preview{margin:auto}.profile-photo-control{text-align:center}.profile-photo-filename{display:block;margin:9px auto 0}.profile-photo-remove{justify-content:center}.topbar-profile{width:46px;height:46px}}


/* =========================================================
   WoWFlow — Fotografías de perfil V2
   ========================================================= */
.profile-photo-section{
  align-items:start;
}

.profile-photo-card{
  display:grid;
  grid-template-columns:132px minmax(0,1fr);
  gap:22px;
  align-items:center;
  min-height:166px;
  padding:20px;
  border:1px solid rgba(126,153,209,.18);
  border-radius:18px;
  background:
    radial-gradient(circle at 0 0,rgba(77,104,255,.14),transparent 34%),
    linear-gradient(145deg,rgba(15,29,55,.98),rgba(7,16,34,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 16px 34px rgba(0,0,0,.14);
}

.profile-photo-preview{
  position:relative;
  display:grid;
  place-items:center;
  width:124px;
  height:124px;
  overflow:hidden;
  border:2px solid rgba(93,111,255,.5);
  border-radius:28px;
  color:#fff;
  background:linear-gradient(135deg,#168cff,#7d35ea);
  box-shadow:0 16px 34px rgba(61,72,255,.22),0 0 0 7px rgba(111,99,255,.06);
  font-size:38px;
  font-weight:900;
}

.profile-photo-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.profile-photo-control{
  min-width:0;
}

.profile-photo-control>strong{
  display:block;
  color:#f8fbff;
  font-size:15px;
}

.profile-photo-control>p{
  max-width:560px;
  margin:7px 0 15px;
  color:#7f8fa8;
  font-size:11px;
  line-height:1.6;
}

.profile-photo-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

.profile-photo-input{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
  clip-path:inset(50%)!important;
}

.profile-photo-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border:1px solid rgba(87,114,255,.35);
  border-radius:12px;
  color:#fff;
  background:linear-gradient(90deg,#168cff,#7d35ea);
  box-shadow:0 10px 24px rgba(74,66,226,.2);
  font-size:11px;
  font-weight:900;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease;
}

.profile-photo-button:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(74,66,226,.28);
}

.profile-photo-filename{
  min-width:0;
  overflow:hidden;
  color:#8fa0bb;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.profile-photo-remove{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:15px;
  color:#ff8793;
  font-size:10px;
  font-weight:700;
  cursor:pointer;
}

.profile-photo-remove input{
  width:16px;
  height:16px;
  accent-color:#f43f5e;
}

.topbar-user-avatar,
.sidebar-profile-photo{
  overflow:hidden;
}

.topbar-user-avatar img,
.sidebar-profile-photo img,
.user-account-trigger .avatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

@media(max-width:760px){
  .profile-photo-card{
    grid-template-columns:1fr;
  }

  .profile-photo-preview{
    width:104px;
    height:104px;
    border-radius:24px;
  }

  .profile-photo-actions{
    align-items:stretch;
    flex-direction:column;
  }

  .profile-photo-button{
    width:100%;
  }
}

/* WoWFlow - Topbar limpio */
.topbar{
  justify-content:flex-end;
}

.topbar-profile{
  margin-left:4px;
}


/* =========================================================
   WoWFlow - Cola de correcciones V1
   ========================================================= */
.correction-policy-card{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:center;padding:20px;border:1px solid rgba(126,153,209,.16);border-radius:16px;background:linear-gradient(145deg,rgba(15,29,55,.96),rgba(7,16,34,.98))}
.correction-policy-card h3{margin:6px 0 7px}.correction-policy-card p{margin:0;color:#8090aa;font-size:11px;line-height:1.6}.correction-policy-switch{padding:14px;border:1px solid rgba(111,99,255,.18);border-radius:13px;background:rgba(111,99,255,.06)}
.queue-policy-badge{display:inline-flex!important;align-items:center;padding:5px 9px;border-radius:999px;font-size:9px!important;font-weight:800}.queue-policy-badge.immediate{color:#55dfa0;background:rgba(18,200,117,.1)}.queue-policy-badge.queue{color:#ffbc6a;background:rgba(255,159,67,.1)}
.correction-mode-field small{display:block;margin-top:8px;color:#7b8ba5;font-size:10px}
.correction-queue-panel{margin-bottom:18px;padding:20px;border-color:rgba(255,159,67,.24);background:radial-gradient(circle at 100% 0,rgba(255,159,67,.08),transparent 30%),linear-gradient(145deg,rgba(16,28,50,.98),rgba(7,16,34,.98))}.correction-queue-heading{margin-bottom:16px}.correction-queue-heading p{margin:6px 0 0;color:#7f8fa8;font-size:11px}.correction-queue-count{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#ffcb8b;background:rgba(255,159,67,.12);font-weight:900}.correction-queue-list{display:flex;flex-direction:column;gap:10px}.correction-queue-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:16px;border:1px solid rgba(255,159,67,.14);border-radius:15px;background:rgba(8,18,37,.75)}.correction-queue-main small{color:#71819c;font-size:9px}.correction-queue-main h4{margin:6px 0;color:#fff;font-size:15px}.correction-queue-main p{margin:0 0 8px;color:#c0cad9;font-size:11px}.correction-queue-main span{color:#7f8da4;font-size:9px}.correction-queue-actions{display:flex;align-items:end;gap:8px;flex-wrap:wrap;justify-content:flex-end}.correction-queue-actions .btn{min-height:38px;padding:0 12px;font-size:9px}.correction-queue-actions label span{display:block;margin-bottom:5px;color:#71819d;font-size:8px}.correction-queue-actions input{width:72px;height:38px;border:1px solid var(--line);border-radius:10px;color:#fff;background:#081226;padding:0 10px}
@media(max-width:900px){.correction-policy-card,.correction-queue-card{grid-template-columns:1fr}.correction-queue-actions{justify-content:flex-start}}

/* WoWFlow - Panel de datos fijo en la vista del proyecto */
.detail-data{
  position:sticky;
  top:90px;
}

@media(max-width:1180px){
  .detail-data{
    position:static;
  }
}

/* =========================================================
   WoWFlow - Calendario operativo V1
   ========================================================= */
.calendar-intro{align-items:flex-end}.calendar-intro-actions{display:flex;gap:10px}.calendar-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.calendar-metrics article{position:relative;min-height:96px;padding:19px 21px;border:1px solid rgba(126,153,209,.15);border-radius:17px;background:linear-gradient(145deg,rgba(14,27,51,.96),rgba(7,16,34,.98));box-shadow:0 16px 34px rgba(0,0,0,.13)}.calendar-metrics span,.calendar-metrics strong{display:block}.calendar-metrics span{color:#8291aa;font-size:11px}.calendar-metrics strong{margin-top:7px;color:#fff;font-size:29px}.calendar-metric-dot{position:absolute;right:19px;top:19px;width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 14px currentColor}.calendar-metric-dot.blue{color:#168cff}.calendar-metric-dot.purple{color:#8b5cf6}.calendar-metric-dot.orange{color:#ff9f43}.calendar-metric-dot.red{color:#ff5267}.calendar-shell{padding:0;overflow:hidden}.calendar-toolbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;border-bottom:1px solid rgba(126,153,209,.11)}.calendar-period-nav{display:flex;align-items:center;gap:9px}.calendar-period-nav h3{margin:0 0 0 8px;font-size:18px}.calendar-nav-button,.calendar-today-button{height:38px;display:grid;place-items:center;border:1px solid rgba(126,153,209,.16);border-radius:10px;color:#b9c6da;background:#09152b}.calendar-nav-button{width:38px;font-size:24px}.calendar-today-button{padding:0 13px;font-size:10px;font-weight:800}.calendar-view-switch{display:flex;padding:4px;border:1px solid rgba(126,153,209,.14);border-radius:12px;background:#081328}.calendar-view-switch a{min-width:76px;height:34px;display:grid;place-items:center;border-radius:9px;color:#7f8fa9;font-size:10px;font-weight:800}.calendar-view-switch a.active{color:#fff;background:linear-gradient(90deg,#168cff,#7458ff);box-shadow:0 8px 20px rgba(63,78,230,.22)}.calendar-filters{display:grid;grid-template-columns:repeat(6,minmax(135px,1fr)) auto auto;gap:9px;padding:15px 18px;border-bottom:1px solid rgba(126,153,209,.1)}.calendar-filters .flow-select-wrap{min-width:0}.calendar-filters .flow-select{height:42px;font-size:10px}.calendar-filters .btn{min-height:42px;padding:0 14px;font-size:10px}.calendar-filters .clear-filter{align-self:center}.calendar-legend{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:11px 18px;color:#71819c;font-size:9px;border-bottom:1px solid rgba(126,153,209,.09)}.calendar-legend span{display:flex;align-items:center;gap:7px}.calendar-legend i{width:8px;height:8px;border-radius:50%;background:#168cff}.calendar-legend i.review{background:#8b5cf6}.calendar-legend i.corrections{background:#ff9f43}.calendar-legend i.overdue{background:#ff5267}.calendar-legend i.completed{background:#1ed68b}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:#09142a;border-bottom:1px solid rgba(126,153,209,.1)}.calendar-weekdays span{padding:11px;text-align:center;color:#64758f;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.calendar-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));}.calendar-day{min-height:155px;padding:9px;border-right:1px solid rgba(126,153,209,.08);border-bottom:1px solid rgba(126,153,209,.08);background:rgba(6,14,29,.4);transition:.18s}.calendar-day:nth-child(7n){border-right:0}.calendar-day.outside{background:rgba(2,7,17,.54);opacity:.52}.calendar-day.today{background:linear-gradient(145deg,rgba(25,69,141,.14),rgba(8,18,37,.75));box-shadow:inset 0 0 0 1px rgba(46,134,255,.4)}.calendar-day.busy{box-shadow:inset 0 0 0 1px rgba(255,159,67,.22)}.calendar-day.is-drop-target,.calendar-week-column.is-drop-target{background:rgba(83,94,255,.13);box-shadow:inset 0 0 0 2px rgba(111,99,255,.65)}.calendar-day>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.calendar-day>header strong{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;color:#aab7ca;font-size:10px}.calendar-day.today>header strong{color:#fff;background:linear-gradient(135deg,#168cff,#6b55ef)}.calendar-day>header span{min-width:22px;height:20px;display:grid;place-items:center;border-radius:99px;color:#8fa0bb;background:#111f38;font-size:8px}.calendar-day-projects{display:flex;flex-direction:column;gap:5px}.calendar-project-card,.calendar-week-card{appearance:none;width:100%;display:flex;align-items:center;gap:8px;border:1px solid rgba(126,153,209,.1);border-radius:9px;color:#dfe7f5;background:#0d1c35;cursor:pointer;text-align:left}.calendar-project-card{min-height:38px;padding:6px 7px}.calendar-project-card[draggable="true"],.calendar-week-card[draggable="true"]{cursor:grab}.calendar-project-card.is-dragging,.calendar-week-card.is-dragging{opacity:.42}.calendar-project-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#168cff;box-shadow:0 0 9px currentColor}.tone-review .calendar-project-dot{color:#8b5cf6;background:currentColor}.tone-corrections .calendar-project-dot{color:#ff9f43;background:currentColor}.tone-overdue .calendar-project-dot{color:#ff5267;background:currentColor}.tone-completed .calendar-project-dot{color:#1ed68b;background:currentColor}.tone-waiting .calendar-project-dot{color:#71819c;background:currentColor}.calendar-project-copy{min-width:0}.calendar-project-copy b,.calendar-project-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-project-copy b{font-size:9px}.calendar-project-copy small{margin-top:2px;color:#70809a;font-size:7px}.calendar-week-grid{display:grid;grid-template-columns:repeat(7,minmax(155px,1fr));overflow-x:auto}.calendar-week-column{min-height:520px;border-right:1px solid rgba(126,153,209,.09);background:rgba(6,14,29,.42)}.calendar-week-column:last-child{border-right:0}.calendar-week-column.today{background:linear-gradient(180deg,rgba(32,78,156,.13),rgba(6,14,29,.42))}.calendar-week-column>header{min-height:80px;padding:13px;border-bottom:1px solid rgba(126,153,209,.1);text-align:center}.calendar-week-column>header span,.calendar-week-column>header strong,.calendar-week-column>header small{display:block}.calendar-week-column>header span{color:#6d7e99;font-size:8px;font-weight:900;text-transform:uppercase}.calendar-week-column>header strong{margin:5px 0;color:#fff;font-size:23px}.calendar-week-column>header small{color:#64758f;font-size:8px}.calendar-week-projects{display:flex;flex-direction:column;gap:8px;padding:10px;min-height:438px}.calendar-week-card{align-items:flex-start;padding:11px;min-height:82px}.calendar-week-card>span:last-child{min-width:0}.calendar-week-card b,.calendar-week-card small,.calendar-week-card em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-week-card b{font-size:10px}.calendar-week-card small{margin-top:5px;color:#8493aa;font-size:8px}.calendar-week-card em{margin-top:6px;color:#6ea9ff;font-size:8px;font-style:normal}.calendar-week-empty{padding:22px 8px;color:#50617b;font-size:9px;text-align:center}.calendar-drawer-backdrop{position:fixed;inset:0;z-index:109;opacity:0;visibility:hidden;background:rgba(0,0,0,.45);transition:.2s}.calendar-drawer{position:fixed;right:0;top:0;bottom:0;z-index:110;width:min(420px,100%);padding:34px 28px;overflow-y:auto;border-left:1px solid rgba(126,153,209,.17);background:radial-gradient(circle at 100% 0,rgba(77,74,255,.16),transparent 28%),linear-gradient(160deg,#0d1a33,#050d1d);box-shadow:-26px 0 65px rgba(0,0,0,.38);transform:translateX(102%);transition:transform .23s ease}.calendar-drawer.is-open{transform:translateX(0)}.calendar-drawer-backdrop.is-open{opacity:1;visibility:visible}.calendar-drawer-close{position:absolute;right:20px;top:19px;width:38px;height:38px;border:1px solid rgba(126,153,209,.15);border-radius:11px;color:#aebbd0;background:#0b172e;font-size:22px;cursor:pointer}.calendar-drawer-folio{display:block;margin-top:18px;color:#6e86af;font-size:9px;letter-spacing:.12em}.calendar-drawer h3{margin:8px 0 18px;font-size:25px}.calendar-drawer-status{display:flex;align-items:center;justify-content:space-between;gap:15px}.calendar-drawer-status span{color:#9facbf;font-size:11px}.calendar-drawer-status strong{font-size:16px}.calendar-drawer-progress{height:8px;margin:10px 0 24px;border-radius:99px;background:#17243c;overflow:hidden}.calendar-drawer-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#168cff,#795cff)}.calendar-drawer dl{margin:0 0 25px}.calendar-drawer dl div{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid rgba(126,153,209,.1)}.calendar-drawer dt{color:#70809a;font-size:9px}.calendar-drawer dd{margin:0;color:#e0e8f5;font-size:10px;text-align:right}.calendar-toast{position:fixed;right:24px;bottom:24px;z-index:140;max-width:340px;padding:13px 16px;border:1px solid rgba(18,200,117,.3);border-radius:12px;color:#b8f7d8;background:#0c2a22;box-shadow:0 18px 40px rgba(0,0,0,.35);font-size:10px}.calendar-toast.error{border-color:rgba(244,63,94,.34);color:#ffd0d6;background:#35131d}
@media(max-width:1250px){.calendar-filters{grid-template-columns:repeat(3,1fr) auto auto}.calendar-month-grid{min-width:1000px}.calendar-weekdays{min-width:1000px}.calendar-shell{overflow-x:auto}}
@media(max-width:800px){.calendar-metrics{grid-template-columns:1fr 1fr}.calendar-toolbar{align-items:flex-start;flex-direction:column}.calendar-period-nav{width:100%;flex-wrap:wrap}.calendar-period-nav h3{width:100%;margin:8px 0 0}.calendar-view-switch{width:100%}.calendar-view-switch a{flex:1}.calendar-filters{grid-template-columns:1fr 1fr}.calendar-filters .btn,.calendar-filters .clear-filter{width:100%}.calendar-intro{align-items:flex-start}.calendar-drawer{padding:30px 20px}}
@media(max-width:520px){.calendar-metrics{grid-template-columns:1fr}.calendar-filters{grid-template-columns:1fr}.calendar-period-nav{gap:6px}.calendar-period-nav h3{font-size:16px}}

/* =========================================================
   WoWFlow - Proyectos legibles V1
   Mejora exclusiva para /admin/projects/index.php
   ========================================================= */

/* Encabezado de la página */
.project-intro .section-kicker{
  font-size:13px;
  letter-spacing:.16em;
}

.project-intro h2{
  font-size:36px;
  line-height:1.1;
}

.project-intro p{
  font-size:15px;
  line-height:1.55;
}

.project-intro .btn{
  min-height:50px;
  padding:0 22px;
  font-size:15px;
}

/* Métricas superiores */
.project-metrics article{
  min-height:116px;
  padding:22px 24px;
}

.project-metrics span{
  font-size:14px;
}

.project-metrics strong{
  margin-top:10px;
  font-size:36px;
}

/* Filtros */
.project-filterbar{
  gap:12px;
}

.project-filterbar .search-form{
  min-height:50px;
  font-size:14px;
}

.project-filterbar .search-form input{
  font-size:14px;
}

.project-filterbar .flow-select{
  min-height:50px;
  font-size:14px;
}

.project-filterbar .btn{
  min-height:50px;
  padding:0 18px;
  font-size:14px;
}

.project-filterbar .clear-filter{
  font-size:13px;
}

/* Contador y ayuda */
.project-list-head{
  padding:22px 6px 15px;
  font-size:15px;
}

.project-list-head b{
  font-size:17px;
}

.project-list-head small{
  font-size:13px;
}

/* Tarjetas */
.project-card{
  grid-template-columns:82px minmax(0,1fr) 180px;
  gap:22px;
  min-height:152px;
  padding:22px 24px;
  border-radius:20px;
}

.project-priority{
  padding-right:20px;
}

.project-priority strong{
  margin-top:8px;
  font-size:17px;
}

.drag-handle{
  font-size:28px;
}

/* Folio, mood y estado */
.project-folio{
  font-size:13px;
  letter-spacing:.12em;
}

.mood-badge,
.status-badge{
  padding:7px 10px;
  font-size:11px;
}

/* Título y metadatos */
.project-title{
  margin:11px 0 8px;
  font-size:23px;
  line-height:1.25;
}

.project-submeta{
  gap:9px;
  font-size:14px;
  line-height:1.45;
}

.project-submeta i{
  font-size:13px;
}

/* Progreso */
.project-progress-row{
  margin-top:18px;
  gap:15px;
}

.project-progress{
  height:9px;
  max-width:620px;
}

.project-progress-row strong{
  min-width:44px;
  font-size:14px;
}

/* Entrega y acción */
.project-side{
  gap:18px;
}

.project-due{
  font-size:15px;
}

.project-due small{
  margin-bottom:5px;
  font-size:12px;
}

.project-open{
  font-size:14px;
}

/* Cola de correcciones */
.correction-queue-heading h3{
  font-size:23px;
}

.correction-queue-heading p{
  font-size:14px;
  line-height:1.55;
}

.correction-queue-main small{
  font-size:12px;
}

.correction-queue-main h4{
  font-size:19px;
}

.correction-queue-main p{
  font-size:14px;
  line-height:1.5;
}

.correction-queue-main span{
  font-size:13px;
}

.correction-queue-actions .btn{
  min-height:42px;
  font-size:12px;
}

.correction-queue-actions label span{
  font-size:11px;
}

.correction-queue-actions input{
  height:42px;
  font-size:13px;
}

/* Vacío */
.project-surface .flow-empty h3{
  font-size:21px;
}

.project-surface .flow-empty p{
  font-size:14px;
}

/* Responsive */
@media(max-width:1180px){
  .project-card{
    grid-template-columns:70px minmax(0,1fr) 160px;
  }

  .project-title{
    font-size:21px;
  }

  .project-submeta{
    font-size:13px;
  }
}

@media(max-width:780px){
  .project-intro h2{
    font-size:30px;
  }

  .project-metrics span{
    font-size:13px;
  }

  .project-card{
    grid-template-columns:52px minmax(0,1fr);
    min-height:0;
    padding:18px;
  }

  .project-priority{
    padding-right:12px;
  }

  .project-title{
    font-size:20px;
  }

  .project-submeta{
    flex-wrap:wrap;
    font-size:12px;
  }

  .project-side{
    grid-column:2;
    align-items:flex-start;
  }

  .project-due{
    font-size:14px;
  }
}

/* =========================================================
   WoWFlow - Vista General y Calendario legibles V1
   Escala visual equivalente a WoWFlow LIVE (/flow/general.php)
   ========================================================= */

/* ---------------------------------------------------------
   /admin/projects/general.php
   --------------------------------------------------------- */

.general-intro .section-kicker{
  font-size:13px;
  letter-spacing:.16em;
}

.general-intro h2{
  font-size:36px;
  line-height:1.1;
}

.general-intro p{
  font-size:15px;
  line-height:1.55;
}

.general-intro .btn{
  min-height:50px;
  padding:0 22px;
  font-size:15px;
}

.general-filterbar{
  gap:12px;
}

.general-filterbar .search-form{
  min-height:50px;
  font-size:14px;
}

.general-filterbar .search-form input{
  font-size:14px;
}

.general-filterbar .flow-select{
  min-height:50px;
  font-size:14px;
}

.general-filterbar .btn{
  min-height:50px;
  padding:0 18px;
  font-size:14px;
}

.general-projects-table{
  min-width:1240px;
}

.general-projects-table th{
  padding:17px 18px;
  font-size:12px;
  letter-spacing:.11em;
}

.general-projects-table td{
  padding:19px 18px;
  font-size:14px;
  line-height:1.4;
}

.general-projects-table td b{
  font-size:16px;
}

.general-projects-table td small{
  margin-top:6px;
  font-size:12px;
}

.position-pill{
  min-width:52px;
  height:36px;
  padding:0 12px;
  font-size:14px;
}

.general-progress{
  min-width:175px;
  gap:12px;
}

.general-progress>div{
  width:120px;
  height:9px;
}

.general-progress strong{
  font-size:13px;
}

.general-projects-table .status-badge{
  padding:7px 10px;
  font-size:11px;
}

.general-projects-table .due-label{
  font-size:14px;
}

/* ---------------------------------------------------------
   /admin/calendar/index.php
   --------------------------------------------------------- */

.calendar-intro .section-kicker{
  font-size:13px;
  letter-spacing:.16em;
}

.calendar-intro h2{
  font-size:36px;
  line-height:1.1;
}

.calendar-intro p{
  font-size:15px;
  line-height:1.55;
}

.calendar-intro .btn{
  min-height:50px;
  padding:0 22px;
  font-size:15px;
}

.calendar-metrics article{
  min-height:116px;
  padding:22px 24px;
}

.calendar-metrics span{
  font-size:14px;
}

.calendar-metrics strong{
  margin-top:9px;
  font-size:36px;
}

.calendar-toolbar{
  min-height:90px;
  padding:18px 20px;
}

.calendar-period-nav{
  gap:11px;
}

.calendar-period-nav h3{
  font-size:24px;
}

.calendar-nav-button{
  width:44px;
  height:44px;
  font-size:29px;
}

.calendar-today-button{
  height:44px;
  padding:0 16px;
  font-size:13px;
}

.calendar-view-switch a{
  min-width:96px;
  height:40px;
  font-size:13px;
}

.calendar-filters{
  gap:11px;
  padding:18px 20px;
}

.calendar-filters .flow-select{
  height:48px;
  font-size:13px;
}

.calendar-filters .btn{
  min-height:48px;
  padding:0 16px;
  font-size:13px;
}

.calendar-filters .clear-filter{
  font-size:13px;
}

.calendar-legend{
  gap:22px;
  padding:14px 20px;
  font-size:12px;
}

.calendar-legend i{
  width:10px;
  height:10px;
}

/* Vista mensual */
.calendar-weekdays span{
  padding:14px 11px;
  font-size:12px;
}

.calendar-day{
  min-height:190px;
  padding:11px;
}

.calendar-day>header{
  margin-bottom:10px;
}

.calendar-day>header strong{
  width:34px;
  height:34px;
  font-size:14px;
}

.calendar-day>header span{
  min-width:26px;
  height:24px;
  font-size:11px;
}

.calendar-day-projects{
  gap:7px;
}

.calendar-project-card{
  min-height:50px;
  padding:8px 9px;
  border-radius:11px;
}

.calendar-project-dot{
  width:9px;
  height:9px;
  flex-basis:9px;
}

.calendar-project-copy b{
  font-size:13px;
}

.calendar-project-copy small{
  margin-top:4px;
  font-size:11px;
}

/* Vista semanal */
.calendar-week-column>header{
  min-height:96px;
  padding:16px;
}

.calendar-week-column>header span{
  font-size:11px;
}

.calendar-week-column>header strong{
  margin:7px 0;
  font-size:29px;
}

.calendar-week-column>header small{
  font-size:11px;
}

.calendar-week-projects{
  gap:10px;
  padding:12px;
}

.calendar-week-card{
  min-height:104px;
  padding:14px;
}

.calendar-week-card b{
  font-size:14px;
}

.calendar-week-card small{
  margin-top:7px;
  font-size:12px;
}

.calendar-week-card em{
  margin-top:8px;
  font-size:12px;
}

.calendar-week-empty{
  padding:26px 10px;
  font-size:12px;
}

/* Panel lateral del calendario */
.calendar-drawer{
  width:min(470px,100%);
  padding:38px 32px;
}

.calendar-drawer-folio{
  font-size:12px;
}

.calendar-drawer h3{
  font-size:31px;
}

.calendar-drawer-status span{
  font-size:14px;
}

.calendar-drawer-status strong{
  font-size:21px;
}

.calendar-drawer dt{
  font-size:12px;
}

.calendar-drawer dd{
  font-size:13px;
}

.calendar-drawer .btn{
  min-height:50px;
  font-size:14px;
}

.calendar-toast{
  max-width:390px;
  padding:15px 18px;
  font-size:13px;
}

/* Responsive */
@media(max-width:1250px){
  .general-projects-table{
    min-width:1180px;
  }

  .calendar-month-grid,
  .calendar-weekdays{
    min-width:1120px;
  }
}

@media(max-width:800px){
  .general-intro h2,
  .calendar-intro h2{
    font-size:30px;
  }

  .calendar-period-nav h3{
    font-size:21px;
  }

  .calendar-metrics span{
    font-size:13px;
  }
}

/* =========================================================
   WoWFlow - Sidebar XL definitivo V2
   Mantiene grandes todas las letras del lateral izquierdo.
   ========================================================= */

.sidebar{
  width:320px;
  padding:24px 20px 18px;
}

.content-shell{
  margin-left:320px;
}

.product-brand{
  gap:16px;
  padding:0 8px 24px;
}

.product-brand img{
  width:60px;
  height:60px;
}

.product-brand strong{
  font-size:25px;
  line-height:1.15;
}

.product-brand small{
  margin-top:4px;
  font-size:14px;
}

/* Etiquetas de sección: PRINCIPAL, SISTEMA, etc. */
.sidebar-nav-label{
  padding:0 14px 8px;
  font-size:12px;
  letter-spacing:.16em;
}

/* Enlaces principales */
.sidebar-link,
.sidebar-group-toggle{
  min-height:56px;
  gap:15px;
  padding:0 16px;
  border-radius:14px;
  font-size:17px;
  line-height:1.2;
  font-weight:800;
}

.nav-icon{
  width:27px;
  height:27px;
  flex-basis:27px;
}

.nav-icon svg,
.sidebar-group-chevron svg{
  width:23px;
  height:23px;
  stroke-width:2;
}

/* Submenús */
.sidebar-sub-link{
  min-height:47px;
  gap:12px;
  padding:0 14px 0 22px;
  font-size:15px;
  line-height:1.2;
  font-weight:750;
}

.sub-link-dot{
  width:8px;
  height:8px;
}

/* Cliente activo */
.client-card{
  padding:15px;
  border-radius:17px;
}

.client-card-label{
  margin-bottom:11px;
  font-size:11px;
}

.client-card-main{
  grid-template-columns:50px minmax(0,1fr) 10px;
  gap:13px;
}

.client-logo-wrap{
  width:50px;
  height:50px;
  border-radius:15px;
}

.client-logo-wrap img{
  width:40px;
  height:40px;
}

.client-card-copy strong{
  font-size:16px;
  line-height:1.25;
}

.client-card-copy small{
  margin-top:5px;
  font-size:13px;
}

/* Usuario */
.user-account-trigger{
  min-height:82px;
  grid-template-columns:50px minmax(0,1fr) 22px;
  gap:13px;
  padding:13px;
  border-radius:17px;
}

.user-account-trigger .avatar{
  width:50px;
  height:50px;
  border-radius:15px;
  font-size:16px;
}

.user-account-copy strong{
  font-size:16px;
  line-height:1.25;
}

.user-account-copy small{
  margin-top:4px;
  font-size:13px;
}

.user-account-copy em{
  margin-top:7px;
  font-size:13px;
}

.user-account-chevron{
  font-size:17px;
}

/* Menú desplegable del usuario */
.user-menu-link{
  min-height:48px;
  padding:0 13px;
  font-size:14px;
}

/* Cerrar sesión */
.sidebar-logout-direct{
  min-height:48px;
  margin-top:10px;
  border-radius:14px;
  font-size:15px;
}

.sidebar-logout-direct>span:first-child{
  font-size:18px;
}

/* Evita que reglas para pantallas bajas vuelvan a reducirlo */
@media(max-height:900px){
  .client-card{
    padding:13px;
  }

  .client-logo-wrap{
    width:46px;
    height:46px;
  }

  .client-logo-wrap img{
    width:37px;
    height:37px;
  }

  .user-account-trigger{
    min-height:76px;
    padding:12px;
  }

  .sidebar-logout-direct{
    min-height:46px;
  }
}

@media(max-height:820px){
  .sidebar{
    padding-top:18px;
  }

  .product-brand{
    padding-bottom:18px;
  }

  .sidebar-nav-v3{
    gap:10px;
  }

  .sidebar-link,
  .sidebar-group-toggle{
    min-height:50px;
    font-size:16px;
  }

  .sidebar-sub-link{
    min-height:42px;
    font-size:14px;
  }

  .client-card-label{
    display:block;
  }

  .user-account-copy em{
    display:flex;
  }
}

@media(max-width:1100px){
  .content-shell{
    margin-left:0;
  }
}

@media(max-width:700px){
  .sidebar{
    width:min(320px,88vw);
  }
}

/* =========================================================
   WoWFlow - Formulario de proyectos V2 CORREGIDO
   Tipografia grande, grilla real y calendario proporcionado.
   ========================================================= */

.project-form-intro{
  margin:8px 0 28px!important;
  align-items:flex-end!important;
}

.project-form-intro .section-kicker{
  font-size:13px!important;
}

.project-form-intro h2{
  margin:7px 0 8px!important;
  font-size:40px!important;
  line-height:1.06!important;
  letter-spacing:-.04em!important;
}

.project-form-intro p{
  max-width:820px!important;
  font-size:16px!important;
  line-height:1.6!important;
}

.project-form-intro .btn{
  min-height:52px!important;
  padding:0 20px!important;
  font-size:15px!important;
}

.project-form-premium{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 360px!important;
  gap:24px!important;
  align-items:start!important;
}

.project-form-premium .project-form-main{
  padding:34px!important;
  border-radius:24px!important;
}

.project-form-premium .project-form-side{
  position:sticky!important;
  top:24px!important;
  padding:30px!important;
  border-radius:24px!important;
}

.project-form-premium .form-grid{
  display:grid!important;
  gap:20px!important;
}

.project-form-premium .form-grid.two-col{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

.project-form-premium .field.full{
  grid-column:1/-1!important;
}

.project-form-premium .form-section-title{
  display:flex!important;
  align-items:flex-start!important;
  gap:17px!important;
  margin:0 0 28px!important;
}

.project-form-premium .form-section-title:not(:first-child){
  margin-top:44px!important;
  padding-top:34px!important;
}

.project-form-premium .form-section-title>span{
  width:50px!important;
  height:50px!important;
  flex:0 0 50px!important;
  border-radius:16px!important;
  font-size:13px!important;
}

.project-form-premium .form-section-title h3{
  margin:0!important;
  font-size:23px!important;
  line-height:1.2!important;
}

.project-form-premium .form-section-title p{
  margin-top:7px!important;
  font-size:14px!important;
  line-height:1.55!important;
}

.project-form-premium .field>span{
  margin-bottom:10px!important;
  color:#f3f7ff!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:800!important;
}

.project-form-premium .field small{
  margin-top:9px!important;
  font-size:12px!important;
  line-height:1.5!important;
}

.project-form-premium .field input:not([type="range"]):not([type="hidden"]),
.project-form-premium .flow-select{
  width:100%!important;
  height:58px!important;
  min-height:58px!important;
  padding-left:17px!important;
  border-radius:15px!important;
  font-size:15px!important;
  line-height:1!important;
}

.project-form-premium .flow-select{
  padding-right:48px!important;
}

.flow-control-shell{
  min-height:58px!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  border-radius:15px!important;
}

.flow-control-shell input{
  height:58px!important;
  font-size:15px!important;
}

.flow-control-icon{
  font-size:20px!important;
}

.auto-assignee{
  min-height:78px!important;
  padding:16px 18px!important;
  border-radius:16px!important;
}

.auto-assignee .avatar{
  width:48px!important;
  height:48px!important;
  font-size:16px!important;
}

.auto-assignee strong{
  font-size:16px!important;
}

.auto-assignee small{
  font-size:12px!important;
}

.correction-mode-field small{
  font-size:12px!important;
}

.project-form-premium .range-card{
  min-height:102px!important;
  padding:24px 20px 16px!important;
  border-radius:16px!important;
}

.project-form-premium .range-field{
  gap:18px!important;
}

.project-form-premium .range-field output{
  min-width:70px!important;
  height:42px!important;
  font-size:16px!important;
}

.project-form-premium .range-scale{
  margin-top:14px!important;
  font-size:11px!important;
}

.project-form-premium .project-textarea{
  min-height:145px!important;
  padding:18px 19px!important;
  border-radius:16px!important;
  font-size:15px!important;
  line-height:1.7!important;
}

.project-form-premium .project-textarea-large{
  min-height:190px!important;
}

/* Selector de fecha proporcionado */
.flow-date-trigger{
  min-height:58px!important;
  grid-template-columns:58px minmax(0,1fr) 38px!important;
  border-radius:15px!important;
}

.flow-date-value{
  padding:0 16px!important;
  font-size:15px!important;
}

.flow-date-icon svg{
  width:23px!important;
  height:23px!important;
}

.flow-date-popover{
  left:0!important;
  top:calc(100% + 12px)!important;
  width:340px!important;
  padding:18px!important;
  border-radius:19px!important;
}

.flow-date-popover header strong{
  font-size:17px!important;
}

.flow-date-nav{
  width:40px!important;
  height:40px!important;
}

.flow-date-weekdays{
  margin:10px 0 8px!important;
}

.flow-date-weekdays span{
  font-size:11px!important;
}

.flow-date-grid{
  gap:6px!important;
}

.flow-date-day{
  min-width:36px!important;
  min-height:36px!important;
  aspect-ratio:auto!important;
  border-radius:10px!important;
  font-size:13px!important;
}

.flow-date-popover footer{
  margin-top:16px!important;
}

.flow-date-link,
.flow-date-today{
  min-height:40px!important;
  font-size:12px!important;
}

/* Resumen derecho */
.project-form-side .section-kicker{
  font-size:12px!important;
}

.project-form-summary-icon{
  width:62px!important;
  height:62px!important;
  margin:20px 0 16px!important;
}

.project-form-side h3{
  margin:8px 0 12px!important;
  font-size:29px!important;
  line-height:1.15!important;
}

.project-form-side>p{
  font-size:14px!important;
  line-height:1.65!important;
}

.project-form-summary-list span{
  font-size:13px!important;
}

.project-form-summary-list strong{
  font-size:14px!important;
}

.project-form-side .form-side-tip b{
  font-size:14px!important;
}

.project-form-side .form-side-tip span{
  font-size:13px!important;
  line-height:1.55!important;
}

.project-form-side .btn{
  min-height:54px!important;
  font-size:15px!important;
}

/* Evita el aspecto apretado en pantallas medianas */
@media(max-width:1320px){
  .project-form-premium{
    grid-template-columns:minmax(0,1fr) 330px!important;
  }

  .project-form-premium .project-form-main{
    padding:28px!important;
  }
}

@media(max-width:1100px){
  .project-form-premium{
    grid-template-columns:1fr!important;
  }

  .project-form-premium .project-form-side{
    position:static!important;
  }
}

@media(max-width:760px){
  .project-form-premium .form-grid.two-col{
    grid-template-columns:1fr!important;
  }

  .project-form-premium .project-form-main,
  .project-form-premium .project-form-side{
    padding:20px!important;
  }

  .project-form-intro h2{
    font-size:31px!important;
  }

  .project-form-premium .form-section-title h3{
    font-size:20px!important;
  }

  .flow-date-popover{
    width:min(340px,calc(100vw - 44px))!important;
  }
}

/* =========================================================
   WoWFlow - Formulario de proyectos V3
   Corrección del campo título y calendario.
   ========================================================= */

/* Campo título limpio: sin cuadro decorativo */
.project-form-premium .project-title-input{
  display:block!important;
  width:100%!important;
  height:58px!important;
  min-height:58px!important;
  padding:0 18px!important;
  border:1px solid rgba(112,143,198,.24)!important;
  border-radius:15px!important;
  outline:0!important;
  color:#f7fbff!important;
  background:linear-gradient(180deg,rgba(17,32,59,.98),rgba(9,21,42,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
  font-size:15px!important;
  font-weight:700!important;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease!important;
}

.project-form-premium .project-title-input::placeholder{
  color:#71809a!important;
  opacity:1!important;
}

.project-form-premium .project-title-input:hover{
  border-color:rgba(55,139,255,.5)!important;
}

.project-form-premium .project-title-input:focus{
  border-color:#6f63ff!important;
  background:linear-gradient(180deg,rgba(20,38,70,.98),rgba(11,25,49,.98))!important;
  box-shadow:0 0 0 4px rgba(111,99,255,.12),0 14px 34px rgba(0,0,0,.18)!important;
}

/* Oculta cualquier resto del icono anterior */
.project-form-premium .flow-control-icon{
  display:none!important;
}

.project-form-premium .flow-control-shell{
  display:block!important;
  min-height:0!important;
  overflow:visible!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}

/* Calendario compacto y coherente */
.flow-date-picker{
  position:relative!important;
  width:100%!important;
}

.flow-date-trigger{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:100%!important;
  height:58px!important;
  min-height:58px!important;
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr) 34px!important;
  align-items:center!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(112,143,198,.24)!important;
  border-radius:15px!important;
  color:#f7fbff!important;
  background:linear-gradient(180deg,rgba(17,32,59,.98),rgba(9,21,42,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
  cursor:pointer!important;
  text-align:left!important;
}

.flow-date-trigger:hover,
.flow-date-picker.is-open .flow-date-trigger{
  border-color:#6f63ff!important;
  box-shadow:0 0 0 4px rgba(111,99,255,.12)!important;
}

.flow-date-icon{
  display:grid!important;
  place-items:center!important;
  width:54px!important;
  height:58px!important;
  color:#76a6ff!important;
  border-right:1px solid rgba(112,143,198,.13)!important;
  background:rgba(35,104,255,.06)!important;
}

.flow-date-icon svg{
  display:block!important;
  width:22px!important;
  height:22px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

.flow-date-value{
  display:block!important;
  padding:0 16px!important;
  color:#f7fbff!important;
  font-size:15px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.flow-date-chevron{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:58px!important;
  color:#8091ad!important;
  font-size:18px!important;
}

.flow-date-popover{
  position:absolute!important;
  left:0!important;
  top:calc(100% + 10px)!important;
  z-index:120!important;
  width:342px!important;
  padding:17px!important;
  border:1px solid rgba(126,153,209,.2)!important;
  border-radius:18px!important;
  color:#f7fbff!important;
  background:linear-gradient(155deg,#0d1b34,#06101f)!important;
  box-shadow:0 26px 70px rgba(0,0,0,.5)!important;
}

.flow-date-popover[hidden]{
  display:none!important;
}

.flow-date-popover header,
.flow-date-popover footer{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}

.flow-date-popover header{
  margin-bottom:14px!important;
}

.flow-date-popover header strong{
  font-size:17px!important;
  line-height:1!important;
}

.flow-date-nav{
  appearance:none!important;
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid rgba(126,153,209,.15)!important;
  border-radius:11px!important;
  color:#dce6f6!important;
  background:#0b172e!important;
  cursor:pointer!important;
  font-size:22px!important;
}

.flow-date-weekdays,
.flow-date-grid{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:5px!important;
}

.flow-date-weekdays{
  margin:3px 0 8px!important;
}

.flow-date-weekdays span{
  display:grid!important;
  place-items:center!important;
  height:28px!important;
  color:#65748e!important;
  font-size:11px!important;
  font-weight:900!important;
}

.flow-date-day{
  appearance:none!important;
  width:100%!important;
  height:38px!important;
  min-width:0!important;
  min-height:38px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  border-radius:10px!important;
  color:#dbe4f2!important;
  background:transparent!important;
  cursor:pointer!important;
  font-size:13px!important;
  font-weight:800!important;
}

.flow-date-day:hover{
  background:rgba(75,111,255,.13)!important;
}

.flow-date-day.is-outside{
  color:#40506a!important;
}

.flow-date-day.is-today{
  box-shadow:inset 0 0 0 1px rgba(62,145,255,.6)!important;
}

.flow-date-day.is-selected{
  color:#fff!important;
  background:linear-gradient(135deg,#168cff,#7659ff)!important;
  box-shadow:0 8px 18px rgba(65,81,225,.28)!important;
}

.flow-date-popover footer{
  margin-top:14px!important;
  padding-top:13px!important;
  border-top:1px solid rgba(126,153,209,.1)!important;
}

.flow-date-link,
.flow-date-today{
  appearance:none!important;
  min-height:38px!important;
  padding:0 13px!important;
  border:0!important;
  border-radius:10px!important;
  cursor:pointer!important;
  font-size:12px!important;
  font-weight:900!important;
}

.flow-date-link{
  color:#8fa0bb!important;
  background:transparent!important;
}

.flow-date-today{
  color:#fff!important;
  background:linear-gradient(90deg,#168cff,#7358ff)!important;
}

@media(max-width:760px){
  .flow-date-popover{
    width:min(342px,calc(100vw - 48px))!important;
  }
}


/* =========================================================
   WoWFlow - Tema claro / oscuro V1
   ========================================================= */
html{color-scheme:dark}
html[data-theme="light"]{color-scheme:light;--bg:#eef3fb;--bg2:#f6f8fc;--panel:#ffffff;--panel2:#f8faff;--line:#d7e0ef;--text:#12203a;--muted:#697994;--shadow:0 20px 55px rgba(31,55,91,.12)}

.theme-toggle{width:51px;height:51px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;color:#dce6f8;background:#071125;cursor:pointer;transition:.2s;position:relative}
.theme-toggle:hover{transform:translateY(-1px);border-color:rgba(67,123,255,.55)}
.theme-toggle span{position:absolute;display:grid;place-items:center;transition:.2s}
.theme-toggle svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle-sun{opacity:0;transform:scale(.7) rotate(-35deg)}
.theme-toggle-moon{opacity:1;transform:scale(1)}
html[data-theme="light"] .theme-toggle{color:#2b64d8;background:#fff;box-shadow:0 10px 24px rgba(54,83,126,.1)}
html[data-theme="light"] .theme-toggle-sun{opacity:1;transform:scale(1) rotate(0)}
html[data-theme="light"] .theme-toggle-moon{opacity:0;transform:scale(.7) rotate(35deg)}

html[data-theme="light"] body,
html[data-theme="light"] .admin-page{color:var(--text);background:radial-gradient(circle at 70% 0,#dce9ff 0,transparent 31%),linear-gradient(135deg,#eef3fb,#f7f9fd 55%,#edf3fb)}
html[data-theme="light"] .sidebar{background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(247,250,255,.99));border-color:var(--line);box-shadow:12px 0 40px rgba(38,62,98,.06)}
html[data-theme="light"] .product-brand strong,
html[data-theme="light"] .sidebar-user strong,
html[data-theme="light"] .client-card-copy strong,
html[data-theme="light"] .user-account-copy strong{color:#14213a}
html[data-theme="light"] .product-brand small,
html[data-theme="light"] .sidebar-nav-label,
html[data-theme="light"] .sidebar-user span,
html[data-theme="light"] .client-card-copy small,
html[data-theme="light"] .user-account-copy small{color:#71809a}
html[data-theme="light"] .sidebar-link,
html[data-theme="light"] .sidebar-group-toggle,
html[data-theme="light"] .sidebar-sub-link{color:#53637d}
html[data-theme="light"] .sidebar-link:hover,
html[data-theme="light"] .sidebar-group-toggle:hover,
html[data-theme="light"] .sidebar-sub-link:hover{color:#15325d;background:#edf3ff}
html[data-theme="light"] .sidebar-link.active,
html[data-theme="light"] .sidebar-sub-link.active{color:#fff}
html[data-theme="light"] .client-card,
html[data-theme="light"] .user-account-trigger{background:#f7faff;border-color:#d8e3f2;box-shadow:0 10px 26px rgba(46,72,110,.08)}
html[data-theme="light"] .sidebar-logout-direct{background:#fff4f6;border-color:#f3c5cf;color:#c73755}
html[data-theme="light"] .topbar-profile,
html[data-theme="light"] .icon-button,
html[data-theme="light"] .menu-button{color:#27436c;background:#fff;border-color:#d7e0ef;box-shadow:0 10px 24px rgba(54,83,126,.08)}
html[data-theme="light"] .surface,
html[data-theme="light"] .table-surface,
html[data-theme="light"] .form-surface,
html[data-theme="light"] .panel-v3,
html[data-theme="light"] .stat-v3,
html[data-theme="light"] .project-card,
html[data-theme="light"] .general-projects-surface,
html[data-theme="light"] .calendar-shell,
html[data-theme="light"] .detail-panel,
html[data-theme="light"] .project-detail-hero,
html[data-theme="light"] .project-form-main,
html[data-theme="light"] .project-form-side{color:#17243d;background:linear-gradient(145deg,#fff,#f8faff);border-color:#d7e0ef;box-shadow:0 18px 42px rgba(40,63,98,.08)}
html[data-theme="light"] .panel-v3>header,
html[data-theme="light"] .project-v3,
html[data-theme="light"] .activity-v3>a,
html[data-theme="light"] .summary-metrics>div,
html[data-theme="light"] .calendar-toolbar,
html[data-theme="light"] .calendar-filters,
html[data-theme="light"] .calendar-legend{border-color:#dfe7f2}
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] strong,
html[data-theme="light"] .project-title,
html[data-theme="light"] .project-info strong,
html[data-theme="light"] .summary-metrics p strong{color:#12203a}
html[data-theme="light"] p,
html[data-theme="light"] small,
html[data-theme="light"] .text-muted,
html[data-theme="light"] .project-submeta,
html[data-theme="light"] .project-info span,
html[data-theme="light"] .activity-v3 p span{color:#687894}
html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select,
html[data-theme="light"] .flow-select,
html[data-theme="light"] .search-form,
html[data-theme="light"] .flow-date-trigger,
html[data-theme="light"] .flow-control-shell{color:#17243d;background:#f8faff;border-color:#cfdbea}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{color:#8a98ad}
html[data-theme="light"] .btn-ghost{color:#263b5e;background:#f7faff;border-color:#cfdbea}
html[data-theme="light"] .general-table-wrap,
html[data-theme="light"] .general-projects-table{background:#fff;border-color:#d7e0ef}
html[data-theme="light"] .general-projects-table th{color:#64748b;background:#eef3fa;border-color:#d7e0ef}
html[data-theme="light"] .general-projects-table td{color:#33445f;border-color:#e3e9f2}
html[data-theme="light"] .general-projects-table tbody tr:hover{background:#f2f6fd}
html[data-theme="light"] .calendar-weekdays,
html[data-theme="light"] .calendar-day,
html[data-theme="light"] .calendar-week-column{background:#f8faff;border-color:#dfe7f2}
html[data-theme="light"] .calendar-day.outside{background:#f1f4f9}
html[data-theme="light"] .calendar-project-card,
html[data-theme="light"] .calendar-week-card{color:#1a2942;background:#fff;border-color:#d7e0ef}
html[data-theme="light"] .calendar-nav-button,
html[data-theme="light"] .calendar-today-button,
html[data-theme="light"] .calendar-view-switch{color:#365172;background:#fff;border-color:#d7e0ef}
html[data-theme="light"] .calendar-drawer{color:#17243d;background:radial-gradient(circle at 100% 0,#e4edff,transparent 30%),linear-gradient(160deg,#fff,#f4f7fc);border-color:#d7e0ef;box-shadow:-26px 0 65px rgba(45,67,100,.18)}
html[data-theme="light"] .notification-menu{color:#17243d;background:#fff!important;border-color:#d7e0ef!important;box-shadow:0 24px 65px rgba(38,57,88,.2)!important}
html[data-theme="light"] .notification-menu header,
html[data-theme="light"] .notification-item,
html[data-theme="light"] .notification-footer{border-color:#e0e7f1!important}
html[data-theme="light"] .notification-item{color:#1d2c44;background:#fff!important}
html[data-theme="light"] .notification-item:hover,
html[data-theme="light"] .notification-item.unread{background:#f2f6ff!important}
html[data-theme="light"] .notification-copy span,
html[data-theme="light"] .notification-copy p,
html[data-theme="light"] .notification-copy time{color:#66758e!important}
html[data-theme="light"] .flow-date-popover{color:#17243d;background:linear-gradient(155deg,#fff,#f4f7fc)!important;border-color:#d7e0ef!important;box-shadow:0 24px 60px rgba(42,61,92,.22)!important}
html[data-theme="light"] .flow-date-day{color:#273953!important}
html[data-theme="light"] .flow-date-day.is-outside{color:#a3adbc!important}
html[data-theme="light"] .flow-date-nav{color:#365172!important;background:#f4f7fc!important;border-color:#d7e0ef!important}

/* =========================================================
   WoWFlow - Tema claro V2
   Correcciones finales para proyectos, métricas y filtros.
   ========================================================= */

html[data-theme="light"] .project-metrics article,
html[data-theme="light"] .calendar-metrics article,
html[data-theme="light"] .company-summary-grid article{
  color:#17243d;
  background:
    radial-gradient(circle at 100% 0,rgba(63,123,255,.08),transparent 35%),
    linear-gradient(145deg,#ffffff,#f5f8fd);
  border-color:#d8e2f0;
  box-shadow:0 16px 38px rgba(44,67,102,.08);
}

html[data-theme="light"] .project-metrics span,
html[data-theme="light"] .calendar-metrics span,
html[data-theme="light"] .company-summary-grid span{
  color:#64748b;
}

html[data-theme="light"] .project-metrics strong,
html[data-theme="light"] .calendar-metrics strong,
html[data-theme="light"] .company-summary-grid strong{
  color:#13213a;
}

html[data-theme="light"] .project-surface{
  background:linear-gradient(145deg,#ffffff,#f8faff);
  border-color:#d7e0ef;
  box-shadow:0 18px 42px rgba(40,63,98,.08);
}

html[data-theme="light"] .project-filterbar .search-form,
html[data-theme="light"] .project-filterbar .flow-select,
html[data-theme="light"] .project-filterbar .btn,
html[data-theme="light"] .general-filterbar .search-form,
html[data-theme="light"] .general-filterbar .flow-select,
html[data-theme="light"] .general-filterbar .btn,
html[data-theme="light"] .calendar-filters .flow-select,
html[data-theme="light"] .calendar-filters .btn{
  color:#1d2d47;
  background:#ffffff;
  border-color:#cfdbea;
  box-shadow:0 8px 20px rgba(47,69,104,.05);
}

html[data-theme="light"] .project-filterbar .search-form input,
html[data-theme="light"] .general-filterbar .search-form input{
  color:#1d2d47;
}

html[data-theme="light"] .flow-select option{
  color:#1d2d47;
  background:#ffffff;
}

html[data-theme="light"] .project-list-head{
  color:#71809a;
}

html[data-theme="light"] .project-list-head b{
  color:#13213a;
}

html[data-theme="light"] .project-card{
  color:#17243d;
  background:
    radial-gradient(circle at 100% 0,rgba(81,102,255,.06),transparent 34%),
    linear-gradient(135deg,#ffffff,#f6f9fd);
  border-color:#d9e3f0;
  box-shadow:0 14px 32px rgba(45,67,101,.06);
}

html[data-theme="light"] .project-card:hover{
  border-color:#b9c9e0;
  box-shadow:0 18px 36px rgba(45,67,101,.1);
}

html[data-theme="light"] .project-title{
  color:#14213a;
}

html[data-theme="light"] .project-title:hover{
  color:#315cf6;
}

html[data-theme="light"] .project-folio,
html[data-theme="light"] .project-submeta,
html[data-theme="light"] .project-priority strong,
html[data-theme="light"] .project-progress-row strong,
html[data-theme="light"] .project-due small{
  color:#6f7f98;
}

html[data-theme="light"] .project-due{
  color:#263b5e;
}

html[data-theme="light"] .project-progress,
html[data-theme="light"] .general-progress>div,
html[data-theme="light"] .detail-progress-ring,
html[data-theme="light"] .workload-list i{
  background:#e5ebf4;
}

html[data-theme="light"] .flow-empty{
  color:#17243d;
}

html[data-theme="light"] .flow-empty h3{
  color:#14213a;
}

html[data-theme="light"] .flow-empty p{
  color:#6d7c93;
}

html[data-theme="light"] .empty-company-icon{
  color:#17243d;
  background:linear-gradient(145deg,#eef4ff,#f2efff);
  border-color:#c9d7eb;
}

html[data-theme="light"] .status-pill{
  color:#66758e;
  background:#f3f6fb;
  border-color:#d7e0ef;
}

html[data-theme="light"] .position-pill{
  color:#4d5cc7;
  background:#eef0ff;
  border-color:#cfd3ff;
}

html[data-theme="light"] .mood-badge,
html[data-theme="light"] .status-badge{
  border:1px solid rgba(86,105,145,.12);
}

html[data-theme="light"] .company-card,
html[data-theme="light"] .department-card,
html[data-theme="light"] .requester-card,
html[data-theme="light"] .designer-card,
html[data-theme="light"] .supervisor-card{
  color:#17243d;
  background:
    radial-gradient(circle at 100% 0,rgba(71,111,255,.06),transparent 34%),
    linear-gradient(145deg,#ffffff,#f8faff);
  border-color:#d8e2ef;
  box-shadow:0 16px 34px rgba(40,63,98,.07);
}

html[data-theme="light"] .company-card-body h3,
html[data-theme="light"] .department-card-body h3,
html[data-theme="light"] .requester-card-body h3,
html[data-theme="light"] .designer-card-body h3,
html[data-theme="light"] .supervisor-card-body h3,
html[data-theme="light"] .company-stats strong,
html[data-theme="light"] .department-stats strong,
html[data-theme="light"] .designer-workload strong,
html[data-theme="light"] .supervisor-workload strong{
  color:#14213a;
}

html[data-theme="light"] .company-contact span,
html[data-theme="light"] .requester-meta span,
html[data-theme="light"] .designer-meta span,
html[data-theme="light"] .supervisor-meta span{
  color:#33445f;
}

html[data-theme="light"] .company-contact,
html[data-theme="light"] .requester-meta,
html[data-theme="light"] .designer-meta,
html[data-theme="light"] .supervisor-meta,
html[data-theme="light"] .company-actions,
html[data-theme="light"] .department-stats,
html[data-theme="light"] .designer-workload,
html[data-theme="light"] .supervisor-workload{
  border-color:#e2e8f1;
}

html[data-theme="light"] .auto-assignee,
html[data-theme="light"] .profile-photo-card,
html[data-theme="light"] .profile-photo-field,
html[data-theme="light"] .correction-policy-card,
html[data-theme="light"] .correction-queue-panel,
html[data-theme="light"] .correction-queue-card,
html[data-theme="light"] .approval-step-clean,
html[data-theme="light"] .approval-history-card{
  color:#17243d;
  background:linear-gradient(145deg,#ffffff,#f6f9fd);
  border-color:#d8e2ef;
  box-shadow:0 14px 34px rgba(44,67,101,.07);
}

html[data-theme="light"] .auto-assignee strong,
html[data-theme="light"] .profile-photo-control>strong,
html[data-theme="light"] .correction-queue-main h4,
html[data-theme="light"] .approval-step-title h4,
html[data-theme="light"] .approval-history-meta strong,
html[data-theme="light"] .approval-evidence-heading b{
  color:#14213a;
}

html[data-theme="light"] .project-form-premium .field>span,
html[data-theme="light"] .project-form-main .field>span,
html[data-theme="light"] .attachment-form .field>span,
html[data-theme="light"] .approval-form-label>span{
  color:#20314d!important;
}

html[data-theme="light"] .project-form-premium .project-title-input,
html[data-theme="light"] .project-textarea,
html[data-theme="light"] .comment-form textarea.project-textarea,
html[data-theme="light"] .flow-input,
html[data-theme="light"] .flow-upload,
html[data-theme="light"] .date-input-shell,
html[data-theme="light"] .range-card{
  color:#17243d!important;
  background:linear-gradient(180deg,#ffffff,#f7f9fd)!important;
  border-color:#cfdbea!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 8px 20px rgba(45,67,101,.05)!important;
}

html[data-theme="light"] .project-form-premium .project-title-input:focus,
html[data-theme="light"] .project-textarea:focus,
html[data-theme="light"] .comment-form textarea.project-textarea:focus,
html[data-theme="light"] .flow-input:focus{
  background:#ffffff!important;
}

html[data-theme="light"] .flow-date-value,
html[data-theme="light"] .flow-date-trigger{
  color:#17243d!important;
}

html[data-theme="light"] .range-field input[type="range"]{
  background:linear-gradient(90deg,#3587ff 0%,#765bff var(--range-progress,0%),#dfe6f1 var(--range-progress,0%),#dfe6f1 100%);
}

html[data-theme="light"] .range-field output{
  color:#5a50c7;
  background:#f0efff;
  border-color:#d7d2ff;
}

html[data-theme="light"] .detail-progress-ring{
  background:
    radial-gradient(circle at center,#ffffff 59%,transparent 61%),
    conic-gradient(#785dff var(--p),#e0e6f0 0);
}

html[data-theme="light"] .brief-content,
html[data-theme="light"] .detail-data dd,
html[data-theme="light"] .comment-item p,
html[data-theme="light"] .attachment-list>a{
  color:#33445f;
}

html[data-theme="light"] .attachment-list>a,
html[data-theme="light"] .approval-evidence-preview,
html[data-theme="light"] .approval-evidence-gallery a{
  background:#f7f9fd;
  border-color:#d8e2ef;
}

html[data-theme="light"] .timeline-step:not(:last-child):after,
html[data-theme="light"] .history-item i:after{
  background:#dce4ef;
}

html[data-theme="light"] .timeline-step i,
html[data-theme="light"] .approval-step-marker{
  color:#66758e;
  background:#eef3f9;
  border-color:#d7e0ef;
}

html[data-theme="light"] .calendar-day.today{
  background:linear-gradient(145deg,#edf4ff,#f8fbff);
}

html[data-theme="light"] .calendar-day>header strong,
html[data-theme="light"] .calendar-project-copy b,
html[data-theme="light"] .calendar-week-card b,
html[data-theme="light"] .calendar-week-column>header strong{
  color:#17243d;
}

html[data-theme="light"] .calendar-day>header span{
  color:#60708a;
  background:#eef2f7;
}

html[data-theme="light"] .calendar-drawer-close{
  color:#365172;
  background:#ffffff;
  border-color:#d7e0ef;
}

html[data-theme="light"] .calendar-drawer dd{
  color:#20314d;
}

html[data-theme="light"] .notification-button .topbar-svg{
  stroke:#31558a;
}

html[data-theme="light"] .notification-count{
  color:#fff;
}

html[data-theme="light"] .user-account-menu{
  color:#17243d;
  background:linear-gradient(145deg,#ffffff,#f5f8fc);
  border-color:#d7e0ef;
  box-shadow:0 22px 55px rgba(44,63,94,.2);
}

html[data-theme="light"] .user-menu-link{
  color:#52627b;
}

html[data-theme="light"] .user-menu-link:hover{
  color:#17335f;
  background:#edf3ff;
}

html[data-theme="light"] .dashboard-grid-v3 .panel-v3,
html[data-theme="light"] .stats-grid-v3 .stat-v3{
  background:linear-gradient(145deg,#ffffff,#f6f9fd);
  border-color:#d8e2ef;
}

html[data-theme="light"] .stat-v3>div:nth-child(2) span,
html[data-theme="light"] .workload-list>div>span,
html[data-theme="light"] .workload-list strong,
html[data-theme="light"] .summary-metrics p{
  color:#66758e;
}

html[data-theme="light"] .donut{
  background:
    radial-gradient(circle,#ffffff 56%,transparent 57%),
    conic-gradient(#5c24e6 0 60%,#1b62f0 60% 72%,#e0e6f0 72%);
  box-shadow:0 0 28px rgba(55,65,245,.12);
}

html[data-theme="light"] .project-v3,
html[data-theme="light"] .activity-v3>div{
  border-color:#e2e8f1;
}

html[data-theme="light"] .project-progress>div,
html[data-theme="light"] .project-progress,
html[data-theme="light"] .workload-list i{
  background:#e3e9f2;
}

/* Mantener contraste correcto en elementos activos */
html[data-theme="light"] .sidebar-link.active,
html[data-theme="light"] .sidebar-sub-link.active,
html[data-theme="light"] .btn-primary,
html[data-theme="light"] .calendar-view-switch a.active,
html[data-theme="light"] .profile-photo-button,
html[data-theme="light"] .approval-evidence-button,
html[data-theme="light"] .flow-upload-button{
  color:#fff;
}


/* =========================================================
   WoWFlow 0.1.1 — Rebranding
   Brand layer. Internal legacy class names remain compatible.
   ========================================================= */
:root{
  --wow-blue:#168cff;
  --wow-indigo:#4f63ff;
  --wow-purple:#8a35ea;
  --wow-gradient:linear-gradient(90deg,var(--wow-blue),var(--wow-purple));
}
.product-brand strong span{background:var(--wow-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-lockup h1{letter-spacing:-3px}.brand-lockup h1 span{margin-left:0}
.wow-release-badge{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid rgba(111,99,255,.25);border-radius:999px;color:#aeb8ff;background:rgba(111,99,255,.08);font-size:10px;font-weight:900;letter-spacing:.08em}