/* DORN Material Inspector | compact light surface */
:root{--ink:#222428;--muted:#696d75;--line:#e8e9ec;--paper:#fff;--soft:#f5f5f7;--accent:#292c31}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden}
body{display:flex;flex-direction:column;background:var(--paper);color:var(--ink);font:12px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus,summary:focus{outline:2px solid #7b7e86;outline-offset:1px}button:focus:not(:focus-visible),summary:focus:not(:focus-visible){outline:none}main:focus{outline:none}
svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
header{display:grid;grid-template-columns:78px minmax(0,1fr) auto;align-items:center;column-gap:10px;flex:none;min-height:40px;padding:4px 9px;background:linear-gradient(#fcfcfd,#f7f7f9);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;min-width:0}.wordmark{width:76px;height:auto;flex:none;color:#25282c;stroke-linecap:square}
.state{font-size:10px;color:var(--muted);white-space:nowrap;min-width:0;line-height:16px}.state.pinned{color:var(--ink)}.state:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#8c9097;margin:0 5px 2px 0}.state.pinned:before{background:#30333a}
.header-actions{display:flex;align-items:center}.header-actions>*+*{margin-left:2px}
.icon-button{width:27px;height:27px;display:flex;align-items:center;justify-content:center;padding:5px;border:1px solid transparent;border-radius:7px;background:transparent;color:#60656d;flex:none}.icon-button:hover{background:#ebecf0;color:#202227}.icon-button[aria-expanded=true]{background:#ebecf0}
main{flex:1 1 0;min-height:0;min-width:0;padding:10px 10px 8px;overflow-y:auto;overflow-x:hidden}main::-webkit-scrollbar{width:6px}main::-webkit-scrollbar-thumb{background:#ced0d6;border:1px solid #fff;border-radius:5px}
.empty{padding:7px 1px;color:var(--muted)}.empty h2{margin:0 0 5px;font-size:15px;color:var(--ink);font-weight:600}.empty p{margin:0;font-size:12px;line-height:1.5;overflow-wrap:break-word;word-break:break-word}
.card,.section{min-width:0;background:#fff;margin:0}.card{padding:1px 0 5px}.hero{display:grid;grid-template-columns:48px minmax(0,1fr) 25px;gap:9px;align-items:center;min-width:0}
.swatch{width:48px;height:48px;border-radius:9px;border:1px solid #00000012;background:#eee;overflow:hidden}.swatch img{width:100%;height:100%;object-fit:cover;display:block}.hero-content{min-width:0}
.material-name{font-size:17px;line-height:1.22;letter-spacing:-.2px;font-weight:600;margin:0 0 3px;overflow-wrap:break-word;word-break:break-word}.type{font-size:10px;color:var(--muted)}
.assignment-line{display:flex;flex-wrap:wrap;align-items:center;margin:9px 0 0}.pill{display:inline-block;background:#f1f2f5;border:1px solid transparent;border-radius:5px;padding:2px 6px;color:#515660;font-size:10px;line-height:1.4}.pill.inherited{background:#eff0f3;color:#41464e}
.source{margin:4px 0 0;font-size:11px;line-height:1.4;color:var(--muted);overflow-wrap:break-word;word-break:break-word}
.copy{font-size:10px;background:#f4f4f7;border:1px solid transparent;border-radius:5px;padding:4px 7px;color:var(--muted);margin-top:7px}.copy:hover{background:#e9ebee;color:var(--ink)}.copy-icon{margin:0;width:25px;height:25px;padding:5px;background:transparent}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:9px;margin:8px 0 0;border-top:1px solid var(--line);padding-top:7px}.fact{display:flex;flex-wrap:wrap;align-items:baseline;min-width:0;font-size:11px}.fact span{font-size:10px;color:var(--muted);margin-right:6px}.fact strong{font-weight:500;overflow-wrap:break-word;word-break:break-word}
.meta{margin:0}.meta-row{display:grid;grid-template-columns:89px minmax(0,1fr);gap:8px;padding:3px 0;align-items:baseline}.meta-row dt{color:var(--muted);font-size:10px;min-width:0}.meta-row dd{margin:0;min-width:0;text-align:right;font-size:11px;overflow-wrap:break-word;word-break:break-word}
.section{border-bottom:1px solid var(--line)}.section>summary,.inline-details>summary{display:flex;align-items:center;list-style:none;cursor:pointer;min-width:0}summary::-webkit-details-marker{display:none}.section>summary{padding:9px 0;font-size:11px;font-weight:500;color:var(--ink)}.summary-label{flex:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.chevron{display:inline-block;flex:none;font-size:16px;line-height:12px;color:#898d95;margin-left:6px}details[open]>summary>.chevron{transform:rotate(90deg)}.section-body{padding:0 0 9px;min-width:0}
.inline-details{margin-top:7px;padding-top:6px;border-top:1px solid var(--line)}.inline-details>summary{font-size:11px;color:var(--ink);font-weight:500;padding:1px 0 4px}.inline-details>.meta{padding-top:2px}
.section-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:start;min-width:0}.sides{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;min-width:0}
.side{display:grid;grid-template-columns:40px minmax(0,1fr);gap:2px 7px;min-width:0;padding:7px;background:#f8f8fa;border:1px solid #eeeef1;border-radius:6px}.side.current{background:#f4f5f7;border-color:#dfe1e6}.side-label{grid-row:1 / 3;font-size:9px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.35px;align-self:start;padding-top:2px}.side-label .viewing{display:block;font-size:8px;font-weight:400;letter-spacing:0;text-transform:none;color:#4e535b}.mini-swatch{width:15px;height:15px;border-radius:4px;border:1px solid #00000012;flex:none;background:#eee}.side-name{display:flex;align-items:flex-start;min-width:0;font-size:11px;font-weight:500;overflow-wrap:break-word;word-break:break-word}.side-name .mini-swatch{margin:1px 6px 0 0}.side-name span{min-width:0}.side-source{grid-column:2;font-size:10px;color:var(--muted);line-height:1.35;overflow-wrap:break-word;word-break:break-word}
.entity-name{font-size:12px;font-weight:500;margin:0 0 4px;overflow-wrap:break-word;word-break:break-word}.path{font-size:10px;color:var(--muted);overflow-wrap:break-word;word-break:break-word;margin:0 0 4px;line-height:1.45}.kicker{font-size:10px;color:var(--muted);margin-bottom:3px}.note{font-size:10px;line-height:1.45;color:var(--muted);margin:6px 0 0;overflow-wrap:break-word;word-break:break-word}.warning{background:#f4f5f7;color:#3d424a;border-left:2px solid #757b85;border-radius:3px;padding:7px 8px;margin:7px 0;font-size:11px;overflow-wrap:break-word;word-break:break-word}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:1px 0 9px}.stat{text-align:center;min-width:0;padding:0 3px;line-height:1.3}.stat+.stat{border-left:1px solid var(--line)}.stat strong{display:block;font-size:16px;font-weight:500;letter-spacing:-.2px;overflow-wrap:break-word;word-break:break-word}.stat span{display:block;font-size:9px;color:var(--muted);margin-top:2px;overflow-wrap:break-word;word-break:break-word}
.material-list{border:1px solid var(--line);border-radius:6px;overflow:hidden;min-width:0}.material-row+.material-row{border-top:1px solid var(--line)}.material-row summary{display:flex;align-items:center;cursor:pointer;padding:8px;list-style:none;min-width:0}.material-row summary>.mini-swatch{margin-right:8px;width:22px;height:22px}.row-text{flex:1;min-width:0}.row-name{font-size:11px;font-weight:500;overflow-wrap:break-word;word-break:break-word}.row-count{font-size:10px;color:var(--muted);margin-top:2px;overflow-wrap:break-word;word-break:break-word}.row-details{padding:0 8px 8px;min-width:0}
.scan{padding:8px;color:var(--ink);background:#f3f4f6;border-radius:5px;font-size:11px;margin:6px 0}.scope{font-size:10px;line-height:1.45;color:var(--muted);margin:0 0 5px;overflow-wrap:break-word;word-break:break-word}.scope:last-child{margin-bottom:0}.notes-section>summary{font-size:10px;font-weight:400;color:var(--muted)}
.options{position:fixed;right:8px;top:35px;width:212px;max-width:calc(100% - 16px);max-height:calc(100% - 44px);overflow-y:auto;background:#fff;border:1px solid #dfe1e5;box-shadow:0 8px 24px #23252b22;border-radius:9px;padding:5px;z-index:10}.options button{display:block;text-align:left;width:100%;padding:8px 9px;border:0;border-radius:5px;background:#fff;font-size:11px;line-height:16px}.options button:hover,.options button.active{background:#f1f2f5}.options button.active{font-weight:500}.options hr{height:1px;border:0;background:var(--line);margin:4px}.version{font-size:9px;color:#757a83;padding:7px 9px 3px;border-top:1px solid var(--line);margin-top:4px}
.toast{position:fixed;bottom:10px;left:10px;right:10px;padding:8px 10px;background:#30343b;color:#fff;font-size:11px;border-radius:7px;box-shadow:0 3px 14px #0002;z-index:15;overflow-wrap:break-word;word-break:break-word}
[hidden]{display:none!important}
@media(min-width:510px){.section-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}.section-grid>.hero-card{grid-column:1 / -1}.hero-card .meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.hero-card .facts{max-width:340px}}
@media(min-width:800px){.section-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.section-grid>.hero-card{grid-column:auto}.hero-card .meta{display:block}}
@media(max-width:290px){header{grid-template-columns:70px minmax(0,1fr) auto;column-gap:7px;padding-left:8px;padding-right:7px}.wordmark{width:68px}.icon-button{width:25px;height:27px}.header-actions>*+*{margin-left:0}.state{font-size:9px}main{padding:9px}.hero{grid-template-columns:40px minmax(0,1fr) 24px;gap:7px}.swatch{width:40px;height:40px;border-radius:8px}.material-name{font-size:16px}.meta-row{grid-template-columns:80px minmax(0,1fr);gap:6px}}
/* Tag hierarchy labels may contain long user-defined object names. */
[data-disclosure-key="tag-hierarchy"] .meta-row dt{overflow-wrap:break-word;word-break:break-word}