:root {
    --primary: #0f766e;
    --secondary: #0f172a;
    --accent: #f59e0b;
    --body-bg: #f1f5f9;
    --body-fg: #0f172a;
    --link-fg: #0f766e;
    --link-hover-color: #115e59;
}

html, body { direction: rtl; }
body { background: #f1f5f9; font-family: Tahoma, Arial, sans-serif; }
#header {
    background: #fff;
    border-bottom: 1px solid #e2e8f0;
    color: #0f172a;
    padding: 12px 28px;
}
#user-tools, #user-tools a, #logout-form button { color: #475569; }
.bot-brand { align-items: center; display: flex; gap: 11px; }
.bot-brand > span { background: #ccfbf1; border-radius: 12px; font-size: 22px; padding: 8px; }
.bot-brand strong { color: #0f172a; display: block; font-size: 17px; }
.bot-brand small { color: #64748b; display: block; font-size: 11px; margin-top: 3px; }
#content { box-sizing: border-box; max-width: 1200px; padding: 28px; width: 100%; }
.bot-home { display: grid; gap: 18px; }
.bot-hero, .bot-help {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .06);
    padding: 25px;
}
.bot-hero { align-items: center; display: flex; justify-content: space-between; }
.bot-hero p { color: #0f766e; font-size: 12px; font-weight: 900; margin: 0 0 7px; }
.bot-hero h1 { color: #0f172a; font-size: 25px; margin: 0 0 8px; }
.bot-hero span, .bot-help p { color: #64748b; line-height: 1.9; }
.bot-hero a { background: #ccfbf1; border-radius: 10px; color: #115e59; font-weight: 900; padding: 10px 14px; text-decoration: none; }
.bot-steps { display: grid; gap: 12px; grid-template-columns: repeat(3, 1fr); }
.bot-steps div {
    align-items: center; background: #ecfdf5; border: 1px solid #a7f3d0;
    border-radius: 13px; color: #115e59; display: flex; gap: 10px; padding: 14px;
}
.bot-steps b {
    align-items: center; background: #0f766e; border-radius: 50%; color: #fff;
    display: flex; flex: 0 0 30px; height: 30px; justify-content: center;
}
.bot-actions { display: grid; gap: 14px; grid-template-columns: repeat(3, 1fr); }
.bot-actions a {
    background: #fff; border: 1px solid #e2e8f0; border-radius: 16px;
    box-shadow: 0 12px 26px rgba(15,23,42,.05); color: #0f172a;
    display: grid; min-height: 110px; padding: 19px; text-decoration: none;
}
.bot-actions a.primary { border-color: #5eead4; background: #f0fdfa; }
.bot-actions a.warning { border-color: #fcd34d; background: #fffbeb; }
.bot-actions i { font-size: 25px; font-style: normal; }
.bot-actions strong { font-size: 16px; margin-top: 8px; }
.bot-actions small { color: #64748b; line-height: 1.7; margin-top: 5px; }
.module, fieldset.module, .inline-group, #changelist, .submit-row {
    background: #fff; border: 1px solid #e2e8f0; border-radius: 13px;
    box-shadow: 0 12px 26px rgba(15,23,42,.05); overflow: hidden;
}
input, textarea, select { border-radius: 8px !important; }
@media (max-width: 800px) {
    #content { padding: 16px; }
    .bot-hero { align-items: flex-start; flex-direction: column; gap: 15px; }
    .bot-steps, .bot-actions { grid-template-columns: 1fr; }
}
.builder-home,.menu-builder{display:grid;gap:18px}.builder-hero,.builder-toolbar,.builder-note,.phone-preview{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px}.builder-hero p,.builder-toolbar p{color:#0f766e;font-weight:900;margin:0}.builder-hero h1,.builder-toolbar h1{margin:7px 0}.bot-picker{display:grid;grid-template-columns:1fr 1fr;gap:18px}.bot-picker a{background:#fff;border:2px solid #99f6e4;border-radius:20px;color:#0f172a;display:grid;gap:9px;padding:28px;text-decoration:none}.bot-picker a.dokhtar{border-color:#fbcfe8}.bot-picker i{font-size:38px}.bot-picker strong{font-size:21px}.bot-picker small{color:#64748b}.bot-picker b{color:#0f766e;margin-top:8px}.builder-toolbar{align-items:center;display:flex;justify-content:space-between}.primary{background:#0f766e!important;border:0;border-radius:10px;color:#fff!important;font-weight:900;padding:11px 16px}.builder-note{background:#ecfdf5;color:#115e59}.builder-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px}.root-drop,.child-drop{border:2px dashed #94a3b8;border-radius:10px;color:#64748b;margin-bottom:9px;padding:10px;text-align:center}.child-drop{grid-column:1/-1;margin:7px 0}.over{background:#ccfbf1;border-color:#0f766e}.menu-card{background:#fff;border:1px solid #cbd5e1;border-radius:13px;display:grid;grid-template-columns:30px 1fr auto;gap:10px;margin:9px 0;padding:12px}.menu-card .children{grid-column:1/-1;margin-right:28px}.drag{cursor:grab;font-size:22px}.menu-copy{display:grid}.menu-copy small{color:#64748b}.menu-actions{display:flex;gap:5px}.menu-actions button{border:1px solid #cbd5e1;border-radius:7px;padding:6px}.phone{background:#111827;border-radius:25px;padding:12px;margin-top:14px}.phone-chat{background:#e2e8f0;border-radius:18px;display:grid;gap:7px;min-height:360px;padding:20px 12px}.phone-chat p{background:#fff;border-radius:10px;padding:9px}.phone-chat button{background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:9px}dialog{border:0;border-radius:18px;max-width:700px;width:92%}dialog::backdrop{background:#0f172a99}#item-form{display:grid;gap:14px}#item-form label{display:grid;gap:6px;font-weight:800}.check{display:flex!important}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}#media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}#media-grid div{position:relative}#media-grid img,#media-grid video{border-radius:9px;height:100px;object-fit:cover;width:100%}#media-grid button{background:#dc2626;color:#fff;position:absolute;bottom:4px;right:4px}.upload{background:#ecfdf5;border:1px dashed #0f766e;border-radius:10px;margin-top:10px;padding:12px}
@media(max-width:800px){.bot-picker,.builder-layout{grid-template-columns:1fr}.phone-preview{display:none}.menu-actions{flex-wrap:wrap}.menu-card .children{margin-right:8px}#media-grid{grid-template-columns:repeat(2,1fr)}}