/* Compact floating Item Details and safe read-only in-chat item references.
   Loaded after style.css so legacy V2 desktop widths cannot override it. */
.item-detail-modal {
    padding: 14px;
    background: rgba(18, 14, 30, .24);
    backdrop-filter: blur(1.5px);
    -webkit-backdrop-filter: blur(1.5px);
}
.item-detail-dialog {
    box-sizing: border-box;
    width: min(480px, 100%);
    max-height: min(78dvh, 700px);
    padding: 14px;
    border-radius: 16px;
    box-shadow: 0 18px 48px rgba(16, 13, 27, .48);
    overscroll-behavior: contain;
}
.item-detail-hero { grid-template-columns: 68px minmax(0,1fr);gap:11px;padding-right:24px; }
.item-detail-image-shell {width:68px;height:68px;border-radius:11px;}
.item-detail-heading .panel-label {font-size:.60rem;}
.item-detail-heading h2 {margin:2px 0 3px;font-size:1.15rem;line-height:1.18;}
.item-detail-heading #item-detail-subtitle {font-size:.72rem;}
.item-detail-location {margin-top:3px!important;font-size:.68rem;}
.item-detail-description {margin-top:9px;font-size:.76rem;}
.item-detail-section {margin-top:10px;padding-top:9px;}
.item-detail-section h3 {margin-bottom:6px;font-size:.84rem;}
.item-detail-info,.item-detail-buffs {gap:5px;}
.item-detail-info-row,.item-detail-buff-row {padding:5px 7px;font-size:.74rem;}
.item-detail-meta-footer {margin-top:0;padding-top:5px;gap:4px;}
.item-detail-meta-footer span {padding:4px 7px;font-size:.7rem;}
#item-detail-info-section:has(#item-detail-info-heading[hidden]) {
    border-top:0;margin-top:4px;padding-top:0;
}
#item-detail-info-section:has(#item-detail-info-heading[hidden]) .item-detail-meta-footer {
    border-top:0;padding-top:0;
}
.item-detail-quantity-row {grid-template-columns:30px minmax(0,1fr) 30px;gap:4px;}
.item-detail-quantity-row button {min-height:30px;}
.item-detail-quantity-row input {padding:5px;font-size:.82rem;}
.item-detail-presets {gap:4px;margin-top:4px;}
.item-detail-presets button {padding:5px;font-size:.7rem;}
.item-detail-status {margin-top:5px;font-size:.72rem;}
.item-detail-status:empty {display:none;}
.item-detail-actions,.item-detail-actions:has(button:not([hidden])) {
    position:static;bottom:auto;
    grid-template-columns:repeat(auto-fit,minmax(98px,1fr));
    gap:6px;margin-top:9px;padding:0;
    background:transparent;
}
.item-detail-actions button {min-height:33px;padding:6px 8px;font-size:.74rem;}
#item-detail-upgrade:not([hidden]) {grid-column:auto;}
.item-detail-share-chat {white-space:nowrap;}
/* Previewed links are catalogue references, never verified item/roll claims. */
.ssq-chat-item-link {
    display:inline;padding:0;border:0;background:transparent;
    color:#f2cda5;text-decoration:underline;text-underline-offset:2px;
    font:inherit;font-weight:750;cursor:pointer;overflow-wrap:anywhere;
}
.ssq-chat-item-link:hover,.ssq-chat-item-link:focus-visible {color:#fff1da;}
.ssq-chat-item-preview-backdrop {
    position:fixed;inset:0;z-index:12500;display:grid;place-items:center;
    padding:14px;background:rgba(18,14,30,.3);backdrop-filter:blur(2px);
    -webkit-backdrop-filter:blur(2px);
}
.ssq-chat-item-preview {
    position:relative;box-sizing:border-box;display:grid;gap:10px;
    width:min(350px,100%);max-height:75dvh;overflow:auto;
    padding:16px;border:1px solid #a582b277;border-radius:14px;
    background:linear-gradient(155deg,#343558F5,#24263FF8);
    color:#f6e7dd;box-shadow:0 18px 48px #131022B0;
}
.ssq-chat-item-preview-header {display:flex;gap:11px;align-items:center;min-width:0;}
.ssq-chat-item-preview-header img {width:64px;height:64px;object-fit:contain;}
.ssq-chat-item-preview-header h3 {margin:0;font-size:1rem;}
.ssq-chat-item-preview-header small {
    color:#ebcfc5;font-size:.75rem;line-height:1.4;
}
.ssq-chat-item-preview-close {justify-self:end;min-height:30px;padding:5px 14px;
    border:1px solid #ae8cb9;border-radius:8px;background:#523963;
    color:#fff;font:inherit;cursor:pointer;}
@media(max-width:520px) {
    .item-detail-modal {padding:9px;}
    .item-detail-dialog {width:100%;max-height:86dvh;padding:12px;}
    .item-detail-hero {grid-template-columns:58px minmax(0,1fr);gap:9px;}
    .item-detail-image-shell {width:58px;height:58px;}
    .item-detail-heading h2 {font-size:1.04rem;}
    .item-detail-actions,.item-detail-actions:has(button:not([hidden])) {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

.ssq-chat-item-preview-description {margin:0;font-size:.82rem;line-height:1.45;}