.row-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;animation:rowDrawerFadeIn .25s ease-out}@keyframes rowDrawerFadeIn{0%{opacity:0}to{opacity:1}}.row-drawer{position:fixed;top:0;right:0;bottom:0;width:560px;max-width:90vw;background:#fff;box-shadow:-4px 0 24px #00000026;z-index:1001;display:flex;flex-direction:column;animation:rowDrawerSlide .25s ease-out}@keyframes rowDrawerSlide{0%{transform:translate(100%)}to{transform:translate(0)}}.row-drawer-header{padding:16px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.row-drawer-title{font-size:18px;font-weight:600;color:#1f2937}.row-drawer-subtitle{font-size:14px;font-weight:400;color:#6b7280}.row-drawer-header-actions{display:flex;gap:8px;align-items:center}.row-drawer-delete{padding:6px 12px;font-size:13px;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;cursor:pointer;transition:all .15s ease}.row-drawer-delete:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5}.row-drawer-delete:disabled{opacity:.4;cursor:not-allowed}.row-drawer-close{padding:6px 10px;font-size:20px;line-height:1;color:#6b7280;background:transparent;border:none;cursor:pointer;transition:color .15s ease}.row-drawer-close:hover{color:#1f2937}.row-drawer-tabs{padding:0 24px;border-bottom:1px solid #e5e7eb;display:flex;gap:4px;flex-shrink:0;background:#f9fafb}.row-drawer-tab{padding:12px 16px;font-size:13px;font-weight:500;color:#6b7280;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:6px;position:relative}.row-drawer-tab:hover:not(:disabled){color:#1f2937;background:#3b82f60d}.row-drawer-tab.active{color:#3b82f6;border-bottom-color:#3b82f6;background:#fff}.row-drawer-tab.locked{color:#9ca3af;cursor:not-allowed}.row-drawer-tab:disabled{opacity:.5;cursor:not-allowed}.row-drawer-tab-icon{font-size:16px}.row-drawer-tab-label{font-weight:500}.row-drawer-tab-lock{font-size:12px;margin-left:2px}.row-drawer-body{flex:1;overflow-y:auto;padding:24px}@media (max-width: 768px){.row-drawer{width:100vw;max-width:100vw}}