.audit-view{min-height:60vh;background-color:#f5f5f7;padding-top:16px;padding-bottom:2rem}.audit-view .export-btn{background:#00a7b5;border:1px solid #00a7b5;border-radius:7px;color:#fff;padding:10px 16px;font-family:Montserrat,sans-serif;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;white-space:nowrap;flex-shrink:0}.audit-view .export-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.audit-view .export-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:576px){.audit-view .export-btn-text{display:none}}.audit-view .breadcrumb{font-family:Montserrat,sans-serif;font-weight:300;font-size:12px;line-height:normal;color:#505050;letter-spacing:-.12px;margin:0 0 29px}.audit-view .page-title{font-family:Montserrat,sans-serif;font-size:36px;font-weight:500;color:#003865;letter-spacing:-.36px;margin:0 0 36px}.audit-view .filters-wrapper{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:#fff;border-radius:10px;box-shadow:0 0 20px #0000000d;padding:12px 20px;margin-bottom:24px}.audit-view .filters-wrapper .filter-label{font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;color:#003865;text-transform:uppercase;letter-spacing:-.14px;margin-right:10px}.audit-view .filters-wrapper .filter-select,.audit-view .filters-wrapper .filter-input{position:relative;flex:1;min-width:150px}.audit-view .filters-wrapper .filter-select .form-select,.audit-view .filters-wrapper .filter-select .form-control,.audit-view .filters-wrapper .filter-input .form-select,.audit-view .filters-wrapper .filter-input .form-control{background:#f5f5f7;border:none;border-radius:5px;padding:14px 40px 14px 19px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:300;color:#737373;height:46px}.audit-view .filters-wrapper .filter-select .form-select:focus,.audit-view .filters-wrapper .filter-select .form-control:focus,.audit-view .filters-wrapper .filter-input .form-select:focus,.audit-view .filters-wrapper .filter-input .form-control:focus{background:#f5f5f7;border-color:#00a7b5;box-shadow:0 0 0 .2rem #00a7b526}.audit-view .filters-wrapper .filter-select .form-select::placeholder,.audit-view .filters-wrapper .filter-select .form-control::placeholder,.audit-view .filters-wrapper .filter-input .form-select::placeholder,.audit-view .filters-wrapper .filter-input .form-control::placeholder{color:#737373}.audit-view .filters-wrapper .filter-select .select-icon,.audit-view .filters-wrapper .filter-input .select-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#003865;font-size:12px;pointer-events:none}.audit-view .filters-wrapper .company-filter{flex:2;max-width:332px}.audit-view .filters-wrapper .company-filter .filter-sublabel{position:absolute;top:7px;left:19px;font-family:Montserrat,sans-serif;font-size:11px;font-weight:300;color:#737373;z-index:1;pointer-events:none}.audit-view .filters-wrapper .company-filter .form-select{padding-top:22px;padding-bottom:8px;font-weight:500;color:#003865}.audit-view .filters-wrapper .search-btn{background:linear-gradient(-50.48deg,#003865 .34%,#00a7b5 68.09%);border:none;border-radius:7px;padding:12px 16px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;color:#fff;height:46px;min-width:100px;cursor:pointer;transition:all .3s ease}.audit-view .filters-wrapper .search-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 2px 8px #00386533}.audit-view .audit-list-header{display:flex;align-items:center;padding:0 20px;margin-bottom:16px}.audit-view .audit-list-header .header-col{font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:-.12px}.audit-view .audit-list-header .col-period{width:100px}.audit-view .audit-list-header .col-norm{flex:2;min-width:200px}.audit-view .audit-list-header .col-company,.audit-view .audit-list-header .col-team{flex:1.5;min-width:150px}.audit-view .audit-list-header .col-date{width:160px}.audit-view .audit-list-header .col-action{width:120px;text-align:right}.audit-view .loading-container,.audit-view .error-container,.audit-view .empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;background:#fff;border-radius:10px;box-shadow:0 0 20px #0000000d}.audit-view .error-container .error-icon{font-size:48px;color:#dc3545;margin-bottom:16px}.audit-view .error-container p{color:#737373;margin-bottom:1rem;font-family:Montserrat,sans-serif}.audit-view .error-container .retry-btn{background:linear-gradient(-50.48deg,#003865 .34%,#00a7b5 68.09%);color:#fff;border:none;padding:12px 24px;border-radius:7px;font-family:Montserrat,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease}.audit-view .error-container .retry-btn:hover{opacity:.9}.audit-view .empty-container .empty-icon{font-size:48px;color:#737373;margin-bottom:16px}.audit-view .empty-container h5{font-family:Montserrat,sans-serif;color:#003865;margin-bottom:.5rem;font-weight:600}.audit-view .empty-container p{font-family:Montserrat,sans-serif;color:#737373}.audit-view .audit-list{display:flex;flex-direction:column;gap:16px}.audit-view .audit-row{display:flex;align-items:center;background:#fff;border:.5px solid #00a7b5;border-radius:10px;padding:17px 20px;min-height:109px;transition:box-shadow .3s ease;gap:15px}.audit-view .audit-row:hover{box-shadow:0 4px 20px #00000014}.audit-view .audit-row .audit-col.col-period{width:100px;flex-shrink:0}.audit-view .audit-row .audit-col.col-norm{flex:2;min-width:200px;padding-right:20px}.audit-view .audit-row .audit-col.col-company,.audit-view .audit-row .audit-col.col-team{flex:1.5;min-width:150px}.audit-view .audit-row .audit-col.col-date{width:160px;flex-shrink:0}.audit-view .audit-row .audit-col.col-action{width:120px;flex-shrink:0;text-align:right}.audit-view .period-box{width:74px;height:74px;background:#fff;border:1px solid #00a7b5;border-radius:10px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;align-items:center;overflow:hidden}.audit-view .period-box .period-month{font-family:Montserrat,sans-serif;font-size:22px;font-weight:700;color:#00a7b5;text-transform:uppercase;padding-top:10px;flex:1;display:flex;align-items:center}.audit-view .period-box .period-year-bar{width:100%;height:23px;background:#00a7b5;display:flex;align-items:center;justify-content:center}.audit-view .period-box .period-year-bar .period-year{font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;color:#fff}.audit-view .period-box--year-only .period-year-bar{height:100%;border-radius:9px}.audit-view .period-box--year-only .period-year-bar .period-year{font-size:20px}.audit-view .unannounced-image-box{width:74px;height:74px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.audit-view .unannounced-image-box .unannounced-svg{width:74px;height:74px;object-fit:contain}.audit-view .norm-info{display:flex;flex-direction:column;gap:4px}.audit-view .norm-info .audit-numbers{font-family:Montserrat,sans-serif;font-size:14px;color:#003865}.audit-view .norm-info .audit-numbers .audit-number-label,.audit-view .norm-info .audit-numbers .cert-number-label{font-weight:300}.audit-view .norm-info .audit-numbers .audit-number-value,.audit-view .norm-info .audit-numbers .cert-number-value{font-weight:500}.audit-view .norm-info .audit-numbers .separator{margin:0 8px;color:#737373}.audit-view .norm-info .norm-name{font-family:Montserrat,sans-serif;font-size:20px;font-weight:500;color:#003865;line-height:24px}.audit-view .norm-info .audit-type{font-family:Montserrat,sans-serif;font-size:13px;font-weight:300;color:#353535;line-height:19px}.audit-view .norm-info .audit-abbinato{font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;color:#003865;line-height:19px}.audit-view .company-box{background:#fafafa;border-radius:10px;padding:25px 20px;display:flex;align-items:center;gap:12px;height:74px}.audit-view .company-box .company-icon{font-size:24px;color:#00a7b5;font-weight:200}.audit-view .company-box .company-name{font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;color:#003865}.audit-view .team-info{display:flex;flex-direction:column;gap:4px}.audit-view .team-info .team-name{font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;color:#003865;line-height:24px}.audit-view .team-info .team-email{font-family:Montserrat,sans-serif;font-size:13px;font-weight:300;color:#003865;line-height:24px}.audit-view .team-info .team-email svg{color:#737373}.audit-view .no-data{font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;color:#003865}.audit-view .date-box{background:#00a7b50d;border-radius:10px;padding:25px 20px;display:flex;align-items:center;gap:10px;height:74px}.audit-view .date-box .date-icon{font-size:24px;color:#00a7b5;font-weight:200}.audit-view .date-box .date-value{font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;color:#003865;line-height:24px}.audit-view .date-box.unannounced-box{background:#ff98001a}.audit-view .date-box.unannounced-box .date-icon{color:#ff9800}.audit-view .date-box.unannounced-box .date-value{color:#e65100}.audit-view .details-btn{background:#fff;border:1px solid #00a7b5;border-radius:7px;padding:9px 16px;height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;color:#00a7b5;cursor:pointer;transition:all .3s ease}.audit-view .details-btn svg{font-size:16px}.audit-view .details-btn:hover{background:#00a7b50d}.audit-modal-figma .modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:26px 30px 10px;background:#fff;border-bottom:none}.audit-modal-figma .modal-header .modal-title-figma{font-family:Montserrat,sans-serif;font-size:26px;font-weight:600;color:#003865;letter-spacing:-.26px;line-height:1.2;margin:0;max-width:360px}.audit-modal-figma .modal-header .modal-close-figma{background:none;border:none;padding:8px;margin:-8px -8px 0 0;cursor:pointer;color:#00a7b5;font-size:24px;line-height:1;z-index:10;position:relative}.audit-modal-figma .modal-header .modal-close-figma:hover{opacity:.8}.audit-modal-figma .modal-header .modal-close-figma:focus{outline:2px solid #00a7b5;outline-offset:2px}.audit-modal-figma .modal-footer{display:none!important}.audit-modal-figma .modal-content{border-radius:15px;overflow:hidden;border:none}.audit-modal-figma .modal-body{padding:0}.audit-modal-content .modal-norm-header{background:#003865;padding:27px 30px;display:flex;justify-content:space-between;align-items:center;position:relative;min-height:103px}.audit-modal-content .modal-norm-header .norm-info-wrapper{display:flex;flex-direction:column;gap:8px}.audit-modal-content .modal-norm-header .norm-info-wrapper .norm-title{font-family:Montserrat,sans-serif;font-size:28px;font-weight:600;color:#fff;line-height:24px}.audit-modal-content .modal-norm-header .norm-info-wrapper .cert-number-text{font-family:Montserrat,sans-serif;font-size:14px;font-weight:300;color:#fff;text-transform:uppercase;letter-spacing:-.14px}.audit-modal-content .modal-norm-header .norm-info-wrapper .unannounced-range-header{font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;color:#ffffffd9;letter-spacing:0}.audit-modal-content .modal-norm-header .modal-period-box{width:67px;height:67px;background:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.audit-modal-content .modal-norm-header .modal-period-box .period-month{flex:1;display:flex;align-items:center;justify-content:center;font-family:Montserrat,sans-serif;font-size:20px;font-weight:700;color:#00a7b5;letter-spacing:1px}.audit-modal-content .modal-norm-header .modal-period-box .period-year-bar{height:23px;background:#00a7b5;display:flex;align-items:center;justify-content:center}.audit-modal-content .modal-norm-header .modal-period-box .period-year-bar .period-year{font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;color:#fff}.audit-modal-content .modal-norm-header .modal-period-box--year-only .period-year-bar{height:100%;border-radius:9px}.audit-modal-content .modal-norm-header .modal-period-box--year-only .period-year-bar .period-year{font-size:18px}.audit-modal-content .modal-norm-header .modal-unannounced-image-box{width:67px;height:67px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.audit-modal-content .modal-norm-header .modal-unannounced-image-box .modal-unannounced-svg{width:67px;height:67px;object-fit:contain}.audit-modal-content .modal-info-cards{padding:30px;display:flex;flex-direction:column;gap:10px}.audit-modal-content .modal-info-cards .info-card{background:#f5fbfc;border-radius:10px;padding:13px 15px;display:flex;flex-direction:column}.audit-modal-content .modal-info-cards .info-card .info-label{font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;color:#003865;text-transform:uppercase;letter-spacing:-.14px;margin-bottom:4px}.audit-modal-content .modal-info-cards .info-card .info-value{font-family:Montserrat,sans-serif;font-size:14px;font-weight:300;color:#353535;line-height:19px}.audit-modal-content .modal-info-cards .info-card .info-value.info-unannounced{color:#e65100;display:flex;align-items:center}.audit-modal-content .modal-info-cards .info-card .info-value.info-unannounced svg{color:#ff9800}.audit-modal-content .modal-info-cards .info-card.info-card-contact,.audit-modal-content .modal-info-cards .info-card.info-card-team{gap:1px}.audit-modal-content .modal-info-cards .contact-row-figma{display:flex;justify-content:space-between;align-items:center;min-height:24px;flex-wrap:wrap;gap:4px 10px}.audit-modal-content .modal-info-cards .contact-row-figma .contact-name{font-family:Montserrat,sans-serif;font-size:14px;font-weight:300;color:#353535;line-height:19px;flex:1 1 auto;min-width:120px}.audit-modal-content .modal-info-cards .contact-row-figma .contact-email{font-family:Montserrat,sans-serif;font-size:13px;font-weight:300;color:#313131;text-decoration:underline;display:flex;align-items:center;gap:6px;flex:0 1 auto;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-modal-content .modal-info-cards .contact-row-figma .contact-email .email-icon{font-size:12px;color:#313131;flex-shrink:0}.audit-modal-content .modal-info-cards .contact-row-figma .contact-email:hover,.audit-modal-content .modal-info-cards .contact-row-figma .contact-email:hover .email-icon{color:#00a7b5}.audit-modal-content .modal-info-cards .team-members{display:flex;flex-direction:column;gap:5px}@media(max-width:576px){.modal-header-figma{padding:20px}.modal-header-figma .modal-title-figma{font-size:22px}.audit-modal-content .modal-norm-header{padding:20px;flex-direction:column;gap:15px;align-items:flex-start}.audit-modal-content .modal-norm-header .modal-period-box{align-self:flex-end}.audit-modal-content .modal-info-cards{padding:20px}.audit-modal-content .modal-info-cards .contact-row-figma{flex-direction:column;align-items:flex-start;gap:4px}.audit-modal-content .modal-info-cards .contact-row-figma .contact-name{flex:none}}@media(max-width:1200px){.audit-view .audit-list-header{display:none}.audit-view .audit-row{flex-wrap:wrap;gap:16px;padding:20px}.audit-view .audit-row .audit-col.col-period{width:auto}.audit-view .audit-row .audit-col.col-norm{flex:1 1 100%;min-width:100%;order:-1}.audit-view .audit-row .audit-col.col-company,.audit-view .audit-row .audit-col.col-team{flex:1 1 45%}.audit-view .audit-row .audit-col.col-date{width:auto;flex:1 1 45%}.audit-view .audit-row .audit-col.col-action{width:auto;flex:1 1 45%;text-align:left}.audit-view .audit-row .period-box{width:60px;height:60px}.audit-view .audit-row .period-box .period-month{font-size:18px}.audit-view .audit-row .period-box .period-year-bar{height:18px}.audit-view .audit-row .period-box .period-year-bar .period-year{font-size:12px}}@media(max-width:768px){.audit-view .filters-wrapper{flex-direction:column;align-items:stretch}.audit-view .filters-wrapper .filter-select,.audit-view .filters-wrapper .filter-input,.audit-view .filters-wrapper .company-filter{flex:none;max-width:none;width:100%}.audit-view .filters-wrapper .search-btn{width:100%}.audit-view .audit-row .audit-col.col-company,.audit-view .audit-row .audit-col.col-team,.audit-view .audit-row .audit-col.col-date,.audit-view .audit-row .audit-col.col-action{flex:1 1 100%}.audit-view .audit-row .company-box,.audit-view .audit-row .date-box,.audit-view .audit-row .details-btn{width:100%}}
