/* TOUTI — Devis rapide (Sprint 01) : styles de la modale « Nouveau devis », des dialogues et de la liste « Devis rapides ».
 * Tout est préfixé .qq- (aucun style global). Couleurs = variables du tableau de bord (--navy, --gold, --beige, --lgray, --gray…) : suivent palettes et mode sombre.
 * Responsive : 1440 px (bureau) et 390 px (mobile, modale plein écran, aucun défilement horizontal). */

/* ═══ Accueil de la section Devis : les boutons passent à la ligne sur petit écran ═══ */
#sec-quotes .page-actions{flex-wrap:wrap;justify-content:flex-end}
@media (max-width:760px){
  #sec-quotes .page-header{flex-wrap:wrap;gap:.7rem}
  #sec-quotes .page-actions{flex-shrink:1;justify-content:flex-start}
}

/* ═══ Utilitaires ═══ */
.qq-modal [hidden],.qq-dlg [hidden],.qq-list [hidden]{display:none!important}
.qq-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.qq-modal,.qq-dlg,.qq-list{font-family:'Montserrat',sans-serif;color:var(--navy)}
.qq-modal :focus-visible,.qq-dlg :focus-visible,.qq-list :focus-visible{outline:2px solid var(--touti-accent,#b8952a);outline-offset:2px}
.qq-modal label,.qq-dlg label,.qq-list label{font-size:.72rem;letter-spacing:.05em}
.qq-modal input,.qq-modal select,.qq-modal textarea,.qq-dlg input,.qq-dlg select,.qq-dlg textarea,.qq-list input,.qq-list select{font-size:.85rem}
.qq-modal [aria-invalid="true"]{border-color:var(--red)}
.qq-modal .btn,.qq-dlg .btn,.qq-list .btn{justify-content:center;min-height:40px;font-size:.7rem}
.qq-modal .btn-sm,.qq-dlg .btn-sm,.qq-list .btn-sm{min-height:34px;font-size:.66rem}
.qq-modal .btn:disabled,.qq-dlg .btn:disabled,.qq-list .btn:disabled{opacity:.5;cursor:not-allowed}
.qq-modal .btn-outline,.qq-dlg .btn-outline,.qq-list .btn-outline{color:var(--navy)}
.qq-modal .btn-danger,.qq-dlg .btn-danger{color:#fff}
.qq-link{background:none;border:0;padding:.3rem 0;margin:0;color:var(--navy);text-decoration:underline;text-underline-offset:2px;font:inherit;font-size:.78rem;font-weight:600;cursor:pointer;text-align:left;min-height:32px}
.qq-link:hover{text-decoration-thickness:2px}

/* Le toast du tableau de bord (3,5 s, z-index 1000) ne doit jamais bloquer un bouton de la modale ou d'un dialogue : il reste visible mais laisse passer les clics. */
body:has(.qq-overlay.open) #toast,body:has(.qq-dlg-ov) #toast{pointer-events:none}

/* ═══ Modale ═══ */
.qq-overlay{padding:12px;align-items:center}
.qq-modal{display:flex;flex-direction:column;width:min(1120px,100%);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);background:var(--white);box-shadow:var(--shadow-lg);border-radius:var(--radius);overflow:hidden;overflow:clip;position:relative}
.qq-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.7rem 1rem .7rem 1.3rem;background:var(--touti-chrome,#0d1f3c);flex-shrink:0}
.qq-head-l{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;min-width:0}
.qq-title{margin:0;font-size:.95rem;font-weight:800;color:var(--touti-accent,#b8952a);letter-spacing:.07em;text-transform:uppercase}
.qq-x{background:none;border:0;color:rgba(255,255,255,.8);font-size:1.15rem;line-height:1;min-width:44px;min-height:44px;cursor:pointer;border-radius:4px}
.qq-x:hover{color:#fff;background:rgba(255,255,255,.1)}
.qq-dlg-h .qq-x{color:var(--navy)}
.qq-dlg-h .qq-x:hover{background:var(--lgray);color:var(--navy)}
.qq-msgs{flex-shrink:0;max-height:34vh;overflow-y:auto;padding:0 1.2rem}
.qq-msgs:empty{display:none}
.qq-body{position:relative;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:1rem 1.2rem;overscroll-behavior:contain}
.qq-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1rem;padding:.75rem 1.2rem;border-top:1px solid var(--lgray);background:var(--beige);flex-shrink:0}
.qq-foot-status{font-size:.76rem;font-weight:600;color:var(--gray)}
.qq-foot-status.qq-dirty{color:var(--touti-warning-text,#8a4f00)}
.qq-foot-btns{display:flex;flex-wrap:wrap;gap:.5rem;margin-left:auto}

/* ═══ Sections ═══ */
.qq-sec{border:1px solid var(--lgray);background:var(--white);margin-bottom:1rem;border-radius:var(--radius);min-width:0}
.qq-sec-h{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;padding:.7rem 1rem;background:var(--beige);border-bottom:1px solid var(--lgray)}
details.qq-sec:not([open])>.qq-sec-h{border-bottom:0}
.qq-sec-t{scroll-margin-top:1.2rem;margin:0;font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--navy)}
.qq-sec-b{padding:1rem}
.qq-sum{cursor:pointer;min-height:44px}
.qq-sum-hint{font-size:.72rem;color:var(--gray);margin-left:auto}
.qq-sub{margin:0 0 .6rem;font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--navy);overflow-wrap:anywhere}
.qq-lead{margin:.3rem 0 .4rem;font-size:.84rem;font-weight:600}
.qq-row{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;margin-top:.7rem}
.qq-grow{flex:1 1 280px}
.qq-grid{display:grid;gap:.8rem;margin-bottom:.8rem}
.qq-g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.qq-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.qq-card{border:1px solid var(--lgray);padding:.9rem 1rem;margin-bottom:.9rem;background:var(--white);border-radius:var(--radius);min-width:0}

/* ═══ Champs ═══ */
.qq-f{display:flex;flex-direction:column;gap:.3rem;min-width:0}
.qq-req{color:var(--red)}
.qq-hint{margin:0;font-size:.7rem;color:var(--gray);line-height:1.4}
.qq-inerr{font-size:.72rem;color:var(--red);font-weight:700}
.qq-inerr:empty{display:none}
.qq-lab{font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--gray)}
.qq-val{font-size:.85rem;font-weight:600;padding:.55rem 0;overflow-wrap:anywhere}
.qq-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}
.qq-big-label{display:block;font-size:.95rem!important;font-weight:700;letter-spacing:0!important;text-transform:none!important;color:var(--navy)!important;margin-bottom:.5rem}
.qq-paste{width:100%;min-height:200px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem!important;line-height:1.5;white-space:pre;overflow:auto;resize:vertical}
.qq-check,.qq-radio{display:flex;align-items:center;gap:.6rem;min-height:40px;font-size:.82rem!important;font-weight:600;letter-spacing:0!important;text-transform:none!important;color:var(--navy)!important;cursor:pointer}
.qq-check input,.qq-radio input{width:20px;height:20px;flex:0 0 20px;padding:0;margin:0;accent-color:var(--gold)}
.qq-radios{display:flex;flex-direction:column;gap:.15rem}

/* ═══ Notes (info / avertissement / erreur / succès) ═══ */
.qq-note{position:relative;padding:.65rem 2.2rem .65rem .85rem;margin:.6rem 0;border-left:4px solid var(--touti-info,#2a5f8f);background:color-mix(in srgb,var(--touti-info,#2a5f8f) 9%,var(--white));font-size:.78rem;line-height:1.45;color:var(--navy);border-radius:2px}
.qq-warn{border-left-color:var(--amber);background:color-mix(in srgb,var(--amber) 11%,var(--white))}
.qq-err{border-left-color:var(--red);background:color-mix(in srgb,var(--red) 9%,var(--white))}
.qq-ok{border-left-color:var(--green);background:color-mix(in srgb,var(--green) 10%,var(--white))}
.qq-note-t{font-weight:600}
.qq-note-l{margin:.4rem 0 0 1.1rem;padding:0}
.qq-note-l li{margin:.2rem 0}
.qq-note-a{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}
.qq-note-x{position:absolute;top:.2rem;right:.2rem;background:none;border:0;color:var(--navy);font-size:1.2rem;line-height:1;min-width:32px;min-height:32px;cursor:pointer;border-radius:4px}
.qq-note-x:hover{background:rgba(0,0,0,.08)}

/* ═══ Badges ═══ */
.qq-badge{display:inline-flex;align-items:center;padding:.2rem .6rem;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border:1px solid transparent;border-radius:2px;white-space:nowrap}
.qq-b-draft{background:var(--beige);color:var(--navy);border-color:var(--lgray)}
.qq-b-sent{background:var(--gold3);color:var(--navy);border-color:var(--gold)}
.qq-b-accepted,.qq-b-conf-high{background:color-mix(in srgb,var(--green) 14%,var(--white));color:var(--green);border-color:color-mix(in srgb,var(--green) 40%,var(--white))}
.qq-b-declined,.qq-b-cancelled,.qq-b-conf-low{background:color-mix(in srgb,var(--red) 12%,var(--white));color:var(--red);border-color:color-mix(in srgb,var(--red) 40%,var(--white))}
.qq-b-expired,.qq-b-conf-medium{background:color-mix(in srgb,var(--amber) 14%,var(--white));color:var(--touti-warning-text,#8a4f00);border-color:color-mix(in srgb,var(--amber) 45%,var(--white))}

/* ═══ Résultat de l'analyse ═══ */
.qq-pax{margin:.4rem 0 .8rem}
.qq-pax-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.8fr) auto;gap:.6rem;align-items:start;margin-bottom:.5rem}
.qq-pax-row .qq-rm{margin-top:1.45rem}
.qq-lines{margin:.6rem 0}
.qq-chips{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.3rem}
.qq-chip{display:inline-block;background:var(--beige);border:1px solid var(--lgray);padding:.15rem .6rem;font-size:.74rem;border-radius:999px;overflow-wrap:anywhere}
.qq-det{margin:.6rem 0;border:1px solid var(--lgray);padding:.2rem .8rem;background:var(--white);border-radius:var(--radius)}
.qq-det>summary{cursor:pointer;font-size:.78rem;font-weight:700;min-height:40px;display:flex;align-items:center}
.qq-pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.76rem;background:var(--beige);padding:.6rem;border:1px solid var(--lgray);max-height:220px;overflow:auto;overflow-wrap:anywhere;margin:.4rem 0 .6rem}

/* ═══ Client ═══ */
.qq-cand{display:flex;justify-content:space-between;gap:.8rem 1rem;align-items:center;flex-wrap:wrap;border:1px solid var(--lgray);background:var(--beige);padding:.7rem .9rem;margin:.5rem 0;border-radius:var(--radius)}
.qq-cand-main{min-width:0;flex:1 1 220px;overflow-wrap:anywhere}
.qq-cand-c,.qq-cand-r{font-size:.76rem;color:var(--gray)}
.qq-cand-acts{display:flex;flex-wrap:wrap;gap:.4rem}
.qq-picker-res{margin:.5rem 0}

/* ═══ Propositions ═══ */
.qq-tabbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.4rem .8rem;border-bottom:2px solid var(--lgray);margin-bottom:1rem}
.qq-tabs{display:flex;flex-wrap:wrap;flex:1 1 auto;min-width:0}
.qq-tab{background:transparent;border:0;border-bottom:3px solid transparent;margin-bottom:-2px;padding:.45rem 1rem;cursor:pointer;color:var(--gray);font:inherit;text-align:left;min-height:48px;border-radius:3px 3px 0 0}
.qq-tab:hover{background:var(--beige)}
.qq-tab.on{color:var(--navy);border-bottom-color:var(--gold);background:var(--beige)}
.qq-tab-t{display:block;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.qq-tab-sub{display:block;font-size:.68rem;font-weight:600;margin-top:.1rem;font-variant-numeric:tabular-nums}
.qq-tabs-add{display:flex;align-items:center;gap:.6rem;padding-bottom:.4rem;flex-wrap:wrap}
.qq-pp-h{display:flex;gap:.8rem 1rem;flex-wrap:wrap;align-items:flex-start;margin-bottom:.9rem}
.qq-pp-acts{display:flex;gap:.5rem;margin-top:1.45rem}
.qq-segs{display:block}
.qq-seg{display:grid;grid-template-columns:minmax(48px,.6fr) minmax(56px,.7fr) minmax(44px,.45fr) minmax(52px,.6fr) minmax(52px,.6fr) minmax(128px,1.3fr) minmax(86px,1fr) minmax(86px,1fr) minmax(96px,1.1fr) auto;gap:.5rem;align-items:start;margin-bottom:.5rem}
.qq-seg input,.qq-seg select{padding-left:.5rem;padding-right:.4rem}
.qq-seg-flag{display:none;font-size:.68rem;font-weight:700;color:var(--touti-warning-text,#8a4f00)}
.qq-seg-flag.on{display:block}
.qq-seg .qq-rm{margin-top:0}
@media (min-width:981px){
  .qq-seg:not(.qq-seg-first)>.qq-f>label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .qq-seg-first .qq-rm{margin-top:1.45rem}
}
.qq-pricing{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:1rem;align-items:start}
.qq-recap{background:var(--beige);border:1px solid var(--lgray);padding:.8rem 1rem;border-radius:var(--radius)}
.qq-recap-t{margin:0 0 .5rem;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.qq-recap-row{display:flex;justify-content:space-between;gap:1rem;padding:.25rem 0;font-size:.82rem;font-variant-numeric:tabular-nums}
.qq-recap-row strong{text-align:right;overflow-wrap:anywhere}
.qq-recap-info{font-size:.74rem;color:var(--gray)}
.qq-recap-total{border-top:2px solid var(--navy);margin-top:.35rem;padding-top:.5rem;font-size:1rem;font-weight:800}
.qq-farehint{margin:-.2rem 0 .8rem}
.qq-farehint-r{display:flex;flex-wrap:wrap;gap:.2rem 1rem;align-items:center;font-size:.76rem;color:var(--gray)}
.qq-cond .qq-det{margin:.7rem 0}
.qq-disclaimer{margin:.7rem 0 0;padding-left:.7rem;border-left:3px solid var(--gold);font-size:.76rem;font-style:italic;color:var(--gray)}

/* ═══ Comparaison ═══ */
.qq-cmp-t{width:100%;border-collapse:collapse;table-layout:fixed;margin-top:.6rem}
.qq-cmp-t th,.qq-cmp-t td{border:1px solid var(--lgray);padding:.55rem .6rem;font-size:.78rem;text-align:left;vertical-align:top;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.qq-cmp-t thead th{background:var(--beige);font-size:.74rem}
.qq-cmp-t tbody th{background:var(--beige);width:20%;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--gray)}
.qq-cmp-t .qq-cheap{box-shadow:inset 0 3px 0 var(--green)}
.qq-cmp-l{font-weight:500;font-size:.72rem;color:var(--gray)}
.qq-cmp-total td{font-weight:800;font-size:.9rem}

/* ═══ Aperçu ═══ */
.qq-frame{display:block;width:100%;height:560px;border:1px solid var(--lgray);background:#fff;margin-top:.7rem}
.qq-frame-dlg{height:min(68vh,640px);margin-top:0}

/* ═══ Dialogues ═══ */
.qq-dlg-ov{position:fixed;inset:0;z-index:620;background:rgba(13,31,60,.6);display:flex;align-items:center;justify-content:center;padding:12px}
.qq-dlg{display:flex;flex-direction:column;background:var(--white);width:min(560px,100%);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);box-shadow:var(--shadow-lg);border-top:4px solid var(--gold);border-radius:var(--radius);overflow:hidden}
.qq-dlg-wide{width:min(980px,100%)}
.qq-dlg-h{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.4rem .6rem .4rem 1.1rem;background:var(--beige);border-bottom:1px solid var(--lgray);min-height:48px}
.qq-dlg-t{margin:0;font-size:.88rem;font-weight:800;color:var(--navy)}
.qq-dlg-b{position:relative;padding:1rem 1.1rem;overflow-y:auto;flex:1 1 auto;min-height:0}
.qq-dlg-p{margin:0 0 .8rem;font-size:.84rem;line-height:1.5}
.qq-dlg-err{padding:0 1.1rem;color:var(--red);font-size:.76rem;font-weight:700}
.qq-dlg-err:empty{display:none}
.qq-dlg-f{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;padding:.8rem 1.1rem;border-top:1px solid var(--lgray)}

/* ═══ Liste « Devis rapides » ═══ */
.qq-list{position:relative;margin-top:1.2rem}
.qq-l-h{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem 1rem;padding:.9rem 1.1rem;border-bottom:1px solid var(--lgray)}
.qq-l-f{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.qq-l-f .qq-f{width:auto}
.qq-l-f input,.qq-l-f select{width:auto;min-width:170px}
.qq-l-b{padding:.2rem 0 .4rem}
.qq-l-b>.qq-note{margin:.8rem 1.1rem}
.qq-empty{padding:1.6rem 1.1rem;text-align:center;font-size:.82rem;color:var(--gray)}
.qq-tbl td.qq-num{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}
.qq-acts{display:flex;flex-wrap:wrap;gap:.35rem}

/* ═══ Tablette ═══ */
@media (max-width:980px){
  .qq-seg{grid-template-columns:repeat(4,minmax(0,1fr))}
  .qq-seg .qq-rm{grid-column:1 / -1;justify-self:start}
  .qq-pricing{grid-template-columns:minmax(0,1fr)}
  .qq-g3{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ═══ Mobile (390 px) : modale plein écran, une colonne, cibles tactiles de 44 px ═══ */
@media (max-width:720px){
  .qq-tbl thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .qq-tbl,.qq-tbl tbody,.qq-tbl tr,.qq-tbl td{display:block;width:100%}
  .qq-tbl tr{border-bottom:1px solid var(--lgray);padding:.6rem 0}
  .qq-tbl td{display:flex;justify-content:space-between;align-items:center;gap:1rem;border:0;padding:.25rem 1rem;text-align:right}
  .qq-tbl td::before{content:attr(data-label);flex:0 0 auto;font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gray);text-align:left}
  .qq-tbl td.qq-td-acts{display:block;padding-top:.5rem}
  .qq-tbl td.qq-td-acts::before{display:block;margin-bottom:.3rem}
  .qq-acts{justify-content:flex-start}
}
@media (max-width:640px){
  .qq-overlay{padding:0}
  .qq-modal{width:100%;height:100vh;height:100dvh;max-height:none;border-radius:0}
  .qq-head{padding-left:1rem}
  .qq-body{padding:.75rem}
  .qq-msgs{padding:0 .75rem}
  .qq-foot{padding:.6rem .75rem}
  .qq-foot-btns{width:100%;margin-left:0}
  .qq-foot-btns .btn{flex:1 1 auto}
  .qq-sec-b{padding:.75rem}
  .qq-card{padding:.75rem}
  .qq-g2,.qq-g3{grid-template-columns:minmax(0,1fr)}
  .qq-pax-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .qq-pax-row>.qq-f:nth-child(3){grid-column:1 / -1}
  .qq-pax-row .qq-rm{margin-top:0;grid-column:1 / -1;justify-self:start}
  .qq-seg{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:.6rem;border-bottom:1px dashed var(--lgray)}
  .qq-pp-acts{margin-top:0}
  .qq-tab{padding:.4rem .7rem}
  .qq-modal input,.qq-modal select,.qq-modal textarea,.qq-dlg input,.qq-dlg select,.qq-dlg textarea,.qq-list input,.qq-list select{font-size:16px}
  .qq-modal .btn,.qq-dlg .btn,.qq-list .btn{min-height:44px}
  .qq-modal .btn-sm,.qq-dlg .btn-sm,.qq-list .btn-sm{min-height:44px}
  .qq-link{min-height:44px;display:inline-flex;align-items:center}
  .qq-frame{height:60vh}
  .qq-cmp-t th,.qq-cmp-t td{padding:.4rem .3rem;font-size:.68rem}
  .qq-cmp-t tbody th{width:24%;font-size:.58rem;letter-spacing:0}
  .qq-cmp-t thead th{font-size:.64rem}
  .qq-l-f{width:100%}
  .qq-l-f .qq-f{flex:1 1 140px}
  .qq-l-f input,.qq-l-f select{width:100%;min-width:0}
  .qq-dlg-ov{padding:0;align-items:flex-end}
  .qq-dlg{width:100%;max-height:92dvh;border-radius:8px 8px 0 0}
  .qq-dlg-f .btn{flex:1 1 auto}
}
@media (prefers-reduced-motion:reduce){
  .qq-overlay,.qq-modal{transition:none}
}

/* ── Aperçu PDF, détails, liens de partage, e-mail, filtres de la liste unique (mission « refonte des devis ») ── */
.qq-pdf{max-height:min(68vh,760px);overflow:auto;background:#e9ebef;border-radius:6px;padding:8px;-webkit-overflow-scrolling:touch}
.qq-pdf:focus-visible{outline:2px solid var(--touti-accent,#b8952a);outline-offset:2px}
.qq-pdf-h{margin:0 0 .5rem;font-size:.74rem;color:var(--gray)}
.qq-sum{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:0 0 1rem;font-size:.82rem}
.qq-sum dt{color:var(--gray);font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;align-self:center}
.qq-sum dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.qq-act-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.5rem;margin-bottom:1rem}
.qq-act{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;text-align:left;padding:.7rem .8rem;min-height:56px;border:1px solid var(--lgray);border-left:3px solid var(--gold);border-radius:6px;background:var(--white);color:var(--navy);font-family:inherit;cursor:pointer}
.qq-act:hover:not(:disabled){background:var(--beige)}
.qq-act:disabled{opacity:.5;cursor:not-allowed;border-left-color:var(--lgray)}
.qq-act-t{font-size:.78rem;font-weight:800}
.qq-act-s{font-size:.68rem;color:var(--gray);line-height:1.3}
.qq-sub-t{margin:.4rem 0;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gray)}
.qq-sendlog .qq-log-i{margin:.25rem 0;font-size:.76rem;overflow-wrap:anywhere}
.qq-lk{padding:.6rem 0;border-bottom:1px solid var(--lgray);display:flex;flex-direction:column;gap:.4rem;font-size:.78rem}
.qq-lk-a{display:flex;gap:.4rem;flex-wrap:wrap}
.qq-lk-new{display:flex;gap:.6rem;align-items:flex-end;flex-wrap:wrap;margin-top:.8rem}
.qq-l-date{flex-direction:row;align-items:center;gap:.35rem}
.qq-l-date input{min-width:140px}
.qq-l-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1.1rem}
#qq-lk-url{width:100%}
@media (max-width:720px){.qq-act-grid{grid-template-columns:1fr}.qq-pdf{max-height:62vh;padding:4px}.qq-sum{grid-template-columns:1fr}.qq-l-f input,.qq-l-f select{min-width:0;width:100%}.qq-l-date{width:100%}.qq-l-foot{flex-wrap:wrap}}

.qq-l-f input[type="search"]{min-width:260px}
@media (max-width:720px){.qq-l-f input[type="search"]{min-width:0}}