/* Cartes lisibles et retours discrets, sans mouvement permanent. */
:root{--card-shadow:0 2px 3px #15395603,0 7px 24px #15395606;--card-hover:0 8px 26px #15395612;--ease-out:cubic-bezier(.2,.75,.25,1);}
.panel{border-radius:18px;box-shadow:var(--card-shadow);}
.section-heading h2{font-size:16px;font-weight:650;}
.section-heading p{font-size:12px;}
.field-strip{gap:12px;padding:3px 3px 10px;scroll-snap-type:x proximity;scroll-padding-inline:3px;}
.agent-tile{flex-basis:184px;min-width:184px;padding:15px;gap:10px;border-radius:16px;scroll-snap-align:start;box-shadow:var(--card-shadow);background:linear-gradient(145deg,color-mix(in srgb,var(--blue) 3%,var(--surface)),var(--surface) 55%);transition:transform 200ms var(--ease-out),box-shadow 200ms,border-color 180ms;}
.agent-tile.selected{padding:14px;box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 12%,transparent);}
.agent-tile-top{align-items:flex-start;gap:12px;}
.agent-tile-top .avatar{width:62px;height:62px;border-radius:18px;font-size:19px;background:linear-gradient(145deg,#e8effa,#dce8f6);border:3px solid var(--surface);box-shadow:0 2px 8px #23466910;}
.agent-tile-top button.avatar{border:3px solid var(--surface);}
.agent-tile-top .icon{width:29px;height:29px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--muted);}
.agent-tile-top .icon svg{width:14px;transition:transform 180ms var(--ease-out);}
.agent-identity{min-width:0;display:grid;gap:4px;}
.agent-identity strong{font-size:14px;line-height:1.4;letter-spacing:-.15px;overflow-wrap:anywhere;}
.agent-identity small{font-size:11px;line-height:1.5;color:var(--muted);}
.agent-contact{font-variant-numeric:tabular-nums;font-size:11px;color:var(--muted);text-decoration:none;}
.agent-facts{display:flex;flex-direction:column;gap:6px;align-items:flex-start;margin-top:1px;}
.agent-facts .sector-badge{font-size:10px;border-radius:6px;text-align:left;}
.state-badge{font-size:11px;gap:5px;white-space:nowrap;}
.agent-tile .state-badge{border-radius:20px;padding:4px 8px;background:color-mix(in srgb,#218265 8%,var(--surface));color:#227354;}
.agent-tile .state-badge.unavailable{background:color-mix(in srgb,#bb5260 8%,var(--surface));color:#a63c4a;}

.agent-missions{padding-top:10px;gap:4px;margin:1px 0;}
.agent-missions .activity-title{font-size:12px;line-height:1.5;}
.agent-missions small{font-size:10px;line-height:1.6;}
.resource-column{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));align-content:start;gap:12px;padding:16px;border-radius:18px;background:color-mix(in srgb,var(--surface) 60%,var(--workspace));}
.resource-column>h2,.resource-column>.empty{grid-column:1/-1;margin-bottom:0;}
.resource-column>h2{font-size:14px;padding:0 0 5px;}
.resource-column .agent-tile{width:auto;min-width:0;margin:0;}
.activity-list,.epc-grid{gap:13px;}
.activity-card{--card-accent:#839cba;padding:17px;border-radius:15px;border-left:3px solid var(--card-accent);box-shadow:var(--card-shadow);background:linear-gradient(115deg,color-mix(in srgb,var(--card-accent) 3%,var(--surface)),var(--surface) 48%);transition:transform 200ms var(--ease-out),box-shadow 200ms,border-color 180ms;}
.activity-card.state-running{--card-accent:#368b7b;}.activity-card.state-paused{--card-accent:#b87a30;}.activity-card.state-done{--card-accent:#82968c;}.activity-card.epc-card{--card-accent:#8875be;}
.activity-title{font-size:14px;font-weight:650;line-height:1.5;text-wrap:pretty;}
.activity-card .activity-title{text-align:left;letter-spacing:-.1px;}

.type-tag,.status-label{font-size:10px;padding:4px 7px;border-radius:6px;}
.rf{font-size:10px;letter-spacing:.6px;margin-bottom:5px;font-variant-numeric:tabular-nums;}
.card-meta{font-size:11px;line-height:1.6;margin:10px 0 13px;gap:7px 12px;}
.card-meta .sector-badge{font-size:10px;}
.card-bottom{padding-top:12px;border-color:color-mix(in srgb,var(--line) 75%,transparent);}
.assigned-agents .avatar{width:31px;height:31px;font-size:9px;margin-right:-8px;transition:transform 180ms var(--ease-out);}
.assigned-agents small,.unassigned{font-size:10px;}
.card-actions button{font-size:11px;padding:7px 10px;}
.card-actions .icon{width:31px;height:31px;border-radius:9px;}
.branch-progress{height:4px;margin-top:13px;background:color-mix(in srgb,var(--card-accent) 10%,var(--surface));border-radius:6px;}
.branch-progress i{background:var(--card-accent);border-radius:inherit;transition:width 350ms var(--ease-out);}
.compact-card{padding:14px;}.compact-card .activity-title{font-size:13px;}.compact-card .card-meta{font-size:10px;}
.surv-item{border-radius:14px;padding:15px;box-shadow:var(--card-shadow);transition:transform 200ms var(--ease-out),border-color 180ms,box-shadow 200ms;}
.surv-item p{font-size:11px;}.due-badge{font-variant-numeric:tabular-nums;font-size:10px;border-radius:6px;padding:5px 8px;}
.surv-item:has(.due-badge.overdue){border-color:color-mix(in srgb,#be5260 32%,var(--line));}
.command-card{border-radius:13px;box-shadow:0 2px 5px #071b3012;}.command-person strong{font-size:13px;}.command-person .avatar{width:36px;height:36px;border-radius:11px;}
.assignment-target{outline:2px dashed color-mix(in srgb,var(--blue) 65%,transparent);outline-offset:-6px;}
.drop-over{box-shadow:0 0 0 5px color-mix(in srgb,var(--blue) 12%,transparent)!important;transform:translateY(-2px);}
.dragging{transform:scale(.985);}
.avatar img{transition:transform 260ms var(--ease-out);}
.photo-preview .avatar{box-shadow:0 0 0 6px var(--surface-soft),0 10px 30px #16365415;}
button.primary{box-shadow:0 3px 8px #236dcc16;}
button:active:not(:disabled){transform:translateY(1px);}
@media(hover:hover) and (pointer:fine){.agent-tile:hover,.activity-card:hover,.surv-item:hover{transform:translateY(-2px);box-shadow:var(--card-hover);border-color:color-mix(in srgb,var(--blue) 38%,var(--line));}
  .agent-tile:hover .agent-tile-top .icon svg{transform:translateX(2px);}
  button.avatar:hover img{transform:scale(1.06);}
  .assigned-agents .avatar:hover{transform:translateY(-3px);z-index:1;}
}
[data-theme=night]{--card-shadow:0 2px 6px #00000012;--card-hover:0 8px 24px #00000025;}
[data-theme=night] .agent-tile .state-badge.available{color:#94dfbd;background:#234a43;}
[data-theme=night] .agent-tile .state-badge.unavailable{color:#ffb3bd;background:#4d3341;}
[data-theme=night] .agent-tile-top .avatar{background:linear-gradient(145deg,#3a5675,#2d4460);color:#dfebfa;}
@media(max-width:740px){.agent-tile{min-width:174px;flex-basis:174px;padding:13px;}.agent-tile.selected{padding:12px;}
  .agent-tile-top .avatar{width:56px;height:56px;border-radius:15px;}
  .resource-column{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:12px;gap:10px;}
  .resource-column .agent-tile{min-width:0;}.activity-card{padding:15px;}.panel{border-radius:15px;}
  .agent-identity strong{font-size:13px;}.command-person strong{font-size:11px;}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
  .agent-tile:hover,.activity-card:hover,.surv-item:hover,.assigned-agents .avatar:hover,.drop-over{transform:none!important;}
}

[data-availability][aria-pressed=true]{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 10%,var(--surface));color:var(--ink);box-shadow:inset 0 0 0 1px var(--blue);}

/* La tranche colore le cadre de travail ; les états métier gardent leurs repères. */
:root[data-scope]{--blue:#245f8f;--green:#245f8f;--rail:#172e40;--scope-action:#245f8f;--scope-light:#add4ed;--scope-header:#20445d;--scope-control:#30556d;--scope-border:#617f8f;--scope-text:#deebed;--workspace:#f5f1ea;--surface:#fffdf9;--surface-soft:#f2eee7;--line:#e3ded5;--ink:#25343c;--muted:#64716f;--warm-glow:#e5b98b;--card-shadow:0 2px 4px #48352104,0 8px 24px #48352108;--card-hover:0 12px 30px #48352114;}
:root[data-scope=T2]{--blue:#ad3038;--green:#ad3038;--rail:#411e25;--scope-action:#ad3038;--scope-light:#ffbcaa;--scope-header:#7e2a32;--scope-control:#873d43;--scope-border:#b36e6d;--scope-text:#ffe3d9;--workspace:#f7efe8;--surface-soft:#f8eee6;--line:#eadbd2;--warm-glow:#e6a87f;}
:root[data-scope=T1][data-theme=night]{--blue:#a9d4ef;--green:#a9d4ef;--scope-action:#286791;--rail:#152731;--scope-header:#203b49;--scope-control:#304e5b;--scope-border:#587a87;--workspace:#202626;--surface:#2c3333;--surface-soft:#373f3e;--line:#53615e;--ink:#f7f5ee;--muted:#c8d0ca;--warm-glow:#c79a70;--card-shadow:0 4px 18px #00000015;--card-hover:0 12px 28px #00000030;}
:root[data-scope=T2][data-theme=night]{--blue:#ffb6a6;--green:#ffb6a6;--rail:#2e1a1e;--scope-action:#b53b42;--scope-header:#64282e;--scope-control:#75373d;--scope-border:#a66164;--scope-text:#ffe0d5;--workspace:#242323;--surface:#30302e;--surface-soft:#3b3936;--line:#59544e;--ink:#fbf5ed;--muted:#d0c9be;--warm-glow:#e2a078;--card-shadow:0 4px 18px #00000015;--card-hover:0 12px 28px #00000030;}
html[data-scope] .rail{background:var(--rail);}
html[data-scope] .topbar{background:var(--scope-header);border-color:var(--scope-border);}

html[data-scope] .theme-select select,html[data-scope] .topbar .icon{background:var(--scope-control);border-color:var(--scope-border);color:var(--scope-text);}
html[data-scope] .team-name,html[data-scope] .readonly-toggle,html[data-scope] .sync,html[data-scope] .profile small{color:var(--scope-text);}
html[data-scope] .rail nav button{color:var(--scope-text);}
html[data-scope] .rail nav button:hover{background:var(--scope-control);}
html[data-scope] .rail nav button.active{background:var(--scope-control);color:#fff;}

html[data-scope] .command-card:not(.post-base):not(.post-surveillance){background:var(--scope-control);border-color:var(--scope-border);border-left-color:var(--scope-light);}
html[data-scope] .command-card:not(.post-base):not(.post-surveillance) .command-caption,html[data-scope] .command-card:not(.post-base):not(.post-surveillance) small{color:var(--scope-text);}
html[data-scope] .command-card:not(.post-base):not(.post-surveillance) .avatar,html[data-scope] .profile .avatar{background:var(--scope-border);color:#fff;}
html[data-scope] button.primary{background:var(--scope-action);border-color:var(--scope-action);color:#fff;}
html[data-scope] button.primary:hover{background:color-mix(in srgb,var(--scope-action) 86%,black);}
html[data-scope] button.soft,html[data-scope] .type-tabs button.active,html[data-scope] .settings-tabs button.active{background:color-mix(in srgb,var(--blue) 10%,var(--surface));color:var(--blue);border-color:color-mix(in srgb,var(--blue) 35%,var(--line));}
html[data-scope] .agent-tile.selected{background:color-mix(in srgb,var(--blue) 8%,var(--surface));}
html[data-scope] .agent-tile .avatar,html[data-scope] .assigned-agents .avatar{background:linear-gradient(145deg,color-mix(in srgb,var(--blue) 10%,var(--surface)),color-mix(in srgb,var(--blue) 20%,var(--surface)));color:var(--blue);}
html[data-scope] button:focus-visible,html[data-scope] a:focus-visible{outline-color:var(--blue);}
html[data-scope] input:focus,html[data-scope] select:focus,html[data-scope] textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 14%,transparent);}
html[data-scope] input[type=checkbox]{accent-color:var(--scope-action);}
html[data-scope] .page-heading .eyebrow{color:var(--blue);font-weight:650;}
html[data-scope] .rail,html[data-scope] .topbar,html[data-scope] body{transition:background-color 240ms ease,border-color 240ms ease;}

/* Matières chaudes et identité plus expressive, sans réduire la place des données. */
html[data-scope] body{background:radial-gradient(ellipse at 95% 5%,color-mix(in srgb,var(--warm-glow) 16%,transparent),transparent 48%),var(--workspace);}
html[data-scope] .rail{background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--scope-light) 13%,transparent),transparent 65%),var(--rail);border-right:1px solid #ffffff0d;}
html[data-scope] .brand-logo{border-radius:21px;box-shadow:0 5px 18px #00000015;}

html[data-scope] .rail nav{gap:6px;}
html[data-scope] .rail nav button{border-radius:12px;}
html[data-scope] .rail nav button.active{background:linear-gradient(110deg,var(--scope-control),color-mix(in srgb,var(--scope-control) 70%,var(--rail)));box-shadow:inset 3px 0 var(--scope-light),0 4px 12px #00000010;}
html[data-scope] .topbar{background:radial-gradient(ellipse at 85% -90%,color-mix(in srgb,var(--scope-light) 24%,transparent),transparent 65%),linear-gradient(120deg,var(--scope-header),color-mix(in srgb,var(--scope-header) 72%,var(--rail)));border:1px solid color-mix(in srgb,var(--scope-border) 65%,transparent);}

html[data-scope] .page-heading{padding:3px 0 18px;border-bottom:1px solid var(--line);}

html[data-scope] .page-heading .eyebrow{font-size:10px;letter-spacing:1.5px;display:flex;align-items:center;gap:8px;}
html[data-scope] .page-heading .eyebrow::before{content:"";width:19px;height:4px;border-radius:4px;background:var(--scope-action);flex-shrink:0;}
html[data-scope] .subtitle{font-size:13px;line-height:1.7;margin-top:7px;}
html[data-scope] .panel{background:linear-gradient(145deg,color-mix(in srgb,var(--warm-glow) 4%,var(--surface)),var(--surface) 50%);}

html[data-scope] .section-heading .count{border-radius:20px;padding:3px 8px;}
html[data-scope] .agent-tile{border-radius:19px;background:linear-gradient(155deg,color-mix(in srgb,var(--warm-glow) 17%,var(--surface)),var(--surface) 53%);border-color:color-mix(in srgb,var(--warm-glow) 22%,var(--line));padding:16px;gap:11px;}
html[data-scope] .agent-tile.selected{border-color:var(--blue);padding:15px;}
html[data-scope] .agent-tile-top .avatar{width:66px;height:66px;border-radius:23px 23px 23px 9px;border-width:3px;box-shadow:0 4px 10px #3d281514;}
html[data-scope] .agent-identity strong{font-size:15px;letter-spacing:-.25px;}

html[data-scope] .activity-card:not(.state-running):not(.state-paused):not(.state-done):not(.epc-card){--card-accent:var(--blue);}

html[data-scope] button.primary{box-shadow:0 4px 10px color-mix(in srgb,var(--scope-action) 18%,transparent),inset 0 1px #ffffff20;}
html[data-scope] .heading-actions button{min-height:40px;}

html[data-scope] .login-story{background:radial-gradient(ellipse at 0 100%,color-mix(in srgb,var(--warm-glow) 20%,transparent),transparent 65%),var(--rail);}
html[data-scope] .login-story h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;}
html[data-scope] .login-story h1 em{color:var(--scope-light);}
html[data-scope] .login-form-wrap{background:var(--workspace);}
@media(max-width:740px){html[data-scope] .rail{border-bottom:1px solid #ffffff15;border-right:0;}
  html[data-scope] .rail nav{gap:4px;}
  html[data-scope] .rail nav button.active{box-shadow:inset 0 -2px var(--scope-light);}

  html[data-scope] .subtitle{font-size:12px;}
  
  html[data-scope] .agent-tile{padding:13px;}html[data-scope] .agent-tile.selected{padding:12px;}
  html[data-scope] .agent-tile-top .avatar{width:58px;height:58px;border-radius:20px 20px 20px 8px;}
  html[data-scope] .agent-identity strong{font-size:14px;}
}

/* Une ligne par activité : identité, contexte, équipe et actions. */

html[data-scope] .activity-card{position:relative;}

html[data-scope] .activity-card .rf{color:var(--muted);}
html[data-scope] .activity-card .type-tag,html[data-scope] .activity-card .status-label{font-size:9px;padding:3px 6px;}
html[data-scope] .activity-card .status-label{margin-left:0;}

html[data-scope] .activity-card .card-meta{margin:0;gap:5px 9px;font-size:10px;min-width:0;align-content:center;}
html[data-scope] .activity-card .card-meta>span{line-height:1.5;}
html[data-scope] .activity-card .card-meta .sector-badge{padding:3px 6px;}
html[data-scope] .activity-card .card-bottom{justify-content:flex-end;flex-wrap:wrap;}
html[data-scope] .activity-card .assigned-agents{font-size:9px;min-height:24px;}
html[data-scope] .activity-card .assigned-agents .avatar{height:26px;width:26px;margin-right:-6px;font-size:8px;}
html[data-scope] .activity-card .assigned-agents small{font-size:9px;margin-left:6px;}

html[data-scope] .activity-card .card-actions button{padding:6px 8px;}
html[data-scope] .activity-card .card-actions .icon{height:29px;width:29px;min-height:29px;min-width:29px;padding:5px;}
html[data-scope] .activity-card .card-actions .primary{white-space:normal;max-width:125px;}
html[data-scope] .activity-card .branch-progress{bottom:0;left:14px;right:14px;}
@container activity-row (min-width:700px){html[data-scope] .activity-card .card-bottom{padding-left:16px;justify-content:flex-end;}
}

/* Les actions du cockpit appartiennent au module activités. */
.activity-card{--activity-status-color:var(--blue);}
.activity-card.state-running,.activity-card.state-done{--activity-status-color:#176441;}
.activity-card.state-paused,.activity-card.state-deferred{--activity-status-color:#915913;}
.activity-card.state-cancelled{--activity-status-color:#a42a3b;}
html[data-theme=night] .activity-card.state-running,html[data-theme=night] .activity-card.state-done{--activity-status-color:#8ee6b3;}
html[data-theme=night] .activity-card.state-paused,html[data-theme=night] .activity-card.state-deferred{--activity-status-color:#f0c181;}
html[data-theme=night] .activity-card.state-cancelled{--activity-status-color:#ffa6af;}
html[data-scope] .activity-card .status-label{display:inline-flex;align-items:center;gap:5px;margin:0;border:1px solid color-mix(in srgb,var(--activity-status-color) 30%,transparent);border-radius:7px;background:color-mix(in srgb,var(--activity-status-color) 11%,var(--surface));color:var(--activity-status-color);font-weight:750;}
html[data-scope] .activity-card .status-label svg{width:13px;height:13px;flex-shrink:0;}
html[data-scope] .activity-card .card-meta .sector-badge{font-size:11px;font-weight:700;}

html[data-scope] .activity-card .card-meta{grid-column:1/-1;padding-left:0;border-left:0;}

html[data-scope] .activity-card .assigned-person{border:1px solid var(--line);}
html[data-scope] .activity-card .assigned-person .avatar{flex-shrink:0;}
.assigned-person-identity{display:flex;flex-direction:column;gap:3px;min-width:0;}
.assigned-person-identity strong{font-size:14px;font-weight:750;line-height:1.35;color:var(--ink);overflow-wrap:anywhere;}
.assigned-person-sector{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;line-height:1.35;color:var(--muted);overflow-wrap:anywhere;}
.assigned-person-sector svg{width:12px;height:12px;flex-shrink:0;}
html[data-scope] .activity-card .assigned-agents small.assignment-progress{color:var(--muted);}
html[data-scope] .activity-card .unassigned{font-size:11px;}

@container activity-row (min-width:700px){html[data-scope] .activity-card .card-meta{grid-column:auto;padding-left:12px;border-left:1px solid var(--line);}
}
.environment-badge{display:table;padding:5px 10px;margin:0 0 10px;border:1px solid #ffffff30;border-radius:20px;background:#ffffff10;color:#ffe4b1;font-size:11px;font-weight:650;letter-spacing:.2px;}
.activity-module-heading{flex-wrap:wrap;gap:12px;}
.activity-module-heading>div:first-child{flex:1 1 190px;min-width:0;}
.activity-module-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;}
.activity-module-actions button{min-height:38px;font-size:11px;white-space:nowrap;}
.activity-module-actions .link{padding-inline:7px;}
@media(max-width:740px){.activity-module-actions{width:100%;}
  .activity-module-actions .primary{flex:1;}
}

/* La disponibilité reste visible, quel que soit le thème ou la sélection. */
html[data-scope] .agent-tile[data-resource-state]{border:1px solid color-mix(in srgb,var(--agent-status) 65%,var(--line));padding:16px;background:linear-gradient(155deg,color-mix(in srgb,var(--agent-status) 5%,var(--surface)),var(--surface) 60%);box-shadow:inset 2px 0 color-mix(in srgb,var(--agent-status) 85%,transparent),var(--card-shadow);}
html[data-scope] .agent-tile[data-resource-state]::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(115deg,transparent 40%,color-mix(in srgb,var(--agent-status) 20%,white) 49%,transparent 58%);background-size:300% 100%;background-position:200% 0;opacity:.65;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:agent-edge-reflection 12s ease-in-out infinite;}
html[data-scope] .agent-tile[data-resource-state]:nth-of-type(3n/**/+2)::before{animation-delay:-4s;}
html[data-scope] .agent-tile[data-resource-state]:nth-of-type(3n)::before{animation-delay:-8s;}
@keyframes agent-edge-reflection{0%{background-position:200% 0}16%,100%{background-position:-100% 0}}
html[data-scope] .agent-tile[data-resource-state=available]{--agent-status:#26875b;--agent-status-ink:#176441;--agent-status-bg:#e3f3e9;}
html[data-scope] .agent-tile[data-resource-state=unavailable]{--agent-status:#ce4653;--agent-status-ink:#922637;--agent-status-bg:#fbe8eb;}
html[data-scope] .agent-tile[data-resource-state] .state-badge{padding:6px 10px;border:1px solid color-mix(in srgb,var(--agent-status) 35%,transparent);background:var(--agent-status-bg);color:var(--agent-status-ink);font-size:12px;font-weight:750;gap:6px;}
html[data-scope] .agent-tile[data-resource-state] .state-badge svg{width:14px;height:14px;}
html[data-scope] .agent-tile[data-resource-state].selected{box-shadow:inset 2px 0 var(--agent-status),0 0 0 3px color-mix(in srgb,var(--blue) 18%,transparent),var(--card-shadow);}
html[data-scope][data-theme=night] .agent-tile[data-resource-state=available]{--agent-status:#67cf96;--agent-status-ink:#b4f3ce;--agent-status-bg:#203e31;}
html[data-scope][data-theme=night] .agent-tile[data-resource-state=unavailable]{--agent-status:#ff8993;--agent-status-ink:#ffd3d7;--agent-status-bg:#4a2932;}
@media(max-width:740px){html[data-scope] .agent-tile[data-resource-state]{padding:13px;}
}
@media(prefers-reduced-motion:reduce){html[data-scope] .agent-tile[data-resource-state]::before{animation:none;display:none;}
}

/* Cartes agent compactes : portrait et identité, statut, intervention. */
html[data-scope] .agent-tile.agent-compact[data-resource-state]{flex-basis:216px;min-width:216px;padding:11px;border-radius:16px;}
html[data-scope] .agent-compact .agent-tile-top{display:grid;align-items:center;}
html[data-scope] .agent-compact .agent-tile-top .avatar{border-radius:17px 17px 17px 7px;border-width:2px;}
html[data-scope] .agent-compact .agent-tile-top .icon{width:26px;height:26px;min-width:26px;min-height:26px;padding:4px;align-self:start;}
html[data-scope] .agent-compact .agent-identity{gap:3px;}
html[data-scope] .agent-compact .agent-name{display:grid;gap:1px;letter-spacing:-.2px;}
html[data-scope] .agent-compact .agent-name span:first-child{font-weight:500;}
html[data-scope] .agent-compact .agent-name span:last-child{font-weight:750;}
html[data-scope] .agent-compact .agent-identity small{display:flex;flex-wrap:wrap;gap:2px 6px;font-size:10px;}
html[data-scope] .agent-compact .agent-contact{font-size:9px;line-height:1.45;overflow-wrap:anywhere;}
html[data-scope] .agent-compact .agent-facts{grid-template-columns:minmax(0,1fr) auto;margin:0;}
html[data-scope] .agent-compact .agent-facts .sector-badge{padding:0;border:0;background:transparent;border-radius:0;font-size:10px;line-height:1.3;text-align:left;justify-content:flex-start;}
html[data-scope] .agent-compact[data-resource-state] .state-badge{padding:4px 7px;font-size:11px;gap:4px;}
html[data-scope] .agent-compact[data-resource-state] .state-badge svg{width:12px;height:12px;}
html[data-scope] .agent-compact .agent-missions{border-top:1px solid var(--line);padding-top:7px;margin:0;min-width:0;}
.agent-mission-line{display:flex;gap:5px;min-width:0;align-items:center;}
html[data-scope] .agent-compact .agent-missions .activity-title{font-size:11px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;text-align:left;}
html[data-scope] .agent-compact .agent-missions small{display:block;font-size:9px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.agent-more{font-size:10px;padding:2px 5px;flex-shrink:0;}
html[data-scope] .agent-compact .agent-select-surface{position:absolute;inset:0;z-index:1;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent;box-shadow:none;color:inherit;cursor:pointer;}
html[data-scope] .agent-compact .agent-select-surface:focus-visible{outline:3px solid var(--blue);outline-offset:3px;}
.agent-compact button:not(.agent-select-surface){position:relative;z-index:2;}
.agent-selected-flag{position:absolute;top:-6px;right:-6px;z-index:3;display:grid;place-items:center;width:21px;height:21px;border:2px solid var(--surface);border-radius:50%;background:var(--blue);color:#fff;pointer-events:none;}
.agent-selected-flag svg{width:12px;height:12px;}
html[data-scope] .resource-column .agent-compact[data-resource-state],html[data-scope] .available-list .agent-compact[data-resource-state]{min-width:0;}

/* Le logo devient le point d’entrée visible de l’application. */
/* Horloge du jour et compte à rebours des tours de bloc. */
.activity-simple-form{max-width:520px;margin:auto;gap:13px;}

.sector-agent-list{max-height:320px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:8px;}
.sector-agent-list h4{font-size:10px;letter-spacing:.3px;color:var(--muted);padding:6px 4px;margin:0;}
.sector-agent-option{display:flex;align-items:center;gap:9px;padding:9px 6px;cursor:pointer;border-radius:9px;font-weight:400;}
.sector-agent-option:has(input:checked){background:color-mix(in srgb,var(--blue) 9%,var(--surface));}.sector-agent-option:hover{background:var(--surface-soft);}
.sector-agent-option input{width:15px;height:15px;margin:0;flex-shrink:0;}.sector-agent-option .avatar{width:30px;height:30px;border-radius:10px;flex-shrink:0;font-size:10px;}
.sector-agent-option>span:not(.avatar):not(.state-badge){flex:1;min-width:0;}.sector-agent-option strong{display:block;font-size:12px;overflow-wrap:anywhere;}.sector-agent-option small{display:block;font-size:10px;margin-top:3px;overflow-wrap:anywhere;}.sector-agent-option .state-badge{font-size:10px;padding:4px 6px;}
@media(max-width:480px){.sector-agent-option .state-badge{font-size:9px;padding:3px 5px;}.sector-agent-option{gap:6px;}
}
.agent-form-photo{display:flex;align-items:center;gap:12px;}.agent-form-photo .avatar{width:54px;height:54px;border-radius:16px;}.agent-form-photo small{font-size:10px;line-height:1.5;}
.optional-field{font-size:10px;font-weight:400;color:var(--muted);margin-left:5px;}
.sector-choices{border:1px solid var(--line);border-radius:12px;padding:13px;display:flex;flex-wrap:wrap;gap:9px 15px;}
.sector-choices legend{font-size:12px;font-weight:650;padding:0 5px;}
.sector-choices label{display:flex;align-items:center;gap:6px;font-weight:500;font-size:11px;}
.sector-choices input{width:15px;height:15px;margin:0;}
.sector-dock{margin-bottom:20px;}
.sector-dock-tools{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;}
.sector-dock-tools .link{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:6px 8px;}
.sector-dock-tools .link svg{width:14px;height:14px;}
.sector-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
/* Un secteur occupé réutilise la même carte que la page Ressources. */
html[data-scope] .sector-card-grid .agent-tile.agent-compact[data-resource-state]{min-width:0;width:auto;margin:0;}
.sector-assigned-actions{display:flex;align-items:center;justify-content:space-between;gap:6px;border-top:1px solid var(--line);padding-top:5px;margin-top:auto;}
.sector-assigned-actions>span{display:flex;gap:3px;}
.sector-assigned-actions .link{font-size:10px;padding:3px 0;color:var(--muted);}
.sector-assigned-actions .icon{width:24px;height:24px;min-width:24px;min-height:24px;padding:4px;background:transparent;border-color:transparent;}
.sector-assigned-actions .icon svg{width:14px;height:14px;}
.sector-assigned-actions .remove-sector-card{color:var(--muted);}
.sector-assigned-actions .remove-sector-card:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,var(--surface));}
@media(max-width:480px){html[data-scope] .sector-assigned-card .agent-tile-top .icon{padding:3px;}
  .sector-assigned-card .sector-assigned-actions>span{padding-right:28px;}
}
.sector-agent-card{position:relative;display:flex;flex-direction:column;gap:9px;padding:13px;border:1px solid color-mix(in srgb,var(--sector-color) 35%,var(--line));border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--sector-color) 6%,var(--surface)),var(--surface));min-height:116px;box-shadow:var(--card-shadow);min-width:0;transition:box-shadow 180ms,border-color 180ms;}
.sector-agent-card.vacant{overflow:hidden;}
.sector-watermark{position:absolute;right:-5px;bottom:-7px;width:98px;height:98px;color:var(--sector-color);opacity:.12;transform:rotate(-6deg);pointer-events:none;}
.sector-watermark svg{width:100%;height:100%;stroke-width:1.2;}
.vacant .sector-card-caption,.vacant .sector-card-empty{position:relative;}
.vacant .sector-card-caption{font-size:16px;letter-spacing:.3px;}
@media(max-width:480px){.sector-watermark{width:80px;height:80px;opacity:.1;}.sector-dock-tools{justify-content:flex-start;}
}
.sector-card-surface{position:absolute;inset:0;background:transparent;border:0;box-shadow:none;width:100%;height:100%;border-radius:inherit;z-index:1;}
.sector-card-surface:hover{background:transparent;}
.sector-card-surface:focus-visible{outline:3px solid var(--blue);outline-offset:2px;}
.sector-card-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;color:var(--sector-color);font-size:13px;}
.sector-card-caption strong{overflow-wrap:anywhere;}
.sector-card-caption>svg{width:15px;height:15px;opacity:.65;}
.sector-card-caption .icon{position:relative;z-index:2;width:25px;height:25px;min-width:25px;min-height:25px;padding:4px;}
.sector-card-actions{display:flex;align-items:center;gap:3px;}
.sector-card-actions>svg{width:15px;height:15px;opacity:.65;}
.sector-card-actions .remove-sector-card{color:var(--muted);background:transparent;border-color:transparent;}
.sector-card-actions .remove-sector-card:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,var(--surface));}
.sector-card-empty{display:flex;gap:6px;align-items:center;margin:auto 0;color:var(--muted);font-size:11px;}
.sector-card-empty svg{width:14px;height:14px;}

.surveillance-dock{margin-bottom:20px;padding:16px;}
.surveillance-dock summary{cursor:pointer;font-weight:650;font-size:13px;}.surveillance-dock summary .count{margin-left:5px;}
.surveillance-chip-list{display:flex;flex-wrap:wrap;gap:8px;}
.surveillance-chip{display:flex;gap:8px;align-items:center;text-align:left;max-width:100%;border-radius:11px;cursor:grab;}
.surveillance-chip span{min-width:0;font-size:11px;overflow-wrap:anywhere;}.surveillance-chip small{display:block;font-size:9px;margin-top:3px;}
.surveillance-chip.selected{outline:2px solid var(--blue);outline-offset:1px;}
.surveillance-links{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;margin-top:6px;font-size:10px;color:var(--muted);}
.surveillance-links .link{padding:3px 0;font-size:10px;max-width:100%;white-space:normal;text-align:left;}
.surveillance-links .soft{font-size:10px;padding:5px 7px;}
.surveillance-agent{display:flex;align-items:center;gap:5px;overflow-wrap:anywhere;}
.surveillance-agent svg{width:13px;height:13px;flex-shrink:0;}

.linked-surveillance{display:flex;justify-content:space-between;align-items:center;gap:10px;}
.dragging{opacity:.5;}.sector-agent-card[draggable=true],.surv-item[draggable=true]{cursor:grab;}
html[data-theme=night] .sector-card-caption{color:var(--scope-text);}
@media(max-width:480px){.sector-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.sector-agent-card{padding:11px;}.sector-dock .section-heading{align-items:start;}.sector-dock .section-heading p{font-size:11px;line-height:1.5;}
}
.live-date-time{display:grid;gap:3px;}

.live-clock{display:block;color:#fff;font-size:32px;font-weight:650;line-height:1.2;letter-spacing:-.7px;font-variant-numeric:tabular-nums;white-space:nowrap;}

.block-timer{--timer-color:var(--blue);border:1px solid color-mix(in srgb,var(--timer-color) 20%,var(--line));border-radius:12px;background:linear-gradient(120deg,color-mix(in srgb,var(--timer-color) 6%,var(--surface)),var(--surface));}
.block-timer[data-kind=soon]{--timer-color:#b56b18;}
.block-timer[data-kind=overdue]{--timer-color:#b33343;}
.block-timer[data-kind=unknown]{--timer-color:var(--muted);}
.block-timer-caption{flex-wrap:wrap;font-size:10px;line-height:1.4;color:var(--muted);}
.block-timer-caption [data-timer-label]{color:var(--timer-color);font-weight:650;}
.block-timer-digits{display:block;font-weight:650;letter-spacing:.5px;color:var(--timer-color);font-variant-numeric:tabular-nums;}
.block-timer-track{height:3px;overflow:hidden;border-radius:6px;margin-top:6px;background:color-mix(in srgb,var(--timer-color) 12%,var(--line));}
.block-timer-track i{display:block;height:100%;border-radius:inherit;background:var(--timer-color);}
html[data-theme=night] .block-timer[data-kind=soon]{--timer-color:#f2bd76;}
html[data-theme=night] .block-timer[data-kind=overdue]{--timer-color:#ff9aa5;}

html[data-scope] .rail .brand{display:flex;box-shadow:0 8px 24px #00000018,0 0 0 3px color-mix(in srgb,var(--scope-light) 10%,transparent);flex-shrink:0;transition:box-shadow 180ms ease;}
html[data-scope] .rail .brand-logo{display:block;width:100%;max-width:172px;height:auto;aspect-ratio:1;object-fit:contain;padding:0;background:#fff;border-radius:15px;box-shadow:none;}
html[data-scope] .rail .brand:hover{box-shadow:0 10px 25px #00000020,0 0 0 3px color-mix(in srgb,var(--scope-light) 30%,transparent);}
html[data-scope] .rail nav button{padding-top:9px;padding-bottom:9px;}

html[data-scope] .login-story .brand{justify-content:flex-start;}
html[data-scope] .login-story .brand-logo{width:180px;height:180px;padding:8px;border-radius:24px;background:#fff;box-shadow:0 12px 30px #00000020;}
@media(min-width:741px) and (max-width:1190px){html[data-scope] .rail .brand{margin-bottom:14px;}
  html[data-scope] .rail .brand-logo{max-width:150px;}
}
@media(max-width:740px){html[data-scope] .rail{display:grid;align-items:center;padding:8px 10px;}
  html[data-scope] .rail .brand{display:flex;}
  html[data-scope] .rail .brand-logo{border-radius:11px;}
  html[data-scope] .rail nav{min-width:0;padding:3px 0 6px;}
  html[data-scope] .rail nav button{padding:9px 8px;}
  html[data-scope] .login-story .brand-logo{width:138px;height:138px;}
}

/* Cadre commun : une couleur de tranche, des surfaces calmes, des actions nettes. */
html[data-scope] body{background:var(--workspace);}
html[data-scope] .content{max-width:none;}
html[data-scope] .topbar{border-radius:16px;box-shadow:none;}
html[data-scope] .context-line{margin-bottom:12px;gap:12px;flex-wrap:wrap;}
html[data-scope] .context-line .environment-badge{display:inline-flex;margin:0;padding:4px 9px;font-size:10px;white-space:nowrap;border-radius:6px;}
html[data-scope] .command-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
html[data-scope] .command-card{border-radius:10px;padding:8px 11px;background:#ffffff07;border:1px solid #ffffff24;border-left:2px solid var(--scope-light);box-shadow:none;}
html[data-scope] .command-card .command-caption,html[data-scope] .command-card small{color:var(--scope-text);}
html[data-scope] .command-card .avatar{background:#ffffff15;color:var(--scope-text);width:44px;height:44px;border-radius:12px;}
html[data-scope] .command-person strong{font-size:14px;font-weight:700;}
html[data-scope] .command-person{margin-top:2px;gap:8px;}
html[data-scope] .priority-surv,html[data-scope] .transfer{color:var(--scope-text);font-size:10px;}
html[data-scope] .panel{background:var(--surface);box-shadow:0 3px 14px #28343204;border:1px solid var(--line);}

html[data-scope] .section-heading h2{font-size:17px;letter-spacing:-.4px;font-weight:750;color:var(--ink);}
html[data-scope] .section-heading h2>svg{width:17px;height:17px;color:var(--blue);}
html[data-scope] .section-heading p{font-size:11px;}

html[data-scope] .page-heading h1{font-family:inherit;font-weight:750;}
html[data-scope] button.primary{box-shadow:none;border-radius:9px;}
html[data-scope] button.soft{border-radius:9px;background:color-mix(in srgb,var(--blue) 8%,var(--surface));color:var(--blue);border-color:color-mix(in srgb,var(--blue) 23%,var(--line));}
html[data-scope] button.link{color:var(--muted);}
html[data-scope] button.link:hover{color:var(--blue);}
html[data-scope] .count{border-radius:6px;background:var(--surface-soft);font-variant-numeric:tabular-nums;}
.cockpit-layout{display:grid;gap:18px;min-width:0;}
.cockpit-layout>.sector-dock,.cockpit-layout>.field-band{margin:0;min-width:0;}
.cockpit-layout>.sector-dock{border-top:3px solid var(--scope-action);}

.cockpit-layout .cockpit-side{position:static;gap:18px;}
html[data-scope] .sector-dock .section-heading{flex-wrap:wrap;}
.sector-dock-tools{margin-left:auto;gap:8px;}
.sector-add{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:11px;padding:7px 10px;}
.sector-add svg{width:14px;height:14px;}

html[data-scope] .sector-agent-card{border-radius:12px;padding:12px;min-height:128px;box-shadow:none;background:linear-gradient(150deg,color-mix(in srgb,var(--sector-color) 4%,var(--surface)),var(--surface));border-color:color-mix(in srgb,var(--sector-color) 25%,var(--line));}
html[data-scope] .sector-watermark{width:78px;height:78px;right:-4px;bottom:-6px;opacity:.1;transform:none;}
html[data-scope] .sector-card-caption{font-size:16px;font-weight:750;}
html[data-scope] .sector-card-empty{font-size:11px;margin:auto 0 3px;gap:4px;}
html[data-scope] .sector-card-grid .agent-tile.agent-compact{border-radius:12px;box-shadow:none;}

html[data-scope] .sector-assigned-card .agent-tile-top .avatar{font-size:18px;border-radius:14px;}

html[data-scope] .sector-assigned-card .agent-tile-top .icon{position:absolute;width:24px;height:24px;min-width:24px;min-height:24px;}
html[data-scope] .sector-assigned-card .agent-facts{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;}

html[data-scope] .sector-assigned-card .agent-missions small{display:none;}

html[data-scope] .sector-assigned-actions>span{width:100%;justify-content:space-between;padding-right:29px;}
html[data-scope] .sector-assigned-actions .sector-link{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--blue);}
.sector-link svg{width:12px;height:12px;}
html[data-scope] .activity-list{grid-template-columns:minmax(0,1fr);gap:8px;}
html[data-scope] .activity-card{border-radius:11px;background:var(--surface);box-shadow:none;border-left-width:3px;}
html[data-scope] .activity-card.epc-card{--card-accent:var(--blue);border-left-color:var(--blue);}

/* Activité : information, état et affectation visibles sur une même ligne. */

html[data-scope] .activity-card .activity-title{font-family:inherit;font-size:14px;font-weight:760;line-height:1.35;text-align:left;color:var(--ink);padding:0;border:0;background:transparent;}
html[data-scope] .activity-card .activity-title:hover{color:var(--red,#b42e3b);background:transparent;}
html[data-scope] .activity-card .rf{margin:0;font-size:10px;letter-spacing:.06em;}

html[data-scope] .activity-card .activity-card-tools summary::-webkit-details-marker{display:none;}

html[data-scope] .activity-card .status-popover{position:absolute;z-index:20;top:calc(100% + 7px);display:grid;gap:3px;padding:6px;border:1px solid var(--line);border-radius:11px;background:var(--surface);box-shadow:0 12px 32px #1c26351c;}
html[data-scope] .activity-card .status-popover button{display:flex;align-items:center;gap:8px;padding:8px 10px;border:0;border-radius:7px;background:transparent;text-align:left;color:var(--ink);font-size:11px;}
html[data-scope] .activity-card .status-popover button:hover{background:var(--surface-soft);}

html[data-scope] .activity-card .card-bottom{grid-column:3/-1;}

html[data-scope] .activity-card .assignment-empty{border:1px dashed var(--line);background:transparent;}
html[data-scope] .activity-card .assignment-empty svg{width:14px;height:14px;}
html[data-scope] .activity-card .branch-progress{grid-column:1/-1;}
html[data-scope] .activity-card .elapsed-chip{display:inline-flex;align-items:center;padding:4px 7px;border-radius:7px;background:#eaf3ef;color:#25614d;font-size:9px;font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap;}
html[data-scope] .activity-card .elapsed-chip.overrun{background:#fae9e5;color:#a33c2f;}html[data-theme=night] .activity-card .elapsed-chip{background:#244638;color:#b7ecd2;}html[data-theme=night] .activity-card .elapsed-chip.overrun{background:#5a3436;color:#ffc1b2;}
@media(max-width:1000px){html[data-scope] .activity-card .card-bottom{grid-column:1/-1;}
}
@media(max-width:600px){html[data-scope] .activity-card .card-bottom{grid-column:1;}
}

/* Le temps du quart devient le repère fixe du header ; les postes restent compacts. */
html[data-scope] .topbar{height:auto;min-height:0;justify-content:flex-start;}
html[data-scope] .header-quarter{flex:0 0 222px;flex-direction:column;justify-content:center;border:1px solid color-mix(in srgb,var(--scope-light) 35%,transparent);border-radius:13px;background:color-mix(in srgb,var(--scope-light) 11%,transparent);color:var(--scope-text);}
html[data-scope] .header-quarter-top{align-items:center;justify-content:space-between;gap:8px;}
html[data-scope] .header-quarter .live-date-time{gap:0;}
html[data-scope] .header-quarter .live-date-time strong{text-transform:capitalize;color:var(--scope-text);}

html[data-scope] .header-shift{display:grid;gap:2px;text-align:right;}
html[data-scope] .header-shift span{font-size:8px;letter-spacing:.12em;text-transform:uppercase;opacity:.75;}
html[data-scope] .header-shift strong{font-size:11px;}
html[data-scope] .header-shift small{font-size:9px;color:var(--scope-text);opacity:.78;}
html[data-scope] .header-quarter-progress{display:flex;align-items:center;}
html[data-scope] .header-quarter-progress .progress{flex:1;background:#ffffff2c;}
html[data-scope] .header-quarter-progress .progress i{background:var(--scope-light);}
html[data-scope] .header-quarter-progress strong{font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap;}
html[data-scope] .header-main{flex:1;display:flex;flex-direction:column;justify-content:center;}
html[data-scope] .header-main .context-line{display:flex;}
html[data-scope] .header-main .header-tools{margin-left:auto;display:flex;}
html[data-scope] .header-main .command-strip{display:grid;}
html[data-scope] .header-main .command-card{padding:6px 8px;border-radius:9px;}

html[data-scope] .header-main .command-caption .icon{width:22px;height:22px;min-height:22px;padding:3px;}
html[data-scope] .header-main .command-person{margin-top:3px;}
html[data-scope] .header-main .command-person .avatar{width:32px;height:32px;border-radius:9px;font-size:10px;}
html[data-scope] .header-main .command-person strong{font-size:11px;}
html[data-scope] .header-main .command-person small{font-size:8px;}
html[data-scope] .header-main .priority-surv,html[data-scope] .header-main .transfer{margin-top:3px;padding:3px 5px;}

@media(max-width:740px){html[data-scope] .topbar{flex-direction:column;}html[data-scope] .header-quarter{flex:initial;grid-template-columns:minmax(0,1fr) auto;}html[data-scope] .header-quarter-top{grid-column:1/-1;justify-content:flex-start;gap:17px;}html[data-scope] .header-quarter .live-date-time{display:flex;align-items:baseline;gap:8px;}.header-quarter .live-date-time strong{font-size:11px!important;}.header-quarter .live-clock{font-size:24px!important;}.header-shift{margin-left:auto;}.header-quarter-progress{grid-column:1;}.header-main{width:100%;gap:7px;}.header-main .context-line{flex-wrap:wrap!important;gap:7px!important;}.header-main .header-tools{margin-left:auto;}.header-main .command-strip{max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));}.header-main .command-card{padding:6px!important;min-height:62px!important;}.header-main .command-person strong{font-size:9px!important;}.header-main .command-person small{font-size:8px!important;}
}
html[data-scope] .tag.epc{color:var(--blue);background:color-mix(in srgb,var(--blue) 9%,var(--surface));}
html[data-scope] .type-tag:not(.epc){color:var(--muted);background:var(--surface-soft);}
html[data-scope] .epc-panel,html[data-scope] .surveillance-panel{border-top:1px solid var(--line);}
html[data-scope] .epc-grid{grid-template-columns:minmax(0,1fr);gap:8px;}
html[data-scope] .surv-item{border-radius:11px;box-shadow:none;background:var(--surface);}
html[data-scope] .tour-bloc{background:color-mix(in srgb,var(--blue) 3%,var(--surface));border-color:color-mix(in srgb,var(--blue) 22%,var(--line));}
html[data-scope] .surv-symbol{border-radius:8px;background:var(--surface-soft);color:var(--muted);}
html[data-scope] .surv-action{background:var(--scope-action);border-color:var(--scope-action);color:white;border-radius:8px;}
html[data-scope] .compact-card .card-actions .soft{background:color-mix(in srgb,var(--blue) 8%,var(--surface));color:var(--blue);}
html[data-scope] .resource-column{box-shadow:none;}
html[data-scope] .activity-module-actions button{min-height:34px;}
html[data-scope] .filter-panel{margin-bottom:12px;}
@media(hover:hover) and (pointer:fine){html[data-scope] .sector-agent-card:hover{border-color:var(--sector-color);box-shadow:0 3px 12px #28343208;}
 html[data-scope] .activity-card:hover,html[data-scope] .surv-item:hover{transform:none;border-color:color-mix(in srgb,var(--blue) 35%,var(--line));box-shadow:0 2px 10px #28343208;}
}

@media(max-width:1100px){.cockpit-layout .cockpit-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:740px){html[data-scope] .topbar{border-radius:14px;}
 
 html[data-scope] .context-line{gap:8px;}
 html[data-scope] .command-person strong{font-size:12px;}
 html[data-scope] .command-card{padding:7px;min-height:73px;}
 html[data-scope] .command-person .avatar{display:none;}

 html[data-scope] .sector-assigned-card .agent-tile-top .avatar{font-size:17px;}
 .cockpit-layout,.cockpit-layout .cockpit-grid,.cockpit-layout .cockpit-side{gap:14px;}
 .cockpit-layout .cockpit-side{grid-template-columns:minmax(0,1fr);}
 .sector-dock-tools{margin-left:0;justify-content:flex-start;width:100%;}
 .sector-dock-tools>.count{margin-right:auto;}
 .sector-dock-tools .link{font-size:10px;padding:5px;}
 html[data-scope] .section-heading h2{font-size:16px;}
}

/* Tranche et équipe partagent le bloc temporel. */
html[data-scope] .header-quarter{flex-basis:250px;}
html[data-scope] .header-quarter-selectors{gap:7px;}
html[data-scope] .header-quarter-selectors label{display:grid;gap:3px;min-width:0;}
html[data-scope] .header-quarter-selectors select{width:100%;min-width:0;min-height:28px;padding:4px 20px 4px 7px;border:1px solid color-mix(in srgb,var(--scope-light) 32%,transparent);border-radius:7px;background:color-mix(in srgb,var(--scope-header) 62%,transparent);color:var(--scope-text);font-size:10px;}
html[data-scope] .header-quarter-selectors select option{color:#25313a;background:#fff;}
html[data-scope] .header-main .context-line{justify-content:flex-end;}
@media(max-width:1000px){html[data-scope] .header-quarter{flex-basis:218px;}.header-quarter-selectors{gap:5px;}.header-quarter-selectors select{font-size:9px!important;padding-left:5px!important;}
}
@media(max-width:740px){html[data-scope] .header-quarter{flex-direction:column;}html[data-scope] .header-quarter-top{width:100%;}
}

/* Chaque activité s'adapte à son module, y compris dans une colonne de tableau. */
.activity-list,.epc-grid,.lane{container-type:inline-size;container-name:activity-row;}
html[data-scope] .activity-card{
  display:grid;
  
  grid-template-rows:auto;
  
  align-items:stretch;
  
  min-width:0;
  min-height:0;
  
}
html[data-scope] .activity-card .activity-general{
  grid-area:information;display:grid;min-width:0;width:100%;
  align-content:center;
  padding:0;border:0;background:transparent;text-align:left;color:var(--ink);cursor:pointer;
}
html[data-scope] .activity-card .activity-general:hover{background:transparent;color:var(--ink);}
html[data-scope] .activity-general-heading{display:grid;align-content:start;min-width:0;}
html[data-scope] .activity-general-heading .rf{color:var(--muted);overflow-wrap:anywhere;}
html[data-scope] .activity-general-heading .activity-title{
  display:block;overflow:visible;-webkit-line-clamp:unset;white-space:normal;
  font-weight:750;overflow-wrap:anywhere;
}
html[data-scope] .activity-general:hover .activity-title{color:var(--blue);}
html[data-scope] .activity-general-meta{display:flex;align-items:center;flex-wrap:wrap;min-width:0;}
html[data-scope] .activity-meta-chip{
  display:inline-flex;align-items:center;max-width:100%;min-width:0;
  border:1px solid var(--line);
  color:var(--muted);background:var(--surface-soft);
  white-space:normal;overflow-wrap:anywhere;
}
html[data-scope] .activity-meta-chip svg{width:12px;height:12px;flex:none;}
html[data-scope] .activity-meta-chip.tranche-chip{border-color:color-mix(in srgb,var(--scope-action) 24%,var(--line));color:var(--scope-action);font-weight:700;}
html[data-scope] .activity-card .activity-state-zone{
  grid-area:state;display:flex;
  flex-wrap:wrap;min-width:0;height:auto;
  
}
html[data-scope] .activity-general-meta .type-tag{max-width:100%;white-space:normal;overflow-wrap:anywhere;}

html[data-scope] .activity-card .status-label{
  max-width:100%;min-width:0;
  white-space:normal;overflow-wrap:anywhere;cursor:pointer;list-style:none;
}
html[data-scope] .activity-card .status-label::-webkit-details-marker{display:none;}
html[data-scope] .activity-card .status-label svg:last-child{width:11px;height:11px;transform:rotate(90deg);opacity:.7;}

html[data-scope] .activity-card .status-popover{left:auto;right:0;min-width:0;width:180px;max-width:calc(100vw - 72px);}
html[data-scope] .activity-card .card-bottom{
  grid-area:assignments;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;
  min-width:0;max-width:none;width:100%;margin:0;
  border:0;
}
html[data-scope] .activity-card .assigned-agents{
  grid-column:auto;display:flex;align-items:center;justify-content:flex-start;
  flex-wrap:wrap;gap:7px;min-width:0;
}
html[data-scope] .activity-card .assigned-person{
  position:relative;display:flex;align-items:center;
  width:auto;min-width:0;max-width:100%;
  border:1px solid color-mix(in srgb,var(--scope-action) 18%,var(--line));
  border-radius:10px;background:color-mix(in srgb,var(--scope-action) 4%,var(--surface));text-align:left;
}
html[data-scope] .activity-card .assigned-person .avatar{margin:0;border-radius:9px;font-size:10px;flex:none;}
html[data-scope] .activity-card .assigned-person-identity{display:grid;gap:3px;min-width:0;flex:1;}
html[data-scope] .activity-card .assigned-person-identity strong{white-space:normal;overflow:visible;overflow-wrap:anywhere;}
html[data-scope] .activity-card .assigned-person-sector{display:flex;align-items:center;gap:4px;font-size:10px;line-height:1.4;color:var(--muted);white-space:normal;overflow:visible;overflow-wrap:anywhere;}
html[data-scope] .activity-card .assigned-person-sector svg{width:11px;height:11px;flex:none;}
html[data-scope] .activity-card .assignment-edit-hint{position:absolute;right:6px;top:50%;width:13px;height:13px;color:var(--scope-action);opacity:.6;transform:translateY(-50%);}
html[data-scope] .activity-card .assignment-edit-hint svg{width:13px;height:13px;}
html[data-scope] .activity-card .assigned-agents small.assignment-progress{display:block;flex-basis:100%;margin:0;font-size:10px;line-height:1.5;overflow-wrap:anywhere;}
html[data-scope] .activity-card .assignment-empty{
  display:inline-flex;align-items:center;gap:6px;max-width:100%;
  border:1px dashed color-mix(in srgb,var(--scope-action) 40%,var(--line));
  border-radius:9px;background:color-mix(in srgb,var(--scope-action) 4%,var(--surface));
  color:var(--blue);font-size:11px;font-weight:650;white-space:normal;overflow-wrap:anywhere;
}
html[data-scope] .activity-card .card-actions{grid-column:auto;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:6px;margin:0;min-width:0;}
html[data-scope] .activity-card .card-actions:empty{display:none;}
html[data-scope] .activity-card .card-actions button{max-width:100%;font-size:11px;white-space:normal;overflow-wrap:anywhere;}
html[data-scope] .activity-card .branch-progress{grid-area:progress;position:static;width:100%;margin:0;opacity:.7;}

html[data-theme=night] .activity-meta-chip{background:var(--surface-soft);border-color:var(--line);color:var(--muted);}
html[data-theme=night] .activity-meta-chip.tranche-chip{color:var(--blue);}

/* Le quart reste lisible dans une carte large, sur deux rangées. */
html[data-scope] .topbar{display:grid;grid-template-columns:minmax(0,1fr);}
html[data-scope] .header-quarter{
  min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:center;
}
html[data-scope] .header-quarter-top{display:contents;}
html[data-scope] .header-quarter-top .live-date-time{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;}
html[data-scope] .header-quarter .live-date-time strong{font-size:11px;line-height:1.4;}
html[data-scope] .header-quarter .live-clock{letter-spacing:-.5px;}
html[data-scope] .header-quarter .header-shift{grid-column:2;grid-row:1;justify-self:end;margin:0;min-width:0;gap:3px;text-align:right;}
html[data-scope] .header-quarter .header-shift strong{font-size:12px;}
html[data-scope] .header-quarter .header-shift small{font-size:10px;white-space:normal;line-height:1.4;}
html[data-scope] .header-quarter-selectors{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:54px minmax(0,1fr);min-width:0;width:100%;}
html[data-scope] .header-quarter-select{display:block!important;width:100%;min-width:0;margin:0;padding:0;}
html[data-scope] .header-quarter-select select{
  display:block;width:100%;max-width:none;margin:0;
  padding:5px 22px 5px 8px!important;border:1px solid color-mix(in srgb,var(--scope-light) 34%,transparent);
  border-radius:8px;background:color-mix(in srgb,var(--scope-header) 62%,transparent);
  box-shadow:none;color:var(--scope-text);font-size:11px!important;font-weight:600;
  appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23deebed' stroke-width='1.5'%3E%3Cpath d='m3 4 3 3 3-3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:12px;background-position:right 6px center;
}
html[data-scope] .header-quarter-progress{grid-row:3;min-width:0;}
html[data-scope] .header-main{width:100%;min-width:0;}
html[data-scope] .header-main .context-line{flex-wrap:wrap;min-width:0;}
html[data-scope] .header-main .header-tools{flex-wrap:wrap;max-width:100%;}
html[data-scope] .header-main .command-strip{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));max-width:none;}
html[data-scope] .header-main .command-card{min-width:0;height:auto;}
html[data-scope] .header-main .command-caption{align-items:flex-start;gap:6px;font-size:9px;line-height:1.5;letter-spacing:.04em;overflow-wrap:anywhere;}
html[data-scope] .header-main .command-caption .icon{flex:none;min-width:22px;}
html[data-scope] .header-main .command-person{align-items:center;gap:7px;}
html[data-scope] .header-main .command-person>div{min-width:0;flex:1;}
html[data-scope] .header-main .command-person strong{display:block;font-size:12px!important;line-height:1.4;white-space:normal;overflow:visible;overflow-wrap:anywhere;}
html[data-scope] .header-main .command-person small{display:block;font-size:10px!important;line-height:1.5;overflow-wrap:anywhere;}
html[data-scope] .header-main .priority-surv,html[data-scope] .header-main .transfer{max-width:100%;font-size:10px;line-height:1.5;white-space:normal;overflow-wrap:anywhere;}
@media(min-width:741px){html[data-scope] .header-quarter{grid-template-columns:minmax(100px,.9fr) minmax(80px,.75fr) minmax(218px,1.6fr);}
  html[data-scope] .header-quarter-selectors{grid-column:3;grid-row:1;}
  html[data-scope] .header-quarter-progress{grid-row:2;}
}

/* Les textes et badges restent dans les cartes, même avec des libellés longs. */
.panel,.agent-tile,.surv-item,.resource-column,.who-row,.timeline-row>div{min-width:0;}
.section-heading{flex-wrap:wrap;}
.section-heading>div,.page-heading>div,.modal-head h2{min-width:0;overflow-wrap:anywhere;}
html[data-scope] .sector-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));}

html[data-scope] .agent-compact .agent-tile-top{grid-template-columns:48px minmax(0,1fr) 26px;gap:8px;min-width:0;}
html[data-scope] .agent-compact .agent-tile-top .avatar{width:48px;height:48px;font-size:17px;}
html[data-scope] .agent-compact .agent-name{font-size:14px;line-height:1.4;overflow-wrap:anywhere;}
html[data-scope] .agent-compact .agent-identity small{line-height:1.5;overflow-wrap:anywhere;}
html[data-scope] .agent-compact .agent-facts{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:7px;}
html[data-scope] .agent-compact .sector-badge,html[data-scope] .agent-compact .state-badge{max-width:100%;min-width:0;white-space:normal;line-height:1.5;overflow-wrap:anywhere;}
html[data-scope] .agent-compact .agent-missions .activity-title,html[data-scope] .agent-compact .agent-missions small{white-space:normal;overflow:visible;overflow-wrap:anywhere;line-height:1.5;}

html[data-scope] .sector-assigned-actions{margin-top:auto;}
html[data-scope] .surv-title,.surv-item p,.criterion,.surveillance-links{overflow-wrap:anywhere;}
.surv-item-top,.surv-bottom{flex-wrap:wrap;align-items:flex-start;}
.surv-symbol{flex:none;}
.due-badge{max-width:100%;white-space:normal;line-height:1.5;overflow-wrap:anywhere;}
.surv-bottom small{flex:1 1 120px;min-width:0;overflow-wrap:anywhere;}
.surv-bottom button{max-width:100%;white-space:normal;}
.surveillance-agent,.linked-surveillance{min-width:0;flex-wrap:wrap;}
.linked-surveillance>div,.linked-surveillance>span{min-width:0;overflow-wrap:anywhere;}
.surveillance-chip{min-width:0;white-space:normal;}
.filter-secondary>label,.filters>label{min-width:0;max-width:100%;}
.filters select,.filters input[type=date],.filter-secondary select{max-width:100%;min-width:0;}
.type-tabs button,.drag-tip{white-space:normal;overflow-wrap:anywhere;}
.drag-tip{flex-wrap:wrap;}
.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.form-grid>label,.setting-row>label{min-width:0;overflow-wrap:anywhere;}
.modal-head,.modal-foot{flex-wrap:wrap;}
.modal-head>.icon{margin-left:auto;flex:none;}
.detail-title,.detail-notes,.mission-row small{overflow-wrap:anywhere;}
@media(max-width:740px){.form-grid{grid-template-columns:minmax(0,1fr);}
  html[data-scope] .header-quarter .live-clock{font-size:24px!important;}
  
  html[data-scope] .header-main .context-line .environment-badge{display:inline-flex;}
  html[data-scope] .sector-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));}
  html[data-scope] .agent-compact .agent-tile-top{grid-template-columns:42px minmax(0,1fr) 24px;gap:6px;}
  html[data-scope] .agent-compact .agent-tile-top .avatar{width:42px;height:42px;font-size:15px;}
}
@media(max-width:360px){html[data-scope] .header-quarter-progress{grid-row:3;}
}

/* Les postes de salle reprennent les interactions des cartes terrain. */
html[data-scope] .header-main .command-card{display:grid;grid-template-rows:auto auto;position:relative;}
html[data-scope] .command-card .command-caption{grid-column:1/-1;grid-row:1;align-items:center;font-size:9px;line-height:1.2;}
html[data-scope] .command-caption .post-badge{display:inline-flex;align-items:center;padding:3px 6px;border:1px solid #ffffff2a;border-radius:6px;background:#ffffff08;color:var(--scope-text);font-size:8px;font-weight:750;letter-spacing:.035em;line-height:1.2;white-space:nowrap;}
html[data-scope] .command-card.occupied .command-caption{grid-column:2;}
html[data-scope] .command-card.occupied .command-person{display:contents;}
html[data-scope] .command-card.occupied .command-person .avatar{grid-column:1;grid-row:1/3;align-self:center;margin:0;}
html[data-scope] .command-card.occupied .command-person>div{grid-column:2;grid-row:2;}

html[data-scope] .command-card .command-empty{grid-column:1/-1;grid-row:2;min-height:25px;font-size:10px;}
html[data-scope] .command-footer{grid-column:1/-1;grid-row:3;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;min-width:0;border-top:1px solid #ffffff24;}
html[data-scope] .command-footer .command-actions{margin:0;padding:0;border:0;gap:3px 6px;}
html[data-scope] .command-footer .command-actions .link,html[data-scope] .command-footer .command-actions .transfer{line-height:1.3;}
html[data-scope] .command-card .priority-surv{grid-column:1/-1;grid-row:4;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:9px;line-height:1.3;}
html[data-scope] .command-card[draggable=true]{cursor:grab;}
html[data-scope] .command-card.selected{border-color:var(--scope-light);box-shadow:inset 0 0 0 1px var(--scope-light);background:#ffffff12;}
html[data-scope] .command-card{isolation:isolate;}
html[data-scope] .command-watermark{
  position:absolute;inset:0;z-index:-1;border-radius:inherit;overflow:hidden;
  pointer-events:none;color:var(--scope-text);opacity:.085;
}
html[data-scope] .command-watermark svg{
  position:absolute;right:4px;bottom:-7px;width:clamp(76px,45%,112px);height:auto;
  stroke-width:1.2;
}
html[data-scope] .command-card .command-card-surface{
  position:absolute;inset:0;z-index:1;width:100%;height:100%;min-width:0;
  padding:0;border:0;border-radius:inherit;background:transparent;box-shadow:none;cursor:pointer;
}
html[data-scope] .command-card .command-card-surface:hover{background:#ffffff06;}
html[data-scope] .command-card .command-card-surface:focus-visible{outline:3px solid var(--scope-light);outline-offset:3px;}
html[data-scope] .command-card button:not(.command-card-surface){position:relative;z-index:2;}
html[data-scope] .command-caption>span{min-width:0;overflow-wrap:anywhere;}
html[data-scope] .command-caption>svg{width:13px;height:13px;flex:none;}
html[data-scope] .command-card .command-person,html[data-scope] .command-caption>span,html[data-scope] .command-empty{pointer-events:none;}
html[data-scope] .header-main .command-person .avatar{display:inline-flex;flex:none;}
html[data-scope] .command-empty{display:flex;align-items:center;gap:6px;min-width:0;min-height:37px;font-size:11px;color:var(--scope-text);overflow-wrap:anywhere;}
html[data-scope] .command-empty svg{width:14px;height:14px;flex:none;}
html[data-scope] .command-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 9px;min-width:0;margin-top:auto;padding-top:5px;border-top:1px solid #ffffff24;}
html[data-scope] .command-actions .link{display:inline-flex;align-items:center;gap:4px;padding:3px 0;color:var(--scope-text);font-size:11px;}
html[data-scope] .command-actions .link[aria-pressed=true]{color:#9ee8cf;}
html[data-scope] .command-actions .link svg{width:13px;height:13px;flex:none;}
html[data-scope] .command-actions .transfer{padding:3px 0;}
@media(max-width:740px){html[data-scope] .command-caption .post-badge{font-size:7px;padding:3px 4px;letter-spacing:0;}
  html[data-scope] .command-card.occupied .command-caption{grid-column:1/-1;}
  html[data-scope] .command-card.occupied .command-person{grid-column:1/-1;grid-row:2;display:flex;}
  html[data-scope] .command-card.occupied .command-person .avatar{font-size:8px;}

  html[data-scope] .command-card .command-empty{font-size:9px;line-height:1.3;gap:4px;}
  html[data-scope] .command-footer{align-items:flex-start;flex-direction:column;}
}
html[data-scope] .command-selection-tip{display:flex;align-items:center;flex-wrap:wrap;gap:4px 7px;font-size:11px;line-height:1.5;color:var(--scope-text);overflow-wrap:anywhere;margin:0;}
html[data-scope] .command-selection-tip .link{font-size:11px;padding:0;color:var(--scope-text);text-decoration:underline;}
.sector-agent-option{flex-wrap:wrap;}
.sector-agent-option>span:not(.avatar):not(.state-badge){flex-basis:150px;}
.sector-agent-option .state-badge{max-width:100%;white-space:normal;overflow-wrap:anywhere;}

/* Le logo vectoriel change de composition selon l'espace réellement disponible. */
:root{
  --logo-primary:#57afea;--logo-bright:#9cddff;
  --logo-deep:#276fa8;--logo-accent:#f6b46b;--logo-ink:#f5faff;--logo-outline:#071c2a;
}
:root[data-scope=T2]{--logo-primary:#ec7981;--logo-bright:#ffd1c4;--logo-deep:#c74a58;--logo-ink:#fff1eb;--logo-outline:#35131b;}
.brand{container-type:inline-size;container-name:oscar-brand;}
html[data-scope] .rail .brand{
  width:100%;padding:0;margin:4px 0 26px;border:0;border-radius:0;
  background:transparent;box-shadow:none;line-height:0;
}
html[data-scope] .rail .brand:hover{background:transparent;box-shadow:none;}
html[data-scope] .rail .brand:focus-visible{outline:2px solid var(--scope-light);outline-offset:5px;border-radius:8px;}
html[data-scope] .brand .brand-logo{
  display:block;width:100%;max-width:none;height:auto;min-width:0;
  padding:0;aspect-ratio:auto;background:transparent;border-radius:0;box-shadow:none;
}
.brand-variant{display:none;width:100%;}
.brand-variant-compact{display:block;}
.brand-variant svg{display:block;width:100%;height:auto;overflow:visible;}
html[data-scope] .rail .brand-variant-compact{display:none;}
html[data-scope] .rail .brand-variant-stacked{display:block;}
html[data-scope] .login-story .brand{
  width:min(100%,440px);padding:0;margin-bottom:36px;border:0;border-radius:0;
  background:transparent;box-shadow:none;
}
@container oscar-brand (min-width:260px){.brand-variant-compact{display:none;}
  .brand-variant-full{display:block;}
}
@container oscar-brand (max-width:89px){.brand-variant-compact{display:none;}
  .brand-variant-mark{display:block;}
}
@media(max-width:740px){html[data-scope] .rail{grid-template-columns:82px minmax(0,1fr);gap:12px;}
  html[data-scope] .rail .brand{width:82px;padding:0;margin:0;border-radius:0;}
  html[data-scope] .rail .brand-logo{width:100%;max-width:none;height:auto;}
  html[data-scope] .rail .brand-variant-stacked{display:none;}
  html[data-scope] .login-story .brand{width:min(100%,300px);padding:0;border-radius:0;}
}

/* Le noyau, les orbites et les lettres sont fixes ; seuls les électrons se déplacent. */

/* Le A original se couche et lance son triangle ; la flèche pilote le dévoilement. */
#toast{
  position:fixed;inset:auto auto 24px 24px;left:24px;right:auto;bottom:24px;margin:0;
  display:none;width:min(520px,calc(100vw - 32px));max-width:520px;padding:0;
  border:0;border-radius:0;background:none;color:var(--scope-text,#deebed);
  box-shadow:none;filter:drop-shadow(0 8px 18px #00000024);z-index:100;
  opacity:1;transform:none;pointer-events:none;font-size:13px;transition:none;overflow:visible;will-change:transform,opacity;
}
#toast.visible{display:block;opacity:1;transform:none;animation:none;}
#toast.ready{pointer-events:auto;}
#toast.failure{background:none;}
#toast::backdrop{background:transparent;pointer-events:none;}
.toast-surface{
  position:absolute;inset:0;pointer-events:none;border:1px solid var(--scope-border,#617f8f);
  background:var(--rail,#172e40);border-radius:18px;
  clip-path:inset(0 calc(100% - 104px) 0 0 round 52px);will-change:clip-path;
}
#toast.failure .toast-surface{border-color:#dc7c85;}
.toast-stage{
  position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);
  align-items:center;gap:18px;min-height:104px;padding:16px 20px;
}
.toast-logo{grid-column:1;grid-row:1;display:block;width:72px;height:72px;line-height:0;pointer-events:none;}
.toast-logo svg{display:block;width:100%;height:100%;overflow:visible;transform-origin:50% 50%;will-change:transform,opacity;}
.toast-copy{grid-column:2;grid-row:1;display:grid;gap:6px;min-width:0;opacity:0;clip-path:inset(0 100% 0 0);will-change:clip-path;}
.toast-label{font-size:10px;line-height:1.4;letter-spacing:.02em;font-weight:650;color:var(--scope-light,#add4ed);}
#toast.failure .toast-label{color:#ffb2b6;}
.toast-message{margin:0;font-size:13px;line-height:1.55;overflow-wrap:anywhere;color:var(--scope-text,#deebed);}
.toast-projectile{position:absolute;left:0;top:0;opacity:0;pointer-events:none;will-change:transform,opacity;filter:drop-shadow(0 0 4px #f6b46b66);}
.toast-projectile svg{display:block;width:100%;height:100%;overflow:visible;}
.toast-trail{position:absolute;left:0;top:0;width:38px;height:2px;opacity:0;border-radius:2px;pointer-events:none;background:linear-gradient(to left,var(--logo-accent,#f6b46b),transparent);will-change:transform,opacity;}
#toast .toast-dismiss{
  position:absolute;left:10px;top:10px;display:grid;place-items:center;width:24px;height:24px;min-width:24px;
  min-height:24px;margin:0;padding:4px;border:0;border-radius:50%;background:transparent;box-shadow:none;
  color:var(--scope-text,#deebed);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .15s ease;
}
#toast.ready .toast-dismiss{opacity:1;pointer-events:auto;}
#toast .toast-dismiss svg{width:14px;height:14px;}
#toast .toast-dismiss:hover{background:#ffffff16;}
#toast .toast-dismiss:focus-visible{outline:2px solid var(--scope-light,#add4ed);outline-offset:2px;}
@media(max-width:740px){#toast{inset:auto auto calc(16px + env(safe-area-inset-bottom,0px)) 16px;left:16px;right:auto;width:calc(100vw - 32px);max-width:none;}
  .toast-stage{grid-template-columns:62px minmax(0,1fr);gap:12px;min-height:94px;padding:14px 16px;}
  .toast-logo{width:62px;height:62px;}
  .toast-message{font-size:12.5px;}
}
@media(prefers-reduced-motion:reduce){#toast .toast-dismiss{transition:none;}
}

/* Géométrie commune aux vues : les contenus dictent la hauteur des modules. */
html[data-scope] .content{padding:18px 24px 28px;}
html[data-scope] .panel{padding:16px;border-radius:14px;}
.cockpit-layout,.cockpit-main,.cockpit-layout .cockpit-side{gap:14px;}
.cockpit-layout .cockpit-grid{gap:14px;grid-template-columns:minmax(0,1fr) 300px;}
html[data-scope] .section-heading{gap:8px 12px;margin-bottom:12px;align-items:center;}
html[data-scope] .section-heading h2{line-height:1.3;}
html[data-scope] .section-heading p{margin-top:3px;line-height:1.4;}
.activity-module-actions,.heading-actions,.sector-dock-tools{align-items:center;gap:6px;}
.section-heading button:not(.link):not(.icon),.heading-actions button{min-height:34px;padding:7px 10px;font-size:11px;}
html[data-scope] .page-heading{gap:12px;margin-bottom:14px;padding-bottom:12px;align-items:center;}
html[data-scope] .page-heading h1{font-size:27px;line-height:1.2;letter-spacing:-.8px;}
html[data-scope] .page-heading .eyebrow{margin-bottom:4px;}
.subtitle:empty{display:none;}
html[data-scope] .page-heading .subtitle{margin-top:5px;line-height:1.4;}

/* Une ligne d'outils, puis quatre modules exactement alignés. */
html[data-scope] .topbar{margin:14px 24px 0;padding:10px 14px;gap:8px 12px;align-items:stretch;}
html[data-scope] .header-main{gap:8px;}
html[data-scope] .header-main .context-line{margin:0;min-height:28px;gap:6px 10px;align-items:center;}
html[data-scope] .header-main .header-tools{gap:7px;align-items:center;}
html[data-scope] .header-tools .theme-select select{height:28px;min-height:28px;padding:4px 22px 4px 8px;}
html[data-scope] .header-tools>.icon{height:28px;min-height:28px;width:28px;min-width:28px;padding:5px;}
html[data-scope] .header-quarter{width:100%;padding:8px 10px;gap:6px 8px;}
html[data-scope] .header-quarter .live-clock{font-size:27px;line-height:1.05;}
html[data-scope] .header-quarter .header-shift{align-self:center;}
html[data-scope] .header-quarter-selectors{gap:8px!important;align-items:center;}
html[data-scope] .header-quarter-select select{height:30px;min-height:30px;}
html[data-scope] .header-main .command-strip{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));}
html[data-scope] .header-main .command-card{padding:8px!important;min-height:84px;align-content:center;gap:3px 8px;grid-template-columns:38px minmax(0,1fr);}
html[data-scope] .command-card .command-caption{min-height:18px;}
html[data-scope] .command-card.occupied .command-person .avatar{width:38px;height:38px;border-radius:10px;}
html[data-scope] .command-card.occupied .command-person strong{font-size:13px!important;line-height:1.3;}
html[data-scope] .command-card.occupied .command-person small{font-size:10px!important;line-height:1.3;}
html[data-scope] .command-footer{padding-top:4px;gap:4px 6px;}
html[data-scope] .command-footer .command-actions .link,html[data-scope] .command-footer .command-actions .transfer{font-size:10px;}
@media(min-width:1280px){html[data-scope] .header-main{display:contents;}
}

/* Six secteurs sur une rangée dès que la largeur permet une identité lisible. */
html[data-scope] .sector-dock{container-type:inline-size;container-name:sector-band;}
html[data-scope] .sector-dock .section-heading{margin-bottom:10px;}
html[data-scope] .sector-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
html[data-scope] .sector-card-grid .agent-tile.agent-compact{padding:9px;gap:6px;min-height:118px;}
html[data-scope] .sector-card-grid .sector-agent-card{padding:10px;min-height:118px;border-radius:12px;}
html[data-scope] .sector-assigned-card .agent-tile-top{grid-template-columns:48px minmax(0,1fr);gap:7px;}
html[data-scope] .sector-assigned-card .agent-tile-top .avatar{width:48px;height:48px;}
html[data-scope] .sector-assigned-card .agent-name{font-size:14px;line-height:1.25;letter-spacing:-.2px;}
html[data-scope] .sector-assigned-card .agent-identity small{display:flex;flex-wrap:wrap;gap:2px 5px;line-height:1.3;}
html[data-scope] .sector-assigned-card .agent-contact{margin:0;}
html[data-scope] .sector-assigned-card .agent-facts{align-items:center;gap:4px;}
html[data-scope] .sector-assigned-card .state-badge{font-size:10px;padding:3px 6px;line-height:1.3;}
html[data-scope] .sector-assigned-actions{padding-top:3px;}
html[data-scope] .sector-assigned-card .agent-tile-top .icon{right:9px;bottom:7px;}
html[data-scope] .sector-card-empty{margin-top:auto;}
@container sector-band (min-width:940px){html[data-scope] .sector-card-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));}
}

/* Recherche et contexte sur la première ligne ; critères et types sur la seconde. */
.filter-panel{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;}
.filter-panel .filters{flex:1 1 100%;display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:0;}
.filters>.search{flex:1 1 170px;width:auto;min-width:130px;}
.filters>label:not(.search){flex:0 1 auto;}
.filters input,.filters select,.filter-secondary select{height:32px;min-height:32px;margin:0;font-size:11px;padding:5px 8px;}
.filters .search input{height:32px;padding-left:32px;}
.filters .search svg,.resource-toolbar .search svg{top:8px;}
.filters>.icon,.filter-reset{height:32px;min-height:32px;width:32px;min-width:32px;padding:6px;}
.filter-panel .type-tabs{order:1;gap:4px;flex:0 1 auto;margin:0;}
.type-tabs button{min-height:30px;padding:5px 7px;line-height:1.3;}
.filter-panel .filter-secondary{order:2;display:flex;gap:6px;align-items:center;flex:1 1 auto;justify-content:flex-end;margin:0;}
.filter-secondary select{width:auto;max-width:160px;}
.filter-secondary .result-count{margin:0;white-space:nowrap;}

/* Les trois points d'entrée restent séparés, sans imposer trois étages. */
html[data-scope] .activity-card{padding:11px 12px;gap:8px;grid-template-columns:minmax(0,1fr);grid-template-areas:"information" "state" "assignments" "progress";}
html[data-scope] .activity-card .activity-general{gap:7px;}
html[data-scope] .activity-general-heading{gap:3px;}
html[data-scope] .activity-general-heading .activity-title{font-size:15px;line-height:1.35;}
html[data-scope] .activity-general-heading .rf{margin:0;font-size:11px;line-height:1.3;letter-spacing:.035em;}
html[data-scope] .activity-general-meta{gap:4px;}
html[data-scope] .activity-meta-chip{min-height:22px;padding:3px 5px;font-size:10px;gap:4px;line-height:1.3;border-radius:6px;}
html[data-scope] .activity-card .activity-state-zone{flex-direction:row;align-items:center;justify-content:flex-start;gap:5px;padding:8px 0 0;border-left:0;border-top:1px solid var(--line);}
html[data-scope] .activity-general-meta .type-tag{font-size:9px;padding:3px 5px;line-height:1.3;}

html[data-scope] .activity-card .status-label{min-height:30px;padding:5px 7px;line-height:1.3;font-size:11px;}
html[data-scope] .activity-card .card-bottom{padding:8px 0 0;gap:6px;border-left:0;border-top:1px solid var(--line);}
html[data-scope] .activity-card .assigned-person{flex:1 1 145px;padding:6px 22px 6px 6px;gap:6px;}
html[data-scope] .activity-card .assigned-person .avatar{width:36px;height:36px;}
html[data-scope] .activity-card .assigned-person-identity strong{font-size:13px;line-height:1.3;}
html[data-scope] .activity-card .assignment-empty{min-height:32px;padding:6px 8px;line-height:1.3;}
html[data-scope] .activity-card .branch-progress{height:2px;}
@container activity-row (min-width:250px){html[data-scope] .activity-card{grid-template-columns:minmax(115px,.8fr) minmax(0,1fr);grid-template-areas:"information information" "state assignments" "progress progress";}
  html[data-scope] .activity-card .activity-state-zone{align-content:center;align-items:center;border-top:1px solid var(--line);padding:8px 0 0;}
  
  html[data-scope] .activity-card .card-bottom{border-top:1px solid var(--line);padding:8px 0 0;}
}
@container activity-row (min-width:600px){html[data-scope] .activity-card{grid-template-columns:minmax(0,1.5fr) 114px minmax(160px,.9fr);grid-template-areas:"information state assignments" "progress progress progress";gap:0 12px;}
  html[data-scope] .activity-card .activity-state-zone{border-top:0;border-left:1px solid var(--line);padding:0 0 0 12px;}
  html[data-scope] .activity-card .card-bottom{border-top:0;border-left:1px solid var(--line);padding:0 0 0 12px;}
  html[data-scope] .activity-card .branch-progress{margin-top:8px;}
}

/* Les grilles secondaires utilisent la largeur disponible, y compris à vide. */
.resource-toolbar{gap:12px;align-items:center;margin-bottom:12px;}
.resource-toolbar .search input{height:34px;}
html[data-scope] .resource-kanban{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start;}
html[data-scope] .resource-column{padding:14px;gap:9px;grid-template-columns:repeat(auto-fit,minmax(min(100%,215px),1fr));align-content:start;border-radius:14px;}
.resource-column h2{margin:0 0 2px;line-height:1.3;}
html[data-scope] .resource-column .agent-tile.agent-compact[data-resource-state]{padding:10px;gap:6px;min-height:102px;}
html[data-scope] .resource-role-badge{font-size:10px;color:var(--muted);font-weight:700;padding:3px 6px;border:1px solid var(--line);border-radius:6px;}
.resource-column.is-empty .empty{padding:16px 0;margin:0;}
.who-layout{gap:14px;align-items:start;}
.available-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:9px;margin-top:12px;}
.who-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:10px;padding:12px 0;}
.who-row .card-meta{margin:5px 0 0;}
.who-agents{min-width:0;justify-content:flex-end;flex-wrap:wrap;}
.who-agents button{max-width:100%;white-space:normal;overflow-wrap:anywhere;}
.board{gap:10px;align-items:start;}
.lane{padding:10px;min-height:130px;border-radius:12px;}
.lane-heading{display:flex;align-items:center;gap:6px;padding:2px 0 10px;margin:0;line-height:1.4;}
.lane-heading>svg{margin-left:0;flex:none;}
.lane-heading .count{margin-left:auto;}
.lane .cards{gap:8px;}
.unplanned-title{margin:18px 0 10px;}
.settings-tabs{margin-bottom:12px;gap:5px;flex-wrap:wrap;}
.settings-section{margin-top:18px;}
.setting-row{gap:10px;align-items:end;}
.setting-row[data-definition=sectors],.setting-row[data-definition=activity_types]{grid-template-columns:minmax(85px,.7fr) minmax(0,1.8fr) minmax(110px,1fr) minmax(85px,.7fr);}
.setting-row input,.setting-row select{width:100%;min-width:0;}
.description{margin:8px 0 12px;line-height:1.5;}
.timeline-row{padding-bottom:14px;}

/* Titre, échéance et action partagent les mêmes lignes dans chaque surveillance. */
.surveillance-grid{gap:12px;align-items:stretch;}
html[data-scope] .surv-item{display:flex;flex-direction:column;gap:7px;padding:12px;margin-top:10px;}
.surv-item-top{display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:7px;margin:0;}
.surv-title{font-size:13px;line-height:1.35;}
.tour-bloc .surv-title{font-size:14px;}
.surv-item p{margin:0;line-height:1.4;}
.surv-item .surveillance-links{margin:0;}
.surv-bottom{align-items:center;margin-top:auto;padding-top:7px;gap:8px;}
.surv-bottom small{flex-basis:100px;}
.surv-bottom button{min-height:32px;}
.block-timer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 8px;padding:8px 10px;margin:0;}
.block-timer-caption{display:grid;justify-content:start;gap:3px;}
.block-timer-digits{font-size:27px;line-height:1.2;}
.block-timer-track{grid-column:1/-1;margin:0;}
@media(min-width:1120px){html[data-scope] .resource-kanban:has(.unavailable.is-empty):not(:has(.available.is-empty)){grid-template-columns:minmax(0,1fr) 240px;}
  html[data-scope] .resource-kanban:has(.available.is-empty):not(:has(.unavailable.is-empty)){grid-template-columns:240px minmax(0,1fr);}
}
@media(max-width:1119px){.cockpit-layout .cockpit-grid{grid-template-columns:minmax(0,1fr);}
  .cockpit-layout .cockpit-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:740px){html[data-scope] .content{padding:12px 10px 22px;}
  html[data-scope] .panel{padding:12px;}
  html[data-scope] .topbar{margin:10px 10px 0;padding:9px;gap:8px;}

  html[data-scope] .header-main{display:grid;gap:8px;}
  html[data-scope] .header-main .command-card{min-height:76px;grid-template-columns:32px minmax(0,1fr);padding:6px!important;gap:4px;}
  html[data-scope] .command-card.occupied .command-person .avatar{width:32px;height:32px;}
  html[data-scope] .command-card.occupied .command-person strong{font-size:11px!important;}
  html[data-scope] .command-card.occupied .command-person small{font-size:9px!important;}
  html[data-scope] .header-main .header-tools{gap:6px;}
  html[data-scope] .sector-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  html[data-scope] .sector-assigned-card .agent-tile-top{grid-template-columns:46px minmax(0,1fr);}
  html[data-scope] .sector-assigned-card .agent-tile-top .avatar{width:46px;height:46px;}
  html[data-scope] .sector-card-grid .agent-tile.agent-compact{min-height:116px;}
  html[data-scope] .resource-kanban,.who-layout,.who-row{grid-template-columns:minmax(0,1fr);}
  .who-agents{justify-content:flex-start;}
  .cockpit-layout .cockpit-side,.surveillance-grid{grid-template-columns:minmax(0,1fr);}
  .filter-panel .filter-secondary{justify-content:flex-start;flex-wrap:wrap;flex-basis:100%;}
  .filters>.search{flex-basis:100%;}
  .filters>label:not(.search){flex:1 1 100px;}
  .filters>.icon{flex:none;}
  .page-heading{padding-bottom:10px;}
  .page-heading .heading-actions{width:auto;flex:none;}
  .page-heading .heading-actions button{flex:none;max-width:180px;}
  .setting-row,.setting-row[data-definition]{grid-template-columns:minmax(0,1fr);}
  .surv-item-top{grid-template-columns:27px minmax(0,1fr);}
  .surv-item-top .due-badge{grid-column:2;justify-self:start;}
}
@media(max-width:360px){html[data-scope] .sector-card-grid{grid-template-columns:minmax(0,1fr);}
  html[data-scope] .header-main .command-strip{grid-template-columns:minmax(0,1fr);}
  html[data-scope] .command-card.occupied .command-caption{grid-column:2;}
  html[data-scope] .command-card.occupied .command-person{display:contents;}
}

html[data-scope] .header-quarter .header-shift span{white-space:nowrap;letter-spacing:.065em;}
html[data-scope] .sector-dock .section-heading>div:first-child{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 12px;}
html[data-scope] .sector-dock .section-heading p{margin:0;font-size:10px;}
html[data-scope] .section-heading p:empty{display:none;}
html[data-scope] .sector-assigned-actions{min-height:21px;}
html[data-scope] .sector-assigned-card .state-badge{min-height:23px;}
html[data-scope] .cockpit-side .surv-item-top{grid-template-columns:27px minmax(0,1fr);}
html[data-scope] .cockpit-side .surv-item-top .due-badge{grid-column:2;justify-self:start;}
html[data-scope] .page-heading{flex-wrap:wrap;}
html[data-scope] .filter-panel{padding-bottom:10px;}
@media(min-width:741px) and (max-width:1000px){.setting-row[data-definition=sectors],.setting-row[data-definition=activity_types]{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(min-width:1700px){html[data-scope] .sector-card-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));}
}
@container activity-row (min-width:250px) and (max-width:599px){html[data-scope] .activity-card:has(.assigned-person){grid-template-columns:minmax(0,1fr);grid-template-areas:"information" "state" "assignments" "progress";}
}
html[data-scope] .setting-row>label{display:grid;gap:6px;margin:0;line-height:1.3;}
html[data-scope] .setting-row input,html[data-scope] .setting-row select{height:36px;min-height:36px;margin:0;padding:6px 9px;}
html[data-scope] .setting-row input[type=color]{padding:4px;}
html[data-scope] .available-list .agent-tile.agent-compact[data-resource-state]{padding:10px;gap:6px;}
@media(min-width:1120px){.who-layout{grid-template-columns:repeat(2,minmax(0,1fr));}
  .who-layout.no-interventions{grid-template-columns:240px minmax(0,1fr);}
}
@media(max-width:740px){html[data-scope] .header-main .command-card{align-content:start;grid-template-rows:18px minmax(36px,1fr) auto;}
  html[data-scope] .command-card.occupied .command-person{margin:0;align-items:center;gap:4px;}
  html[data-scope] .command-card.occupied .command-person small{display:none!important;}
  html[data-scope] .command-card .command-empty{align-self:start;padding-top:4px;}
  
  html[data-scope] .sector-dock-tools [data-reset-sectors]{font-size:0;gap:0;padding:6px;min-height:30px;min-width:30px;}
  html[data-scope] .filter-panel .filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr) 30px;gap:5px;}
  .filters>.search{grid-column:1/-1;min-width:0;width:100%;}
  .filters>label:not(.search){min-width:0;}
  .filters>label>select,.filters>label>input{width:100%;padding-left:5px;padding-right:5px;font-size:10px;}
  .filters>.icon{grid-column:4;width:30px;min-width:30px;}
  html[data-scope] .filters:not(:has(#day)){grid-template-columns:repeat(2,minmax(0,1fr)) 30px;}
  .filters:not(:has(#day))>.icon{grid-column:3;}
  html[data-scope] .header-main .theme-select select{width:88px;min-width:88px;font-size:10px!important;}
  html[data-scope] .filter-panel .filter-secondary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) 30px auto;gap:5px;width:100%;}
  .filter-secondary>label>select{width:100%;font-size:10px;padding-left:5px;padding-right:5px;}
  .filter-secondary .filter-reset{width:30px;min-width:30px;}
  .filter-secondary .result-count{flex-basis:auto;font-size:9px;}
}
html[data-scope] .filters input[type=date]{height:32px;min-height:32px;margin:0;padding-top:5px;padding-bottom:5px;}
html[data-scope] .field-band .section-heading>div:first-child{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 12px;}
html[data-scope] .field-band .section-heading p{margin:0;font-size:10px;}

/* Portrait et nom en premier ; le secteur accompagne l’identité avec discrétion. */
html[data-scope] .agent-tile.agent-compact[data-resource-state]{container-type:inline-size;container-name:resource-card;}
html[data-scope] .agent-tile.agent-compact .agent-tile-top{
  grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center;
}
html[data-scope] .agent-tile.agent-compact .agent-tile-top .avatar{
  width:72px;height:72px;min-width:72px;min-height:72px;border-radius:20px;border-width:2px;
  font-size:23px;box-shadow:0 3px 12px #172e4012;
}
html[data-scope] .agent-tile.agent-compact[data-resource-state]{gap:6px;}
html[data-scope] .agent-tile.agent-compact .agent-identity{gap:4px;}
html[data-scope] .agent-tile.agent-compact .agent-name{
  display:grid;gap:1px;min-width:0;width:100%;margin:0;padding:0;border:0;border-radius:0;
  background:transparent;box-shadow:none;text-align:left;color:var(--ink);
  font-size:16px;line-height:1.2;letter-spacing:-.2px;
}
html[data-scope] .agent-tile.agent-compact .agent-name>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
html[data-scope] .agent-tile.agent-compact .agent-name:hover{text-decoration:underline;text-underline-offset:3px;}
html[data-scope] .agent-tile.agent-compact .agent-name .agent-first-name{font-weight:550;}
html[data-scope] .agent-tile.agent-compact .agent-name .agent-last-name{font-weight:750;}
html[data-scope] .agent-tile.agent-compact .agent-identity small{
  display:flex;flex-wrap:nowrap;align-items:baseline;gap:5px;line-height:1.3;min-width:0;
}
html[data-scope] .agent-tile.agent-compact .agent-identity small>b{flex:none;}
html[data-scope] .agent-tile.agent-compact .agent-contact{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
html[data-scope] .agent-tile.agent-compact .agent-facts{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;margin-top:0;
  padding:0;border:0;
}
html[data-scope] .agent-tile.agent-compact[data-resource-state] .state-badge{
  padding:3px 5px;min-height:0;gap:3px;font-size:10px;line-height:1.3;white-space:nowrap;
}
html[data-scope] .agent-tile.agent-compact[data-resource-state] .state-badge svg{width:11px;height:11px;}
html[data-scope] .agent-compact .resource-sector-badge{
  display:inline-flex;align-items:center;gap:5px;width:fit-content;max-width:100%;min-width:0;
  padding:3px 6px;border:1px solid color-mix(in srgb,var(--sector) 16%,var(--line));border-radius:999px;
  background:color-mix(in srgb,var(--sector) 5%,var(--surface));color:var(--muted);
  box-shadow:none;font-size:10px;font-weight:600;line-height:1.3;
}
.resource-sector-dot{width:5px;height:5px;flex:none;background:var(--sector);border-radius:50%;}
.resource-sector-badge>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
html[data-scope] .agent-compact .resource-sector-badge.unassigned{background:transparent;border-color:var(--line);font-weight:400;}
.resource-sector-badge.unassigned .resource-sector-dot{background:var(--muted);opacity:.5;}
html[data-scope] .agent-tile.agent-compact .sector-assigned-actions{padding-top:0;min-height:0;}
html[data-scope] .agent-tile.agent-compact .sector-assigned-actions>span{padding-right:0;}
@media(max-width:740px){html[data-scope] .agent-tile.agent-compact .agent-tile-top{grid-template-columns:68px minmax(0,1fr);gap:10px;}
  html[data-scope] .agent-tile.agent-compact .agent-tile-top .avatar{width:68px;height:68px;min-width:68px;min-height:68px;border-radius:18px;}
}
@container resource-card (max-width:180px){html[data-scope] .agent-tile.agent-compact .agent-tile-top{grid-template-columns:68px minmax(0,1fr);gap:8px;}
  html[data-scope] .agent-tile.agent-compact .agent-tile-top .avatar{width:68px;height:68px;min-width:68px;min-height:68px;border-radius:18px;}
  html[data-scope] .agent-tile.agent-compact .agent-name{font-size:15px;}
}

/* Une ligne par activité ; les trois zones s'alignent dès que la largeur le permet. */
.activity-list-layout{min-width:0;}
html[data-scope] .activity-list-layout .activity-list{
  display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:start;
  container-type:normal;container-name:none;
}
.activity-cell{min-width:0;container-type:inline-size;container-name:activity-row;}

/* Header allégé : date et quart à gauche, commandes de salle à droite. */
html[data-scope] .header-quarter{grid-template-rows:auto auto;align-content:center;}
html[data-scope] .header-quarter-progress{grid-column:1/-1;width:100%;gap:7px;}
html[data-scope] .header-quarter-progress .progress{height:4px;}
html[data-scope] .header-quarter .header-shift>span{display:none;}
@media(min-width:1280px){html[data-scope] .topbar{grid-template-columns:336px minmax(0,1fr);grid-template-rows:auto auto;gap:6px 12px;padding:10px 12px;}
  html[data-scope] .header-quarter{grid-column:1;grid-row:1/3;grid-template-columns:minmax(176px,1.65fr) minmax(85px,1fr);grid-template-rows:auto auto;gap:8px 10px;padding:9px 10px;}
  html[data-scope] .header-quarter .live-date-time{grid-column:1;grid-row:1;}
  html[data-scope] .header-quarter .header-shift{grid-column:2;grid-row:1;}
  html[data-scope] .header-quarter-selectors{grid-column:1;grid-row:2;gap:6px!important;}
  html[data-scope] .header-quarter-progress{grid-column:2;grid-row:2;}
  html[data-scope] .header-main .context-line{grid-column:2;grid-row:1;min-height:26px;}
  html[data-scope] .header-main .command-strip{grid-column:2;grid-row:2;}
  html[data-scope] .header-main .command-card{min-height:68px;gap:3px 7px;}
  html[data-scope] .command-selection-tip{grid-column:2;grid-row:3;}
}
@media(min-width:741px) and (max-width:1279px){html[data-scope] .header-quarter-progress{grid-column:1/-1;grid-row:2;}
}
@media(max-width:740px){html[data-scope] .header-quarter{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto auto;padding:8px 9px;gap:5px 8px;}
  html[data-scope] .header-quarter-selectors{grid-column:1/-1;grid-row:2;}
  html[data-scope] .header-quarter-progress{grid-column:1/-1;grid-row:3;}
}

/* Le module vide reste accessible sans monopoliser une carte. */
.surveillance-empty{padding:10px 12px;}
.surveillance-empty-link{display:flex;align-items:center;gap:9px;width:100%;padding:0;border:0;background:transparent;text-align:left;}
.surveillance-empty-link>svg{width:16px;height:16px;flex:none;color:var(--muted);}
.surveillance-empty-link>span{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;flex:1;min-width:0;}
.surveillance-empty-link strong{font-size:12px;font-weight:650;}
.surveillance-empty-link small{font-size:10px;}
html[data-scope] .activity-card .assigned-person-sector{font-weight:600;color:var(--ink);}

/* Repères de secteur : illustrations en fond, sous les libellés et les actions. */
html[data-scope] .sector-watermark.sector-landscape{inset:auto 0 0;width:100%;height:82%;opacity:.26;}
html[data-scope] .sector-watermark.sector-radiation{right:7px;bottom:12px;width:90px;height:90px;opacity:.15;}
html[data-scope] .sector-watermark.sector-equipment{right:4px;bottom:5px;width:calc(100% - 8px);height:78%;opacity:.18;}
html[data-theme=night] .sector-watermark.sector-landscape{opacity:.2;}
html[data-theme=night] .sector-watermark.sector-radiation{opacity:.12;}
html[data-theme=night] .sector-watermark.sector-equipment{opacity:.14;}