/* studio.css — la coque de Studio : une barre, une page. Les primitives viennent de socle.css (copie de City), l'éditeur de plan_editeur.css. */
body.ui { margin: 0; background: var(--papier, #f4f3ef); }
.st-barre { display: flex; align-items: center; gap: 10px; padding: 10px 20px; background: #fff; border-bottom: 1px solid var(--trait, #e5e1d9);
  font-size: 14px; position: sticky; top: 0; z-index: 20; }
.st-barre a { color: var(--encre, #16181c); text-decoration: none; }
.st-barre a:hover { color: var(--accent, #0f766e); }
.st-marque { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; font-size: 16px; }
.st-marque svg { width: 22px; height: 22px; fill: none; stroke: var(--accent, #0f766e); stroke-width: 2; stroke-linejoin: round; }
.st-sep { color: var(--pale, #9a968e); }
.st-city { margin-left: auto; font-size: 13px; color: var(--sourdine, #6c6963) !important; }
.st-page { padding: 20px 24px 40px; }
.st-page h1 { font-size: 24px; margin: 4px 0 6px; }
.ui .st-attente { background: #fdf6e7; color: #8a5a10; border: 1px solid #f1dfb8; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.ui .pl-apercu-td { width: 120px; }
.ui .pl-apercu { width: 110px; height: 72px; object-fit: contain; background: #fff; border: 1px solid var(--trait, #e5e1d9); border-radius: 8px; display: block; }