@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');

:root{--ink:#111827;--muted:#667085;--line:#e8ebf0;--canvas:#f7f8fb;--panel:#fff;--brand:#3155d9;--brand-dark:#193aa8;--nav:#12182b;--nav-soft:#242b45;--green:#087f5b;--green-bg:#d9f8e8;--amber:#b45309;--amber-bg:#fff2d4;--red:#bf2c3b;--red-bg:#ffe2e6;--blue-bg:#e6edff;--shadow:0 12px 28px rgba(27,39,94,.07)}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:14px/1.45 'DM Sans',Arial,sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;z-index:5;width:244px;inset:0 auto 0 0;background:var(--nav);padding:22px 14px;display:flex;flex-direction:column;color:#d7def4}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:#fff;padding:0 10px 28px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:linear-gradient(135deg,#5c7cff,#2f48d6);font-family:Manrope;font-weight:800}.brand strong{font-family:Manrope;font-size:16px;display:block}.brand small{color:#9ca9cf;font-size:11px;display:block}.nav-label{font-size:10px;font-weight:700;letter-spacing:.12em;color:#707a9e;margin:17px 10px 7px}.nav-link{color:#c7cee1;display:flex;align-items:center;gap:10px;text-decoration:none;border-radius:7px;padding:9px 10px;margin:2px 0;font-weight:500}.nav-link span{width:16px;text-align:center;color:#97a3cc}.nav-link:hover{background:var(--nav-soft);color:#fff}.nav-link.active{background:#2d3e9f;color:#fff}.nav-link.active span{color:#fff}.nav-link.muted{opacity:.48;cursor:default}.nav-link em{font-size:9px;font-style:normal;margin-left:auto;color:#aeb8dc}.sidebar-footer{display:flex;align-items:center;gap:9px;padding:16px 8px 0;margin-top:auto;border-top:1px solid #2c344d}.avatar{background:#8298ff;color:white;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:12px}.user-summary{min-width:0;flex:1}.user-summary strong,.user-summary small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-summary strong{font-size:12px;color:#fff}.user-summary small{font-size:10px;color:#9faacf}.icon-button{border:0;background:transparent;color:#aab5db;cursor:pointer;font-size:17px}.main-content{width:calc(100% - 244px);margin-left:244px;padding:31px 40px 48px;max-width:1600px}.mobile-header{display:none}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:26px}.page-head h1{font:700 26px/1.15 Manrope;margin:0 0 5px;letter-spacing:-.04em}.page-head p{color:var(--muted);margin:0}.button{border:1px solid transparent;border-radius:8px;padding:9px 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font:600 13px 'DM Sans';cursor:pointer;text-decoration:none;white-space:nowrap}.button.primary{color:#fff;background:var(--brand);box-shadow:0 4px 11px rgba(49,85,217,.2)}.button.primary:hover{background:var(--brand-dark)}.button.secondary{background:#fff;border-color:#dfe3eb;color:#344054}.button.danger{background:var(--red-bg);color:var(--red)}.button.small{padding:6px 9px;font-size:12px}.flash{border-radius:9px;padding:12px 15px;margin:0 0 20px;display:flex;gap:10px;align-items:flex-start}.flash.success{background:var(--green-bg);color:#056647}.flash.error{background:var(--red-bg);color:#9a1c2a}.flash ul{margin:4px 0 0;padding-left:17px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0 28px}.metric{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:var(--shadow)}.metric-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:var(--blue-bg);color:var(--brand);font-size:18px}.metric:nth-child(2) .metric-icon{background:var(--green-bg);color:var(--green)}.metric:nth-child(3) .metric-icon{background:var(--amber-bg);color:var(--amber)}.metric:nth-child(4) .metric-icon{background:var(--red-bg);color:var(--red)}.metric strong{font:700 27px Manrope;display:block;margin:13px 0 0}.metric span{font-size:12px;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.panel-header{padding:17px 19px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-header h2{margin:0;font:700 15px Manrope}.panel-body{padding:16px 19px}.integrations{display:grid;gap:9px}.integration-card{border:1px solid var(--line);border-radius:9px;padding:12px;display:flex;gap:10px;align-items:center}.integration-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:var(--blue-bg);color:var(--brand);font-weight:700}.integration-card div{flex:1}.integration-card strong,.integration-card small{display:block}.integration-card small{color:var(--muted);font-size:11px}.activity{padding:0;margin:0;list-style:none}.activity li{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #f0f2f5}.activity li:last-child{border:0}.activity-dot{width:8px;height:8px;margin-top:5px;border-radius:50%;background:#6c85fa}.activity p{margin:0;font-size:13px}.activity small{color:var(--muted)}.filters{display:grid;grid-template-columns:1.8fr repeat(4,1fr);gap:10px;margin:0 0 15px}.field,.select{width:100%;border:1px solid #dfe3eb;border-radius:8px;background:#fff;padding:9px 10px;font:13px 'DM Sans';color:var(--ink);outline:none}.field:focus,.select:focus{border-color:#7287e9;box-shadow:0 0 0 3px #e7ebff}.table-panel{overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;background:#fbfcfe;color:#667085;padding:11px 12px;border-bottom:1px solid var(--line);font-size:11px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.data-table td{padding:12px;border-bottom:1px solid #f0f1f4;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fcfdff}.check{width:16px;height:16px;accent-color:var(--brand)}.product-main{display:flex;gap:9px;align-items:center;min-width:180px}.product-thumb{width:37px;height:37px;border-radius:8px;background:#f0f3fb;object-fit:cover}.product-fallback{display:grid;place-items:center;width:37px;height:37px;border-radius:8px;background:#f0f3fb;color:#8390b6}.product-name{display:block;font-weight:600}.product-sku{font:11px monospace;color:var(--muted)}.badge{display:inline-block;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.badge.active{background:var(--green-bg);color:var(--green)}.badge.draft{background:var(--amber-bg);color:var(--amber)}.badge.archived{background:#e9edf3;color:#5b6678}.stock-zero{color:var(--red);font-weight:700}.actions{display:flex;gap:4px}.link-button{color:var(--brand);background:transparent;border:0;cursor:pointer;text-decoration:none;padding:4px}.bulk-bar{display:none;align-items:center;justify-content:space-between;gap:12px;background:#edf0ff;border:1px solid #cfd7ff;border-radius:9px;padding:9px 11px;margin-bottom:13px}.bulk-bar.visible{display:flex}.bulk-actions{display:flex;gap:7px;align-items:center}.pagination{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.pagination nav{display:flex;gap:5px}.pagination a,.pagination span{border:1px solid var(--line);border-radius:6px;padding:5px 8px;text-decoration:none;color:var(--ink)}.pagination span[aria-current]{background:var(--brand);border-color:var(--brand);color:#fff}.form-layout{display:grid;grid-template-columns:1fr 310px;gap:18px}.form-section{padding:21px;margin-bottom:17px}.form-section h2{font:700 15px Manrope;margin:0 0 4px}.form-section>p{margin:0 0 17px;color:var(--muted);font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-field label{display:block;font-weight:600;font-size:12px;margin:0 0 6px}.form-field.full{grid-column:1/-1}.textarea{min-height:92px;resize:vertical}.help{color:var(--muted);font-size:11px;margin-top:4px}.details-list{display:grid;gap:8px}.details-list label{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);border-radius:7px;padding:8px 9px;font-size:12px}.variant-row{display:grid;grid-template-columns:1.1fr 1.4fr .7fr .6fr auto;gap:7px;align-items:center;margin:7px 0}.variant-row .field{padding:7px}.side-card{padding:18px}.side-card h3{font:700 14px Manrope;margin:0 0 11px}.side-card p{margin:0 0 10px;color:var(--muted);font-size:12px}.side-card .button{width:100%;margin-top:9px}.category-tree{display:grid;gap:8px}.category-row{display:flex;gap:10px;align-items:center;padding:11px 13px;border:1px solid var(--line);border-radius:8px}.category-row .tree-indent{color:#7583b2}.category-row strong{flex:1}.category-row small{color:var(--muted)}.attributes-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.attribute-group{padding:17px}.attribute-item{padding:10px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:9px}.attribute-item:last-child{border:0}.attribute-item span{flex:1}.attribute-item strong,.attribute-item small{display:block}.attribute-item small{font:11px monospace;color:var(--muted)}.modal{display:none;position:fixed;inset:0;background:rgba(17,24,39,.42);z-index:20;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-card{background:#fff;border-radius:12px;width:min(620px,100%);max-height:90vh;overflow:auto;box-shadow:0 24px 70px rgba(0,0,0,.2);padding:21px}.modal-card h2{margin:0 0 16px;font:700 18px Manrope}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.login-page{min-height:100vh;background:radial-gradient(circle at top right,#6a83f5 0,transparent 27%),#12182b;display:grid;place-items:center;padding:20px}.login-card{background:#fff;border-radius:16px;width:min(400px,100%);padding:36px;box-shadow:0 24px 70px rgba(0,0,0,.24)}.login-card .brand{color:var(--ink);padding:0;margin-bottom:27px}.login-card h1{font:700 24px Manrope;margin:0 0 7px}.login-card p{color:var(--muted);margin:0 0 22px}.login-card .form-field{margin:13px 0}.login-card .button{width:100%;margin-top:7px}.login-note{font-size:11px!important;padding:10px;background:#f4f6fc;border-radius:7px;margin-top:19px!important}@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:repeat(3,1fr)}.filters>*:first-child{grid-column:1/-1}.form-layout{grid-template-columns:1fr}.sidebar{width:216px}.main-content{width:calc(100% - 216px);margin-left:216px;padding:25px}}@media(max-width:780px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.main-content{width:100%;margin:0;padding:18px}.mobile-header{display:flex;gap:12px;align-items:center;margin-bottom:20px}.mobile-header button{background:#fff;border:1px solid var(--line);border-radius:7px;padding:7px}.page-head{display:block}.page-head .button{margin-top:14px}.dashboard-grid,.attributes-grid{grid-template-columns:1fr}.form-grid,.form-grid.three{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.data-table{min-width:830px}.table-panel{overflow:auto}.variant-row{grid-template-columns:1fr}.pagination{gap:10px;align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr}}


/* Écran Connecteurs : cartes et formulaires compacts, sans chevauchement. */
.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.page-header h1{font:700 26px/1.15 Manrope,Arial,sans-serif;letter-spacing:-.04em;margin:0 0 6px}.page-header p{color:var(--muted);margin:0;max-width:760px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.connector-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:18px;align-items:start}.connector-card{padding:20px;min-width:0}.connector-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid var(--line)}.connector-card-header h2,.connector-security-card h2{font:700 18px/1.25 Manrope,Arial,sans-serif;margin:0}.connector-form{display:grid;gap:15px}.connector-enable{display:flex;align-items:flex-start;gap:9px;color:#344054;font-size:12px;line-height:1.45;cursor:pointer}.connector-enable .check{flex:0 0 auto;margin-top:1px}.connector-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.connector-field{display:grid;gap:5px;min-width:0;color:#344054;font-size:12px;font-weight:600;line-height:1.3}.connector-field.full{grid-column:1/-1}.connector-field small{color:var(--muted);font-size:11px;font-weight:400;line-height:1.4}.connector-field .field{min-width:0;font-size:13px}.connector-security{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.connector-security strong{color:var(--ink)}.connector-actions{display:flex;justify-content:flex-start}.connector-test{display:flex;align-items:flex-start;flex-wrap:wrap;gap:9px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.connector-test small{flex:1 1 180px;color:var(--muted);font-size:11px;line-height:1.4}.connector-security-card{padding:20px;margin-top:18px}.connector-security-card p{color:var(--muted);font-size:12px;line-height:1.55;margin:8px 0 0}@media(max-width:780px){.page-header{display:block}.page-header .badge{margin-top:12px}.connector-grid{grid-template-columns:1fr}.connector-card{padding:16px}.connector-fields{grid-template-columns:1fr}.connector-field.full{grid-column:auto}.connector-card-header h2{font-size:17px}}


/* Synchronisations, planifications et mappings : composants de formulaires cohérents. */
.muted{color:var(--muted);font-size:12px;line-height:1.55}.sync-grid,.mapping-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.workflow-card,.mapping-card,.schedules-card,.history-card{padding:20px}.workflow-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:13px;margin-bottom:14px;border-bottom:1px solid var(--line)}.workflow-card-header h2{font:700 18px/1.25 Manrope,Arial,sans-serif;margin:0}.workflow-form{display:grid;gap:14px;margin-top:16px}.workflow-field{display:grid;gap:5px;min-width:0;color:#344054;font-size:12px;font-weight:600;line-height:1.35}.workflow-field .select,.workflow-field .field{min-width:0;font-size:13px}.workflow-field small{color:var(--muted);font-size:11px;font-weight:400;line-height:1.4}.workflow-enable{display:flex;align-items:flex-start;gap:8px;color:#344054;font-size:12px;line-height:1.45;cursor:pointer}.workflow-enable .check{flex:0 0 auto;margin-top:1px}.product-select{min-height:112px}.workflow-footer{margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.workflow-footer p{color:var(--muted);font-size:12px;line-height:1.5;margin:0 0 11px}.history-card{margin-top:18px}.table-scroll{overflow-x:auto}.empty{text-align:center;color:var(--muted);padding:22px!important}.integration-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.integration-tab{display:inline-flex;align-items:center;border:1px solid #dfe3eb;border-radius:8px;padding:7px 11px;color:#475467;background:#fff;font-size:12px;font-weight:600;text-decoration:none}.integration-tab:hover{border-color:#b7c2ef;color:var(--brand)}.integration-tab.active{background:var(--brand);border-color:var(--brand);color:#fff}.mapping-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mapping-enable{grid-column:1/-1}.mapping-actions{grid-column:1/-1;margin-top:2px}.preview-card .muted{margin:0 0 13px}.mapping-preview{margin:0;max-height:340px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:#111827;color:#e5e7eb;padding:13px;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word}.schedule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.schedule-rule{border:1px solid var(--line);border-radius:10px;padding:15px;background:#fbfcfe;display:grid;gap:13px;min-width:0}.schedule-rule-header,.schedule-rule-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.schedule-rule-header h3{font:700 16px/1.25 Manrope,Arial,sans-serif;margin:0}.schedule-fields{display:grid;gap:11px}.schedule-options{display:grid;gap:9px;padding-top:12px;border-top:1px solid var(--line)}.schedule-rule-footer{padding-top:12px;border-top:1px solid var(--line)}.schedule-rule-footer small{color:var(--muted);font-size:11px}.schedules-card+.connector-security-card{margin-top:18px}@media(max-width:1050px){.schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:780px){.sync-grid,.mapping-grid,.schedule-grid{grid-template-columns:1fr}.workflow-card,.mapping-card,.schedules-card,.history-card{padding:16px}.mapping-form{grid-template-columns:1fr}.mapping-enable,.mapping-actions{grid-column:auto}.workflow-card-header h2{font-size:17px}.schedule-rule-footer{align-items:flex-start;flex-direction:column}.integration-tabs{gap:6px}}


/* Import / Export : indicateurs, fichiers et actions alignés avec le reste du catalogue. */
.import-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}.import-metric-grid .metric{padding:16px}.import-metric-grid .metric strong{font-size:24px;margin:10px 0 0}.file-field{padding:7px 9px;min-height:39px}.export-actions{display:grid;gap:11px;margin-top:18px}.export-actions .button{width:100%}.export-actions form{margin:0}.export-actions form .button{width:100%}@media(max-width:780px){.import-metric-grid{grid-template-columns:1fr}.import-metric-grid .metric{display:grid;grid-template-columns:35px 1fr;column-gap:11px;align-items:center}.import-metric-grid .metric-icon{grid-row:span 2}.import-metric-grid .metric strong{margin:0}.import-metric-grid .metric span:last-child{grid-column:2}}

