@layer components{.opponent-layout{gap:28px;margin-block:8px 64px;display:grid}.opponent-panel,.opponent-card{border:1px solid var(--line);border-radius:calc(var(--r-card) + 4px);background:var(--surface-1);box-shadow:var(--edge-top), var(--shadow-md);gap:18px;padding:clamp(20px,3vw,28px);display:grid}.opponent-panel h2{letter-spacing:-.02em;font-size:clamp(20px,2.7vw,25px)}.opponent-card{gap:16px;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden}.opponent-card:before{content:"";background:linear-gradient(var(--brand-bright), var(--brand));opacity:.9;inline-size:4px;position:absolute;inset:0 auto 0 0}.opponent-card:hover{border-color:color-mix(in srgb, var(--brand) 40%, var(--line));box-shadow:var(--edge-top), var(--shadow-lg);transform:translateY(-3px)}.opponent-intro{grid-template-columns:auto 1fr auto;align-items:center}.opponent-icon{block-size:48px;inline-size:48px;color:var(--brand-bright);background:var(--brand-a12);border-radius:16px;place-items:center;display:grid}.opponent-intro p,.opponent-gate p{margin-block-start:6px;line-height:1.8}.opponent-filters{background:var(--fill-a02);grid-template-columns:minmax(140px,1fr) repeat(3,minmax(145px,1fr)) auto;align-items:end;gap:14px;padding:18px}.opponent-filters h2{align-self:center}.opponent-filters .jalali-calendar.input,.opponent-date-add .jalali-calendar.input{background:0 0;border:0;border-radius:0;min-block-size:0;padding:0}.opponent-filters .jalali-calendar-trigger,.opponent-date-add .jalali-calendar-trigger{appearance:none;border:1px solid var(--line);border-radius:var(--r-control);background:var(--fill-a04);block-size:46px;min-block-size:46px;inline-size:100%;color:var(--text-1);text-align:start;cursor:pointer;transition:background-color var(--t-base) var(--ease), border-color var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease);padding:12px 14px;font-family:inherit;font-size:15px;line-height:20px;display:block}.opponent-filters .jalali-calendar-trigger>svg,.opponent-date-add .jalali-calendar-trigger>svg{display:none}.opponent-filters .jalali-calendar-trigger:hover,.opponent-date-add .jalali-calendar-trigger:hover{border-color:var(--line-strong)}.opponent-filters .jalali-calendar:focus-within .jalali-calendar-trigger,.opponent-date-add .jalali-calendar:focus-within .jalali-calendar-trigger{border-color:var(--brand-a70);background:var(--fill-a06);box-shadow:0 0 0 3px var(--brand-a12);outline:none}.opponent-form,.opponent-filters label,.opponent-form>label,.opponent-form-grid label,.opponent-player-grid label,.opponent-request-action label,.opponent-slot-form label,.opponent-checkout label{color:var(--text-2);gap:8px;font-size:14px;display:grid}.opponent-form{gap:20px}.opponent-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.opponent-fieldset{border:0;gap:12px;min-inline-size:0;margin:0;padding:0;display:grid}.opponent-fieldset legend{color:var(--text-2);margin-block-end:10px}.opponent-player-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.opponent-date-add{flex-wrap:wrap;gap:10px;display:flex}.opponent-date-add .input{max-inline-size:240px}.opponent-chip-row{flex-wrap:wrap;gap:8px;display:flex}.opponent-chip{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--fill-a04);color:var(--text-2);cursor:pointer;font:inherit;padding:8px 12px;font-size:13px;transition:border-color .15s,color .15s,background .15s}.opponent-chip:hover{border-color:var(--brand);color:var(--brand-bright);background:var(--brand-a12)}.opponent-disclaimer{border-inline-start:3px solid var(--brand);background:var(--fill-a04);color:var(--text-2);border-radius:8px;padding:14px 16px;font-size:14px;line-height:1.9}.opponent-gate{grid-template-columns:auto 1fr auto;align-items:center}.opponent-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.opponent-card-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.opponent-card-heading h3{font-size:18px}.opponent-status{border-radius:var(--r-pill);background:var(--brand-a12);color:var(--brand-bright);border:1px solid color-mix(in srgb, var(--brand) 30%, transparent);white-space:nowrap;padding:5px 10px;font-size:12px;font-weight:700}.opponent-facts{color:var(--text-2);flex-wrap:wrap;gap:8px;font-size:13px;display:flex}.opponent-facts span,.opponent-dates{align-items:center;gap:6px;display:inline-flex}.opponent-facts span{background:var(--fill-a04);border-radius:9px;padding:7px 9px}.opponent-dates{color:var(--text-2);background:var(--fill-a02);border-radius:10px;padding:10px 12px;font-size:13px}.opponent-description{overflow-wrap:anywhere;margin:0;padding-block-start:2px;line-height:1.9}.opponent-request-action,.opponent-slot-form,.opponent-checkout{border-block-start:1px solid var(--line);gap:12px;padding-block-start:16px;display:grid}.opponent-pagination{justify-content:center;align-items:center;gap:16px;display:flex}.opponent-private{gap:16px}.opponent-section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.opponent-section-heading>div{align-items:center;gap:10px;display:flex}.opponent-notifications{gap:10px;margin:0;padding:0;list-style:none;display:grid}.opponent-notifications li,.opponent-list-row{border-block-end:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.opponent-list-row>div{flex-wrap:wrap;gap:8px;display:flex}.opponent-list-row .button{min-block-size:38px}.opponent-arrangement-list{gap:14px;margin-block-start:12px;display:grid}.opponent-arrangement{border:1px solid var(--line);background:var(--fill-a02)}.opponent-reservation,.opponent-slot{border:1px solid var(--line);background:var(--fill-a04);border-radius:12px;gap:8px;padding:16px;display:grid}.opponent-reservation .text-link{justify-self:start}.opponent-reservation span,.opponent-slot p{color:var(--text-2);font-size:13px}.opponent-slot-form select,.opponent-checkout select{max-inline-size:360px}.account-opponents{margin-block:24px}@media (max-width:850px){.opponent-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.opponent-player-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.opponent-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.opponent-layout{gap:18px;margin-block-end:40px}.opponent-panel,.opponent-card{padding:18px}.opponent-intro,.opponent-gate{grid-template-columns:1fr;justify-items:start}.opponent-card-grid,.opponent-filters{grid-template-columns:1fr}.opponent-player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.opponent-form-grid{grid-template-columns:1fr}.opponent-date-add .input{flex:1;max-inline-size:none}.opponent-card:hover{transform:none}}}