/* Tornulio 8.0.1 - settings form alignment and responsive layout */
#settingsForm{margin-top:24px;min-width:0}
.settings-panel .settings-intro{max-width:960px}
.settings-panel .settings-intro h2{font-size:22px;letter-spacing:-.4px;margin:6px 0 9px}
.settings-panel .settings-intro .hint{margin:0}
#settingsForm .settings-section{min-width:0;margin:0 0 17px;padding:22px 23px;border:1px solid #eaded2;background:#fffdfb;border-radius:15px}
#settingsForm .settings-section-head{display:flex;flex-direction:column;gap:5px;margin-bottom:18px}
#settingsForm .settings-section h3{margin:0;color:#2c221c;font-size:17px;line-height:1.35;letter-spacing:-.2px}
#settingsForm .settings-section-head p{margin:0;color:#7c7066;font-size:12px;line-height:1.5}
#settingsForm .settings-grid{display:grid;gap:16px 20px;min-width:0;align-items:start}
#settingsForm .settings-details{grid-template-columns:repeat(4,minmax(0,1fr))}
#settingsForm .settings-wide{grid-column:span 2}
#settingsForm .settings-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}
#settingsForm .settings-grid-one{grid-template-columns:minmax(0,1fr)}
#settingsForm .settings-points{grid-template-columns:repeat(3,minmax(0,1fr))}
#settingsForm .settings-full{grid-column:1/-1}
/* 7.7 contains .panel form label { display:block }; restore column layouts deliberately. */
#settingsForm .settings-grid > label:not(.settings-check),
#settingsForm .settings-section > label:not(.settings-check){display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;min-width:0;width:100%;margin:0;font-size:12px;line-height:1.45;font-weight:750;color:#5d5146;overflow-wrap:break-word}
#settingsForm .settings-grid > label input:not([type=checkbox]),
#settingsForm .settings-grid > label select,
#settingsForm .settings-grid > label textarea{display:block;width:100%;min-width:0;max-width:100%;min-height:42px;margin:0;padding:9px 11px;font-size:14px;font-weight:500;color:#2e2b29;line-height:1.35;background:#fff}
#settingsForm .settings-grid > label select{white-space:normal;text-overflow:ellipsis;padding-right:30px}
#settingsForm .settings-grid small{display:block;margin-top:0;font-size:11px;line-height:1.5;color:#8c7b6d;font-weight:450;overflow-wrap:anywhere}
#settingsForm .settings-help{grid-column:1/-1;display:block;margin:0;padding:12px 14px;border:1px solid #eee2d7;border-radius:9px;background:#fbf8f3;color:#76675c;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
#settingsForm .competition-help{grid-column:1/-1;margin:0;padding:12px 15px;font-size:13px;line-height:1.55}
#settingsForm [hidden]{display:none!important}
#settingsForm .settings-option{min-width:0;padding:15px 17px;display:grid;gap:13px;border:1px solid #eadfd3;border-radius:11px;background:#faf7f3}
#settingsForm .settings-option strong{font-size:13px;display:block;color:#493629;margin-bottom:5px}
#settingsForm .settings-option p{margin:0;color:#756b60;line-height:1.55;font-size:12px;font-weight:450}
#settingsForm label.settings-check{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:11px;width:100%;min-width:0;margin:0;font-size:12px;line-height:1.5;font-weight:650;color:#55493e;cursor:pointer}
#settingsForm label.settings-check input[type=checkbox]{flex:0 0 auto;width:17px;height:17px;min-height:0;margin:1px 0 0;padding:0;cursor:pointer}
#settingsForm label.settings-check span{display:block;min-width:0;overflow-wrap:anywhere}
#settingsForm .settings-advanced{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;align-items:stretch}
#settingsForm .settings-advanced-card{margin:0;min-width:0;height:100%}
#settingsForm .settings-advanced-card > h3{margin-bottom:19px}
#settingsForm .settings-advanced-card > .settings-check{margin-bottom:16px}
#settingsForm .settings-advanced-card .settings-grid{gap:15px 14px}
#settingsForm .settings-advanced-card .settings-check-in-grid{align-self:end;min-height:42px;display:flex;align-items:center;padding-bottom:5px}
#settingsForm .settings-actions{gap:10px;margin-top:8px;padding:6px 0 3px}
#settingsForm .settings-actions .btn{min-height:42px}
/* Creation form has same inherited old 7.7 label regression. */
#createForm .formgrid > label{display:flex;flex-direction:column;gap:8px;min-width:0;align-items:stretch}
#createForm .formgrid > label input,#createForm .formgrid > label select{display:block;width:100%;max-width:100%;margin:0;min-height:42px}
#createForm .formgrid > label small{font-weight:450;line-height:1.5}
@media(max-width:1000px){
  #settingsForm .settings-details{grid-template-columns:repeat(2,minmax(0,1fr))}
  #settingsForm .settings-wide{grid-column:1/-1}
  #settingsForm .settings-advanced{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:680px){
  #settingsForm{margin-top:18px}
  #settingsForm .settings-section{padding:17px 15px;margin-bottom:13px}
  #settingsForm .settings-grid{gap:13px}
  #settingsForm .settings-details,#settingsForm .settings-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}
  #settingsForm .settings-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  #settingsForm .settings-advanced-card .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #settingsForm .settings-advanced-card .settings-grid > label{grid-column:auto}
  #settingsForm .settings-actions .btn{flex:1 1 185px;white-space:normal;text-align:center}
}
@media(max-width:440px){
  #settingsForm .settings-details,#settingsForm .settings-grid-two,#settingsForm .settings-advanced-card .settings-grid{grid-template-columns:minmax(0,1fr)}
  #settingsForm .settings-wide,#settingsForm .settings-full{grid-column:1/-1}
  #settingsForm .settings-points{grid-template-columns:repeat(3,minmax(0,1fr))}
  #settingsForm .settings-points input{padding:8px 5px;text-align:center}
  #settingsForm .settings-advanced-card .settings-check-in-grid{min-height:unset}
}
@media print{#settingsForm .settings-section{break-inside:avoid;box-shadow:none}}
/* Stable flexible rows avoid four-column label/input collisions in legacy layout. */
#settingsForm .settings-grid{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px 20px}
#settingsForm .settings-grid > *{min-width:0}
#settingsForm .settings-details > label{flex:1 1 calc(25% - 18px);min-width:155px}
#settingsForm .settings-details > label.settings-wide{flex:2 1 calc(50% - 15px);min-width:235px}
#settingsForm .settings-grid-two > label{flex:1 1 calc(50% - 12px);min-width:220px}
#settingsForm .settings-grid-one > *{flex:0 1 100%;width:100%}
#settingsForm .settings-points > label{flex:1 1 calc(33.333% - 16px);min-width:112px}
#settingsForm .settings-grid > .settings-full,#settingsForm .settings-grid > .settings-help,#settingsForm .settings-grid > .competition-help{flex:0 0 100%;width:100%}
#settingsForm .settings-grid > .settings-option{flex:0 0 100%;width:100%}
#settingsForm .settings-advanced{display:flex;flex-wrap:wrap;align-items:stretch;gap:17px}
#settingsForm .settings-advanced-card{flex:1 1 calc(50% - 9px);min-width:min(100%,340px)}
@media(max-width:680px){
 #settingsForm .settings-details > label{min-width:min(100%,220px)}
 #settingsForm .settings-details > label.settings-wide{flex:1 1 100%;min-width:0}
 #settingsForm .settings-grid-two > label{min-width:min(100%,220px)}
 #settingsForm .settings-advanced-card{min-width:100%}
 #settingsForm .settings-points{gap:12px}
 #settingsForm .settings-points > label{min-width:90px}
}
@media(max-width:440px){
 #settingsForm .settings-details > label,#settingsForm .settings-grid-two > label,#settingsForm .settings-advanced-card .settings-grid-two > label{flex:1 1 100%;min-width:0}
 #settingsForm .settings-points > label{flex:1 1 calc(33.333% - 10px);min-width:80px}
}
#settingsForm .settings-grid > label:not(.settings-check){width:auto;max-width:100%}
#settingsForm .settings-grid-one > label:not(.settings-check){width:100%}