:root{font-family:Segoe UI,Arial,sans-serif;color:#102b50;background:#f1f7fc;font-size:16px;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #0065e5}button{cursor:pointer;min-height:46px;border-radius:10px;padding:10px 17px;font-weight:650;border:1px solid transparent}.primary{background:#0078ed;color:#fff}.secondary{background:white;border-color:#b8cde1;color:#174979}button:disabled{opacity:.55;cursor:default}header{height:92px;background:#fff;border-bottom:1px solid #d8e6f0;display:flex;align-items:center;justify-content:space-between;padding:16px 28px;gap:16px}header img{width:195px;height:60px;object-fit:contain}.language{display:flex;gap:7px}.language button{min-width:48px}.workspace{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:calc(100vh - 92px)}nav{background:#fff;border-right:1px solid #d8e6f0;padding:22px 14px;display:flex;flex-direction:column;gap:8px}nav button{background:transparent;color:#436385;text-align:left;width:100%}nav button.selected{background:#e7f2ff;color:#0065d8;border-left:4px solid #0078ed}main{padding:26px 32px 48px;max-width:1600px;width:100%}.banner{display:inline-block;background:#fff0ce;color:#7c4a04;padding:6px 12px;border-radius:18px;font-size:13px;font-weight:700;letter-spacing:.04em}h1{font-size:30px;margin:18px 0 10px}h2{font-size:20px;margin:0 0 18px}h3{margin:0 0 12px}.subtitle{color:#5c7792;margin-bottom:26px}.card{background:#fff;border:1px solid #d9e6f2;border-radius:16px;padding:22px;margin:18px 0;box-shadow:0 5px 16px #173f6910}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cards .card{margin:0}.metric{font-size:32px;font-weight:750}.muted{color:#56718c}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}form>button{justify-self:start;align-self:end}label{display:flex;flex-direction:column;gap:8px;font-weight:600;font-size:14px}input,select{min-height:46px;padding:10px 12px;border:1px solid #b8cde1;border-radius:8px;min-width:0;width:100%;color:#173b61;background:#fff}input[type=checkbox]{width:22px;min-height:22px}.check{display:flex;flex-direction:row;align-items:center;margin:15px 0}.table-scroll{overflow:auto;width:100%}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:#56718c;font-size:13px;padding:14px 12px;border-bottom:2px solid #dce9f3}td{padding:14px 12px;border-bottom:1px solid #e5edf5;vertical-align:middle;overflow-wrap:anywhere}tr:last-child td{border-bottom:0}.badge{display:inline-block;padding:5px 9px;border-radius:15px;background:#eaf1f7;color:#335776;font-size:13px}.message{min-height:20px;margin:10px 0;font-size:14px}.error{padding:12px;background:#fff1ef;border-left:4px solid #c63b33}.success{color:#116a43}.login{max-width:520px;margin:8vh auto;padding:26px}.login form{grid-template-columns:1fr}.login img{width:230px;height:80px;object-fit:contain;display:block;margin:auto}.batch-rows{display:flex;flex-direction:column;gap:16px;margin:18px 0}.batch-row{border:1px solid #dae6f1;border-radius:12px;padding:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.signature-area canvas{border:1px dashed #aac3dc;border-radius:10px;width:100%;max-width:800px;height:200px;touch-action:none;background:#fff}.signature-preview:empty{display:none}.signature-image{max-width:100%;height:100px;object-fit:contain;display:block;margin:12px 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-grid .card{margin:0}footer{padding-top:20px;color:#61778d;font-size:13px}.row-picker{display:flex;gap:12px;align-items:center;padding:12px;border-bottom:1px solid #e4edf4}.row-picker span{overflow-wrap:anywhere}a{color:#0065d8}@media(max-width:1100px){.workspace{grid-template-columns:178px minmax(0,1fr)}main{padding:20px}.batch-row{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr}}@media(max-width:760px){header{padding:12px;height:auto;flex-wrap:wrap}.workspace{display:block}nav{flex-direction:row;overflow:auto;padding:8px}nav button{width:auto;white-space:nowrap}main{padding:16px}form{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.batch-row{grid-template-columns:1fr}}

/* R239-R1: visual delta requested by Jordi, before INTRANET_INITIAL. */
:root{color:#09294d;background:#f0f7fd}
header{height:88px;padding:15px 40px;box-shadow:0 1px 0 #d8e6f0}
header img{width:190px;height:58px}
header .badge{padding:10px 14px;border-radius:15px;font-size:14px}
.workspace{grid-template-columns:266px minmax(0,1fr);min-height:calc(100vh - 88px)}
nav{padding:26px 18px;gap:12px}
nav button{display:flex;align-items:center;gap:22px;min-height:60px;padding:14px 22px;font-size:18px;font-weight:650;border-radius:10px}
nav button.selected{padding-left:18px;background:linear-gradient(105deg,#e4f1ff,#eaf4ff);color:#006de5;border-left:5px solid #0086ff}
nav .ui-icon{width:27px;height:27px;flex:0 0 27px}
.nav-separator{height:1px;background:#dce8f3;margin:10px 0 4px}
.ui-icon{display:inline-block;width:22px;height:22px;vertical-align:middle;flex-shrink:0}
main{padding:28px 36px 48px;max-width:1800px}
.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;flex-wrap:wrap;margin:0 0 26px}
.page-heading h1{font-size:42px;line-height:1.2;margin:18px 0 0}
.page-heading .banner{display:inline-flex;gap:10px;align-items:center;font-size:12px;letter-spacing:.025em;padding:10px 18px;line-height:1.5}
.page-heading .banner .ui-icon{width:18px;height:18px}
.message:empty{min-height:0;margin:0}
.cards{gap:22px}
.summary-card{padding:28px 24px 20px;min-height:212px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}
.summary-top{display:flex;align-items:flex-start;gap:26px}
.icon-tile{width:66px;height:66px;display:flex;align-items:center;justify-content:center;color:#0076ed;background:#e5f2ff;border-radius:12px;flex:0 0 66px}
.icon-tile .ui-icon{width:36px;height:36px;stroke-width:2}
.summary-data{min-width:0}
.summary-data h2{font-size:21px;line-height:1.4;margin:0 0 12px}
.summary-data .metric{font-size:48px;line-height:1.1;font-weight:750}
.metric-description{font-size:16px;line-height:1.5;color:#526f94;margin:10px 0 0;overflow-wrap:anywhere}
.link-action{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:7px 0;align-self:flex-start;background:transparent;border:0;border-radius:5px;color:#0071e7;font-size:17px;font-weight:650}
.link-action .ui-icon{width:20px;height:20px}
.link-action:hover{color:#004fba;text-decoration:underline}
.tracking-card{margin-top:24px;padding:25px 28px}
.tracking-card h2{font-size:28px;margin:0 0 26px}
.tracking-body{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.icon-circle{width:74px;height:74px;border-radius:50%;background:#e5f2ff;color:#006fda;display:flex;align-items:center;justify-content:center;flex:0 0 74px}
.icon-circle .ui-icon{width:39px;height:39px}
.tracking-copy{flex:1;min-width:180px}
.tracking-copy h3{font-size:20px;line-height:1.5;margin:0}
.tracking-body .link-action{align-self:center;margin-left:auto;white-space:nowrap}
footer{display:flex;gap:15px;align-items:flex-start;margin-top:28px;font-size:14px;line-height:1.5;color:#5b7798}
footer .ui-icon{width:19px;height:19px;margin-top:1px}
@media(max-width:1250px){.workspace{grid-template-columns:220px minmax(0,1fr)}nav button{font-size:16px;gap:16px;padding-left:16px}nav button.selected{padding-left:12px}main{padding:24px}.summary-top{gap:16px}.summary-card{padding:23px 18px}.icon-tile{width:52px;height:52px;flex-basis:52px}.icon-tile .ui-icon{width:31px;height:31px}.summary-data h2{font-size:18px}.metric-description{font-size:14px}.cards{gap:16px}}
@media(max-width:1000px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-card:last-child{grid-column:1/-1}.page-heading h1{font-size:36px}.page-heading .banner{font-size:11px}.tracking-body{gap:16px}}
@media(max-width:760px){header{height:auto;padding:14px 18px}.workspace{display:block}nav{padding:8px;gap:8px;flex-direction:row;overflow:auto}nav button{width:auto;min-height:48px;white-space:nowrap;font-size:14px;gap:8px;padding:10px 14px}nav button.selected{padding-left:10px}.nav-separator{display:none}nav .ui-icon{width:21px;height:21px;flex-basis:21px}main{padding:18px}.page-heading{gap:14px;margin-bottom:22px}.page-heading h1{margin-top:0;font-size:32px}.page-heading .banner{order:-1}.cards{grid-template-columns:1fr}.summary-card:last-child{grid-column:auto}.summary-card{min-height:180px}.summary-data .metric{font-size:40px}.tracking-card{padding:20px}.tracking-card h2{font-size:24px}.tracking-body .link-action{margin-left:0}.tracking-copy h3{font-size:18px}.icon-circle{width:58px;height:58px;flex-basis:58px}.icon-circle .ui-icon{width:32px;height:32px}}

/* Adapt to the actual content width, including page enlargement. */
main{container-type:inline-size}
.metric-description{overflow-wrap:normal;word-break:normal}
@container(max-width:850px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-card:last-child{grid-column:1/-1}}
@container(max-width:520px){.cards{grid-template-columns:1fr}.summary-card:last-child{grid-column:auto}.summary-top{gap:20px}.summary-card{min-height:180px}}

/* R239-R1: Jordi's tonal Noticat palette. Presentation only; existing geometry is preserved. */
:root{
 color:#102344;
 background-color:#E6F2F5;
 background-image:
  linear-gradient(180deg,rgba(242,248,252,0) 0%,rgba(242,248,252,.42) 100%),
  radial-gradient(ellipse at 14% 18%,rgba(8,127,232,.11),transparent 64%),
  radial-gradient(ellipse at 92% 26%,rgba(18,215,212,.075),transparent 64%),
  radial-gradient(ellipse at 48% 0%,rgba(6,43,99,.05),transparent 68%),
  linear-gradient(110deg,#E8F2F8 0%,#E6F2F5 52%,#E4F6F3 100%);
 background-attachment:fixed;
}
body,#app,.workspace,main,footer{background:transparent}
header{background:#EEF7FB;border-bottom-color:#D5E5EF;box-shadow:0 1px 4px rgba(6,43,99,.025)}
nav{background:#EDF6FA;border-right-color:#D5E5EF;box-shadow:1px 0 4px rgba(6,43,99,.025)}
nav button{color:#476481;background:transparent}
nav button:hover:not(.selected){background:#E7F2FA}
nav button.selected{background:#DCEEFF;color:#087FE8;border-left-color:#087FE8}
.nav-separator{background:#D5E5EF}
.card,.table-scroll,.batch-row{background:#F1F7FB;border-color:#CFE1EE;border-radius:12px;box-shadow:0 8px 24px rgba(6,43,99,.06)}
.table-scroll{box-shadow:inset 0 0 0 1px #CFE1EE,0 8px 24px rgba(6,43,99,.06)}
.card .table-scroll{box-shadow:inset 0 0 0 1px #D7E5EE}
form{background:#F1F7FB}
input,select,textarea{
 color:#102344;background:#F6FBFE;border-color:#C6DCEB;
 box-shadow:inset 0 1px 2px rgba(6,43,99,.015);caret-color:#087FE8;accent-color:#087FE8;
}
input::placeholder,textarea::placeholder{color:#61718A;opacity:1}
input:focus-visible,select:focus-visible,textarea:focus-visible{
 border-color:#087FE8;outline-color:#087FE8;box-shadow:0 0 0 3px rgba(8,127,232,.14),inset 0 1px 2px rgba(6,43,99,.015);
}
input:disabled,select:disabled,textarea:disabled,input[readonly],textarea[readonly]{background:#EDF6FA;color:#61718A}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #F6FBFE inset;-webkit-text-fill-color:#102344}
option{background:#F6FBFE;color:#102344}
button.primary{background:#087FE8;color:#fff}
button.primary:hover:not(:disabled){background:#0874D4}
button.secondary:not(.link-action){background:#F2F8FC;color:#174979;border-color:#BED7E8}
button.secondary:hover:not(.link-action):not(:disabled){background:#E7F2FA;border-color:#A9CDE3}
button:focus-visible,a:focus-visible{outline-color:#087FE8}
.link-action{background:transparent;color:#0874D4}
a{color:#0874D4}
.badge{background:#ECF5FA;color:#476481;border-color:#BED7E8;box-shadow:inset 0 0 0 1px #BED7E8}
header .badge{background:#F2F8FC}
table{background:#F1F7FB;color:#102344}
th{background:#ECF5FA;color:#476481;border-bottom-color:#D7E5EE}
tbody tr:nth-child(odd) td{background:#F3F9FC}
tbody tr:nth-child(even) td{background:#EFF7FB}
tbody tr:hover td{background:#E7F2FA}
td{border-bottom-color:#D7E5EE}
td:first-child{color:#476481}
h1,h2,h3,.metric,.tracking-copy h3{color:#102344}
.subtitle,.muted,.metric-description,footer{color:#61718A}
.icon-tile,.icon-circle{background:#E2F0FB;color:#087FE8}
.row-picker{background:#F3F9FC;border-bottom-color:#D7E5EE}
.row-picker:hover{background:#E7F2FA}
.signature-area canvas{background:#F6FBFE;border-color:#B4D0E4}
.signature-preview{background:#F2F8FC}
.banner{background:#FFF0CE;color:#7C4A04}
.error{background:#FFF1EF;border-left-color:#C63B33}
.success{color:#116A43}
::selection{background:#DCEEFF;color:#102344}