.secure-page{display:flex;flex-direction:column;gap:14px}.secure-kpis{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px}.secure-kpi{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:13px}.secure-kpi-label{font-size:11px;color:var(--text3);margin-bottom:5px}.secure-kpi-value{font-size:22px;font-weight:800;color:var(--text)}.secure-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.secure-tabs{display:flex;gap:4px;padding:3px;background:var(--surface2);border:1px solid var(--border);border-radius:9px}.secure-tab{border:0;background:transparent;color:var(--text3);border-radius:6px;padding:7px 10px;font-size:12px;font-weight:650;cursor:pointer}.secure-tab.active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px rgba(15,23,42,.08)}.secure-list{display:grid;gap:8px}.secure-card{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(130px,.7fr) minmax(120px,.65fr) auto;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.secure-main{min-width:0}.secure-title{font-size:13px;font-weight:750;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.secure-sub{font-size:11px;color:var(--text3);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.secure-direction{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text2)}.secure-state{display:inline-flex;width:max-content;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:750;border:1px solid var(--border);background:var(--surface2);color:var(--text3)}.secure-state.submitted{background:rgba(16,102,194,.09);border-color:rgba(16,102,194,.24);color:#1066c2}.secure-state.accepted,.secure-state.revealed{background:rgba(20,122,75,.09);border-color:rgba(20,122,75,.24);color:#147a4b}.secure-state.rejected,.secure-state.revoked,.secure-state.expired{background:rgba(180,35,24,.07);border-color:rgba(180,35,24,.2);color:#b42318}.secure-actions{display:flex;justify-content:flex-end;gap:5px;flex-wrap:wrap}.secure-actions .btn{min-height:32px;padding:5px 8px;font-size:11px}.secure-empty{background:var(--surface);border:1px dashed var(--border);border-radius:10px;padding:36px 20px;text-align:center;color:var(--text3)}.secure-empty .material-symbols-rounded{font-size:34px;margin-bottom:8px}.secure-info{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface2);font-size:12px;line-height:1.5;color:var(--text3)}.secure-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.secure-form-grid .wide{grid-column:1/-1}.secure-credential-row{border:1px solid var(--border);border-radius:9px;padding:12px;margin-top:10px;background:var(--surface2)}.secure-credential-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.secure-link-box{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.secure-link-box input{font-family:var(--mono);font-size:12px}.secure-link-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.secure-link-actions .btn{min-height:36px}.secure-link-actions .material-symbols-rounded{font-size:16px}.secure-delivery-actions{width:100%;display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.secure-delivery-actions .btn{min-height:36px}.secure-manual-pin{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:14px;padding:13px;border:1px solid rgba(180,83,9,.28);border-radius:9px;background:rgba(180,83,9,.06)}.secure-manual-pin>span{font-size:10px;font-weight:750;color:#92400e}.secure-manual-pin>strong{grid-row:2;font-family:var(--mono);font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text)}.secure-manual-pin>.btn{grid-column:2;grid-row:1/3}.secure-manual-pin>small{grid-column:1/-1;color:var(--text3);font-size:11px}.secure-preview-item{border:1px solid var(--border);border-radius:9px;padding:12px;background:var(--surface2);margin-bottom:8px}.secure-preview-field{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 0;border-top:1px solid var(--border);font-size:12px}.secure-preview-field:first-of-type{border-top:0}.secure-preview-label{color:var(--text3)}.secure-preview-value{overflow-wrap:anywhere;min-width:0}.secure-settings{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.secure-settings .form-group{margin:0}.secure-receipt{font-size:12px}.secure-receipt-event{display:grid;grid-template-columns:145px 155px minmax(0,1fr);gap:10px;padding:8px 0;border-top:1px solid var(--border)}
@media(max-width:1000px){.secure-kpis{grid-template-columns:repeat(2,1fr)}.secure-card{grid-template-columns:minmax(180px,1fr) minmax(110px,.6fr) auto}.secure-card .secure-direction{display:none}.secure-settings{grid-template-columns:1fr}}
@media(max-width:680px){.secure-kpis{grid-template-columns:1fr 1fr}.secure-card{grid-template-columns:1fr}.secure-card .secure-direction{display:flex}.secure-actions{justify-content:flex-start}.secure-form-grid{grid-template-columns:1fr}.secure-form-grid .wide{grid-column:auto}.secure-tabs{width:100%;overflow-x:auto}.secure-tab{white-space:nowrap}.secure-preview-field{grid-template-columns:1fr}.secure-receipt-event{grid-template-columns:1fr;gap:3px}.secure-link-actions{align-items:stretch}.secure-link-actions .btn{flex:1 1 100%;justify-content:center}.secure-manual-pin{grid-template-columns:1fr}.secure-manual-pin>strong,.secure-manual-pin>.btn{grid-column:1;grid-row:auto}.secure-manual-pin>.btn{justify-content:center}.secure-delivery-actions{align-items:stretch}.secure-delivery-actions .btn{flex:1 1 100%;justify-content:center}}