.ccpu-box{margin:18px 0;padding:18px;border:1px solid #d5d9d9;border-radius:12px;background:linear-gradient(180deg,#fff 0%,#fafafa 100%);box-shadow:0 2px 8px rgba(15,17,17,.08);font-family:Arial,sans-serif;color:#0f1111;clear:both}.ccpu-heading{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:700}.ccpu-camera{font-size:21px}.ccpu-required{margin-left:auto;padding:4px 8px;border-radius:999px;background:#fff1f2;color:#b12704;font-size:11px;text-transform:uppercase}.ccpu-help{margin:8px 0 14px;color:#565959;font-size:13px;line-height:1.45}.ccpu-slot{margin:12px 0;padding:14px;border:1px solid #e3e6e6;border-radius:10px;background:#fff}.ccpu-slot-title{margin-bottom:10px;font-size:13px;font-weight:700;color:#232f3e}.ccpu-actions{display:flex;flex-wrap:wrap;gap:10px}.ccpu-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 20px;border:1px solid #fcd200;border-radius:22px;background:#ffd814;color:#0f1111!important;font-weight:700;cursor:pointer;box-shadow:0 2px 5px rgba(213,217,217,.5);transition:.15s}.ccpu-camera-button{background:#fff;border-color:#888c8c}.ccpu-button:hover{background:#f7ca00;border-color:#f2c200;transform:translateY(-1px)}.ccpu-camera-button:hover{background:#f7fafa;border-color:#6f7373}.ccpu-file{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.ccpu-preview{display:flex;align-items:center;gap:12px;margin-top:14px;padding:10px;border-radius:8px;background:#fff;border:1px solid #e7e7e7}.ccpu-preview[hidden],.ccpu-progress[hidden]{display:none!important}.ccpu-preview img{width:62px;height:62px;object-fit:cover;border-radius:7px;background:#eee}.ccpu-preview strong{display:block;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.ccpu-remove{margin-top:5px;padding:0;border:0;background:transparent;color:#007185;text-decoration:underline;cursor:pointer}.ccpu-progress{height:5px;margin-top:10px;border-radius:4px;background:#e7e7e7;overflow:hidden}.ccpu-progress span{display:block;width:0;height:100%;background:#00a650;transition:width .2s}.ccpu-status{min-height:18px;margin:8px 0 0;font-size:13px;font-weight:600}.ccpu-status.is-error{color:#b12704}.ccpu-status.is-success{color:#067d62}.ccpu-formats{margin:5px 0 0;color:#6f7373;font-size:11px}.ccpu-all-complete{border-color:#067d62;box-shadow:0 2px 10px rgba(6,125,98,.14)}@media(max-width:600px){.ccpu-box{padding:15px;margin:14px 0}.ccpu-slot{padding:12px}.ccpu-actions{display:grid;grid-template-columns:1fr 1fr}.ccpu-button{width:100%;padding:0 8px;box-sizing:border-box;font-size:12px}.ccpu-heading{font-size:15px}.ccpu-preview strong{max-width:180px}}
.ccpu-heading{width:100%;padding:0;border:0;background:transparent;color:#0f1111;text-align:left;cursor:pointer}.ccpu-heading:focus-visible{outline:3px solid rgba(0,113,133,.28);outline-offset:5px;border-radius:6px}.ccpu-heading-text{flex:1}.ccpu-required{margin-left:8px;white-space:nowrap}.ccpu-chevron{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:4px;border-radius:50%;background:#f0f2f2;font-size:22px;line-height:1;transition:transform .2s ease}.ccpu-heading[aria-expanded="true"] .ccpu-chevron{transform:rotate(180deg)}.ccpu-content{padding-top:10px}.ccpu-content[hidden]{display:none!important}.ccpu-collapsed{padding-top:15px;padding-bottom:15px}.ccpu-collapsed .ccpu-required{background:#fff7d6;color:#8a5500}@media(max-width:600px){.ccpu-heading{font-size:14px}.ccpu-heading-text{line-height:1.3}.ccpu-required{font-size:9px;padding:4px 6px}.ccpu-chevron{width:25px;height:25px;min-width:25px}}
