.base-view-attachments{font-family:var(--font-family-base,"Ubuntu",sans-serif)}.base-view-attachments .form-control{border:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;padding:0!important;height:auto!important;background:transparent!important}.base-view-attachments .attachment{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--space-4,16px);padding:var(--space-2,8px) 0}.base-view-attachments .attachment-item{position:relative;background:var(--color-white,#fff);border:1px solid var(--color-gray-200,#e5e7eb);border-radius:var(--radius-md,8px);padding:var(--space-3,12px);-webkit-transition:all var(--duration-normal,.2s) ease;transition:all var(--duration-normal,.2s) ease}.base-view-attachments .attachment-item:hover{border-color:var(--color-primary-300,#93c5fd);-webkit-box-shadow:0 2px 8px rgba(47,128,237,.1);box-shadow:0 2px 8px rgba(47,128,237,.1)}.base-view-attachments .attachment-item.no-permission{opacity:.6}.base-view-attachments .attachment-item button{border:none;background:transparent;padding:0;cursor:pointer}.base-view-attachments .attachment-item .btn{border-radius:var(--radius-sm,4px)!important;padding:var(--space-2,8px) var(--space-3,12px)!important;font-size:14px!important;-webkit-transition:all var(--duration-fast,.1s) ease;transition:all var(--duration-fast,.1s) ease}.base-view-attachments .attachment-item .btn-success{background:var(--color-success-50,#ecfdf5)!important;color:var(--color-success-600,#059669)!important;border:1px solid var(--color-success-200,#a7f3d0)!important}.base-view-attachments .attachment-item .btn-danger,.base-view-attachments .attachment-item .delete-button{background:var(--color-danger-50,#fef2f2)!important;color:var(--color-danger-600,#dc2626)!important;border:1px solid var(--color-danger-200,#fecaca)!important}.base-view-attachments .attachment-item .btn-dark{background:var(--color-gray-100,#f3f4f6)!important;color:var(--color-gray-700,#374151)!important;border:1px solid var(--color-gray-300,#d1d5db)!important}.base-view-attachments .attachment-item .btn-outline-secondary{background:var(--color-gray-50,#f9fafb)!important;color:var(--color-gray-500,#6b7280)!important;border:1px solid var(--color-gray-200,#e5e7eb)!important}.base-view-attachments .attachment-item label{font-size:var(--font-size-caption,12px);color:var(--color-gray-700,#374151);margin-bottom:0;line-height:1.4;word-break:break-word}.base-view-attachments .attachment-item label b{color:var(--color-gray-500,#6b7280);font-weight:var(--font-weight-medium,500);font-size:var(--font-size-caption,12px)}.base-view-attachments>.row>.col-3 .btn-info,.base-view-attachments>.row>.col-md-1 .btn-info{background:var(--color-primary-500,#2f80ed)!important;border:none!important;border-radius:var(--radius-md,8px)!important;padding:var(--space-2,8px) var(--space-3,12px)!important;color:var(--color-white,#fff)!important;-webkit-box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.05));box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.05));-webkit-transition:all var(--duration-normal,.2s) ease;transition:all var(--duration-normal,.2s) ease}.base-view-attachments>.row>.col-3 .btn-info:hover,.base-view-attachments>.row>.col-md-1 .btn-info:hover{background:var(--color-primary-600,#2563eb)!important;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 2px 4px rgba(47,128,237,.2);box-shadow:0 2px 4px rgba(47,128,237,.2)}.base-view-attachments h4.text-black{font-size:var(--font-size-base,14px)!important;font-weight:var(--font-weight-medium,500)!important;color:var(--color-gray-500,#6b7280)!important;text-align:center;padding:var(--space-6,24px) 0}.base-view-attachments .badge{font-size:var(--font-size-caption,12px)!important;font-weight:var(--font-weight-medium,500)!important;padding:2px 8px!important;border-radius:var(--radius-full,9999px)!important}.base-view-attachments .permission-lock-overlay{position:absolute;top:4px;right:4px;background-color:hsla(0,0%,100%,.9);border-radius:var(--radius-sm,4px);padding:2px 6px;z-index:10}.base-view-attachments .permission-lock-overlay i{color:var(--color-danger-500,#ef4444);font-size:12px}.base-view-attachments .disabled-attachment{cursor:not-allowed!important;opacity:.5}.base-view-attachments .file-drop-area{border:2px dashed var(--color-gray-300,#d1d5db)!important;border-radius:var(--radius-md,8px)!important;background:var(--color-gray-50,#f9fafb)!important;-webkit-transition:border-color var(--duration-normal,.2s) ease;transition:border-color var(--duration-normal,.2s) ease}.base-view-attachments .file-drop-area:hover{border-color:var(--color-primary-400,#60a5fa)!important}.base-view-attachments .file-drop-area label{font-size:var(--font-size-base,14px)!important;color:var(--color-gray-600,#4b5563)!important}.base-view-attachments .file-drop-area .text-info{color:var(--color-primary-500,#2f80ed)!important;font-weight:var(--font-weight-medium,500)}.base-view-attachments .btn-fw.btn-info,.base-view-attachments .modal-body .btn-info{background:var(--color-primary-500,#2f80ed)!important;border:none!important;border-radius:var(--radius-sm,4px)!important;font-size:var(--font-size-base,14px)!important;padding:var(--space-2,8px) var(--space-4,16px)!important}.base-view-attachments .blue-button{background:var(--color-primary-500,#2f80ed)!important;border:none!important;border-radius:var(--radius-sm,4px)!important;color:var(--color-white,#fff)!important}.base-view-attachments .btn-fw.btn-delete-button,.base-view-attachments .btn[variant=delete-button]{background:var(--color-danger-500,#ef4444)!important;border:none!important;border-radius:var(--radius-sm,4px)!important;color:var(--color-white,#fff)!important;font-size:var(--font-size-base,14px)!important;padding:var(--space-2,8px) var(--space-4,16px)!important}.base-view-attachments .attachment-item img{border-radius:var(--radius-sm,4px);max-width:100%}.attachment-cursor{cursor:pointer}.file-preview-container{text-align:center}.bva__preview-content{text-align:center;padding:var(--space-4,16px) 0}.bva__preview-image{max-width:100%}.bva__file-icon,.bva__preview-image,.bva__preview-video{border-radius:var(--radius-md,8px)}.bva__file-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:80px;height:80px;font-size:32px;text-decoration:none;-webkit-transition:all var(--duration-normal,.2s) ease;transition:all var(--duration-normal,.2s) ease}.bva__file-icon:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.bva__file-icon--success{background:var(--color-success-50,#ecfdf5);color:var(--color-success-600,#059669);border:1px solid var(--color-success-200,#a7f3d0)}.bva__file-icon--danger{background:var(--color-danger-50,#fef2f2);color:var(--color-danger-600,#dc2626);border:1px solid var(--color-danger-200,#fecaca)}.bva__file-icon--default{background:var(--color-gray-50,#f9fafb);color:var(--color-gray-600,#4b5563);border:1px solid var(--color-gray-200,#e5e7eb)}.bva__details-grid{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:var(--space-4,16px) 0}.bva__detail-row,.bva__details-grid{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--space-3,12px)}.bva__detail-label{font-weight:var(--font-weight-semibold,600);color:var(--color-gray-700,#374151);min-width:140px;-ms-flex-negative:0;flex-shrink:0;font-size:var(--font-size-base,14px)}.bva__detail-value{color:var(--color-gray-600,#4b5563);font-size:var(--font-size-base,14px);word-break:break-word}.bva__edit-form{margin-top:var(--space-4,16px);padding-top:var(--space-4,16px);border-top:1px solid var(--color-gray-200,#e5e7eb)}.bva__edit-fields{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-3,12px)}.bva__edit-fields,.bva__edit-name{display:-webkit-box;display:-ms-flexbox;display:flex}.bva__edit-name{-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-2,8px)}.bva__edit-ext{color:var(--color-gray-500,#6b7280);font-size:var(--font-size-base,14px);white-space:nowrap}.bva__modal-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--space-2,8px);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bva__upload-body{position:relative}.bva__upload-body--submitting{pointer-events:none;opacity:.7}.bva__upload-overlay{position:absolute;inset:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:hsla(0,0%,100%,.8);z-index:10;font-size:24px;color:var(--color-primary-500,#2f80ed);border-radius:var(--radius-md,8px)}.bva__file-list,.bva__upload-overlay{display:-webkit-box;display:-ms-flexbox;display:flex}.bva__file-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-3,12px);margin-bottom:var(--space-4,16px)}.bva__file-item{border:1px solid var(--color-gray-200,#e5e7eb);border-radius:var(--radius-md,8px);padding:var(--space-3,12px);background:var(--color-white,#fff)}.bva__file-item-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-2,8px)}.bva__file-item-desc,.bva__file-item-row{margin-bottom:var(--space-2,8px)}.bva__file-item-info{color:var(--color-primary-500,#2f80ed);font-size:var(--font-size-caption,12px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-1,4px)}.bva__drop-area{border:2px dashed var(--color-gray-300,#d1d5db);border-radius:var(--radius-md,8px);background:var(--color-gray-50,#f9fafb);-webkit-transition:all var(--duration-normal,.2s) ease;transition:all var(--duration-normal,.2s) ease;position:relative}.bva__drop-area:hover{border-color:var(--color-primary-400,#60a5fa);background:var(--color-primary-50,#eff6ff)}.bva__drop-input{position:absolute;inset:0;opacity:0;cursor:pointer}.bva__drop-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--space-8,32px) var(--space-4,16px);cursor:pointer;margin:0}.bva__drop-icon{font-size:32px;color:var(--color-primary-400,#60a5fa);margin-bottom:var(--space-3,12px)}.bva__drop-text{color:var(--color-gray-600,#4b5563);margin-bottom:var(--space-1,4px)}.bva__drop-link,.bva__drop-text{font-size:var(--font-size-base,14px)}.bva__drop-link{color:var(--color-primary-500,#2f80ed);font-weight:var(--font-weight-medium,500);margin:0}