ebene/newdesigngestionnaire
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fg

Browse Source
This commit is contained in:
KONE SOREL 2026-02-26 12:56:22 +00:00
parent b1c0a2c001
commit 110821adf9
1 changed files with 171 additions and 194 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

365
Vue/Modifierparametresgeneraux/index.php
View File

@ -6,22 +6,25 @@
<div class="page-content">
<input class="sr-only" type="text" id="idSocieteuser" name="idSocieteuser" value="<?= $this->nettoyer($societeuser['idSocieteuser']) ?>">
<div class="d-flex align-items-center justify-content-between mb-4 bg-white p-3 shadow-sm border-edit">
<div class="d-flex align-items-center justify-content-between mb-4 bg-white p-3 shadow-sm border-edit sticky-top" style="z-index: 1000; top: 10px;">
<div class="d-flex align-items-center">
<div class="icon-shape bg-primary-ghost text-primary rounded-circle me-3">
<i class="fas fa-edit fs-4"></i>
<i class="fas fa-sliders-h-square fs-4"></i>
</div>
<div>
<h4 class="mb-0 fw-bold" style="color: var(--color-primary);"><?= _("Modifier les Paramètres") ?></h4>
<p class="text-muted small mb-0"><?= _("Mise à jour des informations et seuils du centre de gestion") ?></p>
<h4 class="mb-0 fw-bold" style="color: var(--color-primary); letter-spacing: -0.5px;"><?= _("Configuration Système") ?></h4>
<div class="d-flex align-items-center text-muted small">
<span class="badge bg-warning-ghost text-warning me-2 fw-bold text-uppercase" style="font-size: 0.6rem;"><?= _("Mode Édition") ?></span>
<?= _("Ajustez les paramètres opérationnels du centre") ?>
</div>
</div>
</div>
<div class="d-flex gap-2">
<button class="btn btn-warning btn-sm px-4 fw-bold shadow-sm" onclick="afficher_parametresgeneraux();">
<i class="fas fa-times me-2"></i><?= _("Annuler") ?>
<button class="btn btn-outline-secondary btn-sm px-4 fw-bold" onclick="afficher_parametresgeneraux();">
<i class="fas fa-undo me-2"></i><?= _("Annuler") ?>
</button>
<button class="btn btn-primary btn-sm px-4 fw-bold shadow-primary" id="btn_enreg" onclick="enregistrer_modif_parametresgeneraux();">
<i class="fas fa-save me-2"></i><?= _("Enregistrer") ?>
<i class="fas fa-check-circle me-2"></i><?= _("Enregistrer les modifications") ?>
</button>
</div>
</div>
@ -30,33 +33,60 @@
<div class="row g-4">
<div class="col-xl-7">
<div class="card border-0 shadow-sm h-100">
<div class="card-header bg-white py-3 border-bottom-0">
<h6 class="mb-0 fw-bold"><i class="fas fa-building me-2 text-muted"></i><?= _("Informations Légales") ?></h6>
<div class="card border-0 shadow-sm h-100" style="border-radius: var(--radius-md);">
<div class="card-header bg-white py-3 border-bottom border-light">
<h6 class="mb-0 fw-bold text-primary"><i class="fas fa-fingerprint me-2"></i><?= _("Identité Institutionnelle") ?></h6>
</div>
<div class="card-body pt-0">
<div class="card-body">
<div class="row g-3">
<div class="col-md-3">
<label class="form-label small fw-bold text-muted"><?= _("Code") ?></label>
<input class="form-control bg-light fw-bold" type="text" id="codeSociete" name="codeSociete" value="<?=$this->nettoyer($societeuser['codeSociete'])?>" readonly>
<label class="form-label small fw-bold text-muted"><?= _("Code Interne") ?></label>
<input class="form-control bg-light border-0 fw-bold" type="text" id="codeSociete" name="codeSociete" value="<?=$this->nettoyer($societeuser['codeSociete'])?>" readonly>
</div>
<div class="col-md-4">
<label class="form-label small fw-bold text-muted required"><?= _("Type de Structure") ?></label>
<select class="form-select selectpicker" data-live-search="true" id="codeTypeSociete" name="codeTypeSociete" required>
<select class="form-select selectpicker w-100" data-live-search="true" id="codeTypeSociete" name="codeTypeSociete" required>
<?php liste_options($typeSociete, $this->nettoyer($societeuser['typeSociete'])); ?>
</select>
</div>
<div class="col-md-5">
<label class="form-label small fw-bold text-muted required"><?= _("Nom du Centre") ?></label>
<input class="form-control text-uppercase" type="text" id="nomCentreGestion" name="nomCentreGestion" value="<?=$this->nettoyer($societeuser['nomSociete'])?>" required>
<label class="form-label small fw-bold text-muted required"><?= _("Nom Complet") ?></label>
<input class="form-control text-uppercase fw-medium" type="text" id="nomCentreGestion" name="nomCentreGestion" value="<?=$this->nettoyer($societeuser['nomSociete'])?>" required>
</div>
<div class="col-md-6">
<label class="form-label small fw-bold text-muted"><?= _("Sigle") ?></label>
<label class="form-label small fw-bold text-muted"><?= _("Sigle / Label") ?></label>
<input class="form-control" type="text" id="sigleSociete" name="sigleSociete" value="<?=$this->nettoyer($societeuser['sigleSociete'])?>">
</div>
<div class="col-md-6">
<label class="form-label small fw-bold text-muted"><?= _("Responsable") ?></label>
<input class="form-control" type="text" id="nomResponsable" name="nomResponsable" value="<?=$this->nettoyer($societeuser['nomResponsable'])?>">
<label class="form-label small fw-bold text-muted"><?= _("Directeur / Responsable") ?></label>
<div class="input-group">
<span class="input-group-text bg-white"><i class="fas fa-user-tie text-muted opacity-50"></i></span>
<input class="form-control border-start-0" type="text" id="nomResponsable" name="nomResponsable" value="<?=$this->nettoyer($societeuser['nomResponsable'])?>">
</div>
</div>
</div>
<div class="mt-4 p-3 rounded bg-primary-ghost border border-white">
<h6 class="small fw-bold text-primary text-uppercase mb-3" style="letter-spacing: 0.5px;"><?= _("Siège & Adresses") ?></h6>
<div class="row g-3">
<div class="col-md-6">
<label class="form-label small fw-bold text-muted required"><?= _("Pays de Résidence") ?></label>
<select onchange="liste_villes();" class="form-select selectpicker w-100" data-live-search="true" id="codePays" name="codePays" required>
<?php liste_options($pays, $this->nettoyer($societeuser['codePays'])); ?>
</select>
</div>
<div class="col-md-6">
<label class="form-label small fw-bold text-muted required"><?= _("Ville / Commune") ?></label>
<div id="div_ville">
<select class="form-select selectpicker w-100" data-live-search="true" id="ville" name="ville" required>
<?php liste_options($villes, $this->nettoyer($societeuser['ville'])); ?>
</select>
</div>
</div>
<div class="col-md-12">
<label class="form-label small fw-bold text-muted"><?= _("Adresse Physique") ?></label>
<input class="form-control form-control-sm" type="text" id="adresseGeoSociete" name="adresseGeoSociete" value="<?=$this->nettoyer($societeuser['adresseGeoSociete'])?>" placeholder="Rue, Quartier, Porte...">
</div>
</div>
</div>
</div>
@ -64,172 +94,127 @@
</div>
<div class="col-xl-5">
<div class="card border-0 shadow-sm h-100">
<div class="card-header bg-white py-3 border-bottom-0">
<h6 class="mb-0 fw-bold"><i class="fas fa-map-marker-alt me-2 text-muted"></i><?= _("Localisation") ?></h6>
<div class="card border-0 shadow-sm mb-4" style="border-radius: var(--radius-md);">
<div class="card-header bg-white py-3 border-bottom border-light">
<h6 class="mb-0 fw-bold text-primary"><i class="fas fa-address-book me-2"></i><?= _("Canaux de Communication") ?></h6>
</div>
<div class="card-body pt-0">
<div class="card-body">
<div class="row g-3">
<div class="col-md-12">
<label class="form-label small fw-bold text-muted required"><?= _("Pays") ?></label>
<select onchange="liste_villes();" class="form-select selectpicker w-100" data-live-search="true" id="codePays" name="codePays" required>
<?php liste_options($pays, $this->nettoyer($societeuser['codePays'])); ?>
</select>
</div>
<div class="col-md-12">
<label class="form-label small fw-bold text-muted required"><?= _("Ville") ?></label>
<div id="div_ville">
<select class="form-select selectpicker w-100" data-live-search="true" id="ville" name="ville" required>
<?php liste_options($villes, $this->nettoyer($societeuser['ville'])); ?>
</select>
</div>
</div>
<div class="col-md-12">
<label class="form-label small fw-bold text-muted"><?= _("Adresse Géo") ?></label>
<input class="form-control form-control-sm" type="text" id="adresseGeoSociete" name="adresseGeoSociete" value="<?=$this->nettoyer($societeuser['adresseGeoSociete'])?>">
</div>
<div class="col-md-12">
<label class="form-label small fw-bold text-muted"><?= _("Adresse Postale") ?></label>
<input class="form-control form-control-sm" type="text" id="adressePostSociete" name="adressePostSociete" value="<?=$this->nettoyer($societeuser['adressePostSociete'])?>">
</div>
</div>
</div>
</div>
</div>
<div class="col-12">
<div class="card border-0 shadow-sm">
<div class="card-header bg-white py-3 border-bottom-0">
<h6 class="mb-0 fw-bold"><i class="fas fa-phone-alt me-2 text-muted"></i><?= _("Contacts & Canaux Directs") ?></h6>
</div>
<div class="card-body pt-0">
<div class="row g-3">
<div class="col-md-3">
<label class="form-label small fw-bold text-muted"><?= _("Téléphone Fixe") ?></label>
<div class="col-md-6">
<label class="form-label small fw-bold text-muted"><?= _("Tél. Fixe") ?></label>
<input class="form-control" type="text" id="telephoneSociete" name="telephoneSociete" value="<?=$this->nettoyer($societeuser['telephoneSociete'])?>">
</div>
<div class="col-md-3">
<label class="form-label small fw-bold text-muted"><?= _("Téléphone Mobile") ?></label>
<input class="form-control" type="text" id="portable" name="portable" value="<?=$this->nettoyer($societeuser['portable'])?>">
<div class="col-md-6">
<label class="form-label small fw-bold text-muted"><?= _("Tél. Mobile") ?></label>
<input class="form-control fw-bold" type="text" id="portable" name="portable" value="<?=$this->nettoyer($societeuser['portable'])?>">
</div>
<div class="col-md-3">
<label class="form-label small fw-bold text-muted required"><?= _("E-mail Officiel") ?></label>
<input class="form-control" type="email" id="emailSociete" name="emailSociete" value="<?=$this->nettoyer($societeuser['emailSociete'])?>" required>
</div>
<div class="col-md-3">
<label class="form-label small fw-bold text-muted">Fax</label>
<input class="form-control" type="text" id="faxSociete" name="faxSociete" value="<?=$this->nettoyer($societeuser['faxSociete'])?>">
<div class="col-12">
<label class="form-label small fw-bold text-muted required"><?= _("E-mail Officiel du Centre") ?></label>
<div class="input-group">
<span class="input-group-text bg-white"><i class="fas fa-envelope text-primary opacity-50"></i></span>
<input class="form-control border-start-0" type="email" id="emailSociete" name="emailSociete" value="<?=$this->nettoyer($societeuser['emailSociete'])?>" required>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12">
<div class="card border-0 shadow-sm">
<div class="card-header bg-white py-3 border-bottom-0">
<h6 class="mb-0 fw-bold"><i class="fas fa-at me-2 text-muted"></i><?= _("Configuration des Emails par Service") ?></h6>
</div>
<div class="card-body pt-0 px-4 pb-4">
<div class="card border-0 shadow-sm" style="border-radius: var(--radius-md); background: linear-gradient(145deg, #ffffff, #f8f9fa);">
<div class="card-body">
<div class="row g-3">
<?php
$emails = [
['id' => 'emailMedecinConseil', 'label' => 'Médécin Conseil', 'icon' => 'fa-user-md'],
['id' => 'emailGestionBon', 'label' => 'Gestion des Bons', 'icon' => 'fa-ticket-alt'],
['id' => 'emailCcomptabilite', 'label' => 'Comptabilité', 'icon' => 'fa-calculator'],
['id' => 'emailDerogation', 'label' => 'Dérogation', 'icon' => 'fa-exclamation-circle'],
['id' => 'emailAccordPrealable', 'label' => 'Accord Préalable', 'icon' => 'fa-check-double'],
['id' => 'emailFraudeFinger', 'label' => 'Fraude & Biométrie', 'icon' => 'fa-fingerprint'],
['id' => 'emailRd', 'label' => 'Remboursement (RD)', 'icon' => 'fa-hand-holding-usd'],
];
foreach($emails as $e): ?>
<div class="col-md-4">
<div class="input-group input-group-sm mb-1">
<span class="input-group-text bg-light border-end-0" style="width: 40px;"><i class="fas <?= $e['icon'] ?> text-muted opacity-50"></i></span>
<input class="form-control border-start-0" type="email" id="<?= $e['id'] ?>" name="<?= $e['id'] ?>" value="<?=$this->nettoyer($societeuser[$e['id']])?>" placeholder="<?= _($e['label']) ?>">
</div>
<label class="text-muted mb-2 ms-5" style="font-size: 0.65rem;"><?= _($e['label']) ?></label>
<div class="col-md-6">
<label class="form-label small fw-bold text-muted"><?= _("Langue Système") ?></label>
<select class="form-select bg-white" id="codeLangueUser" name="codeLangueUser">
<?php liste_options($langue, $codeLangueSociete, true); ?>
</select>
</div>
<div class="col-md-6">
<label class="form-label small fw-bold text-muted"><?= _("Logs de Navigation") ?></label>
<select class="form-select bg-white" id="activerLogVisitePages" name="activerLogVisitePages">
<?php liste_options($visitePage, $this->nettoyer($societeuser['activerLogVisitePages']), true); ?>
</select>
</div>
<div class="col-12">
<div class="p-2 border rounded bg-white mt-2">
<label class="form-label small fw-bold text-muted d-block mb-2"><?= _("Indicateurs Critiques (Lecture Seule)") ?></label>
<div class="d-flex justify-content-between">
<div class="text-center px-2 border-end flex-fill">
<div class="small text-muted mb-0"><?= _("S/P Max") ?></div>
<span class="fw-bold text-danger"><?= $this->nettoyer($societeuser['spMax']) ?>%</span>
</div>
<div class="text-center px-2 border-end flex-fill">
<div class="small text-muted mb-0"><?= _("Indicatif") ?></div>
<span class="fw-bold text-dark">+<?= $this->nettoyer($societeuser['indicatifTelephone']) ?></span>
</div>
<div class="text-center px-2 flex-fill">
<div class="small text-muted mb-0"><?= _("Carte") ?></div>
<span class="fw-bold text-dark"><?= format_N($this->nettoyer($societeuser['fraisCarteAN'])) ?></span>
</div>
</div>
</div>
</div>
<?php endforeach; ?>
</div>
</div>
</div>
</div>
<div class="col-12 mb-5">
<div class="card border-0 shadow-sm">
<div class="card-header bg-white py-3 border-bottom-0">
<h6 class="mb-0 fw-bold"><i class="fas fa-cogs me-2 text-muted"></i><?= _("SMS, Seuils & Système") ?></h6>
<div class="card border-0 shadow-sm" style="border-radius: var(--radius-md);">
<div class="card-header bg-white py-3 border-bottom border-light">
<h6 class="mb-0 fw-bold text-primary"><i class="fas fa-microchip me-2"></i><?= _("Configuration des Passerelles (Emails & SMS)") ?></h6>
</div>
<div class="card-body pt-0">
<div class="row g-4 align-items-end">
<div class="col-xl-8">
<div class="row g-2">
<div class="col-md-4">
<label class="form-label small text-muted"><?= _("SMS RD") ?></label>
<input class="form-control form-control-sm" type="text" id="smsRd" name="smsRd" value="<?=$this->nettoyer($societeuser['smsRd'])?>">
</div>
<div class="col-md-4">
<label class="form-label small text-muted"><?= _("SMS Méd. Conseil") ?></label>
<input class="form-control form-control-sm" type="text" id="smsMedecinConseil" name="smsMedecinConseil" value="<?=$this->nettoyer($societeuser['smsMedecinConseil'])?>">
</div>
<div class="col-md-4">
<label class="form-label small text-muted"><?= _("SMS Bons") ?></label>
<input class="form-control form-control-sm" type="text" id="smsGestionBon" name="smsGestionBon" value="<?=$this->nettoyer($societeuser['smsGestionBon'])?>">
</div>
<div class="col-md-4">
<label class="form-label small text-muted"><?= _("SMS Dérogation") ?></label>
<input class="form-control form-control-sm" type="text" id="smsDerogation" name="smsDerogation" value="<?=$this->nettoyer($societeuser['smsDerogation'])?>">
</div>
<div class="col-md-4">
<label class="form-label small text-muted"><?= _("SMS Accord") ?></label>
<input class="form-control form-control-sm" type="text" id="smsAccordPrealable" name="smsAccordPrealable" value="<?=$this->nettoyer($societeuser['smsAccordPrealable'])?>">
</div>
<div class="col-md-4">
<label class="form-label small text-muted"><?= _("Préfixe Police") ?></label>
<input class="form-control form-control-sm fw-bold" type="text" id="codePrefixePolice" name="codePrefixePolice" value="<?=$this->nettoyer($societeuser['codePrefixePolice'])?>">
</div>
<div class="card-body p-4">
<div class="row g-3 mb-4 p-3 border rounded" style="border-style: dashed !important; border-color: var(--color-warning) !important;">
<div class="col-md-2">
<label class="form-label small fw-bold text-warning text-uppercase" style="font-size: 0.6rem;"><?= _("Seuil Alerte Conso") ?></label>
<div class="input-group">
<input class="form-control fw-bold border-warning" type="number" id="alertLimiteConsommation" name="alertLimiteConsommation" value="<?=$this->nettoyer($societeuser['alertLimiteConsommation'])?>">
<span class="input-group-text bg-warning text-white border-warning">%</span>
</div>
</div>
<div class="col-xl-4 bg-light p-3 rounded">
<div class="row g-3">
<div class="col-md-6">
<label class="form-label small text-muted fw-bold"><?= _("Alerte Conso (%)") ?></label>
<input class="form-control bg-white" type="number" id="alertLimiteConsommation" name="alertLimiteConsommation" value="<?=$this->nettoyer($societeuser['alertLimiteConsommation'])?>">
</div>
<div class="col-md-6">
<label class="form-label small text-muted fw-bold"><?= _("Logs Visite") ?></label>
<select class="form-select bg-white" id="activerLogVisitePages" name="activerLogVisitePages">
<?php liste_options($visitePage, $this->nettoyer($societeuser['activerLogVisitePages']), true); ?>
</select>
</div>
<div class="col-12">
<label class="form-label small text-muted fw-bold"><?= _("Email Alerte Limite") ?></label>
<input class="form-control bg-white" type="email" id="emailAlertLimiteConsommation" name="emailAlertLimiteConsommation" value="<?=$this->nettoyer($societeuser['emailAlertLimiteConsommation'])?>">
</div>
<div class="col-12">
<label class="form-label small text-muted fw-bold"><?= _("Langue par défaut") ?></label>
<select class="form-select bg-white" id="codeLangueUser" name="codeLangueUser">
<?php liste_options($langue, $codeLangueSociete, true); ?>
</select>
</div>
</div>
<div class="col-md-10">
<label class="form-label small fw-bold text-muted"><?= _("Email de Notification pour Alerte Consommation") ?></label>
<input class="form-control border-warning" type="email" id="emailAlertLimiteConsommation" name="emailAlertLimiteConsommation" value="<?=$this->nettoyer($societeuser['emailAlertLimiteConsommation'])?>">
</div>
</div>
<div class="row g-3 mt-3 border-top pt-3">
<div class="col-md-4">
<label class="form-label small text-muted"><?= _("Indicatif") ?></label>
<input class="form-control form-control-sm bg-light" type="text" value="<?=$this->nettoyer($societeuser['indicatifTelephone'])?>" readonly>
<div class="row g-4">
<?php
$emails = [
['id' => 'emailMedecinConseil', 'label' => 'Médécin Conseil', 'icon' => 'fa-user-md', 'sms' => 'smsMedecinConseil'],
['id' => 'emailGestionBon', 'label' => 'Gestion des Bons', 'icon' => 'fa-ticket-alt', 'sms' => 'smsGestionBon'],
['id' => 'emailCcomptabilite', 'label' => 'Comptabilité', 'icon' => 'fa-calculator', 'sms' => null],
['id' => 'emailDerogation', 'label' => 'Dérogation', 'icon' => 'fa-exclamation-circle', 'sms' => 'smsDerogation'],
['id' => 'emailAccordPrealable', 'label' => 'Accord Préalable', 'icon' => 'fa-check-double', 'sms' => 'smsAccordPrealable'],
['id' => 'emailFraudeFinger', 'label' => 'Fraude & Biométrie', 'icon' => 'fa-fingerprint', 'sms' => null],
['id' => 'emailRd', 'label' => 'Remboursement (RD)', 'icon' => 'fa-hand-holding-usd', 'sms' => 'smsRd'],
];
foreach($emails as $e): ?>
<div class="col-md-6 col-lg-4 col-xl-3">
<div class="p-3 border border-light rounded bg-white shadow-xs">
<label class="form-label small fw-bold text-primary mb-2">
<i class="fas <?= $e['icon'] ?> me-2 opacity-50"></i><?= _($e['label']) ?>
</label>
<input class="form-control form-control-sm mb-2" type="email" id="<?= $e['id'] ?>" name="<?= $e['id'] ?>" value="<?=$this->nettoyer($societeuser[$e['id']])?>" placeholder="Email service...">
<?php if($e['sms']): ?>
<div class="input-group input-group-sm">
<span class="input-group-text bg-light text-muted" style="font-size: 0.65rem;">SMS</span>
<input class="form-control" type="text" id="<?= $e['sms'] ?>" name="<?= $e['sms'] ?>" value="<?=$this->nettoyer($societeuser[$e['sms']])?>" placeholder="N° Téléphone">
</div>
<?php endif; ?>
</div>
</div>
<div class="col-md-4">
<label class="form-label small text-muted"><?= _("Taux S/P (%)") ?></label>
<input class="form-control form-control-sm bg-light fw-bold text-danger" type="text" value="<?=$this->nettoyer($societeuser['spMax'])?>" readonly>
</div>
<div class="col-md-4">
<label class="form-label small text-muted"><?= _("Carte AFN") ?></label>
<input class="form-control form-control-sm bg-light" type="text" value="<?=format_N($this->nettoyer($societeuser['fraisCarteAN']))?>" readonly>
<?php endforeach; ?>
<div class="col-md-6 col-lg-4 col-xl-3">
<div class="p-3 border border-primary-light rounded bg-white shadow-xs" style="border-style: dotted !important;">
<label class="form-label small fw-bold text-muted mb-2"><?= _("Configuration Police") ?></label>
<div class="input-group input-group-sm">
<span class="input-group-text bg-primary text-white border-primary small">PRÉFIXE</span>
<input class="form-control border-primary fw-bold" type="text" id="codePrefixePolice" name="codePrefixePolice" value="<?=$this->nettoyer($societeuser['codePrefixePolice'])?>">
</div>
</div>
</div>
</div>
</div>
@ -240,22 +225,28 @@
</div>
<style>
/* Style spécifique pour la page d'édition */
/* --- Optimisations spécifiques Édition Modern --- */
.border-edit {
border-top: 3px solid var(--color-warning);
border-radius: var(--radius-md);
border-top: 4px solid var(--color-warning) !important;
}
.icon-shape {
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.02); }
.sticky-top {
backdrop-filter: blur(8px);
background: rgba(255, 255, 255, 0.95) !important;
}
.bg-primary-ghost { background: rgba(33, 46, 83, 0.1); }
/* Harmonisation des inputs */
.form-control, .form-select, .input-group-text {
font-size: 0.82rem !important;
border-color: #e2e8f0;
}
.form-control:focus {
border-color: var(--color-primary-light);
box-shadow: 0 0 0 3px var(--color-primary-ghost);
}
.required::after {
content: " *";
@ -263,31 +254,17 @@
font-weight: bold;
}
.form-label {
margin-bottom: 0.25rem;
letter-spacing: 0.02em;
.bg-warning-ghost { background: rgba(243, 156, 18, 0.12); }
.bg-primary-ghost { background: rgba(33, 46, 83, 0.05); }
/* Transition sur les tuiles de service */
.hover-shadow-sm:hover {
border-color: var(--color-primary-light) !important;
}
.card-header h6 {
color: var(--color-primary);
letter-spacing: 0.03em;
}
/* Harmonisation Bootstrap Select */
/* Override Bootstrap Select pour la taille */
.bootstrap-select .btn {
background-color: #fff !important;
border: 1px solid #dee2e6 !important;
font-size: 0.85rem !important;
padding: 0.5rem 0.75rem !important;
}
.input-group-text {
border-color: #dee2e6;
}
/* Animation de focus */
.form-control:focus, .form-select:focus {
border-color: var(--color-primary-light);
box-shadow: 0 0 0 0.25rem rgba(33, 46, 83, 0.1);
padding: 0.45rem 0.75rem !important;
font-size: 0.82rem !important;
}
</style>