/* Aplicaciones > BD productos · catálogo completo Supabase */
.pdb-shell{display:flex;flex-direction:column;gap:14px;min-height:65vh;padding:20px}
.pdb-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.pdb-header h2{font-size:1.5rem;margin:4px 0;color:#163b51}
.pdb-header p{margin:0;color:#5a7382;font-size:.85rem}
.pdb-eyebrow{font-size:.68rem;letter-spacing:.1em;font-weight:800;color:#0d7a82}
.pdb-actions{display:flex;gap:8px;flex-wrap:wrap}
.pdb-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:12px 14px;background:#eef5f8;border:1px solid #d7e4ea;border-radius:11px}
.pdb-toolbar label{display:flex;flex-direction:column;gap:5px;font-size:.74rem;font-weight:750;color:#365263;min-width:150px}
.pdb-toolbar label.pdb-search{flex:1;min-width:245px}
.pdb-toolbar input,.pdb-toolbar select{width:100%;min-height:36px;padding:7px 10px;border:1px solid #aebfc9;border-radius:7px;background:white;color:#1c3444;font:inherit;font-size:.84rem}
.pdb-meta{margin-left:auto;font-size:.77rem;color:#506979;font-weight:650;white-space:nowrap;padding-bottom:8px}
.pdb-table-wrap{overflow-x:auto;border:1px solid #d9e5eb;border-radius:10px;background:#fff}
.pdb-table{width:100%;border-collapse:collapse;font-size:.78rem}
.pdb-table th{position:sticky;top:0;white-space:nowrap;background:#e7f0f5;color:#19465d;font-weight:750;text-align:left;padding:10px;border-bottom:1px solid #cbdde5}
.pdb-table td{padding:9px 10px;border-bottom:1px solid #e6edf1;vertical-align:middle}
.pdb-table tr:hover{background:#f7fafc}
.pdb-table td strong{font-size:.83rem;color:#1b3e50;display:block}
.pdb-table td small{display:block;color:#70818b;margin-top:3px}
.pdb-table td.pdb-num{text-align:right;font-variant-numeric:tabular-nums}
.pdb-row-actions{display:flex;align-items:center;gap:5px;white-space:nowrap}
.pdb-row-actions button{padding:5px 8px!important;font-size:.72rem!important;min-height:29px!important}
.pdb-row-actions .pdb-danger{color:#a43d46;border-color:#e8c6cb}
.pdb-status{display:inline-block;border-radius:100px;font-weight:750;font-size:.69rem;padding:3px 7px}
.pdb-status.is-active{background:#ddf3e7;color:#166b42}
.pdb-status.is-inactive{background:#eceff1;color:#60717b}
.pdb-pagination{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:12px;font-size:.76rem;color:#516b78;flex-wrap:wrap}
.pdb-pagination>div{display:flex;gap:10px;align-items:center}
.pdb-pagination button{font-size:.73rem!important;padding:5px 10px!important}
.pdb-empty,.pdb-loading{padding:20px!important;text-align:center;color:#68818c}
.pdb-notice{font-size:.8rem;background:#e4f4eb;border:1px solid #b6dec8;padding:9px 11px;border-radius:8px;color:#245844}
.pdb-error{padding:15px;background:#ffeced;color:#a21d35}
dialog.pdb-dialog{border:1px solid #d9e5eb;border-radius:14px;box-shadow:0 18px 48px rgba(11,35,50,.24);padding:0;width:min(980px,calc(100vw - 32px));max-height:calc(100vh - 34px);overflow:auto;background:#fff}
dialog.pdb-dialog::backdrop{background:rgba(10,30,42,.48)}
.pdb-modal{padding:21px 25px}
.pdb-modal-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px}
.pdb-modal-head small{color:#28818b;letter-spacing:.08em;font-size:.69rem;font-weight:850}
.pdb-modal-head h2{margin:3px 0 0;font-size:1.3rem;color:#163c52}
.pdb-form-hint{color:#607684;font-size:.78rem;line-height:1.5;margin-bottom:16px}
.pdb-fieldset{border:1px solid #dce7ee;border-radius:10px;padding:12px 15px 15px;margin:0 0 12px;min-width:0}
.pdb-fieldset legend{font-weight:800;color:#19485f;padding:0 5px;font-size:.85rem}
.pdb-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pdb-field{display:flex;flex-direction:column;gap:5px;font-size:.75rem;font-weight:700;color:#344e5d;min-width:0}
.pdb-field input,.pdb-field select,.pdb-field textarea{width:100%;font-size:.83rem;font-weight:450;min-height:36px;padding:8px;border:1px solid #b9cbd6;border-radius:7px;color:#263c4a;background:#fff}
.pdb-field textarea{resize:vertical}
.pdb-field-wide{grid-column:1 / -1}
.pdb-modal-actions{display:flex;justify-content:end;gap:8px;padding-top:8px;position:sticky;bottom:0;background:#fff;border-top:1px solid #e5edf2;margin-top:14px}
.pdb-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pdb-detail-section{border:1px solid #e0e9ee;border-radius:10px;min-width:0;padding:12px 15px}
.pdb-detail-section h3{font-size:.86rem;margin:0 0 9px;color:#235469}
.pdb-detail-section dl{margin:0;display:grid;grid-template-columns:1fr;gap:3px}
.pdb-detail-section dl>div{display:grid;grid-template-columns:44% 1fr;gap:7px;border-bottom:1px solid #edf1f4;padding:5px 0}
.pdb-detail-section dt{color:#627b89;font-size:.7rem;overflow-wrap:anywhere}
.pdb-detail-section dd{color:#263c47;font-size:.76rem;margin:0;font-weight:650;overflow-wrap:anywhere}
@media(max-width:820px){.pdb-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pdb-detail-grid{grid-template-columns:1fr}.pdb-meta{width:100%;margin-left:0;padding:0}}
@media(max-width:520px){.pdb-shell{padding:12px}.pdb-form-grid{grid-template-columns:1fr}.pdb-modal{padding:15px}.pdb-pagination>div{width:100%;justify-content:space-between}.pdb-toolbar label,.pdb-toolbar label.pdb-search{min-width:100%}}

/* Catálogo técnico horizontal: muestra todos los atributos, con nombre fijo. */
.pdb-table-hint{font-size:.7rem;color:#647e8a;margin:0 0 6px}
.pdb-table-wrap{max-width:100%;max-height:66vh;overflow:auto;overscroll-behavior:contain}
.pdb-table{min-width:100%;width:max-content;table-layout:auto;font-size:.72rem}
.pdb-table th,.pdb-table td{box-sizing:border-box;max-width:210px;min-width:110px;padding:7px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pdb-table .pdb-group-head th{top:0;z-index:5;text-align:center;font-size:.71rem;color:#1d566d;
  background:#d4e8f1;border-right:2px solid #fff;border-bottom:1px solid #a8c7d6;padding:6px}
.pdb-table .pdb-label-head th{top:27px;z-index:4;background:#e7f0f5;white-space:normal;line-height:1.18;min-height:38px;
  height:40px;max-width:170px;min-width:95px;font-size:.67rem}
.pdb-table td{max-width:170px;color:#375060}
.pdb-table td .pdb-cell-value{display:block;overflow:hidden;text-overflow:ellipsis;max-width:150px;cursor:default}
.pdb-table .pdb-sticky-name{position:sticky;left:0;z-index:3;background:#fff;min-width:190px;max-width:225px;
  box-shadow:2px 0 4px rgba(20,50,65,.08)}
.pdb-table .pdb-label-head .pdb-sticky-name{z-index:7;background:#e7f0f5}
.pdb-table .pdb-sticky-name strong{max-width:205px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pdb-table .pdb-sticky-actions{min-width:210px;max-width:300px;background:#fff}
.pdb-table .pdb-label-head .pdb-sticky-actions{background:#e7f0f5}
.pdb-table .pdb-num{font-variant-numeric:tabular-nums;text-align:center}
.pdb-table tr:hover .pdb-sticky-name,.pdb-table tr:hover .pdb-sticky-actions{background:#f7fafc}
.pdb-sag-usages{margin-top:16px;border:1px solid #c6dae5;border-radius:10px;padding:14px}
.pdb-sag-usages h3{font-size:.96rem;color:#1b5269;margin:0 0 8px}
.pdb-sag-table-wrap{max-width:100%;overflow:auto;border:1px solid #d4e4ed;border-radius:8px}
.pdb-sag-table{border-collapse:collapse;min-width:100%;width:max-content;font-size:.73rem}
.pdb-sag-table th,.pdb-sag-table td{max-width:210px;min-width:95px;padding:8px 10px;
  border-bottom:1px solid #e2ebf0;vertical-align:top;white-space:normal;overflow-wrap:anywhere}
.pdb-sag-table th{background:#e4eff5;font-size:.69rem;color:#26546a;white-space:nowrap;position:sticky;top:0;z-index:1}
.pdb-sag-table td{max-height:90px;overflow:hidden}
@media(max-width:560px){
  .pdb-table .pdb-sticky-name{min-width:155px;max-width:155px}
  .pdb-table .pdb-sticky-name strong{max-width:148px}
  .pdb-header h2{font-size:1.25rem}
}