Files
dh-inspeccion-v2/web-v2/src/pages/SimpleInventoryDetailPage.css
T

3 lines
5.6 KiB
CSS

.simple-inventory-page{display:flex;flex-direction:column;gap:16px}.simple-inventory-breadcrumb{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.simple-inventory-breadcrumb-part{display:inline-flex;align-items:center;gap:7px}.simple-inventory-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 0 4px}.simple-inventory-hero h1{margin:3px 0 6px;font-size:clamp(1.7rem,3vw,2.35rem)}.simple-inventory-hero-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--muted)}.simple-inventory-hero-meta strong{color:var(--text)}.simple-inventory-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.simple-inventory-purpose{display:flex;gap:10px;align-items:flex-start;padding:11px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft);color:var(--muted);font-size:.92rem}.simple-inventory-purpose .icon{flex:0 0 auto;margin-top:1px}.simple-inventory-tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--border);padding:0 2px}.simple-inventory-tabs button{appearance:none;border:0;background:transparent;color:var(--muted);font:inherit;font-weight:700;padding:11px 13px;white-space:nowrap;border-bottom:2px solid transparent;cursor:pointer}.simple-inventory-tabs button:hover{color:var(--text)}.simple-inventory-tabs button.active{color:var(--primary);border-bottom-color:var(--primary)}.simple-inventory-stack{display:flex;flex-direction:column;gap:14px}.simple-inventory-card{margin:0}.simple-inventory-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.simple-inventory-card-heading h2{margin:3px 0 0}.simple-inventory-form{display:flex;flex-direction:column;gap:15px}.simple-inventory-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.simple-inventory-data-grid>div{display:flex;flex-direction:column;gap:4px;padding:12px 13px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft)}.simple-inventory-data-grid small,.simple-inventory-context-card small{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.04em}.simple-inventory-context-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.simple-inventory-context-card{display:flex;flex-direction:column;gap:5px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft);min-height:84px}.simple-inventory-context-card a{display:flex;flex-direction:column;gap:3px;color:inherit;text-decoration:none}.simple-inventory-context-card a:hover strong{color:var(--primary)}.simple-inventory-context-card span{font-size:.82rem;color:var(--muted)}.simple-inventory-child-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:12px;overflow:hidden}.simple-inventory-child-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:11px;align-items:center;padding:11px 13px;color:inherit;text-decoration:none;border-bottom:1px solid var(--border)}.simple-inventory-child-row:last-child{border-bottom:0}.simple-inventory-child-row:hover{background:var(--surface-soft)}.simple-inventory-child-row>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.simple-inventory-child-row small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.simple-inventory-details{border:1px solid var(--border);border-radius:11px;background:var(--surface-soft);padding:0 13px}.simple-inventory-details summary{cursor:pointer;font-weight:700;padding:12px 0}.simple-inventory-details[open]{padding-bottom:13px}.simple-inventory-technical-details,.simple-inventory-extra-details{padding:0;overflow:hidden}.simple-inventory-technical-details>summary,.simple-inventory-extra-details>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;padding:16px 18px;font-weight:700;list-style:none}.simple-inventory-technical-details>summary::-webkit-details-marker,.simple-inventory-extra-details>summary::-webkit-details-marker{display:none}.simple-inventory-technical-details>summary span:first-child{display:flex;flex-direction:column;gap:2px}.simple-inventory-technical-details>summary small{font-weight:700;color:var(--muted);font-size:.72rem;letter-spacing:.05em}.simple-inventory-technical-details>summary span:last-child{font-size:.84rem;color:var(--primary)}.simple-inventory-technical-details[open]>:not(summary),.simple-inventory-extra-details[open]>:not(summary){margin-left:18px;margin-right:18px}.simple-inventory-technical-details[open]>:last-child,.simple-inventory-extra-details[open]>:last-child{margin-bottom:18px}.simple-inventory-extra-details p{margin-top:0;color:var(--muted);white-space:pre-wrap}.simple-inventory-advanced{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding-top:13px;border-top:1px solid var(--border);color:var(--muted);font-size:.9rem}.simple-inventory-advanced a{font-weight:700}.simple-inventory-page .asset-dossier-stack,.simple-inventory-page .asset-tab-stack{display:flex;flex-direction:column;gap:14px}
@media(max-width:720px){.simple-inventory-hero{flex-direction:column}.simple-inventory-hero-actions{justify-content:flex-start;width:100%}.simple-inventory-hero-actions .button{flex:1 1 auto}.simple-inventory-data-grid,.simple-inventory-context-grid{grid-template-columns:1fr}.simple-inventory-child-row{grid-template-columns:auto minmax(0,1fr) auto}.simple-inventory-child-row>.status-badge{display:none}.simple-inventory-advanced{align-items:flex-start;flex-direction:column}.simple-inventory-tabs{margin-left:-2px;margin-right:-2px}}