/* Docshar AI — shared styles: consent dialog and buttons (js/ai-client.js). */
.ai-consent { position: fixed; inset: 0; z-index: 80; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(24, 24, 27, .45); }
.ai-consent-box { width: 100%; max-width: 440px; background: #fff; border-radius: 18px; padding: 22px; box-shadow: 0 24px 60px -20px rgba(15, 23, 42, .45); }
.ai-consent-ico { width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #ede9fe; box-shadow: 0 4px 12px -6px rgba(124, 58, 237, .45); }
.ai-consent-ico svg { width: 20px; height: 20px; }
.ai-consent-box h2 { margin-top: 12px; font-size: 17px; font-weight: 800; color: #18181b; }
.ai-consent-box p { margin-top: 8px; font-size: 14px; line-height: 1.55; color: #52525b; }
.ai-consent-box .ai-consent-small { font-size: 12.5px; color: #71717a; }
.ai-consent-actions { margin-top: 18px; display: flex; justify-content: flex-end; gap: 8px; }
.ai-btn { height: 40px; padding: 0 16px; border-radius: 12px; font-size: 14px; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; transition: background-color .15s, border-color .15s; }
.ai-btn:disabled { opacity: .5; cursor: not-allowed; }
.ai-btn-primary { color: #fff; background: #4f46e5; border: 1px solid #4f46e5; }
.ai-btn-primary:hover:not(:disabled) { background: #4338ca; }
.ai-btn-ghost { color: #3f3f46; background: #fff; border: 1px solid #e4e4e7; }
.ai-btn-ghost:hover:not(:disabled) { background: #f4f4f5; }

/* Docshar AI icon (icons/ai-icon.png): used wherever AI is offered. Its colours need a light background. */
.ai-icon { display: inline-block; width: 78%; height: 78%; background: url(../icons/ai-icon.png) center / contain no-repeat; }
.ai-icon-btn { width: 20px; height: 20px; }