@layer base,layout;@layer components{.persian-date-input{position:relative}.persian-date-input input{cursor:pointer;padding-inline:52px}.persian-date-input>button{inset-inline-end:4px;width:44px;height:44px;color:var(--green);background:0 0;border-radius:10px;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.persian-calendar{border:1px solid var(--line);width:min(380px,100vw - 24px);max-height:calc(100dvh - 24px);color:inherit;background:var(--surface);border-radius:20px;padding:16px;overflow:auto}.persian-calendar::backdrop{background:rgb(var(--text-rgb) / .45)}.persian-calendar-heading,.persian-calendar-nav{justify-content:space-between;align-items:center;gap:6px;margin-bottom:12px;display:flex}.persian-calendar-heading button,.persian-calendar-nav>button{background:var(--surface-subtle);min-width:44px;min-height:44px;color:inherit;border-radius:10px}.persian-calendar-heading button{font-size:1.5rem}.persian-calendar-nav label{flex:1;min-width:0}.persian-calendar-nav select{border:1px solid var(--line);width:100%;min-height:44px;color:inherit;background:var(--surface);border-radius:10px;padding:4px}.persian-calendar-week,.persian-calendar-days{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.persian-calendar-week{color:var(--muted);margin-block:12px 4px;font-size:.8rem}.persian-calendar-days button{min-height:44px;color:inherit;background:0 0;border-radius:10px;padding:4px 0}.persian-calendar-days button:hover{background:var(--surface-subtle)}.persian-calendar-days [aria-current=date]{box-shadow:inset 0 0 0 1px var(--green)}.persian-calendar-days [aria-pressed=true]{background:var(--green);color:var(--on-primary)}.persian-calendar-days [aria-pressed=true]:hover{background:var(--success)}}@layer responsive;