/* Catalogue de champs externes récupéré à la demande dans Mappings. */
.mapping-catalog-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;margin:0 0 18px}.mapping-catalog-card .eyebrow{margin:0 0 4px}.mapping-catalog-card h2{font:700 17px/1.25 Manrope,Arial,sans-serif;margin:0}.mapping-catalog-card .muted{margin:5px 0 0}@media(max-width:780px){.mapping-catalog-card{align-items:flex-start;flex-direction:column;padding:16px}.mapping-catalog-card .button{width:100%}}


/* Gestion d’arborescence des catégories. */
.category-row{margin-left:calc(var(--category-depth, 0) * 26px);transition:border-color .15s,box-shadow .15s}.category-row:hover{border-color:#c7d1fa;box-shadow:0 3px 11px rgba(49,85,217,.06)}.category-main{min-width:0;flex:1}.category-main strong,.category-main small{display:block}.category-main small{margin-top:2px}.category-actions{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.category-actions form{margin:0}.danger-link{color:var(--red)}@media(max-width:780px){.category-row{margin-left:calc(var(--category-depth, 0) * 13px);align-items:flex-start}.category-actions{justify-content:flex-end}.category-main small{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-row .tree-indent{padding-top:2px}}


/* Filtres produits : validation explicite à la fin du formulaire. */
.filters{grid-template-columns:1.8fr repeat(4,1fr) auto}.filters .filter-submit{align-self:stretch}@media(max-width:1050px){.filters .filter-submit{min-height:38px}}@media(max-width:780px){.filters .filter-submit{width:100%}}


/* Produits d’une catégorie et déplacement groupé. */
.back-link{display:inline-block;margin:0 0 8px;color:var(--brand);font-size:12px;font-weight:600;text-decoration:none}.back-link:hover{text-decoration:underline}.category-product-move-panel{margin:0 0 18px}.category-products-move-form{display:grid;grid-template-columns:minmax(260px,1fr) minmax(240px,.75fr) auto;gap:13px;align-items:end}.category-products-move-form p{margin-bottom:0}@media(max-width:780px){.category-products-move-form{grid-template-columns:1fr}.category-products-move-form .button{width:100%}}


/* Sélection multiple des synchronisations. */
.platform-fieldset,.product-tree-fieldset{margin:0;padding:0;border:0}.platform-fieldset legend,.product-tree-fieldset legend{padding:0;color:#344054;font-size:12px;font-weight:600;line-height:1.35}.platform-checkboxes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.platform-checkbox{display:flex;align-items:center;gap:7px;min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#fbfcfe;color:#344054;font-size:12px;cursor:pointer}.platform-checkbox:hover{border-color:#aab7ee;background:#f7f8ff}.platform-checkbox span{font-weight:700}.platform-checkbox small{margin-left:auto;color:var(--muted);font-size:10px;font-weight:600}.sync-tree-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0;background:#f8fafc;color:var(--muted);font-size:11px}.sync-tree-toolbar .link-button{font-size:11px}.sync-product-tree{max-height:410px;overflow:auto;border:1px solid var(--line);border-radius:0 0 8px 8px;background:#fff}.sync-tree-category{padding-left:calc(10px + var(--tree-depth) * 18px);border-bottom:1px solid #eef1f5}.sync-tree-category-label,.sync-tree-product-label{display:flex;align-items:center;gap:7px;min-height:33px;padding:5px 9px;color:#344054;font-size:12px;cursor:pointer}.sync-tree-category-label{font-weight:700;background:#fbfcfe}.sync-tree-category-label:hover,.sync-tree-product-label:hover{background:#f7f8ff}.sync-tree-category-label small{margin-left:auto;color:var(--muted);font-size:10px;font-weight:500}.sync-tree-branch{color:#98a2b3;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.sync-tree-products{padding-left:calc(10px + var(--tree-depth) * 18px);border-bottom:1px solid #eef1f5}.sync-tree-product-label{border-top:1px dashed #eef1f5}.sync-tree-products .product-sku{min-width:112px;font-size:11px}.uncategorized-category{margin-top:4px}.flash.error{border-color:#fecdca;background:#fff5f4;color:#b42318}@media(max-width:1050px){.platform-checkboxes{grid-template-columns:1fr}}@media(max-width:780px){.sync-tree-toolbar{align-items:flex-start;flex-direction:column}.sync-tree-category-label small{display:none}.sync-tree-products .product-sku{min-width:88px}.sync-tree-category,.sync-tree-products{padding-left:calc(7px + var(--tree-depth) * 12px)}}


/* Arborescence pliable et modèles de sélection des synchronisations. */
.sync-tree-selection-state{padding:8px 10px;border-left:1px solid var(--line);border-right:1px solid var(--line);background:#f8fafc;color:var(--muted);font-size:11px}.sync-all-categories-label{display:inline-flex;align-items:center;gap:7px;color:#344054;font-size:12px;font-weight:700;cursor:pointer}.sync-tree-category-label{display:flex;align-items:center;gap:7px;min-height:33px;padding:5px 9px;color:#344054;font-size:12px}.sync-tree-category-label>label{font-weight:700;cursor:pointer}.sync-tree-toggle,.sync-tree-toggle-spacer{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 18px;border-radius:4px}.sync-tree-toggle{padding:0;border:1px solid #ccd3df;background:#fff;color:#344054;font-size:16px;font-weight:700;line-height:1;cursor:pointer}.sync-tree-toggle:hover{border-color:#8999d9;background:#f0f3ff;color:var(--brand)}.sync-tree-node-branch.is-collapsed{display:none}.sync-preset-panel{display:grid;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.sync-preset-panel h3{margin:0;color:#1d2939;font:700 15px/1.25 Manrope,Arial,sans-serif}.sync-preset-panel p{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.sync-preset-save-form,.sync-preset-load-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.sync-preset-load-row{grid-template-columns:minmax(0,1fr) auto auto}.sync-preset-save-form .field{min-width:0}.sync-preset-panel .button{font-size:11px;padding:8px 10px}.field-error{color:#b42318!important;font-weight:600}@media(max-width:780px){.sync-tree-toolbar>span:last-child{display:flex;gap:7px}.sync-preset-save-form,.sync-preset-load-row{grid-template-columns:1fr}.sync-preset-panel .button{width:100%}}

.sync-preset-panel-prominent{margin:0 0 12px;padding:0 0 12px;border-top:0;border-bottom:1px solid var(--line)}.sync-preset-panel-prominent h3{color:var(--brand)}