.sy-shell { max-width: 1440px; margin: auto; }
.sy-shell--private { display: grid; grid-template-columns: 230px minmax(0,1fr); }
.sy-main { min-width: 0; padding: clamp(1.25rem,3vw,3rem); }
.sy-sidebar { padding: 2rem 1rem; border-right: 1px solid var(--color-border); background: rgba(7,17,25,.6); }
.sy-sidebar a { display: block; padding: .65rem .8rem; border-radius: 6px; text-decoration: none; color: var(--color-muted); }
.sy-sidebar a:hover, .sy-sidebar a[aria-current=page] { color: var(--color-text); background: rgba(0,214,255,.08); }
.sy-sidebar hr { border: 0; border-top: 1px solid var(--color-border); margin: 1rem 0; }
.sy-header .sy-actions { font-size: .9rem; }
.sy-header nav { justify-content: flex-end; }
.sy-header form, .sy-language { display: flex; gap: .4rem; align-items: center; margin: 0; }
.sy-header a:not(.button) { text-decoration: none; }
.sy-language select { background: var(--color-ink); color: var(--color-text); min-height: 38px; border: 1px solid var(--color-border); border-radius: 6px; padding: .3rem; }
.sy-page-title { margin-bottom: 1.8rem; }
.sy-page-title h1 { font-size: clamp(1.8rem,3.5vw,3rem); margin-bottom: .75rem; }
.sy-page-title .sy-kicker { margin-bottom: .7rem; }
.sy-main > .sy-panel, .sy-main > .sy-actions, .sy-main > .sy-notice { margin: 1.25rem 0; }
.sy-form { margin: 1.5rem 0; padding: clamp(1rem,2.5vw,2rem); border: 1px solid var(--color-border); border-radius: 8px; background: var(--color-ink); }
.sy-form > .sy-field, .sy-form > .sy-actions { margin-top: 1rem; }
.sy-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.25rem; }
.sy-form-grid > * { min-width: 0; }
.sy-form-grid .sy-field:has(textarea) { grid-column: 1 / -1; }
.sy-form-grid input, .sy-field select { width: 100%; }
.sy-check-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem 1rem; }
.sy-check-grid label { display: flex; align-items: start; gap: .5rem; padding: .4rem; }
input[type=checkbox] { accent-color: var(--color-cyan); width: 18px; height: 18px; flex-shrink: 0; }
fieldset { border: 1px solid var(--color-border); border-radius: 6px; padding: 1rem; margin: 1.5rem 0; }
legend { padding: 0 .5rem; color: var(--color-silver); font-weight: 700; }
.sy-details { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem 2rem; margin: 0; }
.sy-details > div { min-width: 0; overflow-wrap: anywhere; }
.sy-details dt { color: var(--color-muted); font-size: .8rem; text-transform: uppercase; letter-spacing: .04em; }
.sy-details dd { margin: .25rem 0 0; }
.sy-toolbar { display: flex; flex-wrap: wrap; gap: 1rem; align-items: end; margin: 1.5rem 0; }
.sy-toolbar form { display: flex; flex-wrap: wrap; gap: 1rem; align-items: end; }
.sy-stat { display: block; font-size: 2.8rem; font-weight: 700; margin-bottom: 1rem; }
.sy-cell-actions { min-width: 110px; }
.sy-cell-actions .sy-form { padding: 0; border: 0; background: none; margin: 0; }
.sy-table td { max-width: 400px; overflow-wrap: anywhere; }
.sy-signature { display: block; width: min(100%,800px); height: auto; touch-action: none; background: white; border-radius: 6px; border: 2px solid var(--color-border); margin: 1rem 0; }
.sy-signature-image { max-width: 400px; background: white; padding: 1rem; border-radius: 6px; }
.sy-footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1rem; padding: 2rem clamp(1rem,4vw,3rem); border-top: 1px solid var(--color-border); color: var(--color-muted); font-size: .85rem; }
.sy-hero { display: grid; grid-template-columns: 1.15fr 1fr; gap: 3rem; align-items: center; min-height: 650px; padding-bottom: 3rem; }
.sy-hero h1 { font-size: clamp(2.5rem,5vw,5rem); line-height: 1.05; letter-spacing: -.035em; margin-bottom: 1.5rem; }
.sy-hero h1 span { color: var(--color-cyan); }
.sy-hero p { max-width: 550px; font-size: 1.1rem; }
.sy-hero-visual { min-height: 420px; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; border: 1px solid var(--color-border); border-radius: 8px; background: radial-gradient(circle,rgba(0,214,255,.15),transparent 70%),repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(0,214,255,.05) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(0,214,255,.05) 40px); }
.sy-hero-visual img { width: 177.5px; max-width: 75%; max-height: 280px; object-fit: contain; filter: drop-shadow(0 0 24px rgba(0,214,255,.2)); }
.sy-hero-caption { margin-top: 2rem; letter-spacing: .15em; font-size: .7rem; color: var(--color-muted); }
.sy-home-portal { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-top: 3rem !important; }
.sy-home-portal p { max-width: 700px; }
.sy-dossier { overflow-wrap: anywhere; }
.sy-dossier h1 { font-size: clamp(2rem,4vw,3rem); }.sy-dossier section { margin-bottom: 2rem; }
.sy-dossier table { display: block; overflow-x: auto; border-collapse: collapse; max-width: 100%; }.sy-dossier td,.sy-dossier th { padding: .65rem; border: 1px solid var(--color-border); }
.sy-skip { position: absolute; top: -100px; z-index: 100; padding: 1rem; background: var(--color-ink); }.sy-skip:focus { top: 0; }
@media(max-width:1000px) { .sy-shell--private { grid-template-columns: 190px minmax(0,1fr); }.sy-header { gap: .6rem; }.sy-header nav { justify-content: flex-start; }.sy-hero { gap: 1.5rem; }.sy-hero-visual { min-height: 340px; } }
@media(max-width:760px) { .sy-shell--private { display: block; }.sy-sidebar { display: flex; flex-wrap: wrap; padding: .6rem; border-right: 0; border-bottom: 1px solid var(--color-border); gap: .2rem; }.sy-sidebar p,.sy-sidebar hr { display: none; }.sy-sidebar a { padding: .4rem .6rem; font-size: .85rem; }.sy-form-grid,.sy-check-grid,.sy-details { grid-template-columns: 1fr; }.sy-hero { grid-template-columns: 1fr; min-height: auto; padding-top: 2rem; }.sy-hero-visual { min-height: 260px; }.sy-hero-visual img { max-height: 180px; }.sy-home-portal { display: block; }.sy-footer { flex-direction: column; }.sy-header .sy-actions { gap: .55rem; }.sy-header .sy-brand { font-size: 1.2rem; } }