/* vault-fixes: wireframe alignment (redesign follow-up). */

/* Script vault · tabs: plain inline counts, only the active tab bold */
#script-vault-page .vault-tabs>button,#script-vault-page .vault-tabs>a{height:40px;padding:0 14px;font-weight:400;color:var(--muted)}
#script-vault-page .vault-tabs>.active{font-weight:600;color:var(--done-strong)}
#script-vault-page .vault-tabs>button.is-attention{font-weight:600}
#script-vault-page .vault-tabs .vault-badge{min-width:0;padding:0;background:none;border:0;color:inherit;font:inherit}

/* Script vault · filters: one row in a white bordered card */
#script-vault-page .vault-filter-row{flex-wrap:wrap;align-items:flex-end;gap:12px;padding:12px 16px;margin:0 0 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card)}
#script-vault-page .vault-filter-row>label{flex:1 1 110px;min-width:0;max-width:none;display:flex;flex-direction:column;gap:4px;margin:0;font-size:var(--fs-12);font-weight:400;color:var(--muted)}
#script-vault-page .vault-filter-row>label:first-child{flex:2 1 180px;max-width:none}
#script-vault-page .vault-filter-row>label input,#script-vault-page .vault-filter-row>label select{width:100%;min-width:0;height:36px;min-height:36px;margin:0;padding:0 10px;font-size:14px;color:var(--text)}
#script-vault-page .vault-filter-row .vault-groupby{flex:1 1 150px;min-width:0;gap:4px;font-size:var(--fs-12);color:var(--muted)}
#script-vault-page .vault-filter-row .vault-groupby .segmented{display:flex;align-self:stretch;padding:3px;border-radius:8px}
#script-vault-page .vault-filter-row .vault-groupby .segmented button{flex:1;min-height:30px;height:30px}
#script-vault-page .vault-filter-row .vault-more-filters{position:relative;flex:0 0 auto;width:auto;margin:0;padding:0;border:0}
#script-vault-page .vault-filter-row .vault-more-filters>summary{display:flex;align-items:center;gap:6px;height:36px;padding:0 4px;font-size:var(--fs-13);font-weight:600;color:var(--muted);white-space:nowrap;cursor:pointer}
#script-vault-page .vault-filter-row .vault-more-filters .vault-more-grid{position:absolute;right:0;top:calc(100% + 8px);z-index:20;width:min(520px,80vw);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:0 12px 32px rgba(36,42,53,.14)}
#script-vault-page .vault-filter-row .vault-more-grid label{display:flex;flex-direction:column;gap:4px;margin:0;font-size:var(--fs-12);color:var(--muted)}
#script-vault-page .vault-filter-row .vault-more-grid select{height:36px;min-height:36px;margin:0;font-size:14px}
#script-vault-page .vault-filter-row>button[data-vault="clear-filters"]{flex:0 0 auto;height:36px;min-height:36px;white-space:nowrap}

/* Script vault · bulk bar lives in the list column, dark */
#script-vault-page .vault-list>.vault-selectbar{gap:12px;margin:0;padding:8px 8px 8px 16px;background:var(--text);color:#fff;border:0;border-radius:var(--r-card)}
#script-vault-page .vault-list>.vault-selectbar strong{margin-right:auto;font-size:14px}
#script-vault-page .vault-list>.vault-selectbar button{height:32px;min-height:32px;padding:0 12px;border:1px solid var(--muted);border-radius:var(--r-control);background:transparent;color:#fff;font-size:13px;font-weight:600}
#script-vault-page .vault-list>.vault-selectbar button:hover{background:#353c49}
#script-vault-page .vault-list>.vault-selectbar button.primary{border-color:#2f8a72;background:#2f8a72;color:#fff}
#script-vault-page .vault-list>.vault-selectbar button.primary:hover{background:var(--done)}
#script-vault-page .vault-list>.vault-selectbar button.vault-select-clear{border-color:transparent;color:var(--control)}
#script-vault-page .vault-list{gap:12px}

/* Script vault · table grid: 40px checkbox column, wireframe proportions */
#script-vault-page .vr-row{grid-template-columns:40px minmax(0,2.6fr) minmax(0,1.2fr) minmax(0,.9fr) minmax(0,.7fr) minmax(0,.9fr);min-height:60px;padding:0 16px}
#script-vault-page .vr-row>input.vault-select{width:18px;height:18px;margin:0}
#script-vault-page .vr-cell{font-size:14px}

