.calendar-import-panel{margin-top:18px;border:2px solid #9bbcdf;background:#f8fbff}.calendar-import-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.calendar-import-head small{color:#1769a8;font-weight:800}.calendar-import-head h3{margin:4px 0}.calendar-import-head p{margin:5px 0;color:#536b82}.calendar-import-head>span{padding:7px 11px;border-radius:999px;font-weight:800;white-space:nowrap}.calendar-import-head .connected{color:#176c45;background:#eaf7f0}.calendar-import-head .not-connected{color:#8a5200;background:#fff4df}.calendar-import-safety{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:14px 0;padding:10px;border:1px solid #c9d9e9;border-radius:9px;background:#fff}.calendar-import-safety span{padding:4px 8px;border-radius:999px;background:#edf4fb;color:#315d83;font-size:.76rem;font-weight:700}.calendar-import-account{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;background:#edf8f2}.calendar-import-account span,.calendar-import-account small{color:#567265}.calendar-import-account button{margin-left:auto}.calendar-import-connect{padding:16px;text-align:center;border:1px dashed #9eb9d3;border-radius:9px;background:#fff}.calendar-import-connect small{display:block;margin-top:8px}.calendar-import-form{display:grid;gap:14px;margin-top:14px}.calendar-import-period{display:flex;gap:10px}.calendar-import-period label{display:grid;gap:5px;flex:1}.calendar-import-calendars{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:7px;margin-top:7px}.calendar-import-calendars label{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid #d3dfeb;border-radius:8px;background:#fff}.calendar-import-calendars label>i{width:11px;height:11px;border-radius:50%}.calendar-import-calendars label>span{display:grid}.calendar-import-calendars small{color:#687c91}.calendar-import-calendars label.excluded{opacity:.65;background:#f1f2f4}.calendar-import-loading{margin-top:14px;padding:20px;text-align:center;border-radius:9px;background:#eaf4ff;color:#185c94;font-weight:800}.calendar-import-preview{margin-top:16px;border-top:1px solid #c9d9e9;padding-top:15px}.calendar-import-preview>header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.calendar-import-preview h4{margin:3px 0}.calendar-import-preview header small{color:#247347;font-weight:800}.calendar-import-counts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.calendar-import-counts span{padding:6px 8px;border-radius:8px;background:#eef2f6;font-size:.72rem}.calendar-import-counts b{display:block;font-size:1rem}.calendar-import-counts .ready{background:#e9f7ef;color:#176c45}.calendar-import-counts .review{background:#fff3df;color:#8a5200}.calendar-import-ignored{padding:8px 10px;background:#f1f2f4;color:#56616e}.calendar-import-actions{display:flex;justify-content:space-between;align-items:center;margin:12px 0}.calendar-import-table{max-height:560px;overflow:auto;border:1px solid #d6e0ea;border-radius:9px;background:#fff}.calendar-import-table table{width:100%;border-collapse:collapse;font-size:.78rem}.calendar-import-table th{position:sticky;top:0;z-index:1;background:#eaf1f8;text-align:left}.calendar-import-table th,.calendar-import-table td{padding:8px;border-bottom:1px solid #e4eaf0;vertical-align:top}.calendar-import-table td:nth-child(2){min-width:175px}.calendar-import-table td:nth-child(3){min-width:220px}.calendar-import-table td:nth-child(4){min-width:220px}.calendar-import-table td span,.calendar-import-table td small{display:block;margin-top:3px}.calendar-import-table .state-review{background:#fffaf0}.calendar-import-table .state-excluded,.calendar-import-table .state-duplicate{color:#78838e;background:#f6f7f8}.calendar-import-table .state-ready strong{color:#176c45}.calendar-import-table .state-review strong{color:#8a5200}.calendar-import-panel>footer,.calendar-import-preview>footer{display:block;margin-top:10px;color:#61758a;font-size:.76rem}.calendar-import-error{color:#a3392f}.calendar-import-panel button.primary{min-height:42px}
@media(max-width:700px){.calendar-import-head,.calendar-import-preview>header{display:block}.calendar-import-head>span{display:inline-block;margin-top:7px}.calendar-import-account{display:grid;grid-template-columns:1fr auto}.calendar-import-account button{grid-column:1/-1;width:100%}.calendar-import-period{display:grid}.calendar-import-calendars{grid-template-columns:1fr}.calendar-import-actions{align-items:stretch;flex-direction:column;gap:8px}.calendar-import-actions button{width:100%}.calendar-import-counts{justify-content:flex-start;margin-top:8px}.calendar-import-table{max-height:470px}.calendar-import-table table{font-size:.72rem}.calendar-import-table th,.calendar-import-table td{padding:7px 6px}.calendar-import-table td:nth-child(2){min-width:155px}.calendar-import-table td:nth-child(3){min-width:190px}}
.calendar-import-account{flex-wrap:wrap}.calendar-import-account label,.calendar-import-connect label{display:grid;gap:4px;text-align:left;font-weight:700}.calendar-import-account label{margin-left:auto;min-width:260px}.calendar-import-account input,.calendar-import-connect input{min-height:40px;padding:8px 10px;border:1px solid #aebfce;border-radius:7px;background:#fff}.calendar-import-connect label{max-width:430px;margin:10px auto}
.calendar-auto-import{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 14px;border:1px solid #9bc8ae;border-radius:10px;background:#eff9f3}.calendar-auto-import>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.calendar-auto-import>div:first-child{display:grid;gap:3px}.calendar-auto-import span{color:#176c45;font-weight:800}.calendar-auto-import small{display:block;color:#557266}.calendar-auto-import button{white-space:nowrap}
@media(max-width:700px){.calendar-auto-import{display:grid}.calendar-auto-import>div:last-child{display:grid}.calendar-auto-import button{width:100%}}