.vvp-date-picker{display:grid;grid-template-columns:minmax(5.2rem,.8fr) minmax(7rem,1.3fr) minmax(4.5rem,.7fr);gap:7px;width:100%;margin-top:0;align-items:stretch}
.vvp-date-picker input,.vvp-date-picker select{box-sizing:border-box;width:100%;min-width:0;min-height:42px;padding:8px 9px;border:1px solid #cbd9d0;border-radius:7px;background:#fff;color:#26362d;font:inherit;font-size:16px}
.vvp-date-picker input[type=number]{appearance:textfield;-moz-appearance:textfield}
.vvp-date-picker input[type=number]::-webkit-inner-spin-button,.vvp-date-picker input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.vvp-date-picker-datetime{grid-template-columns:minmax(5.2rem,.8fr) minmax(7rem,1.3fr) minmax(4.5rem,.7fr) minmax(6rem,.8fr)}
.vvp-date-picker [aria-invalid=true]{border-color:#b72c30;box-shadow:0 0 0 1px #b72c30}
.vvp-protocol-form{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;margin-top:12px!important}
.vvp-app .vvp-protocol-form>label{display:grid!important;gap:6px;min-width:0!important;width:100%;flex:none!important}
.vvp-protocol-form>label>input[type=file]{min-width:0;max-width:100%;font-size:14px}
.vvp-protocol-form .vvp-protocol-form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;margin-top:2px}
.vvp-protocol-form-actions .vvp-btn{min-width:120px}
.vvp-protocol-current-year{margin:14px 0 20px}
.vvp-protocol-current-year h4{margin:0 0 4px;padding:12px 0;border-bottom:1px solid var(--vvp-border,#dfe5df);font-size:17px;color:var(--vvp-ink,#26362d)}
.vvp-protocol-archive{margin-top:16px;border:1px solid var(--vvp-border,#dfe5df);border-radius:9px;background:#f7f9f7;overflow:hidden}
.vvp-protocol-archive>summary{padding:13px 15px;cursor:pointer;font-weight:700;list-style:none}
.vvp-protocol-archive>summary::-webkit-details-marker{display:none}
.vvp-protocol-archive>summary:before{content:'▶';display:inline-block;margin-right:9px;font-size:.72em}
.vvp-protocol-archive[open]>summary:before{content:'▼'}
.vvp-protocol-archive[open]>summary{border-bottom:1px solid var(--vvp-border,#dfe5df)}
.vvp-protocol-archive-years{padding:4px 14px 12px}
.vvp-protocol-archive-year{border-bottom:1px solid var(--vvp-border,#dfe5df)}
.vvp-protocol-archive-year:last-child{border-bottom:0}
.vvp-protocol-archive-year>summary{padding:12px 4px;cursor:pointer;font-weight:600;list-style:none}
.vvp-protocol-archive-year>summary::-webkit-details-marker{display:none}
.vvp-protocol-archive-year>summary:before{content:'▶';display:inline-block;margin-right:9px;font-size:.7em}
.vvp-protocol-archive-year[open]>summary:before{content:'▼'}
.vvp-protocol-archive-year[open]>.vvp-protocol-archive-list{padding:0 8px 8px}
.vvp-protocol-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center!important;gap:14px 20px!important;padding:13px 0!important}
.vvp-protocol-row .vvp-protocol-info{display:grid;gap:4px;min-width:0}
.vvp-protocol-row .vvp-protocol-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.vvp-protocol-row .vvp-protocol-actions .vvp-btn{min-width:88px;text-align:center}
.vvp-protocol-row .vvp-protocol-edit{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;background:#f7f9f7;border-radius:8px}
.vvp-protocol-row .vvp-protocol-edit[hidden]{display:none}
.vvp-protocol-row .vvp-protocol-edit>label{display:grid;gap:6px;min-width:0}
.vvp-protocol-row .vvp-protocol-edit>label>select,.vvp-protocol-row .vvp-protocol-edit>label>input[type=file]{width:100%;min-width:0}
.vvp-protocol-row .vvp-protocol-edit>.vvp-btn{grid-column:1/-1;justify-self:end}
@media(max-width:760px){
 .vvp-protocol-form{grid-template-columns:minmax(0,1fr);gap:12px}
 .vvp-protocol-form .vvp-protocol-form-actions{display:grid;grid-template-columns:1fr 1fr}
 .vvp-protocol-form-actions .vvp-btn{width:100%;min-width:0}
 .vvp-protocol-row{grid-template-columns:minmax(0,1fr);gap:10px!important}
 .vvp-protocol-row .vvp-protocol-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
 .vvp-protocol-row .vvp-protocol-actions .vvp-btn,.vvp-protocol-row .vvp-protocol-actions form,.vvp-protocol-row .vvp-protocol-actions form .vvp-btn{width:100%;min-width:0;text-align:center}
 .vvp-protocol-row .vvp-protocol-edit{grid-column:1;grid-template-columns:minmax(0,1fr)}
 .vvp-protocol-row .vvp-protocol-edit>.vvp-btn{grid-column:1;width:100%}
}
@media(max-width:760px){.vvp-date-picker-datetime{grid-template-columns:minmax(4.4rem,.8fr) minmax(6rem,1.2fr) minmax(3.8rem,.65fr)}.vvp-date-picker-datetime [data-vvp-date-time]{grid-column:1/-1}}