.swap-hero{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;background:linear-gradient(125deg,#fff 35%,#eeeaff)}.swap-hero small{font-size:8px;font-weight:900;letter-spacing:.13em;color:#6d50db}.swap-hero h2{margin:7px 0 5px}.swap-hero>i{width:70px;height:70px;display:grid;place-items:center;border-radius:20px;background:#6d50db;color:#fff;font-size:34px;font-style:normal;box-shadow:0 14px 35px #6d50db44}.swap-form-card{margin-bottom:17px}.swap-form-title{display:flex;align-items:center;gap:11px}.swap-form-title>i{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#eeeaff;color:#654bd4;font-style:normal}.swap-form-title h3{margin:0 0 4px}.swap-form-card form{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:16px}.swap-form-card label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:700}.swap-form-card select,.swap-form-card textarea{padding:11px;border:1px solid #dfe3ea;border-radius:9px;background:#fff;font:inherit}.swap-form-card .wide{grid-column:1/-1}.emergency-swap{display:flex;align-items:center;gap:15px;margin-bottom:17px;border-left:4px solid #e79a34}.emergency-swap>div{min-width:230px;display:flex;align-items:center;gap:10px}.emergency-swap>div>i{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:#fff0dd;font-style:normal}.emergency-swap h3{margin:0 0 4px}.emergency-swap form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:7px;flex:1}.emergency-swap select,.emergency-swap input,.emergency-swap button{min-width:0;padding:10px;border:1px solid #dfe3ea;border-radius:8px;background:#fff}.emergency-swap button{border-color:#db8b28;background:#db8b28;color:#fff;font-weight:700}.swap-list{display:flex;flex-direction:column}.swap-item{display:grid;grid-template-columns:1.1fr 1.35fr .65fr auto;gap:14px;align-items:center;padding:15px 5px;border-top:1px solid var(--line)}.swap-people{display:flex;align-items:center;gap:7px}.swap-people>span{display:flex;align-items:center;gap:7px;min-width:0}.swap-people i{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:#eeeaff;color:#654bd4;font-size:8px;font-style:normal}.swap-people b{font-size:9px}.swap-people>em{color:#7b67d2;font-style:normal}.swap-shifts>span{display:flex;flex-direction:column;gap:3px}.swap-shifts b{font-size:9px}.swap-shifts small,.swap-shifts p,.swap-state small{font-size:8px;color:#8791a1}.swap-shifts p{margin:6px 0 0}.swap-state{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.swap-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.swap-actions button{border:0;border-radius:7px;padding:8px 10px;background:#e2f6ed;color:#168d5f;font-size:9px;font-weight:700}.swap-actions .reject,.swap-actions .cancel{background:#fff0f1;color:#b64150}@media(max-width:1050px){.emergency-swap{align-items:flex-start;flex-direction:column}.emergency-swap form{width:100%}.swap-item{grid-template-columns:1fr 1fr}.swap-actions{justify-content:flex-start}}@media(max-width:700px){.swap-hero{padding:18px}.swap-hero>i{width:52px;height:52px;font-size:25px}.swap-form-card form,.emergency-swap form,.swap-item{grid-template-columns:1fr}.swap-form-card .wide{grid-column:auto}.swap-people{justify-content:flex-start}}