.didar-city-card{margin:20px 0;padding:22px;border:1px solid #dce5dc;border-radius:22px;background:#f1f6ed;color:#294c3b;font:inherit;line-height:1.9;grid-column:1/-1}.didar-city-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.didar-city-card p{margin:10px 0;font-size:16px}.didar-city-card small{display:block;font-size:14px}.didar-city-card progress{width:100%;height:12px;accent-color:#28694e}.didar-city-primary,.didar-city-link{font:inherit;cursor:pointer;min-height:44px;border-radius:12px;padding:10px 16px}.didar-city-primary{background:#28694e;color:white;border:0;margin-top:12px}.didar-city-link{color:#28694e;background:transparent;border:1px solid #c7d9cd;display:inline-block}.didar-city-card input,.didar-city-dialog input{box-sizing:border-box;width:100%;font:inherit;font-size:16px;border:1px solid #c7d9cd;border-radius:12px;padding:12px;background:white;color:#243e32}.didar-city-card label{display:block;max-width:420px}.didar-city-dialog{box-sizing:border-box;width:min(520px,calc(100vw - 32px));max-height:80dvh;margin:auto;padding:24px;border:0;border-radius:24px;background:#faf9f5;color:#294c3b;font:16px/1.9 Vazirmatn,Tahoma,sans-serif;direction:rtl;overflow:auto}.didar-city-dialog::backdrop{background:#16342766;backdrop-filter:blur(6px)}.didar-city-dialog [data-results]{max-height:42dvh;overflow:auto;margin-top:12px}.didar-city-choice{display:block;width:100%;min-height:48px;text-align:right;border:0;border-bottom:1px solid #dce5dc;background:transparent;color:inherit;padding:12px;font:inherit;cursor:pointer}.didar-city-choice:hover,.didar-city-choice:focus-visible{background:#e8efdf}.didar-city-status:empty{display:none}@media(max-width:600px){.didar-city-card{padding:16px;margin:16px 0}.didar-city-dialog{padding:18px}.didar-city-card h2{font-size:20px}}
/* Component specificity keeps the page design resets from stripping these controls. */
#app .didar-city-card{box-sizing:border-box;display:block;margin:22px 24px;padding:22px;border:1px solid #dce5d9;border-radius:24px;background:linear-gradient(135deg,#f1f6ed,#fafbf7);color:#294c3b;line-height:1.9;grid-column:1/-1}
#app .didar-city-card .didar-city-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
#app .didar-city-card p{display:block;margin:12px 0;font-size:16px;line-height:1.9;color:#53695b}
#app .didar-city-card small{display:block;font-size:14px;line-height:1.8}
#app .didar-city-card .didar-city-link,#app .didar-city-card .didar-city-primary,body .didar-city-dialog .didar-city-link{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:11px 16px;border-radius:16px;font:600 15px/1.7 Vazirmatn,Tahoma,sans-serif;text-decoration:none;cursor:pointer;transition:background .18s,box-shadow .18s,transform .18s}
#app .didar-city-card .didar-city-link,body .didar-city-dialog .didar-city-link{background:#fff;border:1px solid #d8e3d8;color:#246b50;box-shadow:0 2px 4px #243c3306}
#app .didar-city-card .didar-city-primary{margin:12px 0 4px;background:#246b50;color:#fff;border:1px solid #246b50;box-shadow:0 5px 12px #246b5020;padding:12px 18px;min-height:54px}
#app .didar-city-card .didar-city-primary>span,#app .didar-city-card .didar-city-link>span{display:inline;line-height:1.7;font:inherit;color:inherit}
#app .didar-city-card .city-button-icon,body .didar-city-dialog .city-button-icon{display:block;width:20px;height:20px;flex:0 0 20px;stroke-width:1.8}
#app .didar-city-card .didar-city-primary>.city-button-arrow{display:grid;place-items:center;width:30px;height:30px;margin-right:8px;background:#ffffff20;border-radius:10px;flex:0 0 30px}
#app .didar-city-card :is(.didar-city-primary,.didar-city-link):focus-visible,body .didar-city-dialog button:focus-visible{outline:3px solid #c48554;outline-offset:3px}
#app .didar-city-card :is(.didar-city-primary,.didar-city-link):active,body .didar-city-dialog .didar-city-choice:active{transform:translateY(1px);box-shadow:none}
#app .didar-city-card button:disabled,body .didar-city-dialog button:disabled{opacity:.5;cursor:wait;transform:none;box-shadow:none}
body .didar-city-dialog .didar-city-choice{box-sizing:border-box;display:flex;align-items:center;gap:12px;min-height:72px;padding:12px;margin:7px 0;border:1px solid #e1e7dc;border-radius:16px;background:#fff;transition:background .18s,border-color .18s}
body .didar-city-dialog .city-choice-pin{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#f0f4eb;color:#44755c;flex:0 0 40px}
body .didar-city-dialog .city-choice-copy{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
body .didar-city-dialog .city-choice-copy strong{font-size:16px;font-weight:650}body .didar-city-dialog .city-choice-copy small{font-size:13px;color:#758274}
body .didar-city-dialog .city-choice-end{color:#71866e;display:flex}body .didar-city-dialog .city-active-badge{font-size:12px;color:#28694e;background:#eaf3e5;padding:2px 9px;border-radius:20px}
body .didar-city-dialog .didar-city-choice[aria-pressed=true]{border-color:#508567;background:#edf4e9;box-shadow:inset 0 0 0 1px #508567}body .didar-city-dialog .didar-city-choice[aria-pressed=true] .city-choice-end{color:#246b50}
@media(hover:hover){#app .didar-city-card .didar-city-primary:hover:not(:disabled){background:#1d5942;box-shadow:0 7px 16px #246b502b;transform:translateY(-1px)}#app .didar-city-card .didar-city-link:hover:not(:disabled),body .didar-city-dialog .didar-city-link:hover{background:#eaf1e5;border-color:#9fbaa4}body .didar-city-dialog .didar-city-choice:hover:not(:disabled){background:#f0f5eb;border-color:#a2b99f}}
@media(max-width:600px){#app .didar-city-card{margin:16px 20px;padding:18px;border-radius:22px}#app .didar-city-card .didar-city-primary{display:flex;width:100%;font-size:15px;padding:12px;gap:8px}#app .didar-city-card .didar-city-link{font-size:14px;padding:10px 12px}#app .didar-city-card .didar-city-top>strong{font-size:16px}#app .didar-city-card .didar-city-primary>.city-button-arrow{margin-right:auto}body .didar-city-dialog .didar-city-choice{gap:9px}}
@media(prefers-reduced-motion:reduce){#app .didar-city-card button,body .didar-city-dialog button{transition:none!important;transform:none!important}}