.data-shell{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:100vh}.data-shell>aside{padding:24px;background:#fff;border-right:1px solid #dbe3ed}.data-shell>aside nav{display:grid;gap:5px;margin:20px 0}.data-shell nav button{text-align:left}.data-shell nav [aria-current=page]{background:#dceafb;color:#0f2747}.data-shell main{padding:32px;min-width:0;max-width:1600px}.data-shell h1{font-size:32px}.data-shell .panel{margin-top:20px;padding:22px}.data-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:14px 0}.data-shell label{display:grid;gap:5px;min-width:0;font-size:13px;color:#475569}.data-shell input,.data-shell select,.data-shell textarea{max-width:100%;min-width:0}.data-shell textarea{width:100%;font-family:monospace}.data-shell input[type=checkbox]{width:18px;min-height:18px}.data-shell details{border-top:1px solid #dbe3ed;margin:15px 0;padding-top:12px}.data-shell summary{cursor:pointer;font-weight:600;padding:6px}.data-table{overflow:auto;max-height:620px;border:1px solid #dbe3ed;border-radius:8px;margin-top:12px}.data-table table{width:100%;white-space:nowrap}.data-table th{position:sticky;top:0;background:#e9eef4;z-index:1}.data-table td,.data-table th{padding:10px 14px;text-align:left}.data-table tbody tr:nth-child(even){background:#f6f8fb}.data-table td button{padding:5px 10px}.data-shell button,.data-shell select,.data-shell input{min-height:40px}.data-shell pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f6fa;padding:12px;max-height:400px;overflow:auto}.data-shell .filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.column-control{display:inline-flex;gap:8px;align-items:center;border:1px solid #dbe3ed;padding:6px;margin:4px;border-radius:6px}.column-control label{display:flex;align-items:center}.data-shell #data-error{color:#942222;background:#fff0f0;padding:15px;border:1px solid #e5bbbb}.data-shell #data-status{margin-top:15px}.data-shell p,.data-shell small{line-height:1.6;overflow-wrap:anywhere}#data-detail{width:min(850px,92vw);max-height:85vh;overflow:auto}#data-detail dl{display:grid;grid-template-columns:minmax(120px,1fr) 3fr;gap:10px}#data-detail dd{margin:0;overflow-wrap:anywhere}#data-detail pre{white-space:pre-wrap;overflow-wrap:anywhere}.data-shell button:disabled{opacity:.55}.preview-warning{padding:12px;background:#fff7df;border-radius:6px}@media(max-width:800px){.data-shell{grid-template-columns:1fr}.data-shell>aside{border-right:0;border-bottom:1px solid #dbe3ed;padding:16px}.data-shell>aside nav{display:flex;flex-wrap:wrap}.data-shell>aside .brand{max-width:190px}.data-shell main{padding:16px}.data-shell h1{font-size:26px}.data-shell .panel{padding:14px}.data-toolbar>*{flex:1 1 150px}.data-shell button,.data-shell input,.data-shell select{min-height:44px}.filter-row>*{max-width:100%}.data-shell .filter-row select{flex:1 1 120px}.data-shell #columns{max-height:300px;overflow:auto}#data-detail dl{grid-template-columns:1fr}.data-shell>aside>p,.data-shell>aside>small{display:none}}

.data-shell nav[aria-label="Navigation principale"] { display: grid; }
.data-shell #datasets { max-height: 480px; overflow: auto; align-content: start; }
.data-shell #datasets button[hidden] { display: none; }
.data-shell #groups th small, .data-shell #data-table th small { display: block; font-weight: normal; }
@media(max-width:800px) { .data-shell #datasets { max-height: 180px; } }
.data-shell nav[aria-label="Navigation principale"] .nav-item { white-space: normal; overflow-wrap: anywhere; min-width: 0; }
@media(max-width:800px) { .data-shell nav[aria-label="Navigation principale"] { grid-template-columns: repeat(3, minmax(0, 1fr)); } }