/* Listes du registre : outils regroupés et résultats au même emplacement. */
@media screen{
  #content .entity-list-panel .entity-list-controls{
    display:grid;gap:7px;min-width:0;margin-bottom:8px;padding:10px;
    border:1px solid var(--line);border-radius:10px;background:var(--pale);
  }
  #content .entity-list-controls .toolbar,
  #content .entity-list-controls .view-toolbar{
    display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0;margin:0;
  }
  #content .entity-list-controls .toolbar-left{flex:1 1 430px;min-width:0}
  #content .entity-list-controls .toolbar-right{margin-left:auto;justify-content:flex-end}
  #content .entity-list-controls .view-toolbar{
    padding-top:8px;border-top:1px solid var(--line);
  }
  #content .entity-list-controls .view-toolbar label{display:flex;align-items:center;gap:6px;min-width:0}
  #content .entity-list-controls #saveView{margin-left:auto}
  #content .entity-list-summary{
    margin:4px 0 9px;color:var(--muted);font-size:12px;font-weight:650;
  }
  .dark-mode #content .entity-list-panel .entity-list-controls{background:#1d2a3a}
}
@media screen and (max-width:760px){
  #content .entity-list-controls .toolbar-left,#content .entity-list-controls .toolbar-right{
    flex:1 1 100%;width:100%;margin-left:0;
  }
  #content .entity-list-controls .toolbar-right{justify-content:flex-start}
  #content .entity-list-controls .view-toolbar label{flex:1 1 165px;align-items:stretch;flex-direction:column}
  #content .entity-list-controls .view-toolbar label>select{width:100%;min-width:0}
  #content .entity-list-controls #saveView{margin-left:0}
}

/* Onglets colorés uniquement pour les fiches et formulaires Clients / Parc informatique. */
#detailDialog:is(.client-workspace,.asset-workspace) .aw-tabs,
#recordDialog[data-record-kind="clients"] .record-tabs,
#recordDialog[data-record-kind="assets"] .record-tabs{
  display:flex;align-items:center;gap:6px;padding:10px;
  border-bottom:1px solid var(--line);background:var(--pale);
  overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;
}
#detailDialog:is(.client-workspace,.asset-workspace) .aw-tabs>button,
#recordDialog[data-record-kind="clients"] .record-tab,
#recordDialog[data-record-kind="assets"] .record-tab{
  flex:0 0 auto;box-sizing:border-box;min-height:40px!important;padding:8px 13px;
  border:1px solid var(--line);border-radius:8px;background:#fff;
  color:var(--navy);font-size:13px;font-weight:600;line-height:1.2;
  cursor:pointer;white-space:nowrap;
}
#detailDialog.client-workspace .aw-tabs>button.active,
#recordDialog[data-record-kind="clients"] .record-tab[aria-selected="true"]{
  border-color:#184e77;background:#184e77;color:#fff;font-weight:700;
  box-shadow:0 2px 7px rgba(24,78,119,.22);
}
#detailDialog.asset-workspace .aw-tabs>button.active,
#recordDialog[data-record-kind="assets"] .record-tab[aria-selected="true"]{
  border-color:#0f6b78;background:#0f6b78;color:#fff;font-weight:700;
  box-shadow:0 2px 7px rgba(15,107,120,.23);
}
#detailDialog:is(.client-workspace,.asset-workspace) .aw-tabs>button:focus-visible,
#recordDialog:is([data-record-kind="clients"],[data-record-kind="assets"]) .record-tab:focus-visible{
  outline:2px solid var(--blue);outline-offset:2px;
}
.dark-mode #detailDialog:is(.client-workspace,.asset-workspace) .aw-tabs,
.dark-mode #recordDialog:is([data-record-kind="clients"],[data-record-kind="assets"]) .record-tabs{background:#172231}
.dark-mode #detailDialog:is(.client-workspace,.asset-workspace) .aw-tabs>button:not(.active),
.dark-mode #recordDialog:is([data-record-kind="clients"],[data-record-kind="assets"]) .record-tab:not([aria-selected="true"]){
  background:#213044;color:#e7edf5;
}
.dark-mode #detailDialog:is(.client-workspace,.asset-workspace) .aw-tabs>button.active,
.dark-mode #recordDialog:is([data-record-kind="clients"],[data-record-kind="assets"]) .record-tab[aria-selected="true"]{color:#fff}