@import url('/public/fonts/thema/fonts.css');

.zd-thema-notice { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 12px; margin:8px 0 16px; padding:0; border:0; background:none; }
.zd-thema-note { color:#8b6458; font-family:'Lora',Georgia,serif; font-size:14px; font-style:italic; font-weight:400; line-height:1.7; }
.zd-thema-note:lang(ar) { font-family:'Amiri','Noto Naskh Arabic',serif; font-size:17px; line-height:1.8; }
.zd-thema-note--landing { margin:12px 0 0; }
.zd-thema-report-button { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:8px 17px; border:1px solid #2c6650; border-radius:9px; background:#2c6650; color:#fff; font-family:inherit; font-size:14px; font-weight:600; line-height:1.5; cursor:pointer; }
.zd-thema-report-button:hover { background:#204f3c; }
.zd-thema-report-button--quiet { min-height:28px; padding:2px 0; border:0; border-radius:3px; background:none; color:#6d7b72; font-size:12px; font-weight:400; text-decoration:underline; text-decoration-color:#b3bdb5; text-underline-offset:4px; }
.zd-thema-report-button--quiet:hover { background:none; color:#315a45; text-decoration-color:currentColor; }
.zd-thema-report-button:disabled { opacity:.65; cursor:wait; }
.zd-thema-report-button:focus-visible,.zd-thema-dialog__close:focus-visible,.zd-thema-form textarea:focus-visible,.zd-thema-attach-button:focus-visible,.zd-thema-attach-remove:focus-visible { outline:2px solid #b9954b; outline-offset:3px; }
.zd-thema-dialog { box-sizing:border-box; width:min(480px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); padding:24px; border:1px solid #dbe5dd; border-radius:18px; background:#fff; color:#213c31; box-shadow:0 24px 100px #102c2740; font:15px/1.6 system-ui,sans-serif; overflow:auto; }
.zd-thema-dialog:lang(ar) { font-family:'Noto Sans Arabic',system-ui,sans-serif; }
.zd-thema-dialog::backdrop { background:#10272088; backdrop-filter:blur(3px); }
.zd-thema-dialog__head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
.zd-thema-dialog h2 { margin:0; font-size:19px; font-weight:600; line-height:1.5; }
.zd-thema-dialog__close { flex:none; border:0; border-radius:50%; background:#f0f4f1; color:#2f4c3e; width:30px; height:30px; font-size:22px; cursor:pointer; }
.zd-thema-form__message { display:block; }
.zd-thema-form textarea { display:block; box-sizing:border-box; width:100%; resize:vertical; min-height:124px; margin:0; padding:11px; border:1px solid #c6d6cc; border-radius:10px; color:#243d30; background:#fafcfb; font-family:inherit; font-size:15px; font-weight:400; line-height:1.7; }
.zd-thema-form__attachment { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:12px; font-size:12px; color:#738176; }
.zd-thema-attach-button { flex:none; padding:3px 0; border:0; border-radius:3px; background:none; color:#436753; text-decoration:underline; text-underline-offset:3px; font:inherit; cursor:pointer; }
.zd-thema-form__filename { max-width:100%; overflow-wrap:anywhere; }
.zd-thema-attach-remove { flex:none; width:24px; height:24px; padding:0; border:0; border-radius:50%; color:#54705d; background:#eef3ef; font-size:18px; cursor:pointer; }
.zd-thema-form__trap,.zd-thema-visually-hidden { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; overflow:hidden; clip-path:inset(50%); white-space:nowrap; opacity:0; pointer-events:none; }
.zd-thema-form__status { margin:12px 0 0; color:#a43c31; font-size:13px; }
.zd-thema-form__status:empty { display:none; }
.zd-thema-form__status.is-success { color:#246b45; }
.zd-thema-form>.zd-thema-report-button { margin-top:18px; }
.zd-thema-form [hidden] { display:none!important; }
.zd-user-message__attachment { display:inline-flex; gap:6px; align-items:center; margin:0 0 16px; padding:8px 11px; border:1px solid #e1e8e2; border-radius:8px; font-size:13px; }
.zd-user-messages{display:grid;gap:18px}.zd-user-messages__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.zd-user-messages__head h2{margin:0;font-size:23px;font-weight:700;line-height:1.5}.zd-user-messages__head p{color:#66796d}.zd-user-messages__tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.zd-user-messages button,.zd-user-messages select{padding:9px 13px;min-height:42px;border:1px solid #cddbd2;border-radius:9px;background:#fff;color:#2a513e;cursor:pointer}.zd-user-messages__list{display:grid;gap:14px}.zd-user-message{padding:22px;border:1px solid #dce5df;border-radius:15px;background:#fff}.zd-user-message.is-new{border-inline-start:4px solid #3b8066}.zd-user-message header,.zd-user-message footer{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between}.zd-user-message__body{margin:18px 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;color:#263c30}.zd-user-message__meta{color:#6b7c72;font-size:13px}.zd-user-message__badge{padding:4px 9px;border-radius:7px;background:#edf6ef;color:#306449;font-size:12px}.zd-user-message a{overflow-wrap:anywhere;color:#2b6b50}.zd-user-messages__pages{display:flex;justify-content:center;align-items:center;gap:14px}

@media(max-width:680px) { .zd-thema-dialog{padding:20px;} .zd-thema-note{font-size:13px;} .zd-thema-note:lang(ar){font-size:16px;} }
