.crm-quick{color:#152840;font-size:15px}.crm-quick header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5eaf0;padding-bottom:16px;margin-bottom:18px}.crm-quick h3{font-size:23px;margin:0 0 5px}.crm-quick small{color:#66778b}.crm-quick label{display:block;font-weight:600;margin:15px 0 8px}.crm-quick input,.crm-quick textarea,.crm-quick select{display:block;width:100%;box-sizing:border-box;border:1px solid #dce3eb;border-radius:12px;padding:12px;margin-top:8px;font:inherit;background:white;color:#152840;min-height:46px}.crm-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.crm-quick .crm-fields label{margin-top:0}.crm-times{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.crm-times button{border:1px solid #dce3eb;border-radius:24px;background:#fff;padding:10px 14px;color:#20354d;font:inherit}.crm-times button.selected{border-color:#1683ff;background:#eaf3ff;color:#0875ee}.crm-quick footer{display:flex;gap:12px;border-top:1px solid #edf0f4;margin-top:20px;padding-top:16px}.crm-quick footer .btn{flex:1;min-height:48px;border-radius:12px;font-weight:600}.crm-quick .primary{background:#147efa;color:#fff}.crm-existing{margin:18px 0}.crm-existing summary{cursor:pointer;color:#62748b}.crm-quick input:focus,.crm-quick textarea:focus,.crm-quick select:focus{outline:2px solid #8ec7ff;outline-offset:1px}.crm-quick .error{background:#fff3ed;border-radius:10px;padding:10px}.crm-quick .error:empty{display:none}@media(max-width:380px){.crm-fields{grid-template-columns:1fr}.crm-times button{padding:8px 11px}}
.crm-suggestions{border:1px solid #dce3eb;border-radius:12px;overflow:hidden;margin-top:4px;background:white}.crm-suggestions button{display:block;width:100%;padding:11px 14px;text-align:left;border:0;background:white;font:inherit;color:#20354d}.crm-suggestions button:hover,.crm-suggestions button:focus{background:#eaf3ff}.crm-date-display{width:100%;border:1px solid #dce3eb;background:#fff;border-radius:12px;padding:14px;text-align:left;font:inherit;color:#20354d}.crm-datepicker{padding:12px;border:1px solid #dce3eb;border-radius:12px;margin-top:8px;background:white}.crm-month{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.crm-month button{border:0;border-radius:9px;padding:8px 15px;font-size:22px;background:#f1f5fa}.crm-week,.crm-days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:5px}.crm-week{font-size:13px;color:#66778b;margin-bottom:8px}.crm-days button{min-height:38px;border:0;border-radius:9px;background:#f5f7fb;font:inherit}.crm-days button.selected{background:#147efa;color:white}.crm-days button:disabled{opacity:.3}.crm-quick [hidden]{display:none!important}
.crm-native .crm-quick header>[data-close]{display:none}
/* Compact appointment form; date/time selection uses a separate overlay. */
.crm-quick{font-size:14px}.crm-quick header{padding-bottom:9px;margin-bottom:10px}.crm-quick h3{font-size:21px}.crm-quick label{margin:9px 0 5px}.crm-quick input,.crm-quick select,.crm-quick textarea{padding:9px 10px;min-height:42px;margin-top:5px}.crm-fields{grid-template-columns:1fr 1fr;gap:8px}.crm-times{gap:5px;flex-wrap:nowrap;margin-bottom:7px}.crm-times button{padding:9px 8px;font-size:13px;flex:1;white-space:nowrap}.crm-quick textarea{height:48px;min-height:48px}.crm-quick footer{margin-top:10px;padding-top:10px}.crm-existing{margin:9px 0}.crm-quick small{font-size:11px}.crm-date-display{padding:11px}.crm-datepicker{position:fixed;z-index:10010;left:50%;top:50%;transform:translate(-50%,-50%);width:min(340px,calc(100vw - 32px));box-sizing:border-box;box-shadow:0 0 0 100vmax #10203066,0 10px 30px #10203033;margin:0;max-height:90dvh;overflow:auto}.crm-clock{display:flex;gap:6px;flex-wrap:wrap}.crm-clock select{width:calc(50% - 3px)}.crm-clock button,#crmTimeDisplay{min-height:42px;background:#eaf3ff;color:#0767d6;border:1px solid #9ccaff;border-radius:9px;padding:8px;font:inherit}.crm-clock button{width:100%}.crm-suggestions{position:absolute;z-index:5;left:0;right:0;box-shadow:0 5px 16px #1232;max-height:180px;overflow:auto}.crm-quick label{position:relative}body:has(>#modalCard){padding:0;background:white}body>#modalCard{padding:10px 14px!important}.crm-quick footer{position:sticky;bottom:0;background:white;z-index:2}