/* Scoped drawer typography and spacing: independent of legacy page rules. */
.sd-panel{font-size:14px;line-height:1.5;box-shadow:-8px 0 28px #263c5810}
.sd-panel>header{height:64px;min-height:64px;max-height:64px;padding:0 24px;gap:12px;align-items:center}
.sd-panel>header h2{font-size:20px!important;font-weight:650!important;line-height:1.3!important;margin:0!important;padding:0!important}
.sd-panel>header [data-sd=close]{width:30px;height:30px;padding:0;line-height:30px;font-size:24px}
.sd-panel .sd-content{padding:0 24px;gap:0}
.sd-panel .sd-product{padding:16px 0;gap:12px;min-height:94px;max-height:none}
.sd-panel .sd-product img{width:58px;height:58px;border:1px solid #edf1f6;background:#f9fbfd;border-radius:8px}
.sd-panel .sd-product strong{font-size:14px;font-weight:650;line-height:1.5}
.sd-panel .sd-product small{font-size:12px;line-height:1.5;margin:5px 0 0}
.sd-panel .sd-product-actions{flex:0 0 auto;gap:3px}
.sd-panel .sd-product-actions button{padding:3px 7px}
.sd-panel h3{font-size:16px!important;font-weight:650!important;line-height:1.5!important;margin:0 0 12px!important;padding:0!important;color:#202e45}
.sd-panel .sd-opinions-scroll{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#ccd5e2 transparent}
.sd-panel .sd-opinions-scroll::-webkit-scrollbar,.sd-panel .sd-inbox::-webkit-scrollbar,.sd-panel .sd-thread::-webkit-scrollbar{width:5px}
.sd-panel .sd-opinions-scroll::-webkit-scrollbar-thumb,.sd-panel .sd-inbox::-webkit-scrollbar-thumb,.sd-panel .sd-thread::-webkit-scrollbar-thumb{background:#ccd5e2;border-radius:8px}
.sd-panel .sd-my-opinion{padding:18px 0 16px}
.sd-panel .sd-options{gap:8px;margin:0 0 10px}
.sd-panel .sd-options button{min-height:36px;height:36px;padding:6px 10px;line-height:22px;border-radius:7px;font-size:14px}
.sd-panel .sd-opinion-note{display:block;height:84px;min-height:70px;padding:10px 12px;margin:0;font-size:14px;line-height:1.6;border-radius:8px;color:#25344b;resize:vertical}
.sd-panel .sd-save-row{margin:10px 0 0;min-height:36px}
.sd-panel .sd-save-row .sd-primary{min-width:136px;height:36px;padding:6px 18px;font-size:14px;line-height:24px}
.sd-panel .sd-save-row [data-sd=withdraw]{font-size:12px;color:#7b8799}
.sd-panel .sd-members{padding:18px 0 12px}
.sd-panel .sd-member-heading{margin:0 0 12px;align-items:center}
.sd-panel .sd-member-heading h3{margin:0!important}
.sd-panel .sd-member-heading>div{display:flex;gap:4px;flex-wrap:wrap}
.sd-panel .sd-member-heading .sd-pill{background:white;border:1px solid #e5ebf3;padding:3px 8px}
.sd-panel .sd-member-heading .sd-pill:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:5px;vertical-align:1px}
.sd-panel .sd-opinion-card{padding:12px 14px;margin:0 0 10px;gap:12px;border-radius:9px;background:#fff;outline:0}
.sd-panel .sd-avatar{width:36px;height:36px;font-size:16px;background:#eaf1ff;color:#4774c2}
.sd-panel .sd-opinion-card:nth-of-type(2n) .sd-avatar{background:#eeeaff;color:#7b63bc}
.sd-panel .sd-card-heading{gap:8px;align-items:center;min-height:24px}
.sd-panel .sd-card-heading>b{font-size:14px;font-weight:600}
.sd-panel .sd-card-heading time{margin-left:auto;font-size:11px;line-height:20px;color:#8b97aa;white-space:nowrap}
.sd-panel .sd-opinion-card p{font-size:14px;line-height:1.6;margin:7px 0 0;min-height:22px}
.sd-panel .sd-opinion-card footer{justify-content:flex-end;margin:2px 0 0;padding:0;min-height:22px;border:0;background:none}
.sd-panel .sd-opinion-card footer button{font-size:12px;line-height:20px;padding:0 2px}
.sd-panel .sd-discussion-entry{margin:10px 0 18px;padding:12px 14px;background:#f1f5fb;border:1px solid #e9eef6;border-radius:9px;min-height:60px;gap:12px}
.sd-panel .sd-discussion-entry>span{color:#435773;font-size:14px;display:flex;align-items:center;gap:9px}
.sd-panel .sd-discussion-entry>span:before{content:'\f4ad';font-family:'Font Awesome 6 Free';font-weight:900;font-size:20px;color:#557396}
.sd-panel .sd-discussion-entry button{background:white;border:1px solid #81aaff;border-radius:7px;padding:7px 14px;font-size:14px;white-space:nowrap}
.sd-panel .sd-tabs{padding:0;gap:22px;height:50px;align-items:stretch}
.sd-panel .sd-tabs button{font-size:14px;padding:12px 0 10px;margin:0;line-height:26px}
.sd-panel .sd-unread-filter{margin:12px 0!important;min-height:20px;font-size:12px}
.sd-panel .sd-inbox{scrollbar-width:thin;scrollbar-color:#ccd5e2 transparent}
.sd-panel .sd-day{font-size:12px!important;font-weight:400!important;color:#8995a8;margin:0!important;padding:7px 24px!important}
.sd-panel .sd-notification{padding:15px 24px}
.sd-panel .sd-notification-body{margin-top:10px}
.sd-panel .sd-empty-state{padding:48px 28px 32px;max-width:390px;margin:0 auto;text-align:center}
.sd-panel .sd-empty-symbol{width:64px;height:64px;background:#f0f5fc;border:1px solid #e6edf8;border-radius:20px;display:grid;place-items:center;margin:0 auto 18px;color:#7b9ac5}
.sd-panel .sd-empty-state h3{font-size:15px!important;font-weight:600!important;margin:0 0 8px!important;color:#526680}
.sd-panel .sd-empty-state p{font-size:13px;line-height:1.8;color:#8b98ab;margin:0}
.sd-panel .sd-navigation{gap:16px}
.sd-panel .sd-navigation .sd-back{margin:8px 0 0;padding:2px 0;font-size:12px}
.sd-panel .sd-context{margin-top:14px;padding:12px 14px;border-radius:8px;background:#f8faff}
.sd-panel .sd-thread{padding:16px 0 6px;scrollbar-width:thin;scrollbar-color:#ccd5e2 transparent}
.sd-panel .sd-messages article{margin:0 0 14px;padding:4px 0;gap:12px}
.sd-panel .sd-messages article>div:last-child>p{display:table;max-width:100%;background:#f4f6fa;border-radius:0 9px 9px 9px;padding:9px 12px;margin:5px 0;font-size:14px;line-height:1.6}
.sd-panel .sd-messages header{margin:0 0 5px;min-height:22px}
.sd-panel .sd-messages header b{font-size:14px;font-weight:600}
.sd-panel .sd-compose{padding:12px 0 16px}
.sd-panel .sd-compose textarea{height:78px;min-height:64px;font-size:14px}
@media(max-height:760px){.sd-panel>header{height:56px;min-height:56px;max-height:56px}.sd-panel .sd-product{min-height:82px;padding:12px 0}.sd-panel .sd-my-opinion{padding:14px 0}.sd-panel .sd-members{padding-top:14px}.sd-panel .sd-discussion-entry{margin-bottom:12px}.sd-panel .sd-opinion-note{height:76px}}
@media(max-width:700px){.sd-panel .sd-content{padding:0 16px}.sd-panel>header{padding:0 16px}.sd-panel .sd-card-heading time{flex-basis:100%;margin-left:0}.sd-panel .sd-notification{padding:15px 16px}.sd-panel .sd-member-heading{align-items:flex-start}.sd-panel .sd-empty-state{padding-top:36px}}

/* Match the opinion preview: content-sized section and inline card action. */
.sd-panel .sd-opinions-scroll{flex:0 1 auto}
.sd-panel .sd-opinion-card>div:last-child{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:14px;row-gap:7px;align-items:start}
.sd-panel .sd-card-heading{grid-column:1 / -1}
.sd-panel .sd-opinion-card p{margin:0;min-width:0}
.sd-panel .sd-opinion-card footer{margin:0;align-self:end;white-space:nowrap}
.sd-panel .sd-discussion-entry{margin-top:4px}
.sd-panel .sd-opinion-note{height:96px}
@media(max-width:700px){.sd-panel .sd-opinion-card>div:last-child{grid-template-columns:minmax(0,1fr)}.sd-panel .sd-opinion-card footer{justify-self:end}.sd-panel .sd-card-heading time{flex-basis:auto;margin-left:auto}}
@media(max-height:760px){.sd-panel .sd-opinion-note{height:76px}}

/* Preview proportions, scaled to the existing 560px right drawer. */
.sd-panel:has(.sd-opinions-scroll)>header{height:48px;min-height:48px;max-height:48px;padding:0 20px}
.sd-panel:has(.sd-opinions-scroll) .sd-content{padding:0 20px}
.sd-panel:has(.sd-opinions-scroll) .sd-product{min-height:82px;padding:14px 0;gap:14px}
.sd-panel:has(.sd-opinions-scroll) .sd-product img{width:92px;height:56px;flex:0 0 92px;object-fit:contain;border-radius:6px;background:#f4f7fb}
.sd-panel .sd-my-opinion{padding:15px 0 16px}
.sd-panel .sd-my-opinion h3,.sd-panel .sd-member-heading h3{font-size:17px!important;font-weight:600!important}
.sd-panel .sd-options{gap:8px;margin-bottom:10px}
.sd-panel .sd-options button{height:34px;min-height:34px;padding:5px 8px}
.sd-panel .sd-note-field{position:relative}
.sd-panel .sd-note-field .sd-opinion-note{height:82px;min-height:82px;padding:10px 12px 27px;resize:vertical}
.sd-panel .sd-note-count{position:absolute;right:12px;bottom:9px;font-size:12px;line-height:16px;color:#8795ac;pointer-events:none}
.sd-panel .sd-save-row{margin-top:10px}
.sd-panel .sd-save-row .sd-primary{width:152px;min-width:152px;height:36px;border-radius:7px;font-size:15px;font-weight:400}
.sd-panel .sd-members{padding:15px 0 0}
.sd-panel .sd-member-heading{margin-bottom:10px}
.sd-panel .sd-opinion-card{min-height:84px;padding:10px 12px;gap:14px;margin-bottom:10px}
.sd-panel .sd-opinion-card:last-child{margin-bottom:0}
.sd-panel .sd-opinion-card .sd-avatar{width:42px;height:42px;font-size:18px}
.sd-panel .sd-opinion-card>div:last-child{row-gap:5px}
.sd-panel .sd-opinion-card footer button{font-size:14px}
.sd-panel .sd-card-heading time{font-size:12px}
.sd-panel .sd-discussion-entry{margin:10px 0 18px;min-height:62px;padding:12px 16px;background:linear-gradient(110deg,#edf2f9,#f4f7fb)}
.sd-panel .sd-discussion-entry>span{color:#20334f}
.sd-panel .sd-discussion-entry>span:before{content:'';width:22px;height:22px;display:block;flex:0 0 22px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c4268' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a9 9 0 0 1-9 9 10 10 0 0 1-4-.8L3 22l1.4-5.1A9 9 0 1 1 21 11.5Z'/%3E%3Cpath d='M8 11.5h.01M12 11.5h.01M16 11.5h.01' stroke-width='2.5'/%3E%3C/svg%3E")}
.sd-panel .sd-discussion-entry button{min-width:132px;font-size:15px;padding:7px 14px}
@media(max-width:700px){.sd-panel:has(.sd-opinions-scroll) .sd-content{padding:0 16px}.sd-panel:has(.sd-opinions-scroll) .sd-product img{width:64px;flex-basis:64px}.sd-panel .sd-discussion-entry{padding:10px 12px}.sd-panel .sd-discussion-entry button{min-width:100px}}