.support-actions { display:grid; gap:10px; width:100%; }
.sidebar-help-btn.sidebar-help-btn { display:flex; justify-content:center; width:100%; margin:0; font-size:13px; text-decoration:none; }
.sidebar-suggestion-btn { display:flex; align-items:center; width:100%; margin:0 0 26px; padding:4px 10px; border:1px solid #dbe6ff; border-radius:10px; background:linear-gradient(135deg,#eef5ff 0%,#f8fbff 100%); color:#2458d7; font:inherit; font-size:13px; font-weight:700; line-height:1.25; text-align:left; cursor:pointer; box-shadow:0 8px 18px rgba(37,99,235,.08); transition:.18s ease; }
.sidebar-suggestion-btn:hover { background:linear-gradient(135deg,#e3efff 0%,#f3f8ff 100%); border-color:#b8cffd; box-shadow:0 10px 22px rgba(37,99,235,.13); transform:translateY(-1px); }
.sidebar-suggestion-btn__icon { display:inline-flex; align-items:center; justify-content:center; flex:0 0 28px; width:28px; height:28px; color:#2d6bff; }
.sidebar-suggestion-btn__icon svg { width:17px; height:17px; }
.sidebar-suggestion-btn__text { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.msweb-sidebar-shell--collapsed .support-actions { justify-items:center; }
.msweb-sidebar-shell--collapsed .sidebar-help-btn { width:38px; height:38px; margin:0 auto; padding:4px; }
.msweb-sidebar-shell--collapsed .sidebar-help-btn .btn-label,.msweb-sidebar-shell--collapsed .sidebar-suggestion-btn__text { display:none; }
.msweb-sidebar-shell--collapsed .sidebar-suggestion-btn { justify-content:center; width:38px; height:38px; margin:0 auto 8px; padding:4px; border-radius:8px; }
.suggestion-modal-root .msweb-ui.modal-small,.suggestion-modal-root .msweb-ui.modal-wide,.suggestion-modal-root .msweb-ui.modal-full { width:min(94vw,960px); max-width:960px; }
.suggestion-modal-root .modal-body,.suggestion-modal-root .msweb-ui.modal-body { padding:0; }
.suggestion-modal { display:grid; gap:20px; padding:22px; color:#172033; background:#fff; }
.suggestion-modal__hero { display:flex; align-items:center; gap:22px; padding:4px 8px; }
.suggestion-modal__image { flex:0 0 150px; width:150px; max-height:145px; object-fit:contain; }
.suggestion-modal__lead { margin:0 0 8px; font-size:20px; line-height:1.25; font-weight:800; }
.suggestion-modal__text,.suggestion-modal__title-wrap p { color:#64748b; line-height:1.55; }
.suggestion-modal__note { display:flex; align-items:center; justify-content:center; gap:14px; padding:16px; border:1px solid #dbeafe; border-radius:14px; background:#eff6ff; color:#1d4ed8; text-align:center; }
.suggestion-modal__note span { display:inline-flex; align-items:center; justify-content:center; flex:0 0 40px; width:40px; height:40px; border-radius:12px; background:#fff; }
.suggestion-modal__field { position:relative; display:grid; gap:9px; margin:0; padding:0; border:0; }
.suggestion-modal__field legend,.suggestion-modal__field>span { font-weight:700; color:#273449; }
.suggestion-modal__field b { color:#ef4444; }
.suggestion-modal__types { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.suggestion-modal__type { position:relative; display:grid; grid-template-columns:auto 1fr; column-gap:10px; row-gap:4px; min-height:112px; padding:15px; border:1px solid #dce5f2; border-radius:14px; background:#fff; cursor:pointer; transition:.18s ease; }
.suggestion-modal__type:hover,.suggestion-modal__type.is-selected { border-color:#60a5fa; background:#eff6ff; box-shadow:0 8px 18px rgba(37,99,235,.1); }
.suggestion-modal__type input { position:absolute; opacity:0; pointer-events:none; }
.suggestion-modal__type-check { position:absolute; top:11px; right:11px; width:17px; height:17px; border:2px solid #cbd5e1; border-radius:50%; }
.suggestion-modal__type.is-selected .suggestion-modal__type-check { border:5px solid #2563eb; background:#fff; }
.suggestion-modal__type-icon { display:inline-flex; align-items:center; justify-content:center; grid-row:1 / span 2; width:38px; height:38px; border-radius:10px; }
.suggestion-modal__type-icon svg { width:22px; height:22px; }
.suggestion-modal__type-icon--feature { color:#2563eb; background:#dbeafe; }
.suggestion-modal__type-icon--bug { color:#dc2626; background:#fee2e2; }
.suggestion-modal__type-icon--improve { color:#7c3aed; background:#ede9fe; }
.suggestion-modal__type-title { padding-right:20px; font-weight:800; }
.suggestion-modal__type-text { color:#64748b; font-size:12px; line-height:1.4; }
.suggestion-modal textarea,.suggestion-modal select { width:100%; box-sizing:border-box; border:1px solid #cbd5e1; border-radius:10px; background:#fff; color:#172033; font:inherit; outline:none; }
.suggestion-modal textarea:focus,.suggestion-modal select:focus { border-color:#3b82f6; box-shadow:0 0 0 3px rgba(59,130,246,.12); }
.suggestion-modal textarea { min-height:125px; padding:12px 14px 30px; resize:vertical; }
.suggestion-modal select { min-height:44px; padding:0 12px; }
.suggestion-modal__counter { position:absolute; right:12px; bottom:8px; color:#94a3b8; font-size:12px; font-style:normal; }
.suggestion-modal__hint { margin:0; padding:12px 14px; border-radius:10px; background:#f8fafc; color:#64748b; font-size:13px; line-height:1.45; }
.suggestion-modal__status { padding:11px 13px; border-radius:10px; font-weight:600; }
.suggestion-modal__status.is-error { color:#b91c1c; background:#fef2f2; }
.suggestion-modal__status.is-success { color:#15803d; background:#f0fdf4; }
@media (max-width:700px) { .suggestion-modal { padding:14px; } .suggestion-modal__hero { align-items:flex-start; gap:12px; padding:0; } .suggestion-modal__image { width:84px; flex-basis:84px; } .suggestion-modal__types { grid-template-columns:1fr; } .suggestion-modal__type { min-height:88px; } }
[data-theme="dark"] .sidebar-suggestion-btn { border-color:#30445f; background:linear-gradient(135deg,#17273d,#1b2d47); color:#93c5fd; }
[data-theme="dark"] .suggestion-modal { color:#e5edf8; background:#111c2c; }
[data-theme="dark"] .suggestion-modal__lead,[data-theme="dark"] .suggestion-modal__field legend,[data-theme="dark"] .suggestion-modal__field>span,[data-theme="dark"] .suggestion-modal__type-title { color:#e5edf8; }
[data-theme="dark"] .suggestion-modal__text,[data-theme="dark"] .suggestion-modal__title-wrap p,[data-theme="dark"] .suggestion-modal__type-text,[data-theme="dark"] .suggestion-modal__hint { color:#9fb0c6; }
[data-theme="dark"] .suggestion-modal__type,[data-theme="dark"] .suggestion-modal textarea,[data-theme="dark"] .suggestion-modal select { border-color:#30445f; background:#172436; color:#e5edf8; }
[data-theme="dark"] .suggestion-modal__type:hover,[data-theme="dark"] .suggestion-modal__type.is-selected { border-color:#60a5fa; background:#1b3150; }