.asset-certificate-dialog { width: min(46rem, calc(100vw - 2rem)); max-height: calc(100dvh - 2rem); padding: 0; border: 1px solid #dbe3ef; border-radius: 14px; color: #0f172a; background: #fff; }
.asset-certificate-dialog::backdrop { background: #0f172a80; }
.asset-certificate-dialog .op-panel { margin: 0; }
.asset-certificate-shell { font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: .9375rem; line-height: 1.5; }
.asset-certificate-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1.5rem; border-bottom: 1px solid #e2e8f0; background: #f8fafc; }
.asset-certificate-header p, .asset-certificate-header h2 { margin: 0; }
.asset-certificate-eyebrow { font-size: .7rem; font-weight: 700; letter-spacing: .12em; color: #64748b; }
.asset-certificate-header .op-title { font-size: 1.5rem; line-height: 1.25; margin: .4rem 0; }
.asset-certificate-asset { color: #475569; overflow-wrap: anywhere; }
.asset-certificate-content { padding: 1.5rem; }
.asset-certificate-content p { margin: 0; }
.asset-certificate-content h3 { font-size: 1rem; margin: 0 0 .35rem; }
.asset-certificate-toolbar { display: flex; gap: 1rem; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.asset-certificate-toolbar > p { flex: 1 1 15rem; color: #475569; }
.asset-certificate-list { display: grid; gap: .75rem; }
.asset-certificate-list-card { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; padding: 1rem; border: 1px solid #dbe3ef; border-radius: 12px; }
.asset-certificate-list-card > div { min-width: 0; flex: 1 1 16rem; }
.asset-certificate-list-card h3 { margin-top: .5rem; overflow-wrap: anywhere; }
.asset-certificate-list-card p { color: #475569; }
.asset-certificate-status { display: inline-block; padding: .15rem .6rem; border-radius: 99px; color: #334155; background: #eef2f7; font-size: .75rem; font-weight: 600; }
.asset-certificate-message:not([hidden]) { padding: .75rem 1rem; border-left: 3px solid #2563eb; border-radius: 6px; background: #eff6ff; color: #1e3a8a; }
.asset-certificate-empty { padding: 1.5rem; background: #f8fafc; border-radius: 12px; text-align: center; }
.asset-certificate-fieldset { display: grid; gap: 1rem; margin: 0; padding: 1rem; min-width: 0; border: 1px solid #dbe3ef; border-radius: 12px; }
.asset-certificate-fieldset legend { padding: 0 .4rem; font-weight: 650; }
.asset-certificate-review { padding-top: 1rem; border-top: 1px solid #e2e8f0; }
.asset-certificate-guidance { color: #475569; font-size: .8125rem; }
.asset-certificate-dialog .op-button { min-height: 42px; }
.asset-certificate-dialog :focus-visible { outline: 2px solid #2563eb; outline-offset: 3px; }
.asset-certificate-dialog label { display: grid; gap: .4rem; }
.asset-certificate-dialog input, .asset-certificate-dialog select, .asset-certificate-dialog textarea { width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; padding: .65rem; border: 1px solid #cbd5e1; border-radius: 8px; font: inherit; background: white; color: inherit; }
.asset-certificate-dialog summary { cursor: pointer; padding: .75rem 0; font-weight: 600; }
.asset-certificate-wrap, .asset-certificate-dialog dd { overflow-wrap: anywhere; }
.asset-certificate-dropzone { border: 2px dashed #94a3b8; border-radius: .75rem; padding: 1rem; background: #f8fafc; min-width: 0; }
.asset-certificate-dropzone:focus-within { outline: 2px solid #2563eb; outline-offset: 2px; }
.asset-certificate-dropzone input { max-width: 100%; }
.asset-certificate-dropzone [data-ac-selected] { overflow-wrap: anywhere; }
.asset-certificate-facts { display: grid; grid-template-columns: 6rem minmax(0,1fr); gap: .35rem .75rem; margin: 0; }
.asset-certificate-facts dd { margin: 0; }
.asset-certificate-dates { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem; }
@media(max-width: 430px) { .asset-certificate-dates { grid-template-columns: 1fr; } .asset-certificate-dialog .op-action-row { display: flex; flex-wrap: wrap; } .asset-certificate-dialog .op-action-row .op-button { flex: 1 1 10rem; } }
@media(max-width: 430px) { .asset-certificate-dialog { width: calc(100vw - 1rem); max-height: calc(100dvh - 1rem); } .asset-certificate-header, .asset-certificate-content { padding: 1rem; } .asset-certificate-list-card > .op-button { width: 100%; } .asset-certificate-facts { grid-template-columns: 1fr; gap: .15rem; } .asset-certificate-facts dt { color: #64748b; font-size: .8rem; } .asset-certificate-facts dd { margin-bottom: .65rem; } }