@font-face{font-family:Schibsted;src:url('assets/font.woff2')}*{box-sizing:border-box}body{margin:0;background:#f6f8fc;color:#071b48;font:15px Schibsted,system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid #0068e8}button{cursor:pointer}button{border:1px solid #dce6f2;background:white;border-radius:8px;padding:10px 14px;color:#435570;font-weight:550}button:hover{background:#eaf6ff;color:#0052ba}button.primary{background:#0068e8;color:white;border-color:#0068e8}button.primary:hover{background:#0052ba}.quiet{border:0;background:transparent;padding:6px;color:#5d6e88}.link{border:0;background:transparent;color:#0068e8;padding:4px 0;text-align:left}.iconbtn{padding:6px 10px}.shell{margin-left:232px;transition:margin .2s}aside{position:fixed;inset:0 auto 0 0;width:232px;background:#fff;border-right:1px solid #dce6f2;display:flex;flex-direction:column;padding:28px 16px;z-index:20}.logo{width:126px;height:auto;margin:0 16px 32px}.navlabel{font-size:12px;letter-spacing:1.5px;color:#7a879d;margin:12px 16px}.nav{display:flex;align-items:center;gap:12px;width:100%;border:0;text-align:left;margin:5px 0;padding:13px 15px;background:transparent}.nav.active{background:#eaf3ff;color:#0068e8}.nav i{font-style:normal;width:19px;font-size:18px}.nav small{margin-left:auto}.sub{margin-left:31px;border-left:1px solid #dce6f2;padding-left:6px}.sub button{font-size:14px;padding:9px}.sidebottom{margin-top:auto;border-top:1px solid #e8edf4;padding-top:18px}.sidecard{background:#f6f8fc;border-radius:10px;padding:14px;font-size:14px;color:#5d6e88}.sidecard b{display:block;color:#071b48;margin-bottom:7px}header{height:76px;background:white;border-bottom:1px solid #e4eaf3;display:flex;align-items:center;padding:0 32px;gap:16px}.workspace{font-size:14px;color:#6e7e96}.header-right{margin-left:auto;display:flex;align-items:center;gap:20px}.demo{color:#5d6e88;border:1px solid #dce6f2;border-radius:5px;font-size:11px;letter-spacing:1px;padding:6px 8px}.avatar{background:#e9effd;color:#34568c;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;font-size:13px;font-weight:700;flex-shrink:0}main{max-width:1550px;margin:auto;padding:32px 38px 48px;min-height:calc(100vh - 130px)}h1{font-size:29px;letter-spacing:-1.1px;margin:8px 0 9px;font-weight:650}h2{font-size:18px;letter-spacing:-.3px;margin:0}h3{font-size:16px;margin:0 0 10px}p{color:#5d6e88;line-height:1.65}.eyebrow{font-size:12px;letter-spacing:1.5px;color:#6a7e99;text-transform:uppercase}.titlebar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:27px}.titlebar p{margin:0}.actions{display:flex;gap:8px;align-items:center}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:28px}.stat{background:white;border:1px solid #e0e7f1;border-radius:11px;padding:20px;text-align:left}.stat label{font-size:14px;color:#5d6e88;display:block}.stat strong{font-size:29px;display:block;margin:10px 0}.stat small{color:#5d6e88;font-size:13px}.stat .accent{color:#0068e8}.grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(250px,1fr);gap:22px}.card{background:white;border:1px solid #e0e7f1;border-radius:12px;overflow:hidden;margin-bottom:22px}.cardhead{display:flex;align-items:center;justify-content:space-between;padding:21px 23px;border-bottom:1px solid #edf0f6;gap:12px}.cardhead small{color:#7a879d}.pad{padding:24px}.attention{display:flex;gap:15px;padding:22px 24px;border-bottom:1px solid #edf0f6}.attention:last-child{border:0}.attention .mark{height:35px;width:35px;background:#fff5df;color:#986b10;display:grid;place-items:center;border-radius:9px;flex-shrink:0}.attention p{font-size:14px;margin:6px 0 9px}.attention b{font-size:15px}.attention .tag{margin-left:auto;align-self:flex-start}.tag{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:550;white-space:nowrap;border-radius:5px;padding:5px 8px;background:#edf3ff;color:#0052ba}.tag.green{background:#eaf7ef;color:#12703a}.tag.amber{background:#fff5df;color:#7a5200}.tag.gray{background:#f0f3f8;color:#5d6e88}.event{display:flex;gap:16px;margin:22px 0}.time{font-size:13px;color:#5d6e88;min-width:42px;padding-top:3px}.event>div{border-left:2px solid #9ac5ff;padding-left:14px}.event b{font-size:14px}.event p{font-size:13px;margin:6px 0}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:18px}input,select,textarea{border:1px solid #dce6f2;border-radius:7px;padding:10px 12px;background:#fff;color:#071b48}input::placeholder{color:#7e8ca2}.toolbar input{min-width:220px}.toolbar .push{margin-left:auto}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}th{font-size:12px;color:#73819a;font-weight:550;background:#fafbfe;padding:14px 20px;border-bottom:1px solid #e7edf5}td{font-size:14px;padding:18px 20px;border-bottom:1px solid #edf0f6;color:#435570}tbody tr:last-child td{border:0}tbody tr:hover{background:#fbfdff}.person{display:flex;gap:11px;align-items:center}.person b{color:#071b48}.person small{display:block;font-size:12px;color:#7a879d;margin-top:5px}.tablefoot{padding:14px 20px;border-top:1px solid #edf0f6;color:#7a879d;font-size:13px}.stagebar{display:grid;grid-template-columns:repeat(5,1fr);background:white;border:1px solid #dce6f2;border-radius:12px;margin:22px 0 28px;overflow:hidden}.stage{border:0;border-radius:0;text-align:left;padding:19px 18px;border-right:1px solid #edf0f6;position:relative}.stage small{display:block;font-size:12px;color:#7a879d;margin:7px 0 0 27px;font-weight:400}.stage.active{background:#edf5ff;color:#0068e8;box-shadow:inset 0 -3px #0068e8}.stage .number{margin-right:8px;font-size:13px;color:#71839b}.notice{border:1px solid #d6e7fb;border-radius:10px;background:#edf6ff;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 20px;margin-bottom:24px}.notice p{font-size:14px;margin:4px 0 0}.notice b{font-size:15px}.tabs{display:flex;gap:8px;margin-bottom:18px}.tabs button.active{background:#071b48;color:white;border-color:#071b48}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:flex;flex-direction:column;gap:9px;font-size:14px}.field.full{grid-column:1/-1}textarea{min-height:90px;resize:vertical}.muted{color:#5d6e88;font-size:14px}.empty{text-align:center;padding:60px 20px;color:#5d6e88}.kanban{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:12px;overflow:auto}.column{background:#edf1f7;padding:12px;border-radius:10px;min-height:290px}.column h3{font-size:13px;color:#5d6e88;padding:6px}.cancard{background:white;border:1px solid #e0e7f1;padding:15px;border-radius:8px;margin-top:10px}.cancard p{font-size:13px}.compare{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.compare article{background:white;border:1px solid #dce6f2;border-radius:12px;padding:23px}.compare article p{font-size:14px}.evidence{border-top:1px solid #edf0f6;padding:15px 0;font-size:14px}.evidence small{display:block;color:#7a879d;margin-top:6px}dialog{border:0;border-radius:14px;padding:0;width:min(620px,94vw);max-height:92vh;color:#071b48;box-shadow:0 20px 80px #071b4833}dialog::backdrop{background:#071b4840;backdrop-filter:blur(2px)}dialog.drawer{margin:0 0 0 auto;height:100dvh;max-height:100dvh;border-radius:0;width:min(540px,95vw)}.dialoghead{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e0e7f1}.dialogbody{padding:26px}.profilehero{display:flex;align-items:center;gap:18px;margin-bottom:24px}.profilehero .avatar{width:60px;height:60px;font-size:18px}.profilehero h2{font-size:22px}.profilehero p{font-size:14px;margin:6px 0}.timeline{border-left:1px solid #dce6f2;padding-left:16px;margin-top:12px}.timeline p{font-size:13px}.compact td{padding-top:10px;padding-bottom:10px}footer{display:flex;gap:15px;align-items:center;padding:16px 38px;border-top:1px solid #e0e7f1;font-size:12px;color:#7a879d}footer span{margin-left:auto}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#071b48;color:white;padding:14px 22px;border-radius:10px;z-index:100;display:none;font-size:14px}.collapsed aside{width:80px;padding:28px 10px}.collapsed .shell{margin-left:80px}.collapsed .logo{width:54px;margin:0 3px 32px}.collapsed .nav span,.collapsed .nav small,.collapsed .navlabel,.collapsed .sidecard,.collapsed .sub{display:none}.collapsed .nav{padding:12px 15px}.prose{max-width:900px}.prose p,.prose li{font-size:15px;line-height:1.8;color:#435570}.prose h2{margin-top:25px}.prose table{white-space:normal}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1600px){main{padding-top:42px}}@media(max-width:1100px){aside{width:195px}.shell{margin-left:195px}main{padding:25px}.grid{grid-template-columns:1fr}.stats{gap:10px}.header-right{gap:10px}.workspace{display:none}.stage{padding:15px 10px}.compare{grid-template-columns:1fr 1fr}.demo{display:none}}@media(max-width:700px){aside{display:none}.shell,.collapsed .shell{margin-left:0}body:not(.collapsed) aside{display:flex;width:220px;box-shadow:0 0 0 100vmax #071b4840}header{padding:0 18px;height:62px}main{padding:24px 16px}.titlebar{align-items:flex-start;flex-direction:column}.titlebar .actions{flex-wrap:wrap}h1{font-size:25px}.stats{grid-template-columns:1fr 1fr}.stat{padding:15px}.stagebar{overflow:auto;grid-template-columns:repeat(5,130px)}.compare,.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}.toolbar input{min-width:0;width:100%}.notice{align-items:flex-start;flex-direction:column}.attention{padding:18px 15px}.attention .tag{display:none}footer{padding:16px;flex-wrap:wrap}footer span{margin:0}.header-right .quiet{font-size:14px}.cardhead{padding:18px}.pad{padding:18px}}
/* Operational workspace v2 */
.modulebar{display:flex;gap:6px;border-bottom:1px solid #dce6f2;margin-bottom:24px;overflow:auto}.modulebar button{border:0;border-radius:0;background:transparent;white-space:nowrap;padding:15px 20px;color:#5d6e88}.modulebar button.active{color:#0068e8;box-shadow:inset 0 -3px #0068e8;background:#eaf3ff}.modulebar small{font-size:12px;margin-left:8px;background:#e8eef7;padding:3px 6px;border-radius:5px}.flowsteps{display:flex;gap:8px;font-size:13px;color:#6f7d94;align-items:center;margin:18px 0}.flowsteps span{padding:5px 9px;border-radius:5px}.flowsteps span.active{color:#0068e8;background:#eaf3ff}.lifecycle{display:flex;gap:24px;align-items:center;background:white;border:1px solid #dce6f2;border-radius:10px;padding:15px 18px;margin-bottom:16px;flex-wrap:wrap}.lifecycle label{display:block;font-size:12px;color:#6f7d94;margin-bottom:5px}.lifecycle b{font-size:14px}.lifecycle button{margin-left:auto}.metricrow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px}.metricrow .stat{padding:16px}.metricrow .stat strong{font-size:25px;margin:8px 0}.metricrow .stat.selected{border-color:#0068e8;background:#f3f8ff}.metricrow .stat span{font-size:12px;color:#7b879b}.splithead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:25px 0 16px}.splithead h2{font-size:18px}.rowdetail{display:block;font-size:12px;color:#75839b;margin-top:5px}.dotstep{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;border:1px solid #dce6f2;font-size:12px;margin-right:4px;background:white}.dotstep.done{background:#eaf3ff;color:#0068e8;border-color:#c7ddff}.score{font-weight:650;color:#071b48;font-size:15px}.score small{display:block;font-size:11px;font-weight:400;color:#7a879d;margin-top:4px}.progressmini{height:3px;background:#edf1f8;border-radius:2px;max-width:65px;margin-top:8px}.progressmini div{height:100%;background:#438eef;border-radius:2px}.criteria{padding:14px 18px;background:#f5f8fd;border-radius:8px;margin:15px 0;font-size:14px;color:#435570;line-height:1.7}.rule{display:grid;grid-template-columns:38px 1fr auto;gap:16px;align-items:start;padding:22px;border-bottom:1px solid #edf0f6}.rule .mark{display:grid;place-items:center;background:#edf5ff;border-radius:9px;width:36px;height:36px;color:#0068e8}.rule p{font-size:14px;margin:6px 0}.rule h3{margin-bottom:6px}.rule .actions{flex-wrap:wrap}.ribbon{background:#fff8e8;border:1px solid #f0dfb9;color:#7a5200;padding:12px 18px;border-radius:8px;font-size:14px;line-height:1.6;margin-bottom:20px}.pillnav{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.pillnav button.active{background:#071b48;color:white}.formfoot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}.badgecount{font-size:12px;border-radius:4px;background:#eef3fa;color:#526783;padding:4px 7px}.emailpreview{border:1px solid #dce6f2;border-radius:10px;background:#fafbfe;padding:24px;white-space:pre-wrap;line-height:1.75;font-size:15px;color:#435570}.emailpreview img{max-width:150px;max-height:60px;object-fit:contain;display:block;margin-bottom:25px}.cycle{border-left:2px solid #c2dafa;padding:0 0 20px 20px;position:relative;margin-left:6px}.cycle:before{content:'';position:absolute;left:-6px;top:0;width:10px;height:10px;background:#0068e8;border-radius:50%}.cycle p{font-size:14px}.span2{grid-column:span 2}.exportbuttons{display:flex;gap:8px}.reviewtable th,.reviewtable td{white-space:normal;min-width:110px}.reviewtable td:first-child{min-width:215px}.brandline{display:flex;justify-content:space-between;gap:12px;align-items:center}.automationclock{border:1px dashed #b8cde8;border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:15px;font-size:14px;color:#526783;margin-bottom:20px}.automationclock button{margin-left:auto}.jobcols{display:grid;grid-template-columns:1fr 320px;gap:20px}.asidepanel{background:#fff;border:1px solid #dce6f2;padding:22px;border-radius:12px}.asidepanel p{font-size:14px}.linksmall{font-size:13px}.tag.purple{background:#f0ebff;color:#6243a6}.stagebar{display:none}.docreport{line-height:1.75}.docreport h3{margin-top:25px}.docreport p{font-size:15px}.modalwide{width:min(900px,95vw)}.tablewrap{scrollbar-width:thin}.mainwelcome{background:linear-gradient(110deg,#071b48,#12306e);border-radius:13px;color:#fff;padding:26px 30px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.mainwelcome p{color:#c3d2e8;margin:7px 0 0;font-size:14px}.mainwelcome h2{font-size:22px}.mainwelcome .eyebrow{color:#9abbe7}.mainwelcome button{white-space:nowrap}.sub button.active{color:#0068e8}.sub{margin-bottom:10px}.mutednotes{font-size:13px;color:#7a879d;line-height:1.65;margin:8px 0 20px}.drawer .actions{flex-wrap:wrap}.tag{white-space:normal}.notice{flex-wrap:wrap}.clocklabel{font-size:13px;color:#5d6e88}.bulkbar{background:#edf5ff;border:1px solid #c3dcff;border-radius:8px;display:flex;gap:12px;align-items:center;padding:12px 15px;margin-bottom:15px}.bulkbar button{margin-left:auto}.pagebuttons{display:flex;gap:10px;align-items:center}.metricrow button{min-width:0}.menuheading{border:0;background:transparent;display:flex;align-items:center;gap:10px;width:100%;text-align:left}.templategrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.templateitem{padding:22px;border:1px solid #dce6f2;border-radius:11px;background:white}.templateitem p{font-size:14px;min-height:38px}.notecheck{display:flex;gap:10px;align-items:start;font-size:14px;line-height:1.65;margin:16px 0}.notecheck input{margin-top:4px}.future{border:1px dashed #dce6f2;background:#fafbfe;border-radius:8px;padding:12px 15px;font-size:14px;color:#6f7d94}.legend{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;color:#71829a}.legend b{color:#071b48}dialog::backdrop{backdrop-filter:blur(3px)}@media(max-width:1100px){.jobcols{grid-template-columns:1fr}.metricrow{gap:8px}.metricrow .stat{padding:12px}.modulebar button{padding:13px 14px}}@media(max-width:700px){.metricrow{grid-template-columns:repeat(2,1fr)}.metricrow .stat:last-child{grid-column:span 2}.lifecycle{gap:18px}.lifecycle button{margin-left:0}.mainwelcome{flex-direction:column;align-items:flex-start;padding:22px}.templategrid{grid-template-columns:1fr}.automationclock{flex-wrap:wrap}.span2{grid-column:auto}.splithead{align-items:flex-start;flex-direction:column}.flowsteps{overflow:auto;white-space:nowrap}.brandline{flex-wrap:wrap}.rule{grid-template-columns:30px 1fr}.rule .actions{grid-column:2}.modulebar{margin-left:-5px;margin-right:-5px}}

/* ajustes demoflow: el contenido no se ensancha en móvil (las tablas desplazan dentro de su tarjeta) y el menú lateral desplaza si la pantalla es baja */
.grid>*,.jobcols>*,.shell,main{min-width:0}
@media(max-width:1100px){.grid,.jobcols{grid-template-columns:minmax(0,1fr)}}
aside{overflow-y:auto;overscroll-behavior:contain}
.navlabel{font-size:11px;letter-spacing:1.2px}
.sub button{font-size:13px}
.sidecard{font-size:13px}
.stat{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}
/* menú lateral en móvil: se puede cerrar */
.navscrim,.navclose{display:none}
@media(max-width:700px){
body:not(.collapsed){overflow:hidden}
body:not(.collapsed) aside{box-shadow:0 10px 40px rgba(7,27,72,.25);z-index:30}
body:not(.collapsed) .navscrim{display:block;position:fixed;inset:0;background:rgba(7,27,72,.4);z-index:29}
body:not(.collapsed) .navclose{display:grid;place-items:center;position:fixed;top:22px;left:172px;width:38px;height:38px;z-index:31;border:1px solid #dce6f2;border-radius:10px;background:#fff;color:#071b48;font-size:17px;cursor:pointer}
}
@media(max-width:700px){body:not(.collapsed) aside{width:min(272px,85vw)}body:not(.collapsed) .navclose{left:calc(min(272px,85vw) - 52px)}}
.navclose{padding:0;line-height:0}.navclose svg{display:block}
