/* One control height and one red/white menu surface throughout quote pages. */
:root{--qc-red:#bf2538;--qc-dark:#972035;--qc-soft:#fff0f3;--qc-line:#d7c9cf;--qc-ink:#302a2e;--qc-muted:#72666d;--qc-height:44px}
.qc-select,.qc-date-field{box-sizing:border-box;position:relative;display:inline-grid;vertical-align:middle;min-width:0;max-width:100%;height:var(--qc-height);border:1px solid var(--qc-line);border-radius:8px;background:#fff;color:var(--qc-ink);font-size:14px;line-height:1.4}
.qc-select:hover,.qc-date-field:hover{border-color:var(--qc-red)}
.qc-select:focus-within,.qc-date-field:focus-within{outline:2px solid var(--qc-red);outline-offset:2px}
.qc-select.is-disabled{opacity:.55;cursor:default}
.qc-select>.qc-native-select{position:absolute!important;inset:0;width:100%!important;height:100%!important;max-width:none!important;min-width:0!important;min-height:0!important;opacity:0;z-index:1;padding:0!important;border:0!important;cursor:pointer}
.qc-select-display{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;min-width:0;height:42px;pointer-events:none}
.qc-select-value{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.qc-icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.qc-select:has(>.role-select){width:174px;font-size:12px;flex:none}
.version-picker>.qc-select{width:190px;font-size:12px}
.version-bar button,.version-bar .button{min-height:44px}
.library-controls .qc-select:has(>[aria-label="每页条数"]),.quote-size>.qc-select{width:126px}
.library-controls .qc-select:has(>[aria-label="语录排序"]){width:156px}
.quote-field>.qc-select,.field>.qc-select,.category-create>.qc-select,.quote-fields>.qc-select{width:100%}
.ql-dates .qc-date-field{width:164px;flex:none}
.qc-date-field>.qc-date-input{width:100%!important;min-width:0;min-height:0!important;height:42px!important;font:inherit!important;line-height:1.4!important;padding:0 40px 0 12px!important;border:0!important;outline:0!important;background:transparent!important;color:var(--qc-ink);border-radius:8px;box-sizing:border-box}
.qc-date-input::placeholder{color:var(--qc-muted);opacity:1}
.qc-date-field>.qc-calendar-trigger{position:absolute;right:0;top:0;display:grid;place-items:center;width:40px;height:42px;min-height:0;padding:0;border:0;border-radius:7px;background:transparent;color:var(--qc-muted)}
.qc-calendar-trigger:hover{color:var(--qc-red);background:var(--qc-soft)}
.qc-menu,.qc-calendar{box-sizing:border-box;position:fixed;z-index:220;background:#fff;color:var(--qc-ink);border:0;border-radius:10px;box-shadow:0 8px 28px #4a193226;font:14px/1.4 'Segoe UI','Microsoft YaHei','PingFang SC',sans-serif;scrollbar-width:thin;scrollbar-color:#d7b8c1 transparent}
.qc-menu{overflow-y:auto;overscroll-behavior:contain;max-height:min(280px,calc(100vh - 24px))!important;padding:5px}
.qc-menu>.qc-option{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:40px;height:auto;padding:10px 12px;border:0;border-radius:6px;background:#fff;color:var(--qc-ink);font:inherit;text-align:start;white-space:normal;cursor:pointer}
.qc-menu>.qc-option[aria-selected=true]{background:var(--qc-soft);color:var(--qc-dark);font-weight:650}
.qc-menu>.qc-option:hover:not(:disabled),.qc-menu>.qc-option:focus-visible{background:var(--qc-soft);color:var(--qc-dark);outline:2px solid var(--qc-red);outline-offset:-2px}
.qc-menu>.qc-option:disabled{opacity:.45;cursor:default}
.qc-calendar{overflow:auto;padding:14px}
.qc-calendar button{box-sizing:border-box;font:inherit;cursor:pointer;border:0;min-height:0;box-shadow:none}
.qc-calendar-heading{display:grid;grid-template-columns:36px minmax(0,1fr) minmax(0,1fr) 36px;align-items:center;gap:6px;margin-bottom:12px}
.qc-calendar-heading>button{display:grid;place-items:center;width:36px;height:44px;border-radius:8px;padding:0;background:#fff;color:var(--qc-muted)}
.qc-calendar-heading>.qc-select{width:100%}
.qc-calendar-heading .qc-select-display{padding-inline:9px;gap:5px}
.qc-week,.qc-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}
.qc-week{margin-bottom:4px;color:var(--qc-muted);font-size:12px;text-align:center}
.qc-week>span{padding-block:6px}
.qc-calendar .qc-day{display:grid;place-items:center;min-width:0;width:100%;height:42px;min-height:42px;padding:0;border-radius:7px;background:#fff;color:var(--qc-ink);font-variant-numeric:tabular-nums}
.qc-calendar .qc-day.is-adjacent{color:#877c82}
.qc-calendar .qc-day.is-today{box-shadow:inset 0 0 0 1px var(--qc-red);color:var(--qc-dark)}
.qc-calendar .qc-day.is-selected{background:var(--qc-red);color:#fff}
.qc-calendar button:hover:not(:disabled){background:var(--qc-soft);color:var(--qc-dark)}
.qc-calendar .qc-day.is-selected:hover{background:var(--qc-dark);color:#fff}
.qc-calendar button:focus-visible{outline:2px solid var(--qc-red);outline-offset:-2px}
.qc-calendar button:disabled{opacity:.4;cursor:default}
.qc-calendar-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eadfe3;margin-top:10px;padding-top:8px;gap:12px}
.qc-calendar-footer>button{min-height:40px;padding:7px 12px;border-radius:7px;background:#fff;color:var(--qc-red)}
.ql-dates button,.ql-dates .qc-date-field,.library-controls .qc-select{min-height:44px}
.ql-dates{align-items:center;gap:10px 12px}
.quote-size{display:flex;align-items:center;gap:10px;color:var(--qc-muted);font-size:13px}
.quote-directory-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-block:10px}
.quote-size>span{white-space:nowrap}
.numbered-pager .page-option:hover,.numbered-pager .page-option:focus-visible{background:var(--qc-soft);color:var(--qc-dark)}
@media(min-width:901px){body[data-variant="1"] .ql-library .ql-bulk{top:61px}}
@media(max-width:900px){.ql-dates label{flex:1 1 45%}.ql-dates .qc-date-field{width:auto;min-width:0;flex:1}.qc-date-field>.qc-date-input{font-size:16px!important}}
@media(max-width:600px){.qc-select:has(>.role-select){width:148px}.version-picker>.qc-select{width:164px}.qc-menu>.qc-option{min-height:44px}.qc-menu{max-height:min(250px,calc(100vh - 24px))!important}.library-controls .qc-select:has(>[aria-label="每页条数"]){width:118px}.library-controls .qc-select:has(>[aria-label="语录排序"]){width:144px}.quote-directory-meta{flex-wrap:wrap}}
@media(max-width:360px){.qc-calendar{padding:8px}.qc-days,.qc-week{gap:0}.qc-calendar .qc-day{height:40px;min-height:40px}.qc-calendar-heading{gap:3px;grid-template-columns:32px minmax(0,1fr) minmax(0,1fr) 32px}.qc-calendar-heading>button{width:32px}.qc-calendar-heading .qc-select-display{padding-inline:6px}}
