/* Plan de référence : bureau 1920 × 1080 points. Fenêtre native : 640 × 210. */
.notch-bureau-scene {
  position: relative; isolation: isolate; container-type: inline-size;
  width: 100%; max-width: 680px; aspect-ratio: 16 / 9; margin-inline: auto;
  overflow: hidden; border: 1px solid var(--line); border-radius: 12px;
  background: #fff; box-shadow: 0 14px 38px rgb(24 33 65 / 12%);
}
.notch-bureau-picture { position: absolute; inset: 0; overflow: hidden; background: linear-gradient(180deg,#fff 0 24%,#eef5ff 42%,#c7deef 72%,#a8bbed 100%); }
.notch-bureau-picture::before { content: ''; position: absolute; inset: 35% -12% -60% 40%; border-radius: 50%; background: linear-gradient(125deg,#d7edf3,#80a7d3 48%,#c1b8ed); transform: rotate(-25deg); }
.notch-bureau-menu { position: absolute; inset: 0 0 auto; height: 2.963%; display: flex; justify-content: space-between; align-items: center; padding-inline: 1%; color: #30323a; font-size: 1.05cqw; line-height: 1; white-space: nowrap; }
.notch-bureau-menu > span { display: flex; align-items: center; gap: 1.1cqw; }
.notch-bureau-menu i { font-style: normal; }
.notch-bureau-closed { position: absolute; z-index: 2; top: 0; left: 45.18%; width: 9.64%; height: 2.963%; border-radius: 0 0 1cqw 1cqw; background: #050505; }
.notch-bureau-panel-wrap { position: absolute; z-index: 3; top: 0; left: 33.333333%; width: 33.333333%; transform-origin: 50% 0; }
.notch-bureau .notch-bureau-panel { display: block; width: 100%; height: auto; max-width: none; }
.notch-bureau.is-enhanced .notch-bureau-panel-wrap { opacity: 0; transform: scale(.35,.13); }
.notch-bureau-work { position: absolute; top: 30%; left: 17%; width: 66%; height: 52%; display: flex; overflow: hidden; border: 1px solid rgb(53 62 91 / 13%); border-radius: 1.05cqw; background: #fff; box-shadow: 0 1.5cqw 4cqw rgb(31 49 81 / 19%); }
.notch-bureau-sidebar { width: 25%; flex-shrink: 0; padding: 1.3cqw 1cqw; background: #f4f3f4; color: #727179; font-size: 1.05cqw; }
.notch-bureau-traffic { display: flex; gap: .45cqw; margin-bottom: 2cqw; }
.notch-bureau-traffic i { width: .9cqw; aspect-ratio: 1; border-radius: 50%; background: #ed746e; }
.notch-bureau-traffic i:nth-child(2) { background: #efbd59; }
.notch-bureau-traffic i:nth-child(3) { background: #79bb78; }
.notch-bureau-sidebar > strong { display: block; padding: .5cqw .8cqw; font-size: 1cqw; }
.notch-bureau-sidebar > span:not(.notch-bureau-traffic) { display: block; padding: .6cqw .8cqw; margin-top: .4cqw; white-space: nowrap; }
.notch-bureau-folder { background: #e3dfea; border-radius: .45cqw; color: #38333e; }
.notch-bureau-note { flex: 1; min-width: 0; }
.notch-bureau-toolbar { height: 3.5cqw; display: flex; align-items: center; justify-content: space-between; padding-inline: 1.5cqw; color: #85818c; font-size: 1.4cqw; }
.notch-bureau-document { padding: .3cqw 3.5cqw; color: #32313a; font-size: 1.18cqw; line-height: 1.6; }
.notch-bureau-document small { display: block; text-align: center; margin-bottom: 1.5cqw; font-size: .85cqw; color: #92909a; }
.notch-bureau-document strong { display: block; margin-bottom: .7cqw; font-size: 2cqw; font-weight: 650; letter-spacing: -.025em; line-height: 1.2; }
.notch-bureau-document p { margin: .7cqw 0 1.3cqw; font-size: inherit; }
.notch-bureau-document > span { display: block; margin: .2cqw 0; }
.notch-bureau-note-rule { margin-top: 1.3cqw; border-top: 1px solid #eeedf1; }
.notch-bureau-dock { position: absolute; left: 38%; bottom: 1.4%; width: 24%; height: 6.6%; display: flex; align-items: center; justify-content: center; gap: 5%; padding: .4%; border: 1px solid rgb(255 255 255 / 85%); border-radius: 1cqw; background: rgb(255 255 255 / 70%); box-shadow: 0 .4cqw 1.2cqw rgb(30 41 70 / 16%); }
.notch-bureau-dock > i { display: grid; place-items: center; position: relative; flex: 0 0 13%; aspect-ratio: 1; border-radius: 24%; font-style: normal; }
.notch-dock-blue { background: linear-gradient(90deg,#79b7ed 50%,#cfe7fd 50%); }
.notch-dock-notes { background: linear-gradient(#f1ce5f 28%,#fffefa 28%); }
.notch-dock-music { background: #e56b91; }
.notch-dock-safari { background: #73b0e6; }
.notch-dock-calendar { background: linear-gradient(#e78080 28%,#fff 28%); }
.notch-bureau-dock svg { width: 80%; height: 80%; color: #fff; }
.notch-dock-calendar > span { position: absolute; inset: 30% 0 0; display: grid; place-items: center; color: #555; font-size: 1.5cqw; line-height: 1; font-weight: 600; }
.notch-bureau-cursor { display: none; position: absolute; z-index: 4; inset: 0; pointer-events: none; transform: translate(68%,64%); }
.notch-bureau.is-enhanced .notch-bureau-cursor { display: block; }
.notch-bureau-cursor svg { display: block; width: max(9px,2.1%); height: auto; filter: drop-shadow(0 1px 1px rgb(0 0 0 / 35%)); }
.notch-bureau figcaption { margin-top: 14px; gap: 3px; }
.notch-bureau figcaption > strong { font-size: .92rem; }
.notch-bureau figcaption > small { max-width: 48ch; font-size: .72rem; line-height: 1.45; }
.notch-bureau-controls { display: flex; align-items: center; flex-wrap: wrap; gap: 3px 12px; }
.notch-bureau-controls button { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 6px 0; border: 0; background: none; color: var(--text); font: inherit; font-size: .8rem; cursor: pointer; text-decoration: underline; text-underline-offset: 4px; }
.notch-bureau-controls button:disabled { cursor: default; opacity: .45; text-decoration: none; }
.notch-bureau-controls .text-link { font-size: .8rem; }
.notch-bureau-controls button:focus-visible { outline: 2px solid var(--link); outline-offset: 2px; border-radius: 4px; }
.notch-bureau-controls button:hover:not(:disabled) { color: var(--link); }
@media (prefers-reduced-motion: reduce) {
 .notch-bureau.is-enhanced .notch-bureau-panel-wrap { opacity: 1; transform: none; }
 .notch-bureau.is-enhanced .notch-bureau-cursor { display: none; }
}
@media (forced-colors: active) { .notch-bureau-scene { border-color: CanvasText; } }