/* Paramètres : présentation commune aux quatre sections. */
.np-settings{--np-blue:#2563eb;--np-soft:color-mix(in srgb,var(--np-blue) 5%,var(--card,#fff));container-type:inline-size}
.np-settings .np-company,.np-settings .np-numbering{padding:22px;border-radius:16px;box-shadow:0 4px 18px rgba(15,23,42,.035);min-width:0}
.np-settings .np-company>h2,.np-settings .np-numbering>h2{font-size:17px;letter-spacing:-.3px;margin-bottom:18px;display:flex;align-items:center;gap:10px}
.np-settings .np-company>h2::before,.np-settings .np-numbering>h2::before{content:"";width:5px;height:22px;border-radius:4px;background:#2563eb;flex-shrink:0}
.np-settings .np-numbering>h2::before{background:#7c3aed}
.np-settings .np-brand{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 22px;padding:16px;background:var(--np-soft);border-radius:13px;margin-bottom:22px}
.np-settings .np-brand>p{grid-column:1/-1;margin:0;font-size:12px}
.np-settings .np-brand>div{min-width:0}
.np-settings .np-brand>div>.mb-3{font-size:11px;line-height:1.6;padding:10px;border-radius:8px}
.np-settings .np-brand>div>.mb-4{margin-bottom:0}
.np-settings .np-brand>.flex{flex-direction:column;gap:10px}
.np-settings .np-brand>.flex>div:first-child{width:100%;height:90px;border:1px dashed color-mix(in srgb,#2563eb 30%,var(--border));border-radius:10px;background:var(--card)}
.np-settings .np-brand .space-y-2{width:100%}
.np-settings .np-brand .space-y-2>p{font-size:11px;line-height:1.5}
.np-settings .np-brand .mt-3{margin-top:10px;flex-wrap:wrap}
.np-settings .np-company-fields{gap:12px 18px}
.np-settings .np-section{grid-column:1/-1;font-size:10px;text-transform:uppercase;letter-spacing:.9px;font-weight:800;color:#2563eb;display:flex;align-items:center;gap:10px;margin-top:8px;padding:10px 0 2px}
.np-settings .np-section:first-child{margin-top:0;padding-top:0}
.np-settings .np-section::after{content:"";height:1px;background:var(--border);flex:1}
.np-settings .np-company-fields>div:last-child{grid-column:1/-1}
.np-settings .np-company-fields label{font-size:11px;font-weight:600;line-height:1.4;margin-bottom:5px;color:var(--muted-foreground)}
.np-settings .np-company-fields input{min-height:39px;background:var(--background);border-radius:9px;font-size:12px}
.np-settings .np-company-fields>div{min-width:0}
.np-settings .np-company>div:last-child,.np-settings .np-numbering>div:last-child:not(.np-number-grid){padding-top:16px;margin-top:20px;border-top:1px solid var(--border);flex-wrap:wrap}
.np-settings .np-company>div:last-child button,.np-settings .np-numbering>div:last-child button{border-radius:10px;min-height:40px;font-size:12px;box-shadow:0 3px 9px rgba(37,99,235,.12)}
.np-settings .np-numbering>p{font-size:12px;line-height:1.8;padding:12px 14px;border:1px solid var(--border);background:var(--muted);border-radius:10px;margin-bottom:14px}
.np-settings .np-numbering>p code{display:inline-block;background:var(--card);border:1px solid var(--border);margin:0 2px;font-size:11px}
.np-settings .np-number-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.np-settings .np-number-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:8px 12px;margin:0!important;padding:16px;border:1px solid var(--border);border-radius:13px;background:var(--card);min-width:0}
.np-settings .np-number-title{grid-column:1/-1;display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;margin-bottom:5px;padding-bottom:11px;border-bottom:1px solid var(--border)}
.np-settings .np-number-title::before{content:"#";width:25px;height:25px;border-radius:7px;background:color-mix(in srgb,#7c3aed 9%,transparent);color:#7c3aed;font:700 12px/25px ui-monospace,monospace;text-align:center}
.np-settings .np-field-label{grid-column:1/-1;font-size:10px;color:var(--muted-foreground);font-weight:600}
.np-settings .np-number-card>select,.np-settings .np-number-card>input{grid-column:1/-1;width:100%;min-width:0;min-height:37px;border-radius:8px;font-size:11px;background:var(--background)}
.np-settings .np-number-card>span{grid-column:1/-1;width:auto;padding:9px 10px;background:var(--np-soft);border-radius:7px;font-size:11px;overflow-wrap:anywhere;line-height:1.6}
.np-settings .np-number-card>span code{color:#2563eb;font-weight:700}
.np-settings .np-number-card>div:last-child{grid-column:1/-1;justify-content:space-between;gap:10px;margin-top:3px;min-width:0}
.np-settings .np-number-card>div:last-child input{width:100px;min-height:36px;border-radius:8px;background:var(--background);font-size:12px}
.np-settings .np-number-card input:disabled{opacity:.65;cursor:not-allowed}
/* Colonnes : commandes compactes, aperçu indépendant et lisible. */
html body #gc-cols-card{padding:22px;border-radius:16px;box-shadow:0 4px 18px rgba(15,23,42,.035)}
html body #gc-cols-card h3{font-size:17px;gap:10px;margin-bottom:8px;letter-spacing:-.3px}
html body #gc-cols-card h3 svg{color:#4f46e5}
html body #gc-cols-card .gcc-sub{line-height:1.7;font-size:11.5px;max-width:900px;margin-bottom:18px}
html body #gc-cols-card .gcc-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:18px;align-items:start}
html body #gc-cols-card .gcc-grid>div{min-width:0}
html body #gc-cols-card .gcc-rows{gap:7px}
html body #gc-cols-card .gcc-row{gap:8px;padding:9px 10px;background:var(--card);border-radius:9px;min-width:0;flex-wrap:wrap}
html body #gc-cols-card .gcc-row .gcc-key{width:64px;font-size:9px;overflow-wrap:anywhere}
html body #gc-cols-card .gcc-row input[type=text]{font-size:11px;min-width:90px;background:var(--background);padding:7px 8px;flex:1 1 110px}
html body #gc-cols-card .gcc-row.gcc-off{opacity:.65;background:var(--muted)}
html body #gc-cols-card .gcc-lock{font-size:8px;padding:3px 5px;border-radius:5px}
html body #gc-cols-card .gcc-ord button{min-width:24px;min-height:17px;border-radius:4px;font-size:10px}
html body #gc-cols-card .gcc-ord button:disabled{opacity:.3;cursor:not-allowed}
html body #gc-cols-card .gcc-ord button:focus-visible,html body #gc-cols-card .gcc-sw:focus-within{outline:2px solid #2563eb;outline-offset:2px;border-radius:4px}
html body #gc-cols-card .gcc-prevbox{padding:15px;border-radius:12px;background:color-mix(in srgb,#4f46e5 4%,var(--card));border-color:color-mix(in srgb,#4f46e5 18%,var(--border))}
html body #gc-cols-card .gcc-prevbox .gcc-pt{color:#4f46e5;letter-spacing:.8px;margin-bottom:14px}
html body #gc-cols-card .gcc-ptbl{min-width:460px}
html body #gc-cols-card .gcc-note{padding:13px;background:var(--muted);border:1px solid var(--border);border-radius:10px;font-size:10.5px;line-height:1.8;margin-top:12px;color:var(--muted-foreground)}
html body #gc-cols-card .gcc-foot{border-top:1px solid var(--border);margin-top:16px;padding-top:14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
html body #gc-cols-card #gc-cols-reset{padding:9px 12px;border-radius:8px;font-size:11px;background:var(--muted);border:1px solid var(--border);color:var(--foreground)}
/* Guide : cartes distribuées en colonnes sans grands trous entre les groupes. */
html body #gc-astuces-panel .gcas-hero{padding:20px 22px;border-radius:16px;margin-bottom:14px;gap:18px;background:linear-gradient(115deg,rgba(245,158,11,.085),transparent 75%),var(--card)}
html body #gc-astuces-panel .gcas-hero-main{gap:12px}
html body #gc-astuces-panel .gcas-bulb{width:44px;height:44px;flex-basis:44px;border-radius:12px}
html body #gc-astuces-panel h2{font-size:22px;letter-spacing:-.5px;line-height:1.3}
html body #gc-astuces-panel .gcas-eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:5px}
html body #gc-astuces-panel .gcas-stats strong{font-size:21px}
html body #gc-astuces-panel .gcas-tools{padding:14px;border-radius:12px}
html body #gc-astuces-panel .gcas-search{max-width:none;height:42px;background:var(--muted)}
html body #gc-astuces-panel .gcas-filters{gap:6px;margin-top:10px}
html body #gc-astuces-panel .gcas-filters button{padding:6px 10px;font-size:11px;border-radius:7px}
html body #gc-astuces-panel .gcas-results{margin:12px 2px 9px}
html body #gc-astuces-panel .gcas-grid{display:block;columns:2;column-gap:14px}
html body #gc-astuces-panel .gcas-grp{display:inline-block;vertical-align:top;break-inside:avoid;width:100%;padding:15px;border-radius:12px;margin:0 0 14px;box-shadow:0 2px 8px rgba(15,23,42,.025);border-top:3px solid color-mix(in srgb,var(--gcas-accent,#d97706) 65%,var(--border))}
html body #gc-astuces-panel .gcas-card-head{gap:9px;margin-bottom:12px}
html body #gc-astuces-panel .gcas-group-icon{width:30px;height:30px;flex-basis:30px;border-radius:8px}
html body #gc-astuces-panel h3{font-size:13px}
html body #gc-astuces-panel .gcas-context{font-size:10px;line-height:1.5}
html body #gc-astuces-panel .gcas-count{font-size:10px;padding:3px 7px}
html body #gc-astuces-panel .gcas-navigation .gcas-shortcuts{grid-template-columns:1fr}
html body #gc-astuces-panel .gcas-row{padding:9px 0;gap:12px;justify-content:space-between}
html body #gc-astuces-panel .gcas-row dt{max-width:48%}
html body #gc-astuces-panel .gcas-row dd{font-size:11px;line-height:1.5;flex:1}
html body #gc-astuces-panel kbd{padding:4px 6px;font-size:10px;border-radius:5px}
html body #gc-astuces-panel .gcas-note{font-size:10.5px;line-height:1.6;padding:9px 10px}
html body #gc-astuces-panel .gcas-tips{grid-template-columns:1fr;gap:8px}
html body #gc-astuces-panel .gcas-tip summary{font-size:11px;padding:10px 28px 10px 11px}
html body #gc-astuces-panel .gcas-tip-body{font-size:11px;line-height:1.7}
@container(max-width:850px){.np-settings .np-brand{grid-template-columns:1fr}.np-settings .np-brand>.flex{flex-direction:row;align-items:flex-start}.np-settings .np-brand>.flex>div:first-child{width:140px}.np-settings .np-number-grid{grid-template-columns:1fr}html body #gc-cols-card .gcc-grid{grid-template-columns:1fr}}
@container(max-width:580px){.np-settings .np-company,.np-settings .np-numbering{padding:15px}.np-settings .np-company-fields{grid-template-columns:1fr}.np-settings .np-company-fields>.col-span-2{grid-column:1/-1}.np-settings .np-brand>.flex{flex-direction:column}.np-settings .np-brand>.flex>div:first-child{width:100%}html body #gc-cols-card{padding:15px}html body #gc-astuces-panel .gcas-grid{columns:1}html body #gc-astuces-panel .gcas-hero{padding:16px}html body #gc-astuces-panel h2{font-size:19px}}
@media(max-width:700px){.np-settings .np-number-grid,.np-settings .np-brand{grid-template-columns:1fr}html body #gc-cols-card .gcc-grid{grid-template-columns:1fr}html body #gc-astuces-panel .gcas-grid{columns:1}html body #gc-cols-card{padding:15px}}
@media(prefers-reduced-motion:reduce){.np-settings *{scroll-behavior:auto!important}}