.document-view,.document-list{background:var(--surface-secondary);border-radius:var(--bateel-card-radius);min-height:560px;padding:24px}.certificate-detail-view{width:100%;max-width:var(--bateel-container);background:var(--surface);border-radius:0;min-height:0;margin-inline:auto;padding:18px 24px 44px}.certificate-breadcrumb{min-width:0;color:var(--muted);align-items:center;gap:12px;margin-bottom:58px;font-size:16px;line-height:26px;display:flex}.certificate-breadcrumb a{color:var(--muted);flex:none}.certificate-breadcrumb [aria-current=page]{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.certificate-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:40px;display:flex}.certificate-actions .document-action{border-color:var(--bateel-primary-600);background:var(--bateel-primary-600);min-height:56px;padding:0 24px;font-size:14px}.certificate-actions .document-action-outline{background:var(--surface);color:var(--bateel-primary-600)}.certificate-detail-view .document-overflow{padding:0}@media (max-width:640px){.certificate-detail-view{padding:16px 16px 40px}.certificate-breadcrumb{gap:8px;margin-bottom:28px;font-size:13px}.certificate-actions{margin-top:24px}.certificate-actions>*,.certificate-actions .document-action{width:100%}}.document-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.document-back{color:var(--bateel-primary-600);align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.document-action{color:#fff;cursor:pointer;background:#075ca9;border:1px solid #075ca9;border-radius:999px;min-height:42px;padding:10px 19px;font-size:14px;font-weight:700}.document-action:hover{background:#074982}.document-action:disabled{opacity:.55;cursor:wait}.document-action-outline{color:#075ca9;background:#fff}.document-action-outline:hover{background:#e9f3fb}.document-overflow{flex-direction:column;align-items:center;gap:20px;width:100%;min-width:0;max-width:100%;padding:16px 0 28px;display:flex;overflow:visible}.document-page-preview{flex:none;width:100%;position:relative}.document-page-scale{transform-origin:0 0;position:absolute;top:0;left:0}.document-loading,.document-list-message{text-align:center;color:var(--muted);background:var(--surface-secondary);border-radius:var(--bateel-card-radius);padding:90px 20px}.certificate-paper{box-sizing:border-box;color:#123653;width:1122px;height:794px;font-family:"Cairo", var(--font-bateel), sans-serif;background:#f7f9fa;flex:none;padding:17px;overflow:hidden;box-shadow:0 20px 60px #173d601e}.certificate-inner{box-sizing:border-box;background:#fff;border:1.5px solid #1c5a88;flex-direction:column;height:100%;padding:43px 52px 31px;display:flex}.certificate-header{flex:none;justify-content:space-between;align-items:start;gap:24px;display:flex}.certificate-header img{width:auto;max-width:126px;height:auto;max-height:58px}.certificate-header-title{color:#145584;text-align:right;margin:0;font-size:17px;font-weight:700;line-height:1.5}.certificate-body{flex-direction:column;flex:1;justify-content:center;align-items:start;width:100%;max-width:850px;min-height:0;padding:20px 0 16px;display:flex}.certificate-intro{color:#5a7184;margin:0 0 6px;font-size:17px}.certificate-body h1{color:#092f54;overflow-wrap:anywhere;max-width:100%;margin:0;font-size:48px;font-weight:700;line-height:1.35}.certificate-body h1.certificate-name-long{font-size:39px}.certificate-body h1.certificate-name-very-long{font-size:32px}.certificate-rule{background:#b9975d;width:92px;height:2px;margin:22px 0 24px}.certificate-completed{color:#5a7184;margin:0;font-size:16px}.certificate-type{color:#176194;margin:22px 0 3px;font-size:13px;font-weight:700}.certificate-body h2{color:#113b5c;overflow-wrap:anywhere;max-width:100%;margin:0;font-size:29px;font-weight:700;line-height:1.42}.certificate-body h2.certificate-course-long{font-size:24px}.certificate-body h2.certificate-course-very-long{font-size:20px}.certificate-trainer{color:#637b8f;flex-wrap:wrap;gap:5px 9px;margin:25px 0 0;font-size:14px;display:flex}.certificate-trainer strong{color:#254b69;font-weight:700}.certificate-footer{flex:none;justify-content:space-between;align-items:end;gap:32px;min-height:166px;padding-top:15px;display:flex;position:relative}.certificate-footer:before{content:"";border-top:1px solid #d5e2e9;position:absolute;bottom:50px;left:0;right:180px}.certificate-meta{flex-wrap:wrap;gap:40px;padding-bottom:5px;display:flex}.certificate-meta>div{flex-direction:column;gap:3px;display:flex}.certificate-meta span{color:#708698;font-size:11px}.certificate-meta strong{color:#123653;font-size:13px}.certificate-qr{text-align:center;flex-direction:column;flex:none;justify-content:end;align-items:center;gap:6px;width:148px;display:flex}.certificate-qr img{box-sizing:border-box;width:116px;height:116px;image-rendering:pixelated;background:#fff;border:1px solid #cbdce8;padding:5px}.certificate-qr span{color:#365d78;max-width:148px;font-size:11px;font-weight:700;line-height:1.35}.certificate-qr-missing{color:#5c7385;width:148px;margin:0;font-size:12px;line-height:1.6}.document-status{white-space:nowrap;border-radius:999px;align-items:center;padding:5px 11px;font-size:11px;font-weight:700;display:inline-flex}.document-status-valid,.document-status-success{color:#176b3d;background:#e5f5ec}.document-status-revoked,.document-status-failed{color:#a63631;background:#fdebea}.document-status-pending{color:#87590e;background:#fff4d9}.document-list-header{justify-content:space-between;align-items:center;gap:15px;display:flex}.document-list-header h1{margin:0;font-size:24px;font-weight:700}.document-list-header p{color:var(--muted)}.document-list-items{flex-direction:column;gap:10px;margin-top:24px;display:flex}.invoice-list-row{background:var(--surface);border-radius:14px;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;transition:background-color .2s,box-shadow .2s;display:flex}.invoice-list-row:hover,.invoice-list-row:focus-visible{background:#f9fcff;box-shadow:0 8px 20px #123a5b0d}.invoice-list-row:focus-visible{outline-offset:3px;outline:2px solid #0b5a9d}.invoice-list-main,.invoice-list-summary{flex-direction:column;align-items:start;min-width:0;display:flex}.invoice-list-main{gap:5px}.invoice-list-type{color:#0b5a9d;font-size:12px;font-weight:700}.invoice-list-number{overflow-wrap:anywhere;text-align:start;color:#17364f;max-width:100%;font-size:17px;font-weight:700;display:block}.invoice-list-date{color:#72899a;font-size:12px}.invoice-list-summary{flex:none;align-items:end;gap:10px}.invoice-list-amount{color:#123653;white-space:nowrap;font-size:16px;font-weight:700}.invoice-paper{box-sizing:border-box;color:#17364f;width:794px;height:1122px;font-family:"Cairo", var(--font-bateel), sans-serif;background:#fff;flex-direction:column;flex:none;padding:54px 56px 45px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #173d601e}.invoice-topline{background:#0b5a9d;height:5px;position:absolute;top:0;left:0;right:0}.invoice-heading{justify-content:space-between;align-items:start;gap:24px;display:flex}.invoice-heading img{width:auto;max-width:118px;height:auto;max-height:55px}.invoice-heading h1{color:#0b477b;margin:25px 0 0;font-size:36px}.invoice-heading-meta{color:#5a7184;flex-direction:column;align-items:end;gap:9px;font-size:12px;display:flex}.invoice-heading-meta strong{color:#123653;font-size:16px}.invoice-heading-meta .document-status{margin-top:5px}.invoice-parties{border-top:1px solid #dae4eb;border-bottom:1px solid #dae4eb;grid-template-columns:1fr 1fr;gap:24px;margin:42px 0 36px;padding:24px 0;display:grid}.invoice-parties>div{color:#5d7283;flex-direction:column;align-items:start;gap:5px;font-size:12px;display:flex}.invoice-parties strong{color:#183b57;overflow-wrap:anywhere;font-size:16px}.invoice-label{text-transform:uppercase;letter-spacing:.04em;color:#0d5b9c;margin:0 0 4px;font-size:11px;font-weight:700}.invoice-continuation{color:#698092;margin:40px 0 20px;font-size:12px}.invoice-items{border-collapse:collapse;table-layout:fixed;text-align:start;width:100%;font-size:12px}.invoice-items th{color:#305a77;text-align:start;background:#eef5f9;padding:13px 10px;font-size:11px;font-weight:700}.invoice-items th:first-child{width:46%}.invoice-items th:nth-child(2){width:12%}.invoice-items th:nth-child(3),.invoice-items th:nth-child(4){width:21%}.invoice-items th:not(:first-child),.invoice-items td:not(:first-child){text-align:center}.invoice-items td{vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #e0e9ef;padding:16px 10px}.invoice-items td:not(:first-child){white-space:nowrap}.invoice-items td strong{font-size:12px;display:block}.invoice-items td small{color:#718596;margin-top:3px;font-size:10px;line-height:1.5;display:block}.invoice-bottom{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:28px;display:grid}.invoice-payment{flex-direction:column;gap:14px;min-width:0;display:flex}.invoice-payment>div{flex-direction:column;gap:3px;min-width:0;display:flex}.invoice-payment span{color:#72899a;font-size:11px}.invoice-payment strong{color:#27445a;font-size:12px}.invoice-reference{overflow-wrap:anywhere;text-align:start;max-width:100%;display:block}[dir=rtl] .invoice-reference{text-align:right}.invoice-totals>div{justify-content:space-between;gap:12px;margin-bottom:10px;font-size:12px;display:flex}.invoice-totals span{color:#627b8f}.invoice-totals strong{white-space:nowrap}.invoice-totals .invoice-grand-total{color:#0b477b;border-top:2px solid #0b5a9d;margin-top:15px;padding-top:14px;font-size:16px}.invoice-grand-total span{color:#0b477b;font-weight:700}.invoice-footer{color:#8ca0af;border-top:1px solid #e2eaf0;justify-content:space-between;margin-top:auto;padding-top:18px;font-size:10px;display:flex}@media (max-width:640px){.document-view,.document-list{padding:16px}.invoice-list-row{gap:12px;padding:16px}.invoice-list-amount{font-size:13px}}