/* Column headers: sentence case, 12px semibold sans */
#script-vault-page .vr-colhead{min-height:32px;height:32px;padding:0 17px;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:none;color:var(--muted)}

/* Subject card header */
#script-vault-page .vault-subject-head{padding:14px 16px;border-bottom:1px solid var(--line)}
#script-vault-page .vault-subject-head h3{font-size:17px;line-height:24px;font-weight:700}
#script-vault-page .vault-subject-head .vault-subject-title{flex:1 1 320px;display:flex;flex-direction:column;gap:2px;min-width:0}
#script-vault-page .vault-subject-head .vault-subject-note{font-size:var(--fs-13);color:var(--muted)}
#script-vault-page .vault-subject-head .vault-subject-count{margin-left:auto;font-size:var(--fs-13);color:var(--muted);white-space:nowrap}
#script-vault-page .vault-subject-head:last-child{border-bottom:0}

/* Version rows: one grey 13px line */
#script-vault-page .vr-row.vr-version{min-height:44px;font-size:13px;color:#4a515c}
#script-vault-page .vr-version>input.vault-select{width:16px;height:16px;justify-self:center}
#script-vault-page .vr-version .vr-title{padding-left:13px}
#script-vault-page .vr-version button.vr-open{font-size:13px;font-weight:400;color:#4a515c}
#script-vault-page .vr-version .vr-cell{font-size:13px;color:#4a515c}

/* Preview drawer */
#script-vault-page .vault-drawer p.vault-opens{padding:12px;background:#f4f5f7;border-radius:var(--r-control);font-size:var(--fs-13)}
#script-vault-page .vault-drawer a.vault-source{font-size:var(--fs-13);font-weight:600;text-decoration:none}

/* Bulk write · Set all rows: one compact line of selects */
.bulk-form .bulk-setall{align-items:center;gap:12px}
.bulk-form .bulk-inline{display:flex;flex-direction:row;align-items:center;gap:6px;margin:0;font-size:var(--fs-13);font-weight:400;color:var(--muted)}
.bulk-form .bulk-inline select,.bulk-form .bulk-inline input{height:32px;min-height:32px;margin:0;padding:0 8px;font-size:var(--fs-13);color:var(--text)}
.bulk-form .bulk-setall .bulk-inline select{padding-right:28px}
.bulk-form .bulk-setall input#bulk-mentor{width:110px}
.bulk-setall-note{font-size:var(--fs-12);color:var(--muted)}
.bulk-notes-more{flex:1 1 100%;font-size:var(--fs-12);color:var(--muted)}
.bulk-notes-more>summary{cursor:pointer;font-weight:600}
.bulk-notes-more[open]>summary{margin-bottom:6px}
.bulk-notes-more input#bulk-idea{width:100%;min-height:32px;height:32px;margin:0;padding:0 8px;font-size:var(--fs-13)}

/* Bulk rows: room for the notes placeholder */
.bulk-form .br-row{grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) minmax(0,.7fr) minmax(0,.7fr) minmax(0,.9fr) minmax(0,1.5fr) 32px}
.bulk-form .br-row input::placeholder{text-overflow:ellipsis}
.bulk-form .br-row button.br-remove{width:32px;min-height:32px;padding:0;border:0;background:transparent;color:var(--muted);font-size:16px}

/* Submit bar: everything on one centred line */
.bulk-form .bulk-submit{align-items:center}
.bulk-form .bulk-submit .bulk-name input{width:160px}
.bulk-form .bulk-estimate{align-self:center;font-size:var(--fs-13);line-height:40px}
.bulk-form .bulk-foot{font-size:var(--fs-12)}

/* Bulk write: one-line subtitle, compact inputs (ids beat the global 44px input rule) */
#script-vault-page .pagehead p{max-width:none}
.bulk-form input#bulk-mentor,.bulk-form input#bulk-name,.bulk-form input#bulk-idea{height:32px;min-height:32px;padding:0 8px;font-size:var(--fs-13)}
.bulk-form .bulk-notes-more>summary{display:list-item}
