/* Compatibility for the restored v57 design with the current two-column vault. */
@media(min-width:901px){
  .column-browser{grid-template-columns:clamp(230px,17vw,290px) minmax(0,1fr)!important}
  .records-column{min-width:0}
}
.record-list .secret{grid-template-columns:48px minmax(0,1fr) auto}
.record-list .secret>div:nth-child(2){min-width:0}
.secret-lightbox{width:min(640px,calc(100vw - 28px));height:auto;max-height:calc(100vh - 28px);padding:0;border:1px solid #dce4ea;border-radius:22px;color:#30465a;background:#fff;box-shadow:0 32px 100px rgba(6,24,41,.36);overflow:hidden}
.secret-lightbox::backdrop{background:rgba(7,26,44,.62);backdrop-filter:blur(8px)}
.secret-lightbox .detail-column{position:relative;width:100%;max-height:calc(100vh - 28px);padding:24px 25px 28px;overflow-y:auto;background:#fff}
.secret-lightbox .detail-head{position:static;margin:0 0 20px;padding:0 48px 17px 0;border-bottom:1px solid #e7edf2;background:#fff}
.secret-lightbox .detail-head h2{color:#1b3045}
.secret-lightbox .detail-head small{color:#148e89}
.secret-lightbox-close{position:absolute;z-index:5;top:20px;right:20px;width:38px;height:38px;border:1px solid #dbe4ea;border-radius:12px;color:#607488;background:#f4f7f9;font-size:24px;line-height:1;cursor:pointer;transition:transform .15s ease,border-color .15s ease,color .15s ease,background .15s ease}
.secret-lightbox-close:hover{border-color:#9bd7d2;color:#087f79;background:#e8f5f3;transform:translateY(-1px)}
.secret-lightbox-close:active{transform:scale(.96)}
.secret-lightbox .detail-recipients{border-color:#e0e7ec;background:#f7f9fa}
.secret-lightbox .field{border-color:#dfe7ec;background:#f7f9fb;box-shadow:none}
.secret-lightbox .field a,.secret-lightbox .field span{color:#176c80}
.secret-lightbox .copy-grid button{border-color:#dfe6ed;color:#5c7287;background:#fff}
.secret-lightbox .copy-grid button:hover{border-color:#8ed7d2;color:#087d78;background:#edf8f7}
.secret-lightbox .launch{border-radius:15px;background:linear-gradient(135deg,#12aaa2,#1688b2);box-shadow:0 12px 28px rgba(19,148,162,.2)}
.secret-lightbox .detail-footer{border-top-color:#e4eaf0}
.theme-picker>div{scrollbar-width:none!important}
.theme-picker>div::-webkit-scrollbar{display:none}
@media(max-width:900px){
  .column-browser{display:block!important}
  .secret-lightbox{width:calc(100vw - 12px);max-height:calc(100vh - 12px);border-radius:20px}
  .secret-lightbox .detail-column{max-height:calc(100vh - 12px);padding:20px 16px 24px}
  .secret-lightbox .copy-grid{grid-template-columns:1fr}
}