/* Données : vue en table des collections d'une application */
.table-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;align-items:center}
.table-tabs a,.table-tab-add{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:white;color:var(--ink);font-size:14px;font-weight:600;text-decoration:none}
.table-tabs a:hover{border-color:#b9cbe0;text-decoration:none}
.table-tabs a[aria-current="page"]{background:var(--ink);border-color:var(--ink);color:white}
.table-tabs .count{font-size:12px;font-weight:600;padding:1px 8px;border-radius:999px;background:var(--soft);color:var(--muted)}
.table-tabs a[aria-current="page"] .count{background:rgba(255,255,255,.18);color:white}
.table-tab-add{border-style:dashed;color:var(--blue-hover);background:transparent}
.table-tab-add .icon{width:16px;height:16px;flex-basis:16px}
.grid-panel{padding:0;overflow:hidden;margin-bottom:22px}
.grid-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;padding:20px 22px;border-bottom:1px solid var(--line)}
.grid-toolbar .actions{gap:8px}
.grid-toolbar .search{width:200px;min-height:38px;padding:7px 12px}
.grid-panel>.notice{margin:16px 22px}
.grid-scroll{overflow:auto;max-height:65vh}
.data-grid{border-collapse:separate;border-spacing:0;width:100%;font-size:14px}
.data-grid th,.data-grid td{border-bottom:1px solid var(--line);border-right:1px solid #edf1f6;padding:0;text-align:left;vertical-align:middle}
.data-grid thead th{position:sticky;top:0;z-index:2;background:#f8fafc;padding:9px 12px;min-width:190px;font-weight:650;white-space:nowrap}
.data-grid thead th span{display:block}
.data-grid thead th small{display:block;color:var(--muted);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.6px}
.data-grid .row-number{min-width:44px;width:44px;text-align:center;color:var(--muted);font-weight:500;font-size:12px;background:#fbfcfe;position:sticky;left:0;z-index:1}
.data-grid thead .row-number{z-index:3}
.data-grid .row-actions{min-width:44px;width:44px;text-align:center;border-right:0}
.data-grid tbody tr:hover td,.data-grid tbody tr:hover th{background:#f7fbff}
.cell-input{width:100%;min-width:190px;min-height:40px;padding:8px 12px;border:2px solid transparent;background:transparent;color:var(--ink)}
.cell-input.number{text-align:right;font-variant-numeric:tabular-nums}
.cell-input:focus{outline:none;border-color:var(--blue);background:white}
.cell-input[readonly]{color:var(--muted);font-family:ui-monospace,Menlo,monospace;font-size:12px}
.cell-check{margin:0 12px;width:18px;height:18px;accent-color:var(--blue)}
.cell-input.saving,.cell-check.saving{opacity:.55}
.cell-input.saved{box-shadow:inset 0 0 0 2px #9fd7b7}
.grid-empty{padding:28px 16px!important;text-align:center;color:var(--muted)}
.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:7px;background:transparent;color:var(--muted)}
.icon-button:hover{background:var(--red-soft);color:var(--red)}
.icon-button .icon{width:17px;height:17px;flex-basis:17px}
.add-row{display:flex;align-items:center;gap:8px;width:100%;padding:12px 18px;border:0;border-top:1px solid var(--line);background:#fbfcfe;color:var(--blue-hover);font-weight:600;font-size:14px;text-align:left}
.add-row:hover:not(:disabled){background:var(--soft)}
.add-row .icon{width:17px;height:17px;flex-basis:17px}
.suggestions{margin-bottom:22px}
.suggestion-list{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px}
.suggestion{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;padding:14px 16px;border:1px solid var(--line);border-radius:10px}
.suggestion-pick{display:flex;gap:12px;align-items:flex-start;flex:1 1 320px;cursor:pointer}
.suggestion-pick input,.suggestion-import input{margin-top:4px;width:18px;height:18px;accent-color:var(--blue)}
.suggestion-pick>span{display:flex;flex-direction:column;gap:4px}
.suggestion code,.tech-name,.panel code{font-family:ui-monospace,Menlo,monospace;font-size:12px;background:var(--soft);padding:1px 6px;border-radius:5px;color:#285b83}
.suggestion-import{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--muted);white-space:nowrap}
.field-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}
.field-chips span{padding:2px 8px;border-radius:999px;background:#f2f5f9;color:var(--muted);font-size:12px}
.columns-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) 60px;gap:8px 12px;align-items:center;margin-bottom:18px}
.columns-grid .input{min-height:40px;padding:7px 10px}
.columns-grid input[type=checkbox]{width:18px;height:18px;justify-self:center;accent-color:var(--red)}
.tech-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;justify-self:start;max-width:100%}
.token-reveal{margin:16px 0;padding:14px;border-radius:9px;background:var(--amber-soft);border:1px solid #f0d9a8;color:var(--amber);font-size:14px}
.token-reveal .url-field{margin-top:10px}
.token-list{list-style:none;margin:10px 0 14px;padding:0;display:grid;gap:8px}
.token-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:9px}
.token-list li div{display:flex;flex-direction:column}
.inline-form{display:flex;gap:8px;flex-wrap:wrap}
.inline-form .input{flex:1 1 220px}
.m-code{margin:14px 0}
.m-code summary{cursor:pointer;font-weight:600;font-size:14px;color:var(--blue-hover)}
.m-code pre{margin:10px 0;padding:14px;border-radius:9px;background:#0f1f33;color:#e3eefb;font-size:12.5px;line-height:1.6;overflow:auto}
@media (max-width:700px){.grid-toolbar .search{width:100%}.columns-grid{grid-template-columns:1fr 1fr;}.columns-grid .tech-name{display:none}.columns-grid>span:nth-child(2){display:none}}
.suggestion-pick code{align-self:flex-start}
details.suggestions summary{cursor:pointer;color:var(--ink)}
details.suggestions[open] summary{margin-bottom:10px}
details.suggestions>p{margin-bottom:14px}