/* v2.42.200 - panneaux serveur sans reflow tardif */ .fw-app [hidden]{display:none!important} :root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#17202a;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}header{background:#15202b;color:#fff;padding:14px 28px;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}.brand{display:flex;flex-direction:column}.brand strong{font-size:20px}.brand span{font-size:12px;opacity:.8}nav{display:flex;gap:12px;flex-wrap:wrap}nav a{color:#fff;text-decoration:none;font-size:14px}main{max-width:1280px;margin:auto;padding:24px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.user-pill,.badge{border-radius:20px;padding:5px 10px;background:#e8eef5;font-size:12px}.panel,.card{background:#fff;border:1px solid #dfe5eb;border-radius:10px;padding:18px;margin-bottom:18px;box-shadow:0 1px 2px #00000008}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:18px}.metric{font-size:30px;font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}label{display:flex;flex-direction:column;gap:5px;font-weight:600;font-size:13px}input,select,textarea{width:100%;padding:9px 10px;border:1px solid #cbd5df;border-radius:6px;background:#fff}textarea{min-height:80px}button,.btn{border:0;background:#1267d6;color:#fff;padding:9px 13px;border-radius:6px;text-decoration:none;cursor:pointer;display:inline-block}.secondary{background:#536471}.success{background:#16863f}.danger{background:#bd2929}.warning{background:#c17d00}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.tablewrap{overflow:auto;background:#fff;border:1px solid #dfe5eb;border-radius:10px;margin-bottom:18px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #e7ebef;vertical-align:top}th{background:#f8fafc}.amount{text-align:right;white-space:nowrap}.muted{color:#65727f;font-size:13px}.flash{padding:11px 14px;border-radius:7px;margin-bottom:12px}.flash.success{background:#e6f7eb;color:#155d2d}.flash.error{background:#fde9e9;color:#8a2020}.flash.warning{background:#fff4d6;color:#795500}.badge.s-paid,.badge.s-accounting_approved{background:#dff5e6}.badge.s-rejected{background:#fde0e0}.badge.s-returned{background:#fff0c9}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 16px}.tabs a{padding:8px 11px;background:#e9eef3;border-radius:6px;text-decoration:none;color:#1c2a37}.tabs a.active{background:#1267d6;color:#fff}.inline{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.login{max-width:460px;margin:40px auto}footer{margin-top:35px;color:#687582;font-size:12px;text-align:center}@media(max-width:700px){main{padding:14px}.grid2{grid-template-columns:1fr}header{padding:12px 14px}.page-head{align-items:flex-start;flex-direction:column}} /* v2.2.2 - palette multi-structure */ :root{--blue:#1769d2;--blue-soft:#eaf3ff;--green:#18864b;--green-soft:#e8f7ef;--orange:#c97700;--orange-soft:#fff3df;--red:#bd3030;--red-soft:#fdecec;--purple:#7257c8;--purple-soft:#f0ecff;--teal:#17828a;--teal-soft:#e8f7f8;--ink:#12263a;--border:#d9e2ec} body{background:linear-gradient(180deg,#f7faff 0,#f3f6fa 220px,#f4f6f8 100%);color:var(--ink)} header{background:linear-gradient(110deg,#10233e,#173f6b 60%,#1769d2);box-shadow:0 3px 14px #0c2f5b2b} .brand strong{letter-spacing:.2px}.brand span{color:#dbeafe;opacity:1} nav a{padding:7px 10px;border-radius:7px;transition:.15s}nav a:hover{background:#ffffff1c} .page-head h1{color:#102f55}.user-pill{background:#e8f1fb;color:#234a73;border:1px solid #ccdef1} .panel,.card,.tablewrap{border-color:var(--border);box-shadow:0 3px 12px #274b6d0d} .panel h2{color:#173f6b}.panel h3{color:#274f76} .panel-accent-blue{border-top:4px solid var(--blue)} button,.btn{background:linear-gradient(180deg,#2378df,#1764c4);box-shadow:0 2px 5px #1769d22b;font-weight:600} button:hover,.btn:hover{filter:brightness(.96)} .secondary{background:#56677a}.success{background:var(--green)}.danger{background:var(--red)}.warning{background:var(--orange)} input:focus,select:focus,textarea:focus{outline:0;border-color:#69a8ef;box-shadow:0 0 0 3px #2d7fdf1c} th{background:#eef4fa;color:#284a6b} tr:hover td{background:#fbfdff} .tabs a{font-weight:600;border:1px solid transparent;transition:.15s}.tabs a:hover{transform:translateY(-1px)} .admin-tabs a:nth-child(1){background:var(--blue-soft);color:#205f9d}.admin-tabs a:nth-child(2){background:var(--purple-soft);color:#6146b0}.admin-tabs a:nth-child(3){background:var(--teal-soft);color:#146b70}.admin-tabs a:nth-child(4){background:#edf7ec;color:#376f35}.admin-tabs a:nth-child(5){background:var(--orange-soft);color:#8a5b00}.admin-tabs a:nth-child(6){background:#f5edff;color:#7745a5}.admin-tabs a:nth-child(7){background:#edf0f3;color:#4d5c69} .admin-tabs a.active{color:#fff!important;box-shadow:0 3px 8px #1c4e7d2e}.admin-tabs a:nth-child(1).active{background:var(--blue)}.admin-tabs a:nth-child(2).active{background:var(--purple)}.admin-tabs a:nth-child(3).active{background:var(--teal)}.admin-tabs a:nth-child(4).active{background:#4b8e48}.admin-tabs a:nth-child(5).active{background:var(--orange)}.admin-tabs a:nth-child(6).active{background:#8250ad}.admin-tabs a:nth-child(7).active{background:#586773} .admin-help{display:flex;gap:12px;align-items:center;padding:12px 15px;margin:0 0 14px;background:linear-gradient(90deg,#eaf3ff,#f4f0ff);border:1px solid #cfdff3;border-left:5px solid var(--blue);border-radius:9px;color:#234765}.admin-help strong{white-space:nowrap}.admin-help span{font-size:13px} .section-intro{padding:10px 12px;border-radius:7px;background:#f4f8fc;border-left:4px solid #70a8df;color:#496379} .field-help{font-weight:400;color:#758393;font-size:11px;line-height:1.35} .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-bottom:18px}.info-card{border-radius:10px;padding:16px;border:1px solid}.info-card strong{font-size:16px}.info-card p{margin:7px 0 0;font-size:13px;line-height:1.45}.info-blue{background:var(--blue-soft);border-color:#c7def6;color:#21547f}.info-purple{background:var(--purple-soft);border-color:#d8cdfa;color:#59469b} .badge.s-draft{background:#e8edf2;color:#4e6071}.badge.s-submitted{background:#e5f1ff;color:#165d9a}.badge.s-manager_approved{background:#e5f7eb;color:#277443}.badge.s-accounting_approved,.badge.s-paid{background:#dcf5e6;color:#17683a}.badge.s-rejected{background:var(--red-soft);color:#922424}.badge.s-returned{background:var(--orange-soft);color:#8a5b00}.badge.s-archived{background:#eceff2;color:#5c6770} .flash.success{border-left:4px solid var(--green)}.flash.error{border-left:4px solid var(--red)}.flash.warning{border-left:4px solid var(--orange)} @media(max-width:700px){.admin-help{align-items:flex-start;flex-direction:column}.admin-help strong{white-space:normal}} /* v2.4.1 - administration des structures en liste + fiche detaillee */ .panel-accent-purple{border-top:4px solid var(--purple)} .structure-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}.structure-toolbar h2{margin-top:0}.structure-list table{min-width:1050px}.structure-list td{vertical-align:middle}.code-pill{display:inline-block;padding:4px 8px;border-radius:6px;background:#eef1f5;color:#405164;font-family:Consolas,monospace;font-size:12px}.member-count{display:inline-flex;min-width:28px;height:28px;align-items:center;justify-content:center;border-radius:999px;background:var(--purple-soft);color:#6045af;font-weight:700}.structure-detail-actions{align-items:center}.structure-detail-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(110deg,#f7f4ff,#ffffff);border-left:5px solid var(--purple)}.structure-detail-hero h2{margin:3px 0}.structure-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.structure-section{margin-bottom:0}.structure-section h2{margin-top:0;padding-bottom:8px;border-bottom:1px solid #e4e8ee}.structure-section:nth-child(1){border-top:4px solid var(--purple)}.structure-section:nth-child(2){border-top:4px solid var(--blue)}.structure-section:nth-child(3){border-top:4px solid var(--teal)}.structure-section:nth-child(4){border-top:4px solid var(--green)} @media(max-width:900px){.structure-detail-grid{grid-template-columns:1fr}.structure-detail-hero{align-items:flex-start;flex-direction:column}.structure-list table{min-width:900px}} /* v2.5 - listes/fiches utilisateurs et parametres financiers par structure */ .inline-check{display:inline-flex;flex-direction:row;align-items:center;gap:6px;margin-bottom:7px}.inline-check input{width:auto}.user-structure-tags{display:flex;gap:5px;flex-wrap:wrap}.user-structure-tags span{background:#eef4fa;border-radius:999px;padding:3px 7px;font-size:11px} /* v2.7 - tableaux de bord cliquables utilisateur / validateur */ .dashboard-cards{align-items:stretch} .dashboard-card{display:block;position:relative;text-decoration:none;color:inherit;min-height:145px;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease} .dashboard-card:hover{transform:translateY(-3px);box-shadow:0 9px 24px #183b5d20;border-color:#a9bfd6} .dashboard-card:focus{outline:0;box-shadow:0 0 0 3px #2378df2b,0 9px 24px #183b5d20} .dashboard-card .metric{margin:6px 0 2px}.dashboard-card .card-link{display:block;margin-top:14px;font-size:12px;font-weight:700;color:#35658e} .dashboard-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#9bacbc} .card-draft:before{background:#718296}.card-pending:before{background:var(--blue)}.card-paid:before,.card-success:before{background:var(--green)}.card-warning:before,.card-returned:before{background:var(--orange)}.card-online:before{background:#168b82}.card-online .metric{color:#0e776f} .card-support:before{background:#7b5bd6}.card-support{background:linear-gradient(135deg,#fff,#f5f1ff)}.card-support .metric{color:#5f43bd} .card-accounting:before{background:var(--teal)} .card-draft{background:linear-gradient(135deg,#fff,#f2f5f8)}.card-pending{background:linear-gradient(135deg,#fff,#eef6ff)}.card-paid,.card-success{background:linear-gradient(135deg,#fff,#ecf9f1)}.card-warning,.card-returned{background:linear-gradient(135deg,#fff,#fff6e8)}.card-accounting{background:linear-gradient(135deg,#fff,#ebfafb)} .validator-dashboard{border-top:4px solid var(--orange);background:linear-gradient(180deg,#fffdf9,#fff)}.validator-dashboard h2{margin-top:0;color:#8a5b00}.approval-filters{margin-bottom:16px} @media(max-width:700px){.dashboard-card{min-height:125px}} /* v2.8 - fiche structure coloree, messagerie et notifications par structure */ .structure-module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px;margin-bottom:18px}.structure-module{display:flex;min-height:112px;flex-direction:column;justify-content:center;padding:15px 16px;border:1px solid var(--border);border-radius:12px;text-decoration:none;color:var(--ink);box-shadow:0 3px 12px #274b6d0d;transition:.16s}.structure-module:hover{transform:translateY(-3px);box-shadow:0 8px 22px #173f6b1c}.structure-module>span{font-size:24px}.structure-module strong{font-size:15px;margin:5px 0 2px}.structure-module small{color:#5f7081}.mod-auth{background:linear-gradient(135deg,#edf5ff,#fff);border-top:4px solid var(--blue)}.mod-mail{background:linear-gradient(135deg,#e9fbfb,#fff);border-top:4px solid var(--teal)}.mod-users{background:linear-gradient(135deg,#edf9f1,#fff);border-top:4px solid var(--green)}.mod-rules{background:linear-gradient(135deg,#fff6e8,#fff);border-top:4px solid var(--orange)}.mod-finance{background:linear-gradient(135deg,#f4efff,#fff);border-top:4px solid var(--purple)} .structure-detail-grid .structure-section:nth-child(1){background:linear-gradient(160deg,#fbf9ff,#fff 45%)}.structure-detail-grid .structure-section:nth-child(2){background:linear-gradient(160deg,#f3f8ff,#fff 45%)}.structure-detail-grid .structure-section:nth-child(3){background:linear-gradient(160deg,#f0fbfb,#fff 45%)}.structure-detail-grid .structure-section:nth-child(4){background:linear-gradient(160deg,#f1faf4,#fff 45%)} .section-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.section-head h2{margin-top:0}.config-state{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.state-ok{background:var(--green-soft);color:#17683a}.state-off{background:#edf0f3;color:#596877}.structure-mail-panel{background:linear-gradient(155deg,#eefcfc,#fff 36%)}.mail-config-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;margin:14px 0}.mail-config-block{padding:16px;border-radius:11px;border:1px solid #d9e7ea;background:#fff}.mail-config-block h3{margin-top:0}.mail-sender{border-top:4px solid var(--teal)}.mail-notifications{border-top:4px solid var(--orange);background:linear-gradient(180deg,#fffdf8,#fff)}.notification-switches{display:grid;gap:8px}.notification-switches label{display:flex;flex-direction:row;align-items:flex-start;gap:9px;padding:10px;border:1px solid #e6ebef;border-radius:8px;background:#fff;font-weight:400}.notification-switches label:hover{border-color:#bed4df;background:#fbfeff}.notification-switches input{width:auto;margin-top:3px}.notification-switches span{display:flex;flex-direction:column}.notification-switches b{font-size:13px;color:#263f56}.notification-switches small{font-size:11px;color:#71808e;margin-top:2px}.mail-tools{display:flex;gap:18px;flex-wrap:wrap;padding-top:14px;margin-top:16px;border-top:1px solid #dce9eb}.mail-tools form{flex:1;min-width:300px} @media(max-width:900px){.mail-config-grid{grid-template-columns:1fr}.section-head{flex-direction:column}.structure-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.structure-module-grid{grid-template-columns:1fr}.mail-tools form{min-width:100%}} /* v2.9 - administration utilisateurs enrichie */ .users-admin-table table{min-width:1180px}.users-admin-table td{vertical-align:middle}.user-cell{display:flex;align-items:center;gap:10px;min-width:190px}.avatar-initials{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#e8f2ff,#dbe9fb);color:#1b5fac;font-weight:800;flex:0 0 34px}.role-badge{display:inline-flex;padding:5px 9px;border-radius:7px;font-size:11px;font-weight:800}.role-user{background:#e8f2ff;color:#1766c1}.role-manager{background:#e7f8ed;color:#18864b}.role-accounting{background:#fff0dc;color:#b96300}.role-admin{background:#fde8eb;color:#c42f43}.status-pill{display:inline-flex;gap:5px;align-items:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.status-active{background:#ddf7e7;color:#168542}.status-inactive{background:#fde8e8;color:#bd3030}.row-actions{display:flex;gap:7px;align-items:center;white-space:nowrap}.row-actions form{margin:0}.btn-edit{background:linear-gradient(180deg,#2a7de0,#1769d2)}.btn-role{background:#fff;color:#274b6d;border:1px solid #cad7e4;box-shadow:none}.btn-role:hover{background:#f4f8fc}.btn-remove{padding:9px 11px;min-width:38px}.member-quick-form{margin-top:14px;padding-top:14px;border-top:1px solid #eadff8}.member-quick-form .inline-check{margin-top:23px} @media(max-width:900px){.users-admin-table table{min-width:1050px}.row-actions{flex-wrap:wrap}} /* v2.9.1 - harmonisation couleurs fiche structure avec les vignettes */ .structure-detail-grid .structure-section{border-width:1px;border-style:solid;box-shadow:0 5px 16px #173f6b10} .structure-detail-grid .structure-section:nth-child(1){background:linear-gradient(135deg,#f4efff 0%,#fbf9ff 58%,#fff 100%);border-color:#d7cbfb;border-top:5px solid var(--purple)} .structure-detail-grid .structure-section:nth-child(1) h2{color:#6048aa;border-bottom-color:#ded5f8} .structure-detail-grid .structure-section:nth-child(2){background:linear-gradient(135deg,#edf5ff 0%,#f7fbff 58%,#fff 100%);border-color:#c9def8;border-top:5px solid var(--blue)} .structure-detail-grid .structure-section:nth-child(2) h2{color:#175fae;border-bottom-color:#d6e6f8} .structure-detail-grid .structure-section:nth-child(3){background:linear-gradient(135deg,#e9fbfb 0%,#f6fdfd 58%,#fff 100%);border-color:#c8e9eb;border-top:5px solid var(--teal)} .structure-detail-grid .structure-section:nth-child(3) h2{color:#126f76;border-bottom-color:#d2ecee} .structure-detail-grid .structure-section:nth-child(4){background:linear-gradient(135deg,#edf9f1 0%,#f7fcf9 58%,#fff 100%);border-color:#cae8d5;border-top:5px solid var(--green)} .structure-detail-grid .structure-section:nth-child(4) h2{color:#17733f;border-bottom-color:#d6eadf} .structure-detail-grid .structure-section input,.structure-detail-grid .structure-section select,.structure-detail-grid .structure-section textarea{background:#ffffffed} .structure-detail-grid .structure-section:hover{box-shadow:0 8px 22px #173f6b17} #auth-structure{background:linear-gradient(135deg,#edf5ff 0%,#f8fbff 52%,#fff 100%);border-color:#c9def8;border-top:5px solid var(--blue)} #auth-structure h2{color:#175fae} #mail-structure,.structure-mail-panel{background:linear-gradient(135deg,#e9fbfb 0%,#f7fdfd 52%,#fff 100%);border-color:#c8e9eb;border-top:5px solid var(--teal)} #mail-structure h2,.structure-mail-panel h2{color:#126f76} #users-structure{background:linear-gradient(135deg,#edf9f1 0%,#f7fcf9 52%,#fff 100%);border-color:#cae8d5;border-top:5px solid var(--green)} #users-structure h2{color:#17733f} #rules-structure{background:linear-gradient(135deg,#fff6e8 0%,#fffaf2 52%,#fff 100%);border-color:#f2d5a6;border-top:5px solid var(--orange)} #rules-structure h2{color:#9a6200} #finance-structure{background:linear-gradient(135deg,#f4efff 0%,#fbf9ff 52%,#fff 100%);border-color:#d7cbfb;border-top:5px solid var(--purple)} #finance-structure h2{color:#6048aa} /* v2.10 - MFA TOTP */ .mfa-panel{max-width:620px;margin:24px auto;background:linear-gradient(145deg,#f4efff,#fff 48%);border-top:5px solid var(--purple)} .mfa-secret{display:flex;flex-direction:column;gap:6px;padding:14px;margin:14px 0;border:1px solid #d7cbfb;border-radius:10px;background:#fbf9ff} .mfa-secret span{font-size:12px;color:#66587f;font-weight:700}.mfa-secret code{font-size:18px;font-weight:800;letter-spacing:2px;word-break:break-all;color:#4f3b95} .recovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.recovery-grid code{padding:12px;border:1px solid #f0c98f;border-radius:8px;background:#fff9ef;font-size:16px;font-weight:800;text-align:center;letter-spacing:1px} .user-mfa-admin{background:linear-gradient(135deg,#f4efff,#fff 60%);border-top:5px solid var(--purple)!important}.user-mfa-admin h2{color:#6048aa} @media(max-width:620px){.recovery-grid{grid-template-columns:1fr}} /* v2.11 - super admin, admin de structure et navigation structure par onglets */ .structure-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 20px;padding:8px;background:#f7f9fc;border:1px solid var(--border);border-radius:12px} .structure-tabs a{padding:10px 14px;border-radius:9px;text-decoration:none;background:#fff;color:#36536d;border:1px solid #dbe5ee;font-weight:700} .structure-tabs a:nth-child(1){border-bottom:3px solid var(--purple)}.structure-tabs a:nth-child(2){border-bottom:3px solid var(--blue)}.structure-tabs a:nth-child(3){border-bottom:3px solid var(--teal)}.structure-tabs a:nth-child(4){border-bottom:3px solid var(--green)}.structure-tabs a:nth-child(5){border-bottom:3px solid var(--orange)}.structure-tabs a:nth-child(6){border-bottom:3px solid var(--purple)} .structure-tabs a.active{color:#fff;box-shadow:0 4px 12px #173f6b24}.structure-tabs a:nth-child(1).active{background:var(--purple)}.structure-tabs a:nth-child(2).active{background:var(--blue)}.structure-tabs a:nth-child(3).active{background:var(--teal)}.structure-tabs a:nth-child(4).active{background:var(--green)}.structure-tabs a:nth-child(5).active{background:var(--orange)}.structure-tabs a:nth-child(6).active{background:var(--purple)} .role-superadmin{background:#3d2c78;color:#fff}.superadmin-note{background:linear-gradient(135deg,#f4efff,#fff);border-left:5px solid var(--purple)} @media(max-width:700px){.structure-tabs{flex-direction:column}.structure-tabs a{width:100%}} /* v2.14 - identite FraisWork et secrets integres */ .brand{display:flex;align-items:center;gap:10px}.brand>div{display:flex;flex-direction:column}.brand-icon{width:34px;height:34px;border-radius:9px;box-shadow:0 3px 10px #071b3826;flex:0 0 auto} .mail-smtp{border-top:4px solid var(--blue);background:linear-gradient(180deg,#f8fbff,#fff)} .mail-m365{border-top:4px solid var(--purple);background:linear-gradient(180deg,#fbf9ff,#fff)} #auth-structure .actions{margin-top:16px;display:flex;gap:10px;align-items:center;flex-wrap:wrap} #auth-structure .actions form{margin:0}.field-help{display:block;margin-top:5px;font-size:11px;line-height:1.35;color:#6d7d8d;font-weight:400} /* v2.14.1 - grille LDAP responsive et isolation visuelle des utilisateurs par structure */ #auth-structure .auth-form{margin-top:8px} #auth-structure .auth-grid{display:grid;grid-template-columns:minmax(240px,1.15fr) minmax(120px,.55fr) minmax(240px,1.15fr) minmax(210px,.95fr);gap:14px 16px;align-items:start} #auth-structure .auth-span-all{grid-column:1/-1} #auth-structure .auth-mode{grid-column:span 2} #auth-structure .auth-enable{grid-column:span 2} #auth-structure .auth-bind-user,#auth-structure .auth-bind-secret,#auth-structure .auth-base-dn,#auth-structure .auth-filter{grid-column:span 2} #auth-structure .auth-subtitle{margin-top:4px;padding:9px 12px;border-radius:8px;background:#eaf3ff;color:#235f9e;font-weight:800;font-size:13px;border-left:4px solid var(--blue)} #auth-structure .check-card{display:flex;flex-direction:row;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid #d9e5f2;border-radius:9px;background:#fff;font-weight:400;min-height:58px} #auth-structure .check-card input{width:auto;flex:0 0 auto;margin:3px 0 0} #auth-structure .check-card span{display:flex;flex-direction:column;gap:2px} #auth-structure .check-card b{font-size:13px;color:#1d4268} #auth-structure .check-card small{font-size:11px;line-height:1.35;color:#6d7d8d} #auth-structure .auth-starttls{align-self:end} #auth-structure input,#auth-structure select{min-width:0} .structure-scope-note{margin:0 0 14px;padding:10px 12px;border-radius:8px;background:#eff8f2;border-left:4px solid var(--green);color:#35594a;font-size:12px;line-height:1.45} @media(max-width:1050px){#auth-structure .auth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#auth-structure .auth-mode,#auth-structure .auth-enable,#auth-structure .auth-bind-user,#auth-structure .auth-bind-secret,#auth-structure .auth-base-dn,#auth-structure .auth-filter{grid-column:span 1}} @media(max-width:680px){#auth-structure .auth-grid{grid-template-columns:1fr}#auth-structure .auth-mode,#auth-structure .auth-enable,#auth-structure .auth-bind-user,#auth-structure .auth-bind-secret,#auth-structure .auth-base-dn,#auth-structure .auth-filter,#auth-structure .auth-span-all{grid-column:1}.member-quick-form .inline-check{margin-top:0}} /* v2.15 - politique de reprise des notifications */ .notification-retry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;padding-top:16px;border-top:1px solid #e6d9ba} .notification-retry-grid label{margin:0} .notification-retry-grid input{width:100%} @media(max-width:800px){.notification-retry-grid{grid-template-columns:1fr}} .nav-count{display:inline-flex;min-width:20px;height:20px;padding:0 6px;align-items:center;justify-content:center;border-radius:999px;background:#b42318;color:#fff;font-size:12px;font-weight:700}.notification-center{display:grid;gap:10px}.notification-item{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.notification-item.is-unread{border-left:4px solid #6941c6}.notification-item.is-read{opacity:.78}.notification-item p{margin:.5rem 0 0}.notification-item .actions{margin:0;flex-shrink:0} /* v2.18 - enterprise workflows, budgets, exports */ .structure-tabs a:nth-child(7){border-bottom:3px solid var(--blue)}.structure-tabs a:nth-child(8){border-bottom:3px solid var(--green)}.structure-tabs a:nth-child(9){border-bottom:3px solid var(--teal)} .structure-tabs a:nth-child(7).active{background:var(--blue)}.structure-tabs a:nth-child(8).active{background:var(--green)}.structure-tabs a:nth-child(9).active{background:var(--teal)} .panel-accent-green{border-top:4px solid var(--green)} .budget-progress{height:10px;border-radius:999px;background:#e8eef5;overflow:hidden}.budget-progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--orange));border-radius:999px} .badge.s-director_approval{background:#fff0c9;color:#8a5b00} .enterprise-kpi{border-left:5px solid var(--purple)} /* v2.19 expense workspace */ .expense-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-top:24px}.expense-section-head h2{margin:0 0 4px;color:#173f6b}.expense-summary{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.expense-kpi{display:inline-flex;gap:5px;align-items:center;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:600}.kpi-blue{background:#e6f1ff;color:#155f9e}.kpi-green{background:#e4f7eb;color:#17683a}.kpi-orange{background:#fff0d7;color:#965d00}.kpi-red{background:#fde4e4;color:#9c2525}.expense-table table{min-width:1120px}.expense-table tr{transition:background .15s,border-color .15s}.expense-row-ok td:first-child{border-left:5px solid #2e9b59}.expense-row-warning{background:#fffaf0}.expense-row-warning td:first-child{border-left:5px solid #e49a22}.expense-row-missing{background:#fff3f2}.expense-row-missing td:first-child{border-left:5px solid #d94a45}.date-chip,.category-chip{display:inline-flex;padding:5px 8px;border-radius:7px;background:#eef4fa;color:#285271;font-weight:700;font-size:12px}.category-chip{background:#e8f2ff;color:#1766c1}.receipt-state,.policy-alert,.policy-ok{display:inline-flex;padding:5px 8px;border-radius:7px;font-size:12px;font-weight:700}.receipt-ok,.policy-ok{background:#e2f6e9;color:#18713d}.receipt-missing,.policy-danger{background:#fde1e1;color:#a32424}.receipt-none{background:#edf0f3;color:#687582}.policy-warning{background:#fff0d4;color:#8a5900}.receipt-links{display:flex;flex-direction:column;gap:3px;margin-top:5px;max-width:220px}.receipt-links a{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expense-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;min-width:230px}.expense-actions form{margin:0}.btn-edit-line{background:#1769d2}.btn-receipt{background:#168b82}.expense-editor{border-top:5px solid #1769d2;background:linear-gradient(150deg,#f4f9ff,#fff 38%)}.expense-editor h2{margin-top:0}.receipt-upload{padding:10px;border:1px dashed #79aaa5;border-radius:8px;background:#f0fbfa}.receipt-upload small{font-weight:400;color:#65727f}@media(max-width:800px){.expense-section-head{flex-direction:column}.expense-summary{justify-content:flex-start}.expense-actions{min-width:180px}} /* v2.20 - workspace d'en-tete de note de frais */ .report-info-panel{padding:22px;border-top:5px solid var(--blue);background:linear-gradient(180deg,#fbfdff 0%,#fff 100%)} .report-info-titlebar{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #e5edf5}.report-info-titlebar h2{margin:3px 0 4px;font-size:24px}.report-info-titlebar p{margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800;color:#5d7590}.report-info-status{padding-top:2px} .report-info-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr);gap:16px}.report-info-card{border:1px solid #dce6f0;border-radius:14px;padding:17px;background:#fff;box-shadow:0 4px 14px #2348660a}.report-info-card-head{display:flex;align-items:center;gap:11px;margin-bottom:15px;padding-bottom:11px;border-bottom:1px solid #e8edf2}.report-info-card-head h3{margin:0;font-size:17px}.report-info-card-head p{margin:2px 0 0;color:#748393;font-size:12px}.report-info-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-weight:900;font-size:18px} .info-mission{border-top:4px solid var(--blue)}.info-mission .report-info-icon{background:var(--blue-soft);color:var(--blue)}.info-period{border-top:4px solid var(--purple)}.info-period .report-info-icon{background:var(--purple-soft);color:var(--purple)}.info-accounting{border-top:4px solid var(--teal)}.info-accounting .report-info-icon{background:var(--teal-soft);color:var(--teal)}.info-finance{border-top:4px solid var(--green)}.info-finance .report-info-icon{background:var(--green-soft);color:var(--green)} .form-grid{display:grid;gap:12px}.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.field-wide{grid-column:1/-1}.report-info-card input,.report-info-card select,.report-info-card textarea{background:#fcfdff;border-color:#cbd9e6}.report-info-card textarea{resize:vertical;min-height:78px} .period-summary{margin-top:14px;padding:12px 13px;border-radius:9px;background:#f7f4ff;border:1px solid #e3dafd;display:flex;justify-content:space-between;gap:14px;align-items:center}.period-summary span{font-size:12px;color:#786e99}.period-summary strong{color:#6048aa;font-size:13px} .finance-summary{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.finance-summary>div{padding:10px;border-radius:9px;background:#f5f8fb;display:flex;flex-direction:column;gap:3px}.finance-summary span{font-size:11px;color:#748393}.finance-summary strong{font-size:14px;color:#284861}.finance-summary .finance-net{background:#e9f8ef}.finance-summary .finance-net strong{color:#17683a} .report-info-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid #e4ebf2}.report-info-actions button{padding:10px 16px} @media(max-width:980px){.report-info-layout{grid-template-columns:1fr}}@media(max-width:620px){.report-info-titlebar{flex-direction:column}.form-grid-2,.finance-summary{grid-template-columns:1fr}.field-wide{grid-column:1}.report-info-actions{align-items:flex-start;flex-direction:column}.report-info-actions button{width:100%}} /* v2.20.1 - vignettes colorees de la fiche de note */ .report-info-card{ position:relative; overflow:hidden; border-width:1px; border-top-width:4px; box-shadow:0 8px 22px rgba(31,65,100,.08); } .report-info-card::after{ content:""; position:absolute; width:150px; height:150px; right:-70px; top:-72px; border-radius:50%; opacity:.35; pointer-events:none; } .report-info-card-head{position:relative;z-index:1}.report-info-card .form-grid,.report-info-card .period-summary,.report-info-card .finance-summary{position:relative;z-index:1} .report-info-icon{width:40px;height:40px;border-radius:11px;box-shadow:0 3px 9px rgba(20,52,83,.08)} .info-mission{ border-color:#b9d9ff; border-top-color:#1f73d8; background:linear-gradient(145deg,#f3f9ff 0%,#ffffff 70%); } .info-mission::after{background:#c8e2ff} .info-mission .report-info-card-head{border-bottom-color:#dbeafa} .info-mission .report-info-card-head h3{color:#155da9} .info-mission .report-info-icon{background:linear-gradient(135deg,#ddebff,#f3f8ff);color:#176bd0} .info-period{ border-color:#dfcffb; border-top-color:#7a54d8; background:linear-gradient(145deg,#faf6ff 0%,#ffffff 70%); } .info-period::after{background:#eadcff} .info-period .report-info-card-head{border-bottom-color:#eadffd} .info-period .report-info-card-head h3{color:#6541bd} .info-period .report-info-icon{background:linear-gradient(135deg,#eee4ff,#faf6ff);color:#754bd3} .info-period .period-summary{background:linear-gradient(135deg,#f4edff,#fbf9ff);border-color:#ddcafa} .info-accounting{ border-color:#bce8e4; border-top-color:#168f91; background:linear-gradient(145deg,#f0fbfa 0%,#ffffff 70%); } .info-accounting::after{background:#caefec} .info-accounting .report-info-card-head{border-bottom-color:#d3efed} .info-accounting .report-info-card-head h3{color:#117276} .info-accounting .report-info-icon{background:linear-gradient(135deg,#d8f3f1,#f1fbfa);color:#13888a} .info-finance{ border-color:#f0d9a7; border-top-color:#d89200; background:linear-gradient(145deg,#fff9ed 0%,#ffffff 70%); } .info-finance::after{background:#f8e8bd} .info-finance .report-info-card-head{border-bottom-color:#f1e3c4} .info-finance .report-info-card-head h3{color:#9a6400} .info-finance .report-info-icon{background:linear-gradient(135deg,#ffedbd,#fff9eb);color:#c68000} .info-finance .finance-summary>div{border:1px solid #e6edf4;background:#f7faff} .info-finance .finance-summary>div:nth-child(2){background:#fff4dc;border-color:#f1ddb1} .info-finance .finance-summary>div:nth-child(2) strong{color:#8b5c00} .info-finance .finance-summary .finance-net{background:#e7f8ed;border-color:#c5ebd2} .report-info-card input:focus,.report-info-card select:focus,.report-info-card textarea:focus{box-shadow:0 0 0 3px rgba(31,115,216,.10)} /* v2.20.2 - nouvelle note de frais en vignettes colorees */ .new-report-panel{padding:22px;border-top:5px solid var(--blue);background:linear-gradient(180deg,#fbfdff,#fff)} .new-report-titlebar{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #e3ebf4}.new-report-titlebar h2{margin:0 0 4px;font-size:23px;color:#123b68}.new-report-titlebar p{margin:0;color:#66788a}.new-report-title-icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#d9ebff,#eef6ff);color:#1769d2;font-size:28px;font-weight:700} .new-report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.new-report-card{position:relative;overflow:hidden;border:1px solid #dce6f0;border-top:4px solid;border-radius:14px;padding:17px;background:#fff;box-shadow:0 7px 20px rgba(30,65,100,.07)}.new-report-card::after{content:"";position:absolute;width:135px;height:135px;right:-64px;top:-67px;border-radius:50%;opacity:.34;pointer-events:none}.new-report-card>*{position:relative;z-index:1}.new-report-card-head{display:flex;align-items:center;gap:11px;margin-bottom:15px;padding-bottom:11px;border-bottom:1px solid}.new-report-card-head h3{margin:0;font-size:18px}.new-report-card-head p{margin:2px 0 0;font-size:12px;color:#748393}.new-report-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:11px;font-size:19px;font-weight:900}.new-report-card label{margin-bottom:11px}.new-report-card textarea{min-height:108px;resize:vertical}.new-report-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.new-report-help{margin-top:12px;padding:10px 12px;border-radius:9px;font-size:12px;line-height:1.4;border:1px solid}.required-star{color:#c43535}.money-input{display:flex;align-items:stretch}.money-input input{border-radius:6px 0 0 6px}.money-input span{display:flex;align-items:center;padding:0 11px;border:1px solid #cbd5df;border-left:0;border-radius:0 6px 6px 0;background:#f3f6fa;color:#536471;font-weight:700}.new-report-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:19px;padding-top:17px;border-top:1px solid #e3ebf4}.new-report-actions button{padding:11px 18px} .new-report-structure{border-color:#bddbfa;border-top-color:#2378df;background:linear-gradient(145deg,#f2f8ff,#fff 72%)}.new-report-structure::after{background:#c9e3ff}.new-report-structure .new-report-card-head{border-bottom-color:#d8e9fa}.new-report-structure .new-report-card-head h3{color:#1764b5}.new-report-structure .new-report-icon{background:#dfedff;color:#1769d2}.new-report-structure .new-report-help{background:#eaf4ff;border-color:#d4e8fb;color:#235f96} .new-report-period{border-color:#dfcffb;border-top-color:#8056d8;background:linear-gradient(145deg,#faf6ff,#fff 72%)}.new-report-period::after{background:#eadcff}.new-report-period .new-report-card-head{border-bottom-color:#e8defb}.new-report-period .new-report-card-head h3{color:#6541bd}.new-report-period .new-report-icon{background:#efe5ff;color:#754bd3}.new-report-period .new-report-help{background:#f3ecff;border-color:#e4d6fc;color:#6847af} .new-report-trip{border-color:#bee8cf;border-top-color:#209a59;background:linear-gradient(145deg,#f1fbf5,#fff 72%)}.new-report-trip::after{background:#d5f2df}.new-report-trip .new-report-card-head{border-bottom-color:#d8efdf}.new-report-trip .new-report-card-head h3{color:#167742}.new-report-trip .new-report-icon{background:#dff5e8;color:#18864b} .new-report-details{border-color:#f0d9aa;border-top-color:#e49715;background:linear-gradient(145deg,#fff9ee,#fff 72%)}.new-report-details::after{background:#faeac2}.new-report-details .new-report-card-head{border-bottom-color:#f0e1c5}.new-report-details .new-report-card-head h3{color:#a66500}.new-report-details .new-report-icon{background:#ffedc5;color:#c97700} .new-report-accounting{border-color:#bde7e5;border-top-color:#1b9695;background:linear-gradient(145deg,#f0fbfa,#fff 72%)}.new-report-accounting::after{background:#cef1ee}.new-report-accounting .new-report-card-head{border-bottom-color:#d4efed}.new-report-accounting .new-report-card-head h3{color:#117276}.new-report-accounting .new-report-icon{background:#d9f3f1;color:#17828a} .new-report-finance{border-color:#f0c7d2;border-top-color:#d94f75;background:linear-gradient(145deg,#fff5f7,#fff 72%)}.new-report-finance::after{background:#f6d7df}.new-report-finance .new-report-card-head{border-bottom-color:#f2dce2}.new-report-finance .new-report-card-head h3{color:#b23358}.new-report-finance .new-report-icon{background:#fce1e7;color:#cf4169}.new-report-finance .new-report-help{background:#fff0f3;border-color:#f4d6dd;color:#9d3652} @media(max-width:1080px){.new-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.new-report-grid{grid-template-columns:1fr}.new-report-two{grid-template-columns:1fr}.new-report-actions{align-items:stretch;flex-direction:column-reverse}.new-report-actions .btn,.new-report-actions button{width:100%;text-align:center}} /* v2.21.0 - espaces Mes notes / Validations / Notifications */ .workspace-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;margin-bottom:14px;border:1px solid #d8e5f2;border-top:4px solid;border-radius:14px;background:#fff;box-shadow:0 7px 22px rgba(27,60,92,.06)} .workspace-hero-blue{border-top-color:var(--blue);background:linear-gradient(145deg,#f3f9ff,#fff 72%)} .workspace-hero-purple{border-top-color:var(--purple);background:linear-gradient(145deg,#faf6ff,#fff 72%)} .workspace-hero-green{border-top-color:var(--green);background:linear-gradient(145deg,#f1fbf5,#fff 72%)} .workspace-title{display:flex;align-items:center;gap:13px}.workspace-title h2{margin:0 0 3px;color:#173f6b}.workspace-title p{margin:0;color:#687b8e;font-size:13px}.workspace-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;background:#e7f2ff;box-shadow:0 4px 10px rgba(31,89,146,.09)} .workspace-hero-purple .workspace-icon{background:#eee5ff}.workspace-hero-green .workspace-icon{background:#e0f7e9} .workspace-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.workspace-tab{padding:9px 12px;border-radius:8px;text-decoration:none;font-weight:700;font-size:13px;border:1px solid transparent;transition:.15s;box-shadow:0 2px 6px rgba(35,62,88,.05)}.workspace-tab:hover{transform:translateY(-1px)} .tab-blue{background:#eaf3ff;color:#1d62a6;border-color:#cde2fa}.tab-orange{background:#fff3df;color:#965e00;border-color:#f3ddb6}.tab-purple{background:#f0ecff;color:#6545b4;border-color:#dcd0fb}.tab-green{background:#e8f7ef;color:#227344;border-color:#ccebd9}.tab-red{background:#fdecec;color:#9d3030;border-color:#f2cccc}.tab-slate{background:#edf1f5;color:#536474;border-color:#d9e0e7}.workspace-tab.active{color:#fff;box-shadow:0 4px 10px rgba(27,67,104,.17)}.tab-blue.active{background:#1769d2}.tab-orange.active{background:#cf8300}.tab-purple.active{background:#7354ca}.tab-green.active{background:#18864b}.tab-red.active{background:#bd3030}.tab-slate.active{background:#586b7f} .workspace-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px}.kpi{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:9px;row-gap:4px;align-content:center;padding:12px 13px;border:1px solid;border-radius:11px;text-decoration:none;color:inherit;min-height:90px;box-shadow:0 4px 12px rgba(32,66,97,.05);overflow:hidden}.kpi:hover{transform:translateY(-1px)}.kpi-icon{grid-row:1/4;display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:10px;font-size:18px;font-weight:900}.kpi span:not(.kpi-icon){font-size:12px;line-height:1.25;min-width:0}.kpi strong{font-size:22px;line-height:1.1;display:block;min-width:0;white-space:normal;overflow-wrap:anywhere}.kpi small{color:#758493;line-height:1.25;min-width:0}.kpi:not(:has(.kpi-icon)){display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px}.kpi:not(:has(.kpi-icon))>span,.kpi:not(:has(.kpi-icon))>strong,.kpi:not(:has(.kpi-icon))>small{width:100%;grid-column:auto;grid-row:auto}.kpi:not(:has(.kpi-icon)) strong{margin:1px 0}.kpi-blue{background:#edf6ff;border-color:#cfe4fa}.kpi-blue .kpi-icon{background:#d7ebff;color:#1769d2}.kpi-orange{background:#fff7e7;border-color:#f2dfb9}.kpi-orange .kpi-icon{background:#ffedc1;color:#bd7600}.kpi-purple{background:#f5f0ff;border-color:#dfd2fb}.kpi-purple .kpi-icon{background:#e9deff;color:#7257c8}.kpi-green{background:#ecfaf2;border-color:#ccebd8}.kpi-green .kpi-icon{background:#d7f4e3;color:#18864b}.kpi-red{background:#fff0f0;border-color:#f2d1d1}.kpi-red .kpi-icon{background:#f9dddd;color:#bd3030}.kpi-slate{background:#f1f4f7;border-color:#dce3e9}.kpi-slate .kpi-icon{background:#e2e8ee;color:#56677a} .workspace-filterbar{display:grid;grid-template-columns:minmax(260px,2fr) minmax(190px,1fr) auto auto;gap:9px;align-items:center;padding:11px;margin-bottom:12px;background:#fff;border:1px solid #dce5ee;border-radius:10px;box-shadow:0 3px 10px rgba(34,66,96,.04)}.workspace-filterbar button,.workspace-filterbar .btn{white-space:nowrap;text-align:center} .workspace-summary{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 14px;margin-bottom:10px;border-radius:9px;background:linear-gradient(90deg,#f6f9fc,#fff);border:1px solid #dfe7ef;color:#39566f}.workspace-summary span{font-size:12px;color:#718092} .workspace-table{border-radius:12px}.workspace-table table{min-width:850px}.workspace-table thead th{background:linear-gradient(180deg,#edf4fb,#e7f0f8);color:#244e73}.workspace-table tbody tr:hover td{background:#f9fcff}.workspace-table td{vertical-align:middle}.btn-small{padding:7px 11px;font-size:12px}.report-link{font-weight:700;color:#1769d2;text-decoration:none}.report-link:hover{text-decoration:underline}.period-cell{white-space:nowrap;color:#526a80} .workspace-empty{display:flex;min-height:150px;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:#6f8193;text-align:center;padding:22px}.workspace-empty>div{font-size:32px}.workspace-empty strong{color:#37536d}.workspace-empty span{font-size:12px}.workspace-empty.compact{min-height:100px} .approval-action-form{min-width:270px}.approval-action-form>.actions{margin-bottom:0}.approval-action-form input[name=comment]{min-width:250px} .notification-list{display:flex;flex-direction:column;gap:10px}.notification-row{display:grid;grid-template-columns:6px 1fr auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid #dce5ed;border-radius:12px;background:#fff;box-shadow:0 4px 13px rgba(29,61,91,.05)}.notification-row.is-unread{box-shadow:0 5px 16px rgba(23,105,210,.10)}.notification-dot{align-self:stretch;border-radius:999px;background:#8fa1b1}.notification-validations .notification-dot{background:var(--green)}.notification-returns .notification-dot{background:var(--red)}.notification-payments .notification-dot{background:var(--purple)}.notification-system .notification-dot{background:#64778a}.notification-main h3{margin:4px 0 6px;font-size:15px;color:#1c456b}.notification-main p{margin:0;color:#546a7d;font-size:13px}.notification-meta{display:flex;gap:7px;flex-wrap:wrap;align-items:center;color:#778696;font-size:11px}.notification-type,.unread-pill{padding:3px 7px;border-radius:999px;background:#eef3f7}.unread-pill{background:#e7f1ff;color:#1769d2;font-weight:700}.notification-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.notification-actions form{margin:0} @media(max-width:1050px){.workspace-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-filterbar{grid-template-columns:1fr 1fr}.workspace-filterbar button,.workspace-filterbar .btn{width:100%}}@media(max-width:700px){.workspace-hero{align-items:flex-start;flex-direction:column}.workspace-hero>.btn,.workspace-hero>form,.workspace-hero>form button{width:100%}.workspace-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-filterbar{grid-template-columns:1fr}.workspace-summary{align-items:flex-start;flex-direction:column}.notification-row{grid-template-columns:5px 1fr}.notification-actions{grid-column:2}.approval-action-form{min-width:220px}}@media(max-width:430px){.workspace-kpis{grid-template-columns:1fr}} /* v2.22.0 - saisie de dépense organisée, conformité et correctif authentification */ .expense-entry-shell{margin:18px 0;padding:18px;border:1px solid #d8e4ef;border-radius:16px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 8px 24px rgba(28,62,94,.06)} .expense-entry-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.expense-entry-title{display:flex;gap:12px;align-items:center}.expense-entry-title h2{margin:0;color:#153f68}.expense-entry-title p{margin:3px 0 0;color:#687d90;font-size:13px}.expense-entry-main-icon{width:46px;height:46px;border-radius:13px;background:linear-gradient(145deg,#4289ee,#1769d2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;box-shadow:0 5px 12px rgba(23,105,210,.18)} .expense-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.expense-entry-card{border:1px solid;border-top-width:4px;border-radius:14px;padding:15px;background:#fff;box-shadow:0 5px 16px rgba(34,65,94,.045)}.expense-card-head{display:flex;gap:10px;align-items:center;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid rgba(79,107,132,.13)}.expense-card-head>span{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:800}.expense-card-head h3{margin:0 0 2px;font-size:17px}.expense-card-head p{margin:0;font-size:12px;color:#6b7d8f} .exp-general{border-color:#cab7f7;background:linear-gradient(145deg,#fbf8ff,#fff 74%)}.exp-general .expense-card-head>span{background:#efe6ff;color:#784fd2}.exp-general h3{color:#6540b1}.exp-money{border-color:#b9e6ca;background:linear-gradient(145deg,#f3fff7,#fff 74%)}.exp-money .expense-card-head>span{background:#dff7e8;color:#168a4b}.exp-money h3{color:#147440}.exp-travel{border-color:#bddafb;background:linear-gradient(145deg,#f2f8ff,#fff 74%)}.exp-travel .expense-card-head>span{background:#dfedff;color:#1769d2}.exp-travel h3{color:#175c9e}.exp-link{border-color:#f1d9a9;background:linear-gradient(145deg,#fff9ec,#fff 74%)}.exp-link .expense-card-head>span{background:#ffedc3;color:#b46d00}.exp-link h3{color:#925a00}.exp-receipts{border-color:#f0c2ca;background:linear-gradient(145deg,#fff5f7,#fff 74%)}.exp-receipts .expense-card-head>span{background:#ffe1e6;color:#c83d52}.exp-receipts h3{color:#a83143}.field-full{grid-column:1/-1}.form-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.check-field{display:flex!important;align-items:center;gap:8px;min-height:42px;padding-top:24px}.check-field input{width:auto!important;margin:0}.expense-hint{margin-top:10px;padding:10px 12px;border-radius:9px;background:#e8f3ff;color:#275c8d;font-size:12px}.expense-entry-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:16px}.expense-entry-actions .btn,.expense-entry-actions button{min-width:150px} .receipt-dropzone{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;min-height:135px;padding:18px;border:2px dashed #e0aeb8;border-radius:12px;background:rgba(255,255,255,.65);cursor:pointer}.receipt-dropzone:hover{background:#fff}.receipt-dropzone input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.drop-icon{font-size:30px;color:#406f9f}.receipt-dropzone small,.selected-files{color:#718396;font-size:12px}.selected-files{margin-top:4px;font-weight:700;color:#3a5e7e}.existing-receipts{display:flex;flex-direction:column;gap:7px;margin-bottom:10px}.existing-receipt{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid #edd8dd;border-radius:9px;background:#fff}.existing-receipt a{text-decoration:none;color:#345e84;overflow-wrap:anywhere}.existing-receipt form{margin:0}.btn-mini{padding:6px 9px;font-size:11px} .submission-checklist{margin:20px 0;padding:18px;border:1px solid;border-top:4px solid;border-radius:15px;box-shadow:0 7px 20px rgba(28,62,94,.05)}.checklist-ready{border-color:#b8e1c7;border-top-color:#1d9854;background:linear-gradient(145deg,#f3fcf6,#fff)}.checklist-blocked{border-color:#efd0d0;border-top-color:#c94747;background:linear-gradient(145deg,#fff6f6,#fff)}.submission-title{display:flex;align-items:center;gap:11px;margin-bottom:14px}.submission-title>span{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;background:#e7f4ec;color:#19854a}.checklist-blocked .submission-title>span{background:#fde4e4;color:#b93434}.submission-title h2{margin:0;color:#173f68}.submission-title p{margin:3px 0 0;color:#6f8192;font-size:12px}.submission-check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.submission-check{display:flex;gap:9px;align-items:center;padding:10px;border-radius:10px;border:1px solid #dfe7ee;background:#fff}.submission-check>b{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px}.submission-check span{display:flex;flex-direction:column}.submission-check small{color:#748493;font-size:11px}.submission-check.ok{border-color:#cbe8d6}.submission-check.ok>b{background:#dff5e7;color:#1d8c4f}.submission-check.warn{border-color:#efdcae}.submission-check.warn>b{background:#fff1c8;color:#a66d00}.submission-check.bad{border-color:#efcaca}.submission-check.bad>b{background:#fde0e0;color:#ba3535}.submission-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px}.submission-actions button:disabled{opacity:.48;cursor:not-allowed} @media(max-width:1000px){.expense-entry-grid{grid-template-columns:1fr}.form-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.submission-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.expense-entry-head,.expense-entry-actions,.submission-actions{align-items:stretch;flex-direction:column}.form-grid-3{grid-template-columns:1fr}.submission-check-grid{grid-template-columns:1fr}.expense-entry-actions .btn,.expense-entry-actions button{width:100%}.expense-entry-shell{padding:12px}} /* v2.23 - dedicated expense detail workspace */ .expense-detail-breadcrumb{display:flex;align-items:center;gap:8px;margin:4px 0 14px;color:#718196;font-size:13px}.expense-detail-breadcrumb a{color:#1768c5;text-decoration:none}.expense-detail-breadcrumb a:hover{text-decoration:underline}.expense-detail-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:16px;padding:18px 20px;border:1px solid #d6e3ef;border-radius:16px;background:linear-gradient(135deg,#f6faff,#fff);box-shadow:0 8px 24px rgba(28,62,94,.06)}.expense-detail-title{display:flex;gap:14px;align-items:center}.expense-detail-icon{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#2782e8,#1765c9);color:#fff;font-size:28px;font-weight:900;box-shadow:0 8px 18px rgba(30,108,203,.22)}.expense-detail-title h1{margin:3px 0 3px;font-size:28px;color:#113b67}.expense-detail-title p{margin:0;color:#6d8093}.expense-detail-summary{display:flex;align-items:center;gap:10px}.expense-detail-summary>div{min-width:125px;padding:10px 13px;border-radius:11px;background:#fff;border:1px solid #dce7f0}.expense-detail-summary span{display:block;font-size:11px;color:#7d8d9c}.expense-detail-summary strong{font-size:17px;color:#123d69}.expense-detail-alert{margin:0 0 14px;padding:12px 14px;border:1px solid #efcc9f;border-left:4px solid #dd8a13;border-radius:10px;background:#fff8e9;color:#8b580b}.expense-detail-form{padding:0}.expense-detail-form .expense-entry-grid{margin-top:0}.expense-detail-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding:17px 0 4px;border-top:1px solid #e1e9f0}.expense-empty-receipt{padding:11px 13px;margin-bottom:12px;border-radius:9px;background:#f6f8fa;border:1px dashed #cbd7e2;color:#728293}.expense-section-toolbar{display:flex;align-items:center;gap:8px}.expense-summary-wide{margin:0 0 12px}.expense-table .btn-receipt{background:#eff5fb;color:#315879;border-color:#d4e2ee}.expense-table .btn-edit-line{background:#e9f3ff;color:#1768c5;border-color:#cde2f7}@media(max-width:900px){.expense-detail-hero{align-items:flex-start;flex-direction:column}.expense-detail-summary{width:100%;flex-wrap:wrap}.expense-detail-summary>div{flex:1}.expense-section-head{align-items:flex-start;flex-direction:column}.expense-section-toolbar,.expense-section-toolbar .btn{width:100%}}@media(max-width:560px){.expense-detail-title{align-items:flex-start}.expense-detail-title h1{font-size:23px}.expense-detail-summary{display:grid;grid-template-columns:1fr}.expense-detail-summary>div,.expense-detail-summary .btn{width:100%}.expense-detail-actions{align-items:stretch;flex-direction:column}.expense-detail-actions .btn,.expense-detail-actions button{width:100%}} /* FraisWork 2.25 - pilotage enterprise */ .budget-progress{height:9px;border-radius:999px;background:#e8eef5;overflow:hidden;min-width:130px;margin:4px 0}.budget-progress span{display:block;height:100%;background:#20a46b;border-radius:999px}.budget-progress.warn span{background:#e7a51a}.budget-progress.danger span{background:#dc4b55}.budget-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.budget-card{padding:16px;border-radius:14px;background:#f2fbf6;border:1px solid #bde8cf}.budget-card>span,.budget-card>small{display:block;color:#5b6b7a}.budget-card>strong{font-size:1.55rem;color:#13613d}.budget-card.is-warning{background:#fff8e8;border-color:#f1d48a}.budget-card.is-warning>strong{color:#9a6500}.budget-card.is-danger{background:#fff0f1;border-color:#f0b9bd}.budget-card.is-danger>strong{color:#b4232c}.budget-kpis{margin:18px 0}.panel-accent-orange{border-top:4px solid #e9a21b}.workspace-hero-blue{border-left:5px solid #1769d2;background:linear-gradient(90deg,#eef6ff,#f8fbff)} /* v2.26.1 - MFA QR Code local et parcours Microsoft Authenticator */ .mfa-enroll-shell{max-width:1120px;margin:20px auto;padding:22px;border:1px solid #d8e4ef;border-radius:18px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 12px 32px rgba(28,62,94,.08)} .mfa-enroll-title{display:flex;align-items:center;gap:16px;margin-bottom:20px}.mfa-enroll-title h2{margin:0 0 4px;color:#133b69;font-size:25px}.mfa-enroll-title p{margin:0;color:#6e8194}.mfa-shield{width:54px;height:54px;border-radius:15px;background:linear-gradient(145deg,#448cf0,#1769d2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:0 8px 18px rgba(23,105,210,.2)} .mfa-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 22px}.mfa-steps>div{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:11px;background:#f1f4f8;color:#728093}.mfa-steps b{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#dfe6ef}.mfa-steps .active{background:#eaf3ff;color:#1769d2}.mfa-steps .active b{background:#1769d2;color:#fff} .mfa-qr-card{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);gap:22px;padding:20px;border:1px solid #c9dff7;border-radius:15px;background:linear-gradient(145deg,#f2f8ff,#fff 70%)}.mfa-qr-card h3,.mfa-manual-card h3,.mfa-verify-card h3{margin:0 0 8px;color:#133b69}.mfa-qr-left{text-align:center}.mfa-qr-left h3{text-align:left}.mfa-qr-left p{color:#62778d;font-size:13px}.mfa-qr-box{display:inline-flex;align-items:center;justify-content:center;padding:14px;margin:8px auto;border:1px solid #cbd8e6;border-radius:14px;background:#fff;box-shadow:0 5px 14px rgba(24,54,84,.07)}.mfa-qr-svg{display:block;max-width:100%;height:auto;image-rendering:pixelated} .mfa-help-card{padding:18px;border:1px solid #c9dff7;border-radius:13px;background:#f5f9ff}.mfa-help-card h3{font-size:18px}.mfa-help-card ol{margin:10px 0 16px;padding-left:24px;color:#294b70}.mfa-help-card li{margin:10px 0;line-height:1.45}.mfa-security-note{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid #b9e7c8;border-radius:10px;background:#effaf3;color:#197144}.mfa-security-note span{font-size:12px;color:#3d7455} .mfa-manual-card{margin-top:16px;padding:18px;border:1px solid #dfcffb;border-radius:14px;background:linear-gradient(145deg,#faf6ff,#fff)}.mfa-manual-card p{margin:0 0 12px;color:#6e7588}.mfa-secret-row{display:flex;gap:12px;align-items:center}.mfa-secret-row code{flex:1;padding:14px;border:1px solid #d8ddea;border-radius:10px;background:#f7f9fc;text-align:center;font-size:18px;font-weight:800;letter-spacing:2px;color:#243753;word-break:break-word}.mfa-manual-card details{margin-top:12px}.mfa-manual-card summary{cursor:pointer;color:#5f4aa5;font-weight:700}.mfa-manual-card textarea{margin-top:8px;font-family:Consolas,monospace;font-size:12px} .mfa-verify-card{display:grid;grid-template-columns:1fr minmax(340px,.7fr);gap:20px;align-items:end;margin-top:16px;padding:18px;border:1px solid #bce4ca;border-radius:14px;background:linear-gradient(145deg,#f2fbf5,#fff)}.mfa-verify-card h3{color:#167744}.mfa-verify-card p{margin:0;color:#667c70}.mfa-verify-row{display:flex;gap:10px}.mfa-verify-row input{font-size:22px;letter-spacing:5px;text-align:center}.mfa-verify-row button{white-space:nowrap;padding:11px 18px}.mfa-cancel{margin-top:16px} @media(max-width:900px){.mfa-qr-card,.mfa-verify-card{grid-template-columns:1fr}.mfa-steps{grid-template-columns:1fr}.mfa-secret-row,.mfa-verify-row{flex-direction:column;align-items:stretch}.mfa-secret-row .btn,.mfa-verify-row button{width:100%}}@media(max-width:560px){.mfa-enroll-shell{padding:14px}.mfa-enroll-title{align-items:flex-start}.mfa-qr-card{padding:13px}.mfa-qr-svg{width:100%;height:auto}.mfa-secret-row code{font-size:14px;letter-spacing:1px}} /* v2.27 - justificatifs intelligents / OCR */ .receipt-smart{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.receipt-smart-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.ocr-result{margin-top:8px;padding:10px 12px;border-radius:10px;background:#f4f0ff;border:1px solid #ddd2ff;display:grid;gap:3px}.ocr-result span{font-size:.75rem;font-weight:800;color:#6d46c7;text-transform:uppercase}.ocr-result b{color:#392071}.ocr-result small{color:#665b78}.panel-accent-red{border-top:4px solid #e45b6b;background:linear-gradient(135deg,#fff 0,#fff7f8 100%)}.info-orange{background:#fff7e8;border:1px solid #f4d28c}@media(max-width:760px){.receipt-smart{flex-direction:column}.receipt-smart-actions{justify-content:flex-start}} /* v2.29 - paiements et remboursements */ .workspace-hero-green{background:linear-gradient(135deg,#ecfdf5,#f7fffb);border:1px solid #a7f3d0;border-left:5px solid #16a34a}.payment-kpis{margin-bottom:18px}.payment-select-table input[type=checkbox]{width:18px;height:18px}.badge.s-ready{background:#fff3cd;color:#8a5b00}.badge.s-cancelled{background:#eef2f7;color:#5f6b7a}.panel-accent-green{border-top:4px solid #16a34a}.state-warn{background:#fff3cd;color:#8a5b00} /* v2.30 - cartes société et rapprochement bancaire */ .workspace-hero-teal{background:linear-gradient(135deg,#ecfeff,#f7ffff);border:1px solid #a5f3fc;border-left:5px solid #0f8f9b}.card-kpis{margin-bottom:18px}.panel-accent-teal{border-top:4px solid #0f8f9b}.card-chip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.card-chip{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid #b9dce0;border-radius:14px;background:linear-gradient(145deg,#effcfd,#fff);box-shadow:0 5px 14px rgba(17,94,103,.06)}.card-chip>span{font-family:Consolas,monospace;font-weight:800;letter-spacing:2px;color:#0d6570}.card-chip>strong{color:#123e52}.card-chip>small{color:#6b7e88}.card-chip.is-off{opacity:.55;filter:grayscale(.45)}.reconcile-table td{vertical-align:top}.reconcile-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.rs-unmatched{background:#fff3cd;color:#8a5b00}.rs-matched{background:#dcfce7;color:#166534}.rs-ignored{background:#eef2f7;color:#64748b}.txn-unmatched{background:#fffdf6}.txn-matched{background:#fbfffc}.reconcile-form{display:flex;gap:8px;align-items:center;min-width:420px}.reconcile-form select{min-width:300px}.inline-form{display:inline-flex;margin:6px 4px 0 0}.company-paid-chip{display:inline-flex;margin-top:5px;padding:3px 7px;border-radius:999px;background:#e6f7f8;color:#08707b;font-size:11px;font-weight:800}.company-card-field{transition:.2s}.finance-summary-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.finance-company{background:#eafafa!important}.finance-company strong{color:#08707b!important} @media(max-width:900px){.reconcile-form{min-width:0;flex-direction:column;align-items:stretch}.reconcile-form select{min-width:0;width:100%}.finance-summary-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:560px){.finance-summary-4{grid-template-columns:1fr!important}} .kpi-teal{background:linear-gradient(145deg,#ecfeff,#f7ffff)!important;border-color:#a5f3fc!important}.kpi-teal strong{color:#08707b!important} /* v2.31 - avances, acomptes et cloture comptable */ .advance-kpis,.close-kpis{margin-bottom:18px}.advance-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.advance-actions input{min-width:180px}.badge.s-requested{background:#fff4d6;color:#8a5b00}.badge.s-approved{background:#e8f7ef;color:#17683e}.badge.s-applied{background:#eaf3ff;color:#1b5f9f}.badge.s-settled{background:#e9f8ef;color:#166534}.badge.s-rejected{background:#fdecec;color:#a12f2f}.panel-accent-slate{border-top:4px solid #64748b}.workspace-hero-slate{background:linear-gradient(135deg,#f3f6f9,#fff);border:1px solid #d7e0e8;border-left:5px solid #64748b}.period-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.period-card{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:15px;border:1px solid;border-radius:13px;box-shadow:0 4px 13px rgba(32,55,77,.05)}.period-card>div{display:flex;flex-direction:column;gap:4px}.period-card>div>span{font-size:12px;color:#6f7d8b}.period-card>div>strong{font-size:18px}.period-card>div>small{color:#778797}.period-card form{min-width:165px}.period-card form input{margin-bottom:7px}.period-card.is-open{background:#f2fbf6;border-color:#c4e9d3}.period-card.is-open strong{color:#187044}.period-card.is-closed{background:#f4f5f7;border-color:#d8dee5}.period-card.is-closed strong{color:#586675}@media(max-width:1000px){.period-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.period-grid{grid-template-columns:1fr}.period-card{flex-direction:column}.period-card form{width:100%}.advance-actions{align-items:stretch;flex-direction:column}.advance-actions input,.advance-actions button{width:100%}} /* FraisWork 2.32 - productivite, conformite et traitement en masse */ .expense-template-bar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:16px 0;padding:16px 18px;border:1px solid #cfe0ff;background:#f3f7ff;border-radius:16px}.expense-template-bar>div:first-child{display:flex;flex-direction:column;gap:3px}.expense-template-bar strong{color:#24488d}.expense-template-bar span{color:#64748b;font-size:.92rem}.expense-template-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.expense-template-actions select{min-width:220px}.expense-template-actions .inline-form{display:flex;gap:8px;align-items:center}.missing-receipt-declaration{margin-top:14px;padding:15px;border:1px solid #f1c57a;background:#fff9ec;border-radius:14px}.missing-receipt-declaration.active{border-color:#86d7b0;background:#effbf5}.missing-receipt-declaration summary{cursor:pointer;font-weight:700;color:#925d00}.missing-receipt-declaration form{margin-top:12px;display:grid;gap:10px}.missing-receipt-declaration textarea{min-height:90px}.bulk-approval-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0;padding:14px 16px;background:#f4f1ff;border:1px solid #d9d0ff;border-radius:14px}.bulk-approval-bar strong{color:#5b3dbb;margin-right:4px}.bulk-approval-bar select{min-width:230px}.bulk-approval-bar input{min-width:260px;flex:1}.workspace-table th:first-child,.workspace-table td:first-child{text-align:center;width:38px} @media(max-width:800px){.expense-template-bar,.bulk-approval-bar{align-items:stretch;flex-direction:column}.expense-template-actions{align-items:stretch}.expense-template-actions .inline-form{flex-direction:column;align-items:stretch}.bulk-approval-bar select,.bulk-approval-bar input{min-width:0;width:100%}} .status-warning{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.status-danger{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca} \n/* v2.34 risk & bulk import */ .risk-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:999px;font-weight:800;font-size:.82rem;white-space:nowrap}.risk-ok{background:#e8f7ef;color:#0f7a43;border:1px solid #bfe8d0}.risk-warn{background:#fff4db;color:#9a5b00;border:1px solid #f1d28a}.risk-danger{background:#fde9ea;color:#b4232d;border:1px solid #f1b7bc}.workspace-hero-purple{border-top:4px solid #7355d9;background:linear-gradient(135deg,#faf8ff,#f0ecff)}.workspace-hero-teal{border-top:4px solid #188e93;background:linear-gradient(135deg,#f4ffff,#e9f8f8)}\n /* FraisWork v2.40.4 - visibilité des mots de passe */ .password-field{position:relative;display:block;width:100%} .password-field>input[type=password],.password-field>input[type=text]{width:100%;padding-right:44px} .password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;padding:0;border:0;background:transparent;color:#53677a;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:7px;font-size:17px;box-shadow:none} .password-toggle:hover,.password-toggle:focus{background:#eef4fa;color:#123b66;outline:2px solid transparent} .password-toggle.is-visible{background:#e8f2fc;color:#1769d2} /* FraisWork v2.40.7 - nouvel écran de connexion */ .login-showcase{ max-width:980px;margin:48px auto 22px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr); background:#fff;border:1px solid #d7e2ee;border-radius:22px;overflow:hidden; box-shadow:0 24px 60px rgba(23,63,107,.14) } .login-hero{ position:relative;min-height:470px;padding:54px 50px;display:flex;flex-direction:column;justify-content:center; background: radial-gradient(circle at 86% 12%,rgba(255,255,255,.18),transparent 24%), radial-gradient(circle at 12% 88%,rgba(95,178,255,.20),transparent 25%), linear-gradient(145deg,#0f2f54 0%,#15558f 53%,#1769d2 100%); color:#fff } .login-hero:after{ content:"";position:absolute;inset:auto -60px -95px auto;width:260px;height:260px;border:1px solid rgba(255,255,255,.16); border-radius:50%;box-shadow:0 0 0 38px rgba(255,255,255,.035),0 0 0 78px rgba(255,255,255,.025) } .login-hero-mark{ width:112px;height:112px;border-radius:28px;background:rgba(255,255,255,.96);display:flex;align-items:center;justify-content:center; box-shadow:0 16px 36px rgba(0,0,0,.18);margin-bottom:30px;position:relative;z-index:1 } .login-hero-mark img{width:78px;height:78px;display:block} .login-hero-copy{position:relative;z-index:1} .login-kicker{ display:inline-block;font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase; padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);margin-bottom:14px } .login-hero h1{font-size:36px;line-height:1.08;margin:0 0 16px;color:#fff;letter-spacing:-.02em} .login-hero p{font-size:16px;line-height:1.62;margin:0 0 28px;max-width:530px;color:#eaf4ff} .login-features{display:flex;gap:10px;flex-wrap:wrap} .login-features span{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.17);border-radius:10px;padding:9px 11px;font-size:13px} .login-features b{color:#9fe3bd;margin-right:5px} .login-card{padding:48px 42px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,#fff,#fbfdff)} .login-card-head h2{font-size:27px;margin:0 0 6px;color:#123b66} .login-card-head p{margin:0 0 28px;color:#6a7b8c;font-size:14px} .login-form{display:grid;gap:16px} .login-form label{font-size:13px;color:#203a54} .login-form input{padding:12px 13px;border-radius:9px;border:1px solid #cbd9e7;background:#f9fbfd;font-size:14px;transition:.15s} .login-form input:focus{outline:none;border-color:#1769d2;background:#fff;box-shadow:0 0 0 3px rgba(23,105,210,.10)} .login-submit{margin-top:2px;width:100%;padding:12px 16px;border-radius:9px;font-size:14px;font-weight:750;box-shadow:0 7px 18px rgba(23,105,210,.20)} .login-forgot{text-align:center;color:#1769d2;text-decoration:none;font-size:13px;font-weight:650;padding:3px} .login-forgot:hover{text-decoration:underline} .login-security-note{ margin-top:24px;padding-top:20px;border-top:1px solid #e7edf4;display:flex;gap:9px;align-items:flex-start; color:#65788b;font-size:12px;line-height:1.45 } @media(max-width:820px){ .login-showcase{grid-template-columns:1fr;max-width:560px;margin:24px auto} .login-hero{min-height:auto;padding:34px 30px} .login-hero-mark{width:88px;height:88px;border-radius:22px;margin-bottom:20px} .login-hero-mark img{width:60px;height:60px} .login-hero h1{font-size:30px} .login-card{padding:34px 30px} } @media(max-width:520px){ .login-showcase{margin:10px auto;border-radius:16px} .login-hero{padding:28px 22px} .login-card{padding:28px 22px} .login-features{display:none} } /* FraisWork v2.40.8 - écran de connexion compact */ .login-simple{max-width:460px;margin:40px auto;padding:24px} .login-logo{display:flex;align-items:center;gap:16px;margin:0 0 24px;padding-bottom:20px;border-bottom:1px solid #e4ebf2} .login-logo img{width:96px!important;height:96px!important;max-width:96px!important;max-height:96px!important;object-fit:contain;flex:0 0 96px} .login-logo-text{display:flex;flex-direction:column;gap:3px} .login-logo-text strong{font-size:26px;line-height:1.05;color:#123b66;letter-spacing:-.02em} .login-logo-text span{font-size:13px;color:#6b7d8d} @media(max-width:520px){ .login-simple{margin:18px auto;padding:20px} .login-logo img{width:78px!important;height:78px!important;max-width:78px!important;max-height:78px!important;flex-basis:78px} .login-logo-text strong{font-size:23px} } /* FraisWork v2.40.9 - écran de connexion illustré */ .login-expense-page{ position:relative; width:100vw; min-height:calc(100vh - 118px); margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); margin-top:-24px; margin-bottom:-24px; background-image:url("../img/login-expenses-bg.webp?v=2409"); background-size:cover; background-position:center; overflow:hidden; display:flex; align-items:center; justify-content:center; } .login-expense-overlay{ position:absolute;inset:0; background: linear-gradient(90deg,rgba(246,250,255,.64) 0%,rgba(246,250,255,.20) 36%,rgba(246,250,255,.10) 64%,rgba(246,250,255,.60) 100%), linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.08)); backdrop-filter:blur(1px); } .login-expense-content{ position:relative;z-index:1; width:min(1320px,calc(100% - 48px)); display:grid; grid-template-columns:minmax(250px,1fr) minmax(390px,500px) minmax(220px,1fr); align-items:center; gap:44px; padding:50px 0; } .login-expense-copy{color:#113b68;padding:20px} .login-expense-tag{ display:inline-block;margin-bottom:12px;padding:7px 11px;border-radius:999px; background:rgba(255,255,255,.72);border:1px solid rgba(23,105,210,.14); font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase } .login-expense-copy h1{ margin:0 0 26px;font-size:36px;line-height:1.12;letter-spacing:-.025em;color:#0d3763 } .login-expense-benefits{display:grid;gap:12px} .login-expense-benefits div{ width:max-content;max-width:100%;display:flex;align-items:center;gap:10px; padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.72); border:1px solid rgba(23,105,210,.11);box-shadow:0 7px 22px rgba(30,74,115,.08) } .login-expense-benefits span{ width:26px;height:26px;border-radius:50%;display:grid;place-items:center; background:#e9f3ff;color:#1769d2;font-weight:900 } .login-expense-card{ background:rgba(255,255,255,.96); border:1px solid rgba(207,220,233,.95); border-radius:24px; padding:34px 38px 30px; box-shadow:0 25px 65px rgba(21,63,104,.20); backdrop-filter:blur(12px) } .login-expense-brand{ display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:26px } .login-expense-brand img{ width:92px!important;height:92px!important;max-width:92px!important;max-height:92px!important;object-fit:contain;margin-bottom:10px } .login-expense-brand strong{font-size:30px;line-height:1.05;color:#103d70;letter-spacing:-.025em} .login-expense-brand span{margin-top:5px;color:#687d91;font-size:14px} .login-expense-form{display:grid;gap:15px} .login-expense-form label{font-size:13px;color:#203b56} .login-expense-form input{ padding:12px 13px;border-radius:9px;border:1px solid #c8d8e8;background:#fff;font-size:14px } .login-expense-form input:focus{ outline:none;border-color:#1769d2;box-shadow:0 0 0 3px rgba(23,105,210,.10) } .login-expense-submit{ width:100%;margin-top:4px;padding:12px 16px;border-radius:9px;font-size:14px;font-weight:800; box-shadow:0 9px 22px rgba(23,105,210,.22) } .login-expense-forgot{ display:block!important;width:100%;text-align:center;padding:11px 16px;border-radius:9px!important; font-weight:700;box-sizing:border-box } .login-expense-note{ margin:20px 0 0;padding-top:17px;border-top:1px solid #e5edf4;color:#687b8d; font-size:12px;line-height:1.45;text-align:center } .login-expense-side-note{ justify-self:end;padding:20px 28px;text-align:center;transform:rotate(-4deg);color:#477ab6; display:flex;flex-direction:column;gap:0;font-family:"Segoe Script","Bradley Hand",cursive } .login-expense-side-note strong{font-size:31px;line-height:1.06;font-weight:500} @media(max-width:1050px){ .login-expense-content{grid-template-columns:1fr minmax(360px,470px);gap:24px} .login-expense-side-note{display:none} } @media(max-width:760px){ .login-expense-page{min-height:calc(100vh - 100px);background-position:center} .login-expense-content{grid-template-columns:1fr;width:min(520px,calc(100% - 28px));padding:28px 0} .login-expense-copy{display:none} .login-expense-card{padding:28px 24px;border-radius:18px} } @media(max-width:450px){ .login-expense-card{padding:24px 18px} .login-expense-brand img{width:76px!important;height:76px!important;max-width:76px!important;max-height:76px!important} .login-expense-brand strong{font-size:26px} } /* FraisWork v2.41.0 - première page conforme au visuel validé */ .fw-login-approved{ position:relative;width:100vw;min-height:calc(100vh - 105px); margin:-24px calc(50% - 50vw); background:#eef5fb; display:flex;align-items:center;justify-content:center;overflow:hidden } .fw-login-approved:before{ content:"";position:absolute;inset:0;background:rgba(244,249,255,.12) } .fw-login-approved-card{ position:relative;z-index:2;width:min(500px,calc(100vw - 40px)); padding:34px 38px 28px;border:1px solid rgba(205,218,232,.92); border-radius:22px;background:rgba(255,255,255,.965); box-shadow:0 24px 65px rgba(19,55,91,.22);backdrop-filter:blur(9px) } .fw-login-approved-brand{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:25px} .fw-login-approved-brand img{width:104px!important;height:104px!important;max-width:104px!important;max-height:104px!important;object-fit:contain} .fw-login-approved-brand strong{font-size:32px;line-height:1.05;color:#103d70;letter-spacing:-.025em;margin-top:8px} .fw-login-approved-brand span{font-size:14px;color:#718195;margin-top:4px} .fw-login-approved-form{display:grid;gap:14px} .fw-login-approved-form label{font-size:13px;font-weight:650;color:#183a5d} .fw-login-approved-form input{padding:12px 13px;border:1px solid #c7d7e7;border-radius:8px;background:#fff;font-size:14px} .fw-login-approved-form input:focus{outline:none;border-color:#1769d2;box-shadow:0 0 0 3px rgba(23,105,210,.10)} .fw-login-approved-form>button{width:100%;padding:12px 16px;margin-top:3px;border-radius:8px;font-weight:800} .fw-login-approved-forgot{display:block!important;width:100%;box-sizing:border-box;text-align:center;padding:11px 16px!important;border-radius:8px!important;font-weight:750} .fw-login-approved-note{margin:18px 0 0;padding-top:16px;border-top:1px solid #e4ebf2;text-align:center;color:#687b8d;font-size:12px;line-height:1.45} @media(max-width:760px){ .fw-login-approved{background-position:center;min-height:calc(100vh - 90px)} .fw-login-approved-card{width:min(440px,calc(100vw - 28px));padding:28px 24px} .fw-login-approved-brand img{width:86px!important;height:86px!important;max-width:86px!important;max-height:86px!important} .fw-login-approved-brand strong{font-size:28px} } /* FraisWork v2.41.1 - compatibilite IIS du fond de connexion */ .fw-login-approved{min-height:calc(100vh - 78px)} /* FraisWork v2.41.2 - fond sans faux formulaire intégré */ .fw-login-approved{ position:relative; background: url("../img/login-bg-left.jpg?v=2412") left center/36% 100% no-repeat, url("../img/login-bg-right.jpg?v=2412") right center/32% 100% no-repeat, linear-gradient(90deg,#edf5fb 0%,#f8fbfe 37%,#f8fbfe 65%,#edf5fb 100%); } .fw-login-approved:before{ content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(246,250,255,.08) 0%,rgba(255,255,255,.18) 38%,rgba(255,255,255,.18) 64%,rgba(246,250,255,.08) 100%); pointer-events:none; } .fw-login-approved-card{ position:relative; z-index:2; } @media(max-width:900px){ .fw-login-approved{ background: linear-gradient(rgba(239,246,252,.84),rgba(239,246,252,.84)), url("../img/login-bg-left.jpg?v=2412") left center/cover no-repeat; } } /* FraisWork v2.41.3 - fond final validé, sans faux formulaire */ .fw-login-approved{ position:relative; width:100vw; min-height:calc(100vh - 78px); margin:-24px calc(50% - 50vw); background-image:url("../img/login-background-clean.jpg?v=2413") !important; background-position:center center !important; background-size:cover !important; background-repeat:no-repeat !important; display:flex; align-items:center; justify-content:center; overflow:hidden; } .fw-login-approved:before{ content:""; position:absolute; inset:0; background:rgba(247,251,255,.06); pointer-events:none; } .fw-login-approved-card{ position:relative; z-index:2; width:min(500px,calc(100vw - 40px)); background:rgba(255,255,255,.965); backdrop-filter:blur(7px); } @media(max-width:760px){ .fw-login-approved{ background-position:center center !important; min-height:calc(100vh - 72px); } .fw-login-approved-card{ width:min(440px,calc(100vw - 28px)); } } /* FraisWork v2.41.4 - fond visuel global de l'application */ html{ min-height:100%; background:#eef4fa; } body{ min-height:100vh; background: linear-gradient(rgba(244,248,252,.80),rgba(244,248,252,.80)), url("../img/login-background-clean.jpg?v=2414") center center/cover fixed no-repeat !important; color:var(--ink); } /* Le conteneur principal reste transparent pour laisser apparaître le fond. */ main{ background:transparent !important; } /* Les blocs de travail restent lisibles et ne laissent pas transparaître le décor. */ .panel, .card, .tablewrap, .login-expense-card, .fw-login-approved-card{ background:rgba(255,255,255,.97) !important; backdrop-filter:blur(5px); } /* Les zones fonctionnelles importantes gardent un contraste fort. */ .panel, .card, .tablewrap{ box-shadow:0 7px 24px rgba(25,59,94,.10); } /* Barre de navigation inchangée visuellement, légèrement renforcée. */ header{ position:relative; z-index:20; } /* Les notifications / flashes restent parfaitement lisibles. */ .flash, .alert, .notice{ backdrop-filter:blur(6px); } /* Mobile/tablette : éviter le fond fixe parfois coûteux sur Safari/Chrome mobile. */ @media(max-width:900px){ body{ background: linear-gradient(rgba(244,248,252,.88),rgba(244,248,252,.88)), url("../img/login-background-clean.jpg?v=2414") center center/cover no-repeat !important; } } /* La page de connexion validée conserve son propre rendu plein écran exact. */ .fw-login-approved{ background-image:url("../img/login-background-clean.jpg?v=2414") !important; background-position:center center !important; background-size:cover !important; background-repeat:no-repeat !important; } /* FraisWork v2.41.9 - navigation retour contextuelle */ .page-back-nav{max-width:1180px;margin:-4px auto 14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap} .page-back-nav .btn{display:inline-flex;align-items:center;gap:6px} @media(max-width:760px){.page-back-nav{margin:0 0 12px}.page-back-nav .btn{width:auto}} /* FraisWork v2.41.14 - logo par structure */ .structure-logo-config{display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:22px;align-items:center} .structure-logo-preview,.structure-logo-empty{min-height:110px;border:1px dashed #b8c7d9;border-radius:14px;background:#f8fbfe;display:flex;align-items:center;justify-content:center;padding:14px} .structure-logo-preview img{display:block;max-width:220px;max-height:100px;width:auto;height:auto;object-fit:contain} .structure-logo-empty{color:#71849a;font-size:.92rem} @media(max-width:760px){.structure-logo-config{grid-template-columns:1fr}} /* FraisWork v2.41.15 - logo structure dans l'en-tete */ .brand{display:flex;flex-direction:column;align-items:flex-start;gap:7px} .brand-logo-row{display:flex;align-items:center;min-height:34px;gap:10px} .brand-text{display:flex;flex-direction:column;line-height:1.05} .brand-logo-separator{display:block;width:1px;height:28px;background:rgba(255,255,255,.35);flex:0 0 auto} .brand-structure-logo{ display:block; width:auto; height:auto; max-height:34px; max-width:130px; object-fit:contain; object-position:left center; flex:0 1 auto; } @media(max-width:760px){ .brand-structure-logo{max-height:30px;max-width:100px} .brand-logo-separator{height:25px} } /* FraisWork v2.41.16 - logo structure a droite du bloc FraisWork */ .brand{display:flex;flex-direction:row;align-items:center;gap:16px} .brand-logo-row{display:block;min-height:0} .brand-logo-row .brand-logo-separator,.brand-logo-row .brand-structure-logo{display:none} .brand-main{display:flex;flex-direction:column;align-items:flex-start;gap:7px;flex:0 0 auto} .brand-main .brand-icon{display:block} .brand-structure-side{display:flex;align-items:center;justify-content:flex-start;min-height:50px;padding-left:16px;border-left:1px solid rgba(255,255,255,.35);flex:0 1 auto} .brand-structure-side .brand-structure-logo{display:block;width:auto;height:auto;max-height:46px;max-width:170px;object-fit:contain;object-position:left center} @media(max-width:760px){ .brand{gap:10px} .brand-structure-side{padding-left:10px;min-height:42px} .brand-structure-side .brand-structure-logo{max-height:38px;max-width:120px} } /* FraisWork v2.41.22 - proposition OCR visible */ .ocr-proposal-card{margin:18px 0;padding:20px;border:1px solid #b9d7f7;border-top:4px solid #2474d8;border-radius:16px;background:rgba(248,252,255,.96);box-shadow:0 10px 30px rgba(20,70,120,.08)} .ocr-proposal-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px} .ocr-proposal-head h2{margin:3px 0 4px;color:#163e6d}.ocr-proposal-head p{margin:0;color:#5b7188} .ocr-proposal-kicker{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#2474d8} .ocr-confidence{white-space:nowrap;padding:7px 10px;border-radius:999px;background:#e6f3ff;color:#155da9;font-weight:800} .ocr-compare-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .ocr-compare-item{padding:14px;border:1px solid #dce7f1;border-radius:12px;background:#fff;display:grid;gap:3px} .ocr-compare-item>span{font-weight:800;color:#264f78;margin-bottom:4px}.ocr-compare-item small{color:#8294a7}.ocr-compare-item strong{color:#43596e}.ocr-compare-item b{color:#0f6a48} .ocr-differences{margin-top:14px;padding:10px 12px;border-radius:10px;background:#fff4db;color:#885a00}.ocr-differences.ok{background:#e8f8ef;color:#197044} .ocr-proposal-actions{display:flex;gap:10px;align-items:center;margin-top:14px;flex-wrap:wrap} .ocr-error-card{border-color:#f0b5b5;border-top-color:#c93636;background:#fff9f9}.ocr-error-card .ocr-proposal-kicker{color:#b52d2d} .ocr-result-error{background:#fff1f1!important;color:#9b2525!important} @media(max-width:900px){.ocr-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){.ocr-compare-grid{grid-template-columns:1fr}.ocr-proposal-head{flex-direction:column}.ocr-confidence{align-self:flex-start}} .admin-tabs a.admin-tab-sessions{background:#e8f7ef!important;color:#1d6d45!important;border-color:#bfe5d1} .admin-tabs a.admin-tab-sessions.active{background:#218653!important;color:#fff!important} .admin-tabs .online-dot{font-size:10px;color:#22a060;vertical-align:1px} .admin-tabs a.admin-tab-sessions.active .online-dot{color:#fff} .admin-online-shortcut{margin-left:auto;white-space:nowrap} @media(max-width:900px){.admin-online-shortcut{margin-left:0}} /* v2.41.40 - tableaux scrollables : ne jamais masquer la colonne Actions */ .workspace-table{ position:relative; overflow-x:auto; overflow-y:hidden; padding-bottom:18px; /* réserve physique pour la barre horizontale */ scrollbar-gutter:stable; } .workspace-table table{ margin-bottom:2px; min-width:980px; } .workspace-table th:last-child, .workspace-table td:last-child{ position:sticky; right:0; z-index:3; min-width:150px; background:#fff; box-shadow:-8px 0 12px -12px rgba(18,38,58,.45); } .workspace-table th:last-child{ z-index:5; background:#eef4fa; } .workspace-table tr:hover td:last-child{ background:#fbfdff; } .workspace-table td:last-child .actions{ margin:0; min-height:40px; align-items:center; flex-wrap:nowrap; } .workspace-table td:last-child .actions form{ margin:0; } .workspace-table .btn-small{ white-space:nowrap; } @media(max-width:900px){ .workspace-table{ padding-bottom:22px; } .workspace-table th:last-child, .workspace-table td:last-child{ min-width:138px; } } /* v2.41.42 - édition des offres commerciales */ .fw-dialog{width:min(920px,calc(100vw - 40px));max-height:90vh;overflow:auto;border:0;border-radius:16px;padding:24px;box-shadow:0 24px 70px rgba(16,39,68,.28);color:var(--text,#18304b);background:#fff} .fw-dialog::backdrop{background:rgba(12,30,50,.42);backdrop-filter:blur(2px)} .fw-dialog .grid{margin-top:14px} /* v2.41.46 - présentation des tarifs sur la souscription */ .signup-pricing-overview{ margin-top:28px; padding-top:22px; border-top:1px solid #d9e4ef; } .signup-pricing-head h3{ margin:0 0 4px; color:#173f6d; font-size:1.2rem; } .signup-pricing-head p{ margin:0 0 16px; color:#66788a; } .signup-pricing-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; } .signup-price-card{ border:1px solid #d8e4ef; border-radius:14px; padding:16px; background:linear-gradient(180deg,#fff,#f8fbfe); box-shadow:0 5px 14px rgba(35,73,109,.06); } .signup-price-card-top{ display:flex; justify-content:space-between; gap:10px; align-items:flex-start; } .signup-price-card-top h4{ margin:0; color:#173f6d; font-size:1rem; } .signup-price-period{ font-size:.75rem; padding:4px 8px; border-radius:999px; background:#eaf3ff; color:#235e9d; font-weight:700; white-space:nowrap; } .signup-price-main{ margin:14px 0 8px; } .signup-price-main strong{ display:block; font-size:1.45rem; color:#122f4e; } .signup-price-main span{ color:#66788a; font-size:.88rem; } .signup-price-billing{ min-height:38px; margin-bottom:12px; color:#3f5870; font-size:.88rem; } .signup-price-details{ margin:0; border-top:1px solid #e6edf4; padding-top:10px; } .signup-price-details div{ display:flex; justify-content:space-between; gap:10px; padding:4px 0; } .signup-price-details dt{ color:#6b7d8f; } .signup-price-details dd{ margin:0; color:#20384f; font-weight:700; text-align:right; } .signup-pricing-note{ margin:14px 0 0; padding:10px 12px; border-radius:10px; background:#eef7f1; color:#2b6441; font-size:.88rem; } @media(max-width:720px){ .signup-pricing-grid{grid-template-columns:1fr} } /* v2.41.47 - synchronisation offres souscription / paramétrage Super Admin */ .signup-price-card{ cursor:pointer; transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease; } .signup-price-card:hover, .signup-price-card:focus{ transform:translateY(-1px); border-color:#8db8e8; box-shadow:0 8px 20px rgba(35,73,109,.12); outline:none; } .signup-price-card.is-selected{ border:2px solid #2376d2; background:linear-gradient(180deg,#f8fbff,#eef6ff); box-shadow:0 8px 20px rgba(35,118,210,.15); } #signup-seat-help{ display:block; margin-top:5px; color:#66788a; font-size:.8rem; } /* v2.41.49 - offre Enterprise sur devis et contact commercial */ .signup-enterprise-contact{ margin-top:16px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px; border:1px solid #d7e3ef; border-radius:14px; background:#f7faff; } .signup-enterprise-contact h3{ margin:0 0 5px; color:#173f6d; font-size:1.05rem; } .signup-enterprise-contact p{ margin:0; color:#536b82; line-height:1.45; } .signup-contact-btn{ flex:0 0 auto; text-decoration:none; white-space:nowrap; } @media(max-width:720px){ .signup-enterprise-contact{align-items:stretch;flex-direction:column} .signup-contact-btn{text-align:center} } /* v2.41.51 - visibilité de l'offre dans la fiche structure */ .structure-subscription-card{ border-left:4px solid #3279bd; } .structure-subscription-summary, .subscription-identity-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:12px; margin:10px 0; } .structure-subscription-summary>div, .subscription-identity-grid>div{ padding:12px; border:1px solid #dce6ef; border-radius:10px; background:#f8fbfe; } .structure-subscription-summary span, .subscription-identity-grid span{ display:block; margin-bottom:4px; color:#6a7d90; font-size:.82rem; } .structure-subscription-summary strong, .subscription-identity-grid strong{ color:#173f6d; } .subscription-identity-note{margin-top:12px} /* v2.41.52 - gestion Super Admin des abonnements clients */ .subscription-manage-dialog{max-width:760px;width:min(760px,94vw)} .subscription-manage-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0 18px} .subscription-manage-summary>div{padding:12px;border:1px solid #dce6ef;border-radius:10px;background:#f8fbfe} .subscription-manage-summary span{display:block;color:#6a7d90;font-size:.8rem;margin-bottom:3px} .subscription-manage-summary strong{color:#173f6d;font-size:1.15rem} .subscription-manage-form{display:grid;gap:12px;margin:14px 0} @media(max-width:720px){.subscription-manage-summary{grid-template-columns:repeat(2,1fr)}} /* v2.41.54 - formulaire public Enterprise */ .signup-contact-page{max-width:920px;margin:28px auto} .signup-contact-form{display:grid;gap:16px} .signup-contact-form textarea{width:100%;resize:vertical} .contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important} /* v2.41.55 - activation/desactivation des offres commerciales */ .offer-active-form{margin:0} .offer-active-toggle{white-space:nowrap;justify-content:flex-start} .offer-active-toggle input[type="checkbox"]{width:auto} /* v2.41.58 - mise en page Abonnement & licences */ .license-kpis{ display:grid; grid-template-columns:minmax(220px,1.35fr) repeat(4,minmax(150px,1fr)); gap:12px; margin:16px 0; align-items:stretch; } .license-kpi{ display:flex; flex-direction:column; justify-content:center; min-width:0; min-height:112px; padding:16px 18px; border:1px solid #d7e3ee; border-radius:13px; box-shadow:0 4px 12px rgba(32,66,97,.05); overflow:hidden; } .license-kpi-label{ display:block; margin-bottom:8px; color:#587087; font-size:.82rem; font-weight:600; line-height:1.2; } .license-kpi-value{ display:block; margin:0 0 6px; color:#173f6d; font-size:1.65rem; line-height:1.05; font-weight:800; overflow-wrap:anywhere; } .license-kpi-value.license-kpi-text{ font-size:1.25rem; line-height:1.15; } .license-kpi small{ display:block; color:#718397; font-size:.82rem; line-height:1.3; } .license-kpi-blue{background:#eef6ff;border-color:#cfe4fa} .license-kpi-green{background:#edf9f2;border-color:#cdebd9} .license-kpi-purple{background:#f4efff;border-color:#dfd2fb} .license-kpi-orange{background:#fff7e8;border-color:#f2dfb9} .subscription-identity-panel .subscription-identity-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); } .subscription-identity-panel .subscription-identity-grid>div{ min-width:0; } .subscription-identity-panel .subscription-identity-grid strong{ display:block; line-height:1.2; overflow-wrap:anywhere; } @media(max-width:1150px){ .license-kpis{grid-template-columns:repeat(3,minmax(0,1fr))} .subscription-identity-panel .subscription-identity-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:720px){ .license-kpis{grid-template-columns:1fr} .subscription-identity-panel .subscription-identity-grid{grid-template-columns:1fr} .license-kpi{min-height:auto} } /* v2.41.59 - cycle de vie contractuel SaaS */ .subscription-pending-change{border-color:#f0c66b!important;background:#fff8e8!important} .subscription-pending-change strong{color:#8a5a00!important} .subscription-manage-summary{grid-template-columns:repeat(3,minmax(0,1fr))} .subscription-status-form{display:flex;gap:5px;align-items:center;flex-wrap:wrap} .subscription-status-form .compact-number{width:72px;min-width:72px} .subscription-status-form .compact-reason{width:150px;min-width:120px} @media(max-width:720px){.subscription-manage-summary{grid-template-columns:1fr}.subscription-status-form{align-items:stretch}.subscription-status-form>*{width:100%!important}} /* v2.41.60 - adresse postale profil utilisateur */ #profile-address-form .span-2{grid-column:span 2} .commune-picker{position:relative} .commune-results{position:absolute;z-index:80;left:0;right:0;top:calc(100% + 4px);max-height:260px;overflow:auto;background:#fff;border:1px solid #cfdbea;border-radius:10px;box-shadow:0 12px 28px rgba(25,50,80,.16)} .commune-option{display:block;width:100%;border:0;border-radius:0;background:#fff;color:#243b55;text-align:left;padding:10px 12px;box-shadow:none} .commune-option:hover,.commune-option:focus{background:#eef6ff} .commune-empty{padding:10px 12px;color:#6b7b8f} @media(max-width:720px){#profile-address-form .span-2{grid-column:span 1}} /* v2.41.61 - ergonomie adresse utilisateur */ .commune-option strong{display:block} .commune-option span{display:block;margin-top:2px;color:#6b7d90;font-size:.8rem} .address-inline-warning{margin:4px 0 12px;padding:10px 12px;border:1px solid #edc66e;border-radius:9px;background:#fff8e6;color:#765100} /* v2.41.62 - décompte automatique des avances */ .advance-balance-box{padding:12px 14px;border:1px solid #cfe3d8;border-radius:10px;background:#f1faf5;display:flex;flex-direction:column;justify-content:center} .advance-balance-box span{font-size:.82rem;color:#58706a} .advance-balance-box strong{font-size:1.35rem;color:#17613a;margin:3px 0} .advance-balance-box small{color:#6e8078;line-height:1.3} /* v2.41.74 - installation sécurisée de la tâche de sauvegarde */ .backup-admin-install .backup-command-row{display:flex;gap:10px;align-items:flex-start;margin-top:10px} .backup-admin-install code{display:block;flex:1;white-space:pre-wrap;overflow-wrap:anywhere;background:#18283b;color:#f4f7fb;padding:12px 14px;border-radius:9px;font-size:.82rem;line-height:1.45} @media(max-width:760px){.backup-admin-install .backup-command-row{flex-direction:column}.backup-admin-install .backup-command-row button{width:100%}} /* v2.41.83 - reconciliation finance */ .finance-reconciliation{margin-top:16px}.finance-reconciliation-tabs{margin:10px 0 12px}.reconciliation-kpis{margin:10px 0 14px}.finance-reconciliation-table td{vertical-align:top}.compact-list{margin:0;padding-left:17px}.compact-list li{margin:0 0 4px} /* v2.41.84 - dossier de controle financier */ .finance-control-hero{align-items:center}.finance-control-hero .actions{display:flex;gap:8px;flex-wrap:wrap}.finance-control-kpis{margin-bottom:16px}.finance-control-top{align-items:start}.control-check-list{display:grid;gap:8px}.control-check{display:grid;grid-template-columns:90px 1fr;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--border,#dfe5ec);border-radius:10px}.control-check span{font-size:.76rem;text-transform:uppercase;font-weight:700;letter-spacing:.03em}.control-check.blocking{border-left:4px solid #b42318}.control-check.warning{border-left:4px solid #b54708}.control-check.ok{border-left:4px solid #027a48}.detail-list{display:grid;gap:9px}.detail-list>div{display:grid;grid-template-columns:minmax(120px,38%) 1fr;gap:10px;padding:8px 0;border-bottom:1px solid var(--border,#e6ebf0)}.detail-list>div:last-child{border-bottom:0}.detail-list span{color:var(--muted,#667085);font-size:.86rem}.detail-list strong{display:block}.detail-list small{display:block;margin-top:2px;color:var(--muted,#667085)}.finance-timeline{display:grid;gap:0}.finance-timeline-item{display:grid;grid-template-columns:165px 110px 1fr;gap:14px;align-items:start;padding:11px 0;border-bottom:1px solid var(--border,#e6ebf0)}.finance-timeline-item:last-child{border-bottom:0}.finance-timeline-item time{font-size:.82rem;color:var(--muted,#667085)}.finance-timeline-item small{display:block;margin-top:3px;color:var(--muted,#667085)}.action-stack{display:flex;gap:6px;flex-wrap:wrap}@media(max-width:850px){.finance-timeline-item{grid-template-columns:1fr}.detail-list>div{grid-template-columns:1fr}.finance-control-hero{align-items:flex-start}} .status-info{background:#eef6ff;color:#1d5f9f;border:1px solid #bfdbfe} /* v2.41.106 - projection budgetaire */ .text-danger{color:#b91c1c;font-weight:700} /* ================================================================ FraisWork v2.42.1 - PREMIUM UI SYSTEM Scope volontairement limité aux pages authentifiees (.fw-app). La page de connexion / les pages publiques (.fw-public) conservent strictement leur design historique. ================================================================ */ .fw-app{ --fw-navy:#102a43; --fw-navy-2:#173f6b; --fw-blue:#1769d2; --fw-blue-2:#2d83e8; --fw-blue-soft:#edf6ff; --fw-cyan:#1687a7; --fw-teal:#14827c; --fw-green:#148a4b; --fw-green-soft:#eaf8f0; --fw-amber:#c57908; --fw-amber-soft:#fff6e4; --fw-red:#bf3131; --fw-red-soft:#fff0f0; --fw-purple:#7456c7; --fw-purple-soft:#f3efff; --fw-slate:#596b7d; --fw-ink:#18324a; --fw-muted:#6d7f91; --fw-border:#dce6ef; --fw-border-strong:#c9d7e5; --fw-surface:#ffffff; --fw-surface-soft:#f7faff; --fw-shadow:0 10px 30px rgba(26,62,97,.08); --fw-shadow-hover:0 15px 38px rgba(24,67,108,.14); --fw-radius:16px; background: radial-gradient(circle at 6% 0%,rgba(64,144,232,.10),transparent 24rem), radial-gradient(circle at 98% 6%,rgba(116,86,199,.08),transparent 25rem), linear-gradient(180deg,#f7faff 0,#f4f7fb 300px,#f3f6f9 100%); color:var(--fw-ink); min-height:100vh; } .fw-app header{ position:sticky;top:0;z-index:100; padding:12px 28px; background:linear-gradient(118deg,#0c223b 0%,#123c67 52%,#1769d2 100%); border-bottom:1px solid rgba(255,255,255,.14); box-shadow:0 9px 30px rgba(12,37,66,.18); backdrop-filter:saturate(120%) blur(8px); } .fw-app .brand{gap:14px;flex-direction:row;align-items:center;min-width:235px} .fw-app .brand-main{display:flex;align-items:center;gap:11px} .fw-app .brand-icon{width:38px;height:38px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.18))} .fw-app .brand-text strong{display:block;font-size:20px;line-height:1.05;letter-spacing:.1px} .fw-app .brand-text span{display:block;margin-top:3px;font-size:11px;color:#dcecff} .fw-app .brand-structure-side{margin-left:3px;padding-left:14px;border-left:1px solid rgba(255,255,255,.22)} .fw-app nav{gap:4px;align-items:center;justify-content:flex-end} .fw-app nav a{ display:inline-flex;align-items:center;min-height:36px;padding:8px 10px; border:1px solid transparent;border-radius:10px; color:#edf6ff;font-size:13px;font-weight:650;letter-spacing:.01em; transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease; } .fw-app nav a:hover,.fw-app nav a:focus{ color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.14); transform:translateY(-1px);outline:none; } .fw-app .nav-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin-left:5px;padding:0 6px;border-radius:999px;background:#fff;color:var(--fw-blue);font-size:10px;font-weight:800} .fw-app main{max-width:1440px;padding:28px 32px 48px} .fw-app .page-head{margin:2px 0 20px;padding:0 2px} .fw-app .page-head h1{margin:0;color:var(--fw-navy);font-size:clamp(25px,2.2vw,34px);font-weight:800;letter-spacing:-.025em;line-height:1.12} .fw-app .user-pill{padding:7px 12px;background:rgba(255,255,255,.78);border:1px solid var(--fw-border);box-shadow:0 4px 14px rgba(26,67,107,.06);color:#31506d;font-weight:700} .fw-app .page-back-nav{margin:-7px 0 17px} /* Surfaces */ .fw-app .panel,.fw-app .card,.fw-app .tablewrap{ border:1px solid var(--fw-border);border-radius:var(--fw-radius);background:rgba(255,255,255,.95); box-shadow:var(--fw-shadow); } .fw-app .panel,.fw-app .card{padding:21px 22px;margin-bottom:20px} .fw-app .panel{position:relative;overflow:visible} .fw-app .panel h2,.fw-app .card h2{margin-top:0;color:var(--fw-navy-2);font-size:20px;letter-spacing:-.012em} .fw-app .panel h3,.fw-app .card h3{color:#315879;font-size:16px} .fw-app .panel-accent-blue{border-top:4px solid var(--fw-blue)} .fw-app .panel-accent-green{border-top:4px solid var(--fw-green)} .fw-app .panel-accent-orange{border-top:4px solid var(--fw-amber)} .fw-app .panel-accent-red{border-top:4px solid var(--fw-red)} .fw-app .panel-accent-purple{border-top:4px solid var(--fw-purple)} .fw-app .panel-accent-teal{border-top:4px solid var(--fw-teal)} .fw-app .section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px} .fw-app .section-head h2,.fw-app .section-head h3{margin-bottom:4px} .fw-app .section-intro{ margin:8px 0 16px;padding:11px 14px;border:1px solid #d7e7f6;border-left:4px solid #64a8e9; border-radius:10px;background:linear-gradient(90deg,#f0f7ff,#f8fbff);color:#4d6982;line-height:1.5 } .fw-app .muted{color:var(--fw-muted);line-height:1.45} /* KPI / tableaux de bord */ .fw-app .cards,.fw-app .workspace-kpis,.fw-app .reconciliation-kpis,.fw-app .finance-control-kpis{gap:15px} .fw-app .dashboard-card,.fw-app .kpi,.fw-app .license-kpi,.fw-app .expense-kpi{ border:1px solid var(--fw-border);border-radius:16px;background:linear-gradient(145deg,#fff,#f8fbfe); box-shadow:0 7px 22px rgba(29,72,111,.07); } .fw-app .dashboard-card{min-height:154px;padding:20px 20px 18px} .fw-app .dashboard-card:hover{transform:translateY(-4px);box-shadow:var(--fw-shadow-hover);border-color:#b6cee6} .fw-app .dashboard-card:before{width:5px;border-radius:5px 0 0 5px} .fw-app .metric{font-size:34px;line-height:1;font-weight:850;letter-spacing:-.035em;color:var(--fw-navy)} .fw-app .card-link{font-size:12px;letter-spacing:.015em} .fw-app .kpi{padding:17px 18px;min-height:110px} .fw-app .kpi-icon{box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)} .fw-app .kpi-blue{background:linear-gradient(145deg,#f8fbff,#eaf4ff)} .fw-app .kpi-green{background:linear-gradient(145deg,#f8fffb,#eaf8f0)} .fw-app .kpi-purple{background:linear-gradient(145deg,#fcfaff,#f1ecff)} .fw-app .kpi-orange{background:linear-gradient(145deg,#fffdf8,#fff4df)} .fw-app .kpi-red{background:linear-gradient(145deg,#fffafa,#ffeded)} .fw-app .kpi-teal{background:linear-gradient(145deg,#f8ffff,#e7f7f7)} .fw-app .kpi-slate{background:linear-gradient(145deg,#fbfcfd,#edf1f5)} /* Hero / workspaces */ .fw-app .workspace-hero{ border-radius:18px!important;padding:22px 24px!important;border:1px solid #d6e4f1!important; box-shadow:0 12px 32px rgba(21,63,102,.09)!important;overflow:hidden;position:relative } .fw-app .workspace-hero:after{content:"";position:absolute;width:220px;height:220px;right:-75px;top:-100px;border-radius:50%;background:rgba(255,255,255,.28);pointer-events:none} .fw-app .workspace-hero-blue{background:linear-gradient(125deg,#eef7ff,#f9fcff)!important;border-left:5px solid var(--fw-blue)!important} .fw-app .workspace-hero-green{background:linear-gradient(125deg,#edf9f3,#fbfffd)!important;border-left:5px solid var(--fw-green)!important} .fw-app .workspace-hero-purple{background:linear-gradient(125deg,#f3efff,#fcfbff)!important;border-left:5px solid var(--fw-purple)!important} .fw-app .workspace-hero-teal{background:linear-gradient(125deg,#ecf9fa,#fbffff)!important;border-left:5px solid var(--fw-teal)!important} .fw-app .workspace-title{position:relative;z-index:1}.fw-app .workspace-title h2{font-size:22px} .fw-app .workspace-icon{border-radius:14px;box-shadow:0 5px 16px rgba(33,75,112,.10)} /* Boutons */ .fw-app button,.fw-app .btn{ min-height:38px;padding:9px 14px;border:1px solid transparent;border-radius:10px; background:linear-gradient(180deg,#2d82e6,#1769d2);box-shadow:0 4px 11px rgba(23,105,210,.18); font-size:13px;font-weight:750;letter-spacing:.005em;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease } .fw-app button:hover,.fw-app .btn:hover{filter:none;transform:translateY(-1px);box-shadow:0 7px 16px rgba(23,105,210,.23)} .fw-app button:focus-visible,.fw-app .btn:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(45,131,232,.22),0 7px 16px rgba(23,105,210,.18)} .fw-app .btn.secondary,.fw-app button.secondary{background:#fff;color:#405a73;border-color:#ccd9e5;box-shadow:0 3px 8px rgba(37,65,91,.06)} .fw-app .btn.secondary:hover,.fw-app button.secondary:hover{background:#f5f8fb;border-color:#b9cad9} .fw-app .btn.success,.fw-app button.success{background:linear-gradient(180deg,#21a55f,#148a4b);box-shadow:0 4px 11px rgba(20,138,75,.17)} .fw-app .btn.warning,.fw-app button.warning{background:linear-gradient(180deg,#dc961f,#be7605);box-shadow:0 4px 11px rgba(190,118,5,.17)} .fw-app .btn.danger,.fw-app button.danger{background:linear-gradient(180deg,#d84a4a,#b92e2e);box-shadow:0 4px 11px rgba(185,46,46,.17)} .fw-app .btn-small{min-height:32px;padding:6px 10px}.fw-app .btn-mini{min-height:28px;padding:4px 8px;font-size:11px} .fw-app .actions{gap:9px;margin:14px 0} /* Formulaires */ .fw-app label{gap:6px;color:#294861;font-size:12.5px;font-weight:750} .fw-app input,.fw-app select,.fw-app textarea{ min-height:40px;padding:9px 11px;border:1px solid #cbd9e6;border-radius:10px;background:#fff;color:#21384e; box-shadow:inset 0 1px 2px rgba(20,51,80,.025);transition:border-color .14s ease,box-shadow .14s ease,background .14s ease } .fw-app textarea{min-height:96px;line-height:1.45;resize:vertical} .fw-app input:hover,.fw-app select:hover,.fw-app textarea:hover{border-color:#b8cadb} .fw-app input:focus,.fw-app select:focus,.fw-app textarea:focus{border-color:#6da9e6;box-shadow:0 0 0 3px rgba(45,131,232,.13);background:#fff;outline:0} .fw-app input:disabled,.fw-app select:disabled,.fw-app textarea:disabled{background:#f2f5f8;color:#77889a;border-color:#dce4eb;cursor:not-allowed} .fw-app .field-help{color:#77889a;font-size:11px;line-height:1.45} .fw-app .check-field,.fw-app .inline-check{color:#35536d} .fw-app .check-field input,.fw-app .inline-check input{accent-color:var(--fw-blue)} .fw-app .form-grid,.fw-app .grid,.fw-app .grid2{gap:14px 16px} /* Tables */ .fw-app .tablewrap{overflow:auto;margin-bottom:20px;background:#fff} .fw-app table{border-collapse:separate;border-spacing:0} .fw-app th{ padding:11px 12px;background:linear-gradient(180deg,#f2f7fc,#eaf2f9);color:#33536e;border-bottom:1px solid #d7e3ee; font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.035em;white-space:nowrap } .fw-app td{padding:11px 12px;border-bottom:1px solid #e7edf3;color:#30485e;font-size:13px;line-height:1.4} .fw-app tr:last-child td{border-bottom:0} .fw-app tbody tr{transition:background .12s ease} .fw-app tbody tr:hover td{background:#f8fbff} .fw-app .amount{font-variant-numeric:tabular-nums;font-weight:700;color:#1f3d59} .fw-app .code-pill{border:1px solid #dbe4ed;background:#f1f5f8;color:#4c6074} /* Onglets */ .fw-app .tabs,.fw-app .workspace-tabs{gap:7px;padding:5px;border:1px solid var(--fw-border);border-radius:13px;background:rgba(239,245,250,.8);width:max-content;max-width:100%;overflow:auto} .fw-app .tabs a,.fw-app .workspace-tab{ padding:8px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#4c647a;font-size:12px;font-weight:750;white-space:nowrap;box-shadow:none } .fw-app .tabs a:hover,.fw-app .workspace-tab:hover{transform:none;background:#fff;border-color:#dce6ef} .fw-app .tabs a.active,.fw-app .workspace-tab.active{background:#fff;color:var(--fw-blue);border-color:#ccdeef;box-shadow:0 3px 9px rgba(34,73,109,.08)} .fw-app .admin-tabs{width:100%;background:#f2f6fa} /* Badges / etats */ .fw-app .badge,.fw-app .status-pill,.fw-app .risk-pill,.fw-app .config-state{ display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:25px;padding:4px 9px;border-radius:999px; border:1px solid transparent;font-size:10.5px;font-weight:800;line-height:1.15;letter-spacing:.015em;white-space:nowrap } .fw-app .status-active,.fw-app .state-ok{background:var(--fw-green-soft);color:#167242;border-color:#ccebd9} .fw-app .status-warning{background:var(--fw-amber-soft);color:#875900;border-color:#f0dfb8} .fw-app .status-danger{background:var(--fw-red-soft);color:#982828;border-color:#f3caca} .fw-app .status-inactive{background:#f0f3f6;color:#657587;border-color:#dce3e9} .fw-app .status-info{background:var(--fw-blue-soft);color:#235f99;border-color:#cbdff4} /* Alertes et informations */ .fw-app .flash,.fw-app .alert,.fw-app .notice,.fw-app .policy-alert{ border-radius:12px;padding:12px 15px;border:1px solid transparent;box-shadow:0 4px 12px rgba(31,69,104,.04);line-height:1.45 } .fw-app .flash.success{background:#edf9f2;color:#16683e;border-color:#ccebd8;border-left:4px solid var(--fw-green)} .fw-app .flash.error{background:#fff1f1;color:#912727;border-color:#f1cece;border-left:4px solid var(--fw-red)} .fw-app .flash.warning{background:#fff7e7;color:#7b560f;border-color:#eddfbd;border-left:4px solid var(--fw-amber)} .fw-app .info-grid{gap:15px}.fw-app .info-card{border-radius:14px;padding:17px;box-shadow:0 5px 15px rgba(34,70,105,.05)} .fw-app .info-blue{background:linear-gradient(145deg,#f6fbff,#eaf4ff);border-color:#cee2f6} .fw-app .info-purple{background:linear-gradient(145deg,#fbf9ff,#f0ebff);border-color:#ded3f8} .fw-app .info-green{background:linear-gradient(145deg,#f8fdf9,#eaf8ef);border-color:#d2eadb} .fw-app .info-orange{background:linear-gradient(145deg,#fffdf9,#fff4df);border-color:#f0dfbd} /* Dialogues */ .fw-app dialog{border:0;border-radius:18px;box-shadow:0 24px 70px rgba(10,34,58,.24);padding:0;max-width:min(900px,94vw)} .fw-app dialog::backdrop{background:rgba(16,42,67,.42);backdrop-filter:blur(2px)} .fw-app dialog .panel{border:0;box-shadow:none;margin:0;border-radius:18px} /* Ecrans Finance / Controle */ .fw-app .finance-control-hero,.fw-app .finance-reconciliation{border-color:#d6e4f0} .fw-app .control-check{padding:11px 13px;border-radius:11px;background:#fbfcfe} .fw-app .control-check.blocking{background:#fff7f7;border-left-color:var(--fw-red)} .fw-app .control-check.warning{background:#fffaf1;border-left-color:var(--fw-amber)} .fw-app .control-check.ok{background:#f4fbf7;border-left-color:var(--fw-green)} .fw-app .finance-timeline-item{padding:13px 0} .fw-app .detail-list>div{padding:10px 0} /* Administration */ .fw-app .admin-help{padding:13px 16px;border-radius:12px;background:linear-gradient(100deg,#edf6ff,#f6f2ff);box-shadow:0 4px 15px rgba(31,73,112,.05)} .fw-app .structure-detail-hero{border-radius:17px;background:linear-gradient(125deg,#f5f1ff,#fff);box-shadow:var(--fw-shadow)} .fw-app .structure-section h2{padding-bottom:10px} .fw-app .member-count{border:1px solid #ddd3f7} .fw-app .users-admin-table .avatar-initials,.fw-app .avatar-initials{box-shadow:0 3px 8px rgba(49,83,116,.10)} /* Pages notes de frais */ .fw-app .new-report-card,.fw-app .expense-entry-card,.fw-app .report-info-card,.fw-app .submission-check,.fw-app .check-card{ border-radius:15px!important;border-color:var(--fw-border)!important;box-shadow:0 6px 18px rgba(27,69,108,.06)!important } .fw-app .new-report-icon,.fw-app .report-info-icon{border-radius:13px;box-shadow:0 4px 12px rgba(36,78,117,.10)} .fw-app .ocr-proposal-card{border-radius:17px;background:linear-gradient(145deg,#fbfdff,#f1f8ff);box-shadow:0 10px 28px rgba(20,70,120,.08)} .fw-app .missing-receipt-declaration{border-radius:13px} /* Footer */ .fw-app footer{margin:42px 0 0;padding:18px 0 4px;border-top:1px solid #dbe5ee;color:#75879a;font-size:11px} /* Barre de defilement (navigateurs Chromium/Edge) */ .fw-app *::-webkit-scrollbar{width:10px;height:10px} .fw-app *::-webkit-scrollbar-track{background:#edf2f6;border-radius:10px} .fw-app *::-webkit-scrollbar-thumb{background:#b8c8d7;border:2px solid #edf2f6;border-radius:10px} .fw-app *::-webkit-scrollbar-thumb:hover{background:#98adbf} /* Responsive */ @media(max-width:1100px){ .fw-app header{position:relative} .fw-app nav{width:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px} .fw-app main{padding:24px 22px 40px} } @media(max-width:760px){ .fw-app header{padding:12px 14px}.fw-app .brand{width:100%;min-width:0}.fw-app main{padding:18px 13px 34px} .fw-app .page-head{align-items:flex-start;gap:10px}.fw-app .page-head h1{font-size:26px} .fw-app .panel,.fw-app .card{padding:17px 15px;border-radius:14px} .fw-app .workspace-hero{padding:18px 16px!important}.fw-app .metric{font-size:30px} .fw-app .tabs,.fw-app .workspace-tabs{width:100%} .fw-app .actions>.btn,.fw-app .actions>button{flex:1 1 auto;text-align:center} .fw-app .section-head{flex-direction:column} } @media(prefers-reduced-motion:reduce){ .fw-app *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important} } /* FraisWork v2.42.2 - VIGNETTES CONTEXTUELLES */ .fw-app a.kpi,.fw-app a.dashboard-card,.fw-app a.budget-card{ position:relative;cursor:pointer;text-decoration:none } .fw-app a.kpi::after{ content:'\2192';position:absolute;right:12px;top:9px;font-size:15px;font-weight:900;opacity:.25; transition:opacity .16s ease,transform .16s ease } .fw-app a.kpi:hover::after,.fw-app a.kpi:focus-visible::after{opacity:.8;transform:translateX(2px)} .fw-app a.kpi:focus-visible,.fw-app a.dashboard-card:focus-visible,.fw-app a.budget-card:focus-visible{ outline:3px solid rgba(35,111,179,.28);outline-offset:3px } .fw-app .budget-card-link{display:block;margin-top:8px;font-size:10.5px;font-weight:800;color:var(--fw-blue);opacity:.72} .fw-app a.budget-card:hover .budget-card-link,.fw-app a.budget-card:focus-visible .budget-card-link{opacity:1} .fw-app [id]{scroll-margin-top:96px} /* v2.42.194 - pas de smooth scroll global : les navigations/restaurations doivent etre instantanees et stables. */ html{scroll-behavior:auto!important} /* FraisWork v2.42.3 - DEPENSE SIMPLIFIEE + OCR MONTANT AUTO */ .fw-app .expense-entry-grid{align-items:start} .fw-app .expense-entry-card{align-self:start;height:auto} .fw-app .exp-link .check-field{padding-top:6px;min-height:34px;justify-content:flex-start} .fw-app .expense-quick-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px;padding:12px;border:1px solid #cfe0ef;border-radius:16px;background:rgba(255,255,255,.88);box-shadow:0 7px 20px rgba(27,72,112,.06)} .fw-app .expense-quick-guide>div{display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-items:center;padding:9px 11px;border-radius:12px;background:#f7faff} .fw-app .expense-quick-guide span{grid-row:1/3;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#1769d2;color:#fff;font-weight:900} .fw-app .expense-quick-guide strong{color:#173e68;font-size:.88rem}.fw-app .expense-quick-guide small{color:#6b8094;font-size:.76rem;line-height:1.3} .fw-app .ocr-auto-amount-info{margin:0 0 14px;padding:11px 13px;border:1px solid #b9dcf8;border-left:4px solid #1769d2;border-radius:11px;background:#f1f8ff;color:#315d85;font-size:.84rem;line-height:1.45} .fw-app .ocr-auto-amount-info strong{color:#15589a} .fw-app .exp-receipts .receipt-smart-actions .secondary{border-color:#8fc4f0;background:#eff8ff;color:#155d9f;font-weight:800} .fw-app .exp-receipts .receipt-smart-actions .secondary:hover{background:#dfefff} @media(max-width:900px){.fw-app .expense-quick-guide{grid-template-columns:1fr}.fw-app .expense-quick-guide>div{grid-template-columns:34px 1fr}} /* FraisWork v2.42.4 - UX GLOBALE COHERENTE */ .fw-app{--fw-space-1:6px;--fw-space-2:10px;--fw-space-3:14px;--fw-space-4:20px;--fw-space-5:28px;--fw-control-h:42px;--fw-radius-sm:10px;--fw-radius-md:14px;--fw-radius-lg:18px} .fw-app main>form,.fw-app main>section,.fw-app main>.panel,.fw-app main>.card{scroll-margin-top:100px} .fw-app .page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap} .fw-app .page-head>div:first-child{min-width:0}.fw-app .page-head p{max-width:820px;margin:7px 0 0;color:var(--fw-muted);line-height:1.45} .fw-app .panel,.fw-app .card,.fw-app .tablewrap{content-visibility:auto;contain-intrinsic-size:1px 420px} .fw-app .panel>.actions:last-child,.fw-app .card>.actions:last-child{margin-bottom:0} .fw-app .form-grid>label,.fw-app .grid>label,.fw-app .grid2>label{min-width:0} .fw-app input,.fw-app select{height:var(--fw-control-h)} .fw-app input[type=checkbox],.fw-app input[type=radio]{width:18px;height:18px;min-height:18px;padding:0;flex:0 0 auto} .fw-app input[type=file]{height:auto;min-height:42px;padding:7px 9px} .fw-app select{padding-right:34px} .fw-app .actions{display:flex;align-items:center;flex-wrap:wrap} .fw-app .actions .btn,.fw-app .actions button{white-space:nowrap} .fw-app .tablewrap{border-radius:14px} .fw-app .tablewrap table{min-width:100%} .fw-app td .actions{margin:0;gap:6px} .fw-app td .btn,.fw-app td button{min-height:30px;padding:5px 9px;font-size:11px} .fw-app .empty-state,.fw-app .empty{padding:30px 22px;text-align:center;border:1px dashed #cbd9e6;border-radius:14px;background:#f9fbfd;color:#647b90} .fw-app details{border:1px solid #dbe5ee;border-radius:12px;background:#fbfdff;margin:10px 0} .fw-app details>summary{cursor:pointer;padding:12px 14px;color:#31536f;font-weight:800;list-style-position:inside} .fw-app details[open]>summary{border-bottom:1px solid #e2eaf1;background:#f4f8fc} .fw-app details>*:not(summary){margin-left:14px;margin-right:14px} .fw-app .dashboard-card,.fw-app .kpi,.fw-app .budget-card{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease} .fw-app a.dashboard-card,.fw-app a.kpi,.fw-app a.budget-card{color:inherit} .fw-app .dashboard-card:active,.fw-app a.kpi:active,.fw-app a.budget-card:active{transform:translateY(0) scale(.995)} .fw-app .badge:before,.fw-app .status-pill:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.7} .fw-app .tabs{position:sticky;top:8px;z-index:15;backdrop-filter:blur(10px);box-shadow:0 5px 18px rgba(29,65,99,.06)} .fw-app .admin-tabs{position:relative;top:auto} .fw-app .flash{position:relative}.fw-app .flash strong:first-child{font-weight:850} .fw-app :where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid rgba(45,131,232,.24);outline-offset:2px} .fw-app .field-help{margin-top:2px}.fw-app label:has(input[required]),.fw-app label:has(select[required]),.fw-app label:has(textarea[required]){position:relative} .fw-app .workspace-kpis .kpi,.fw-app .finance-control-kpis .kpi,.fw-app .reconciliation-kpis .kpi{height:100%} .fw-app .section-head .actions{margin:0} @media(min-width:1200px){.fw-app main{max-width:1520px}.fw-app .tablewrap{max-width:100%}} @media(max-width:900px){.fw-app .form-grid,.fw-app .grid2{grid-template-columns:1fr!important}.fw-app .tabs{position:relative;top:auto}.fw-app .page-head{align-items:flex-start}} @media(max-width:600px){.fw-app .actions{display:grid;grid-template-columns:1fr;width:100%}.fw-app .actions .btn,.fw-app .actions button{width:100%}.fw-app .tablewrap{margin-left:-4px;margin-right:-4px;border-radius:10px}.fw-app th,.fw-app td{padding:9px 10px}.fw-app .dashboard-card{min-height:132px}.fw-app .kpi{min-height:96px}} /* FraisWork v2.42.5 - MOBILE IPHONE + JUSTIFICATIFS ROBUSTES */ .fw-app .mobile-upload-label{display:none} .fw-app .receipt-smart-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap} .fw-app .existing-receipt>div:first-child{min-width:0;flex:1} .fw-app .existing-receipt a{font-weight:750} @media(max-width:700px){ .fw-app{font-size:15px} .fw-app header{padding:10px 10px 8px;gap:8px} .fw-app .brand{gap:8px}.fw-app .brand-text span{display:none} .fw-app nav{gap:5px;padding:4px 0 3px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch} .fw-app nav a{min-height:42px;display:inline-flex;align-items:center;padding:9px 12px;scroll-snap-align:start;white-space:nowrap} .fw-app main{padding:14px 9px 30px} .fw-app .page-head{gap:7px;margin-bottom:12px}.fw-app .page-head h1{font-size:23px;line-height:1.15}.fw-app .user-pill{font-size:10px} .fw-app .panel,.fw-app .card,.fw-app .expense-entry-card,.fw-app .new-report-card{padding:14px 11px;border-radius:13px!important} .fw-app input,.fw-app select,.fw-app textarea{font-size:16px!important;min-height:44px} .fw-app textarea{min-height:96px} .fw-app button,.fw-app .btn{min-height:44px;padding:10px 13px} .fw-app .expense-entry-grid{grid-template-columns:1fr!important;gap:10px} .fw-app .form-grid,.fw-app .form-grid-2,.fw-app .form-grid-3,.fw-app .new-report-two{grid-template-columns:1fr!important} .fw-app .expense-card-head{margin-bottom:10px;padding-bottom:8px}.fw-app .expense-card-head>span{width:34px;height:34px}.fw-app .expense-card-head h3{font-size:16px} .fw-app .existing-receipt{align-items:stretch;flex-direction:column;padding:11px;gap:9px} .fw-app .receipt-smart-actions{display:grid;grid-template-columns:1fr;justify-content:stretch;width:100%} .fw-app .receipt-smart-actions .btn,.fw-app .receipt-smart-actions button{width:100%;min-height:44px;font-size:13px} .fw-app .receipt-dropzone{min-height:150px;padding:20px 12px;border-radius:14px;touch-action:manipulation} .fw-app .receipt-dropzone input[type=file]{min-height:150px} .fw-app .desktop-upload-label{display:none}.fw-app .mobile-upload-label{display:inline} .fw-app .drop-icon{font-size:34px} .fw-app .ocr-auto-amount-info{font-size:13px;margin-bottom:10px} .fw-app .expense-quick-guide{gap:7px;padding:8px}.fw-app .expense-quick-guide>div{padding:8px} .fw-app .expense-detail-hero{padding:14px 12px}.fw-app .expense-detail-icon{width:44px;height:44px;font-size:22px} .fw-app .expense-detail-title h1{font-size:21px} .fw-app .tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch} .fw-app table{font-size:13px} .fw-app .flash{font-size:13px;padding:11px 12px} } @media(max-width:390px){ .fw-app main{padding-left:7px;padding-right:7px} .fw-app .panel,.fw-app .card,.fw-app .expense-entry-card,.fw-app .new-report-card{padding-left:9px;padding-right:9px} .fw-app .page-head h1{font-size:21px} } /* FraisWork v2.42.8 - SAISIE JUSTIFICATIF D'ABORD */ .fw-app .exp-receipts{order:-20;border:2px solid #b7dcff;background:linear-gradient(135deg,#ffffff 0%,#f4faff 100%)} .fw-app .receipt-first-submit{width:100%;margin-top:12px;min-height:48px;font-size:14px;font-weight:850;box-shadow:0 8px 22px rgba(24,117,196,.16)} .fw-app .receipt-first-help{display:block;margin-top:7px;text-align:center;color:#6b8094} .fw-app .ocr-auto-amount-info{border-left:4px solid #2d83e8;background:#eef7ff;color:#264c70} .fw-app .expense-entry-grid>.exp-general{order:0}.fw-app .expense-entry-grid>.exp-amounts{order:1}.fw-app .expense-entry-grid>.exp-travel{order:2}.fw-app .expense-entry-grid>.exp-link{order:3} @media(max-width:700px){ .fw-app .exp-receipts{position:relative;box-shadow:0 10px 28px rgba(29,86,137,.10)} .fw-app .receipt-first-submit{position:sticky;bottom:8px;z-index:8} } /* FraisWork v2.42.12 - remplacement justificatif plus explicite */ .fw-app .receipt-delete-btn{white-space:nowrap;display:inline-flex;align-items:center;gap:6px} @media(max-width:700px){.fw-app .receipt-smart-actions{display:grid;grid-template-columns:1fr;gap:8px}.fw-app .receipt-smart-actions .btn,.fw-app .receipt-smart-actions button{width:100%;justify-content:center;min-height:44px}} /* FraisWork v2.42.13 - OCR PREMIER PASSAGE */ .fw-app .ocr-primary-action{background:linear-gradient(135deg,#0b6efd,#2684ff);color:#fff!important;border-color:#0b6efd!important;box-shadow:0 6px 16px rgba(11,110,253,.18);font-weight:800}.fw-app .ocr-primary-action:hover{transform:translateY(-1px);box-shadow:0 9px 20px rgba(11,110,253,.24)}@media(max-width:760px){.fw-app .receipt-smart-actions .ocr-primary-action{width:100%;min-height:48px;font-size:1rem}} /* FraisWork v2.42.15 - OCR asynchrone IIS/ARR */ .fw-app .ocr-result-pending{position:relative;overflow:hidden;background:linear-gradient(135deg,#eef7ff,#f7fbff)!important;border-color:#b7d9fb!important} .fw-app .ocr-result-pending:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:38%;background:linear-gradient(90deg,#1877e8,#66b4ff);animation:fwOcrProgress 1.25s ease-in-out infinite} @keyframes fwOcrProgress{0%{transform:translateX(-110%)}100%{transform:translateX(360%)}} /* v2.42.23 - synthese monetaire et recu PDF personnel */ .report-export-actions{align-items:center}.report-export-actions .inline-action{margin:0;display:inline-flex}.report-export-actions .inline-action button{margin:0} .report-summary-grid{align-items:start}.report-summary-grid .report-money{display:flex;flex-direction:column;align-items:flex-end;text-align:right;min-width:150px}.report-summary-grid .report-money b{width:100%;text-align:right}.report-summary-grid .report-money strong{display:block;margin-top:5px;font-size:16px;line-height:1.25;font-variant-numeric:tabular-nums;white-space:nowrap;color:#17365d}.report-summary-grid .report-money small{display:block;margin-top:3px;text-align:right}.report-summary-grid .report-money-net strong{font-weight:800} @media(max-width:700px){.report-export-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.report-export-actions .btn,.report-export-actions .inline-action,.report-export-actions .inline-action button{width:100%;text-align:center}.report-summary-grid .report-money{align-items:flex-start;text-align:left}.report-summary-grid .report-money b,.report-summary-grid .report-money small{text-align:left}} /* v2.42.25-beta - Contraste coherent des actions applicatives (hors connexion) */ .fw-app button,.fw-app .btn{color:#fff} .fw-app .expense-table .btn-receipt, .fw-app .expense-table .btn-edit-line{ background:linear-gradient(180deg,#2d82e6,#1769d2); color:#fff; border-color:transparent; box-shadow:0 4px 11px rgba(23,105,210,.18) } .fw-app .expense-table .btn-receipt:hover, .fw-app .expense-table .btn-edit-line:hover{color:#fff} /* FraisWork v2.42.26-beta - DETECTION APPAREIL + UX MOBILE DEDIEE */ .fw-app.fw-device-mobile{--fw-device-control-h:48px} .fw-app.fw-device-tablet{--fw-device-control-h:46px} .fw-app.fw-device-mobile input,.fw-app.fw-device-mobile select,.fw-app.fw-device-mobile textarea{font-size:16px!important} .fw-app.fw-device-mobile button,.fw-app.fw-device-mobile .btn{min-height:44px;touch-action:manipulation} .fw-app.fw-device-mobile main{padding-bottom:42px} .fw-app.fw-device-mobile .desktop-only{display:none!important} .fw-app.fw-device-desktop .mobile-only,.fw-app.fw-device-tablet .mobile-only{display:none!important} .fw-app.fw-device-mobile .mobile-only{display:initial} /* Navigation tactile : les fonctions restent accessibles sans réduire les zones de clic. */ .fw-app.fw-device-mobile header{position:relative;padding:10px 10px 7px} .fw-app.fw-device-mobile nav{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:5px 0 4px;gap:5px} .fw-app.fw-device-mobile nav a{flex:0 0 auto;min-height:44px;padding:10px 12px;border-radius:10px;scroll-snap-align:start;white-space:nowrap} .fw-app.fw-device-tablet nav a{min-height:42px} /* Parcours depense mobile : le justificatif est l'action dominante. */ .fw-app.fw-device-mobile .expense-quick-guide{grid-template-columns:1fr;margin-bottom:10px} .fw-app.fw-device-mobile .expense-quick-guide>div{min-height:58px} .fw-app.fw-device-mobile .exp-receipts{order:-50;border-width:2px} .fw-app.fw-device-mobile .receipt-dropzone{min-height:170px;padding:22px 12px} .fw-app.fw-device-mobile .receipt-dropzone input[type=file]{min-height:170px} .fw-app.fw-device-mobile .receipt-first-submit{position:sticky;bottom:8px;z-index:24;min-height:52px;font-size:15px} .fw-app.fw-device-mobile .expense-entry-grid{grid-template-columns:1fr!important} .fw-app.fw-device-mobile .expense-entry-card{width:100%} .fw-app.fw-device-mobile .existing-receipt{flex-direction:column;align-items:stretch} .fw-app.fw-device-mobile .receipt-smart-actions{display:grid;grid-template-columns:1fr;gap:8px;width:100%} .fw-app.fw-device-mobile .receipt-smart-actions>*{width:100%;justify-content:center} /* Tables : priorité à la lecture et au tactile, sans casser la version PC. */ .fw-app.fw-device-mobile .tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin} .fw-app.fw-device-mobile th,.fw-app.fw-device-mobile td{padding:10px 9px} .fw-app.fw-device-mobile td .actions{display:flex;flex-direction:column;align-items:stretch;min-width:120px} .fw-app.fw-device-mobile td .actions .btn,.fw-app.fw-device-mobile td .actions button{width:100%;min-height:40px} .fw-app.fw-device-mobile .cards,.fw-app.fw-device-mobile .workspace-kpis,.fw-app.fw-device-mobile .finance-control-kpis,.fw-app.fw-device-mobile .reconciliation-kpis{grid-template-columns:1fr!important} /* Formulaires et dialogues mobile. */ .fw-app.fw-device-mobile .form-grid,.fw-app.fw-device-mobile .grid,.fw-app.fw-device-mobile .grid2,.fw-app.fw-device-mobile .form-grid-2,.fw-app.fw-device-mobile .form-grid-3{grid-template-columns:1fr!important} .fw-app.fw-device-mobile dialog{width:calc(100vw - 18px);max-width:none;max-height:92vh;margin:4vh auto} .fw-app.fw-device-mobile .actions{display:grid;grid-template-columns:1fr;width:100%;gap:8px} .fw-app.fw-device-mobile .actions>.btn,.fw-app.fw-device-mobile .actions>button,.fw-app.fw-device-mobile .actions>form{width:100%} .fw-app.fw-device-mobile .actions>form>button{width:100%} .fw-app.fw-device-mobile .page-head{align-items:flex-start;gap:8px} .fw-app.fw-device-mobile .page-head .user-pill{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /* Tablette : deux colonnes quand l'espace le permet, tactile conserve. */ .fw-app.fw-device-tablet main{padding-left:18px;padding-right:18px} .fw-app.fw-device-tablet button,.fw-app.fw-device-tablet .btn{min-height:42px} .fw-app.fw-device-tablet .expense-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))} @media(max-width:420px){ .fw-app.fw-device-mobile main{padding-left:7px;padding-right:7px} .fw-app.fw-device-mobile .panel,.fw-app.fw-device-mobile .card,.fw-app.fw-device-mobile .expense-entry-card{padding-left:9px;padding-right:9px} } /* FraisWork v2.42.28-beta - SAISIE MOBILE ULTRA-COMPACTE */ .fw-app .mobile-expense-savebar{display:none} @media(max-width:700px){ .fw-app.fw-device-mobile{--fw-device-control-h:34px} .fw-app.fw-device-mobile main{padding-bottom:88px} .fw-app.fw-device-mobile .expense-entry-shell{padding:8px;margin:8px 0} .fw-app.fw-device-mobile .expense-entry-grid{gap:7px} .fw-app.fw-device-mobile .expense-entry-card{padding:9px 8px;border-radius:11px!important;border-top-width:3px} .fw-app.fw-device-mobile .expense-card-head{gap:7px;margin-bottom:7px;padding-bottom:6px} .fw-app.fw-device-mobile .expense-card-head>span{width:29px;height:29px;border-radius:8px;font-size:15px} .fw-app.fw-device-mobile .expense-card-head h3{font-size:14px;line-height:1.15;margin:0} .fw-app.fw-device-mobile .expense-card-head p{display:none} .fw-app.fw-device-mobile .form-grid, .fw-app.fw-device-mobile .form-grid-2, .fw-app.fw-device-mobile .form-grid-3{gap:6px!important} .fw-app.fw-device-mobile label{gap:3px;font-size:11px;line-height:1.15} .fw-app.fw-device-mobile input, .fw-app.fw-device-mobile select, .fw-app.fw-device-mobile textarea{ min-height:34px!important;height:34px;padding:4px 7px!important;border-radius:7px;font-size:16px!important } .fw-app.fw-device-mobile textarea{height:auto!important;min-height:50px!important} .fw-app.fw-device-mobile .check-field{min-height:32px;padding-top:4px!important;gap:6px;font-size:11px} .fw-app.fw-device-mobile .check-field input{min-height:0!important;height:18px!important;width:18px!important;padding:0!important} .fw-app.fw-device-mobile .field-help,.fw-app.fw-device-mobile .expense-hint{font-size:10px;line-height:1.25} .fw-app.fw-device-mobile .expense-hint{margin-top:6px;padding:6px 8px} .fw-app.fw-device-mobile .ocr-auto-amount-info{font-size:11px;line-height:1.3;padding:7px 8px;margin-bottom:7px} .fw-app.fw-device-mobile .receipt-dropzone{min-height:112px;padding:11px 8px;border-radius:11px} .fw-app.fw-device-mobile .receipt-dropzone input[type=file]{min-height:112px} .fw-app.fw-device-mobile .drop-icon{font-size:26px} .fw-app.fw-device-mobile .receipt-dropzone strong{font-size:12px} .fw-app.fw-device-mobile .receipt-dropzone small,.fw-app.fw-device-mobile .selected-files{font-size:10px} .fw-app.fw-device-mobile .receipt-first-submit{position:static;min-height:40px;padding:7px 10px;font-size:12px;margin-top:7px} .fw-app.fw-device-mobile .receipt-first-help{font-size:10px;margin-top:4px} .fw-app.fw-device-mobile .expense-quick-guide{display:none} .fw-app.fw-device-mobile .existing-receipt{padding:8px;gap:6px} .fw-app.fw-device-mobile .ocr-result{padding:7px 8px;margin-top:5px} .fw-app.fw-device-mobile .ocr-result span{font-size:10px}.fw-app.fw-device-mobile .ocr-result b{font-size:13px}.fw-app.fw-device-mobile .ocr-result small{font-size:10px} .fw-app.fw-device-mobile .receipt-smart-actions{grid-template-columns:1fr 1fr;gap:6px} .fw-app.fw-device-mobile .receipt-smart-actions .btn,.fw-app.fw-device-mobile .receipt-smart-actions button{min-height:36px!important;padding:5px 8px;font-size:11px} .fw-app.fw-device-mobile .new-report-period{padding-top:7px!important;padding-bottom:7px!important} .fw-app.fw-device-mobile .new-report-period .new-report-card-head{margin-bottom:5px!important;padding-bottom:4px!important} .fw-app.fw-device-mobile .new-report-period .new-report-card-head p,.fw-app.fw-device-mobile .new-report-period .new-report-help{display:none!important} .fw-app.fw-device-mobile .new-report-period .new-report-two{grid-template-columns:1fr 1fr!important;gap:6px!important} .fw-app.fw-device-mobile .new-report-period label{margin-bottom:0!important} .fw-app.fw-device-mobile .new-report-period input[type=date]{min-height:34px!important;height:34px!important;padding:3px 5px!important} .fw-app.fw-device-mobile .expense-detail-actions{display:none} .fw-app.fw-device-mobile .mobile-expense-savebar{ display:grid!important;grid-template-columns:88px 1fr;gap:8px;position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:250; padding:7px;background:rgba(255,255,255,.96);border:1px solid #cfe0ef;border-radius:14px;box-shadow:0 12px 34px rgba(19,59,94,.24);backdrop-filter:blur(10px) } .fw-app.fw-device-mobile .mobile-expense-savebar .btn,.fw-app.fw-device-mobile .mobile-expense-savebar button{min-height:44px!important;height:44px;padding:7px 10px;font-size:13px;font-weight:800;text-align:center} .fw-app.fw-device-mobile .mobile-expense-savebar .success{background:linear-gradient(180deg,#20a35b,#148a4b)} } @media(max-width:390px){ .fw-app.fw-device-mobile .expense-entry-card{padding:7px 6px} .fw-app.fw-device-mobile .mobile-expense-savebar{left:5px;right:5px;bottom:max(5px,env(safe-area-inset-bottom))} } /* FraisWork v2.42.40-beta - CLARTE CATEGORIES DE DEPENSE */ .fw-app .category-create-panel{overflow:visible} .fw-app .category-create-form{display:flex;flex-direction:column;gap:14px} .fw-app .category-main-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr);gap:14px} .fw-app .field-title{display:block;font-weight:800;color:#294c69;margin-bottom:5px} .fw-app .category-options-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .fw-app .category-option-card{display:flex;flex-direction:column;gap:6px;padding:12px 13px;border:1px solid #d8e3ee;border-radius:10px;background:#fbfdff;margin:0;font-weight:400} .fw-app .category-option-card>span{display:flex;align-items:flex-start;gap:7px;color:#294c69} .fw-app .category-option-card input{width:auto;margin-top:2px} .fw-app .category-option-card small{color:#6d7d8d;line-height:1.4} .fw-app .category-advanced{border:1px solid #d8e3ee;border-radius:10px;background:#f8fafc;padding:0 12px} .fw-app .category-advanced summary{cursor:pointer;padding:11px 0;font-weight:800;color:#35536d} .fw-app .category-advanced[open] summary{border-bottom:1px solid #e2eaf2;margin-bottom:10px} .fw-app .category-advanced label{display:block;padding-bottom:12px} .fw-app .category-ticket-note{padding:10px 12px;border-radius:8px;background:#fff7e8;border-left:4px solid #e7a43c;color:#6d5127;font-size:12px;line-height:1.45} .fw-app .category-example{margin-bottom:14px} @media(max-width:900px){.fw-app .category-main-grid,.fw-app .category-options-grid{grid-template-columns:1fr}} /* FraisWork v2.42.41-beta - DENSITE UI GLOBALE DESKTOP */ @media(min-width:901px){ .fw-app{--fw-control-h:34px;--fw-space-1:4px;--fw-space-2:7px;--fw-space-3:10px;--fw-space-4:14px;--fw-space-5:20px} .fw-app header{padding:9px 18px;gap:14px} .fw-app .brand strong{font-size:18px}.fw-app .brand span{font-size:11px} .fw-app nav{gap:5px}.fw-app nav a{padding:5px 8px;font-size:12px} .fw-app main{max-width:1600px;padding:12px 16px 20px} .fw-app .page-head{gap:8px;margin-bottom:8px}.fw-app .page-head h1{font-size:27px;margin:5px 0}.fw-app .page-head p{margin-top:3px;line-height:1.3;font-size:12px} .fw-app .panel,.fw-app .card{padding:11px 13px;margin-bottom:9px;border-radius:10px} .fw-app .panel h2,.fw-app .card h2{margin:2px 0 7px;font-size:18px}.fw-app .panel h3,.fw-app .card h3{margin:3px 0 6px;font-size:15px} .fw-app .section-head{gap:8px;margin-bottom:6px}.fw-app .section-head h2,.fw-app .section-head h3{margin-bottom:3px} .fw-app .section-intro{padding:6px 9px;margin:5px 0 8px;font-size:12px;line-height:1.3;border-left-width:3px} .fw-app .admin-help{padding:7px 10px;margin-bottom:8px;gap:8px;border-left-width:4px}.fw-app .admin-help span{font-size:12px;line-height:1.3} .fw-app .info-grid{gap:8px;margin-bottom:9px}.fw-app .info-card{padding:9px 11px;border-radius:8px}.fw-app .info-card strong{font-size:14px}.fw-app .info-card p{margin-top:4px;font-size:12px;line-height:1.3} .fw-app .grid,.fw-app .grid2,.fw-app .form-grid,.fw-app .form-grid-2,.fw-app .form-grid-3{gap:7px 9px} .fw-app .grid{grid-template-columns:repeat(auto-fit,minmax(185px,1fr))} .fw-app label{gap:3px;font-size:12px;line-height:1.2} .fw-app input,.fw-app select{height:34px;padding:5px 8px;border-radius:6px;font-size:13px} .fw-app textarea{min-height:58px;padding:6px 8px;font-size:13px} .fw-app .field-help{font-size:10.5px;line-height:1.25;margin-top:1px} .fw-app button,.fw-app .btn{min-height:32px;padding:6px 10px;border-radius:6px;font-size:12px} .fw-app .actions{gap:5px;margin:6px 0} .fw-app .tabs{gap:4px;margin-bottom:8px;padding:4px}.fw-app .tabs a{padding:6px 9px;font-size:12px} .fw-app .tablewrap{margin-bottom:9px;border-radius:9px}.fw-app th,.fw-app td{padding:7px 8px;font-size:12px;line-height:1.25} .fw-app .badge,.fw-app .user-pill{padding:3px 7px;font-size:10.5px} .fw-app .flash{padding:7px 10px;margin-bottom:7px;font-size:12px} .fw-app footer{margin-top:18px} .fw-app .cards{gap:8px;margin-bottom:9px}.fw-app .dashboard-card{min-height:105px;padding:10px 12px}.fw-app .dashboard-card .metric{font-size:24px}.fw-app .dashboard-card .card-link{margin-top:7px} .fw-app .workspace-hero{padding:10px 13px;margin-bottom:8px;border-radius:10px}.fw-app .workspace-icon{width:34px;height:34px;font-size:17px}.fw-app .workspace-title{gap:8px}.fw-app .workspace-title h2{font-size:18px}.fw-app .workspace-title p{font-size:11px} .fw-app .workspace-tabs{gap:5px;margin-bottom:7px}.fw-app .workspace-tab{padding:6px 9px;font-size:11px} .fw-app .workspace-kpis{gap:6px;margin-bottom:8px}.fw-app .kpi{min-height:68px;padding:7px 9px;grid-template-columns:28px minmax(0,1fr);column-gap:7px}.fw-app .kpi-icon{width:28px;height:28px;font-size:14px}.fw-app .kpi strong{font-size:18px}.fw-app .kpi span:not(.kpi-icon),.fw-app .kpi small{font-size:10px} .fw-app .workspace-filterbar{gap:6px;padding:7px;margin-bottom:7px}.fw-app .workspace-summary{padding:7px 9px;margin-bottom:6px} .fw-app details{margin:6px 0;border-radius:8px}.fw-app details>summary{padding:7px 10px;font-size:12px}.fw-app details>*:not(summary){margin-left:10px;margin-right:10px} .fw-app .structure-detail-grid{gap:9px}.fw-app .structure-detail-hero{padding:10px 13px;gap:10px}.fw-app .structure-section h2{padding-bottom:5px} .fw-app .notification-list{gap:6px}.fw-app .notification-row{padding:8px 10px;gap:8px;border-radius:9px}.fw-app .notification-main h3{margin:2px 0 3px;font-size:13px}.fw-app .notification-main p{font-size:11px} } /* v2.42.41 - création de catégorie ultra-compacte */ @media(min-width:901px){ .fw-app .category-create-panel{padding-bottom:10px} .fw-app .category-create-panel .section-head{margin-bottom:4px} .fw-app .category-create-panel .section-intro{margin-bottom:6px} .fw-app .category-create-form{gap:7px} .fw-app .category-compact-row{display:grid;grid-template-columns:minmax(250px,1.5fr) minmax(135px,.55fr) auto auto auto auto;gap:7px;align-items:end} .fw-app .category-compact-row>label{margin:0} .fw-app .category-inline-check{display:flex;align-items:center;gap:5px;height:34px;padding:0 7px;border:1px solid #d8e3ee;border-radius:7px;background:#fbfdff;white-space:nowrap;font-size:11px;color:#294c69;font-weight:700} .fw-app .category-inline-check input{width:16px;height:16px;margin:0} .fw-app .category-add-btn{height:34px;align-self:end;white-space:nowrap} .fw-app .category-help-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;color:#6d7d8d;font-size:10.5px} .fw-app .category-help-row details{display:inline-block;margin:0;background:transparent;border:0} .fw-app .category-help-row details>summary{display:inline-block;padding:2px 4px;color:#35658e;text-decoration:underline;text-underline-offset:2px;font-weight:700} .fw-app .category-help-row details[open]>summary{border:0;background:transparent} .fw-app .category-help-row details>div{margin:5px 0 0;padding:7px 9px;border:1px solid #d8e3ee;border-radius:7px;background:#f8fbfe;max-width:850px;line-height:1.35} .fw-app .category-advanced{display:inline-block;padding:0;border:0;background:transparent;margin:0} .fw-app .category-advanced summary{padding:2px 4px;font-size:10.5px;text-decoration:underline;text-underline-offset:2px} .fw-app .category-advanced[open]{display:block;width:100%;padding:7px 9px;border:1px solid #d8e3ee;background:#f8fafc} .fw-app .category-advanced[open] summary{margin-bottom:6px;padding-bottom:5px} .fw-app .category-advanced label{max-width:520px;padding-bottom:4px} } @media(max-width:900px){.fw-app .category-compact-row{display:grid;grid-template-columns:1fr;gap:8px}.fw-app .category-inline-check{display:flex;align-items:center;gap:7px}.fw-app .category-add-btn{width:100%}} /* FraisWork v2.42.44-beta - composition règles optimisée */ @media(min-width:1101px){ .fw-app [data-structure-panel="rules"] .rules-card-grid{display:grid;gap:10px;align-items:start;margin-bottom:9px} .fw-app [data-structure-panel="rules"] .rules-card-grid-two{grid-template-columns:minmax(360px,.72fr) minmax(650px,1.58fr)} .fw-app [data-structure-panel="rules"] .rules-card{margin-bottom:9px;min-width:0;box-shadow:0 3px 12px rgba(39,75,109,.08)} .fw-app [data-structure-panel="rules"] .rules-card-grid .rules-card{margin-bottom:0} .fw-app [data-structure-panel="rules"] .rules-card .section-intro{margin-bottom:6px} .fw-app [data-structure-panel="rules"] .rules-card form>button{margin-top:5px} .fw-app [data-structure-panel="rules"] .rules-card-orange{border-top:4px solid var(--fw-orange)} .fw-app [data-structure-panel="rules"] .rules-card-purple{border-top:4px solid var(--fw-purple)} .fw-app [data-structure-panel="rules"] .rules-card-blue{border-top:4px solid var(--fw-blue);background:linear-gradient(180deg,#fbfdff 0%,#fff 100%)} .fw-app [data-structure-panel="rules"] .rules-card-grid-two>.rules-card-orange .grid{grid-template-columns:1fr 1fr} .fw-app [data-structure-panel="rules"] .rules-card-grid-two>.rules-card-purple .grid{grid-template-columns:repeat(4,minmax(150px,1fr))} .fw-app [data-structure-panel="rules"] .rules-card-grid-two>.rules-card-purple .inline-check{align-self:center} .fw-app [data-structure-panel="rules"] .category-create-panel{position:relative;width:100%;max-width:none} .fw-app [data-structure-panel="rules"] .category-create-panel:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:10px 0 0 10px;background:var(--fw-blue)} .fw-app [data-structure-panel="rules"] .category-create-panel .category-compact-row{grid-template-columns:minmax(280px,1.75fr) minmax(120px,.55fr) auto auto auto auto} .fw-app [data-structure-panel="rules"] > .rules-card:not(.category-create-panel){max-width:760px} } @media(min-width:901px) and (max-width:1100px){ .fw-app [data-structure-panel="rules"] .rules-card-grid{display:grid;grid-template-columns:1fr;gap:9px;margin-bottom:9px} .fw-app [data-structure-panel="rules"] .rules-card{margin-bottom:9px} .fw-app [data-structure-panel="rules"] .category-create-panel{width:100%;max-width:none} } @media(max-width:900px){ .fw-app [data-structure-panel="rules"] .rules-card-grid{display:block} .fw-app [data-structure-panel="rules"] .rules-card{margin-bottom:9px} } /* FraisWork v2.42.45-beta - disposition finale de la page Règles */ @media(min-width:1101px){ .fw-app [data-structure-panel="rules"] .rules-top-grid{ display:grid; grid-template-columns:minmax(420px,.92fr) minmax(680px,1.55fr); gap:10px; align-items:stretch; margin-bottom:9px; } .fw-app [data-structure-panel="rules"] .rules-top-grid>.panel{ margin-bottom:0; min-width:0; height:100%; } .fw-app [data-structure-panel="rules"] .rules-routing-card{ display:flex; flex-direction:column; } .fw-app [data-structure-panel="rules"] .rules-routing-card .approval-routing-form{ grid-template-columns:repeat(5,minmax(135px,1fr)) minmax(190px,.95fr); gap:7px; align-items:end; } .fw-app [data-structure-panel="rules"] .rules-routing-card .approval-routing-form>button{ min-height:38px; margin:0; } .fw-app [data-structure-panel="rules"] .rules-receipt-compact{ width:100%; max-width:none !important; margin-bottom:9px; } .fw-app [data-structure-panel="rules"] .rules-receipt-compact .section-head{ margin-bottom:4px; } .fw-app [data-structure-panel="rules"] .rules-receipt-compact form{ display:grid; grid-template-columns:minmax(260px,.8fr) minmax(220px,.55fr) auto; gap:10px; align-items:end; } .fw-app [data-structure-panel="rules"] .rules-receipt-compact form>.grid{ display:contents; } .fw-app [data-structure-panel="rules"] .rules-receipt-compact form>button{ margin:0 0 1px 0; white-space:nowrap; } .fw-app [data-structure-panel="rules"] .rules-risk-full{ width:100%; max-width:none !important; margin-top:9px; } .fw-app [data-structure-panel="rules"] .rules-risk-full .grid{ grid-template-columns:repeat(4,minmax(150px,1fr)); } } @media(min-width:901px) and (max-width:1100px){ .fw-app [data-structure-panel="rules"] .rules-top-grid{display:grid;grid-template-columns:1fr;gap:9px;margin-bottom:9px} .fw-app [data-structure-panel="rules"] .rules-receipt-compact{width:100%;max-width:none} } @media(max-width:900px){ .fw-app [data-structure-panel="rules"] .rules-top-grid{display:block} .fw-app [data-structure-panel="rules"] .rules-top-grid>.panel{margin-bottom:9px} } /* FraisWork v2.42.46-beta - page Regles : deuxieme ligne 50/50 */ @media(min-width:1101px){ .fw-app [data-structure-panel="rules"] .rules-second-grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px; align-items:stretch; margin-bottom:9px; } .fw-app [data-structure-panel="rules"] .rules-second-grid>.panel{ margin:0; min-width:0; height:100%; display:flex; flex-direction:column; } .fw-app [data-structure-panel="rules"] .rules-second-grid>.panel>form{ flex:1; display:flex; flex-direction:column; } .fw-app [data-structure-panel="rules"] .rules-second-grid>.panel>form>button{ align-self:flex-start; margin-top:auto; } .fw-app [data-structure-panel="rules"] .rules-second-grid .rules-receipt-compact form{ display:flex; flex-direction:column; } .fw-app [data-structure-panel="rules"] .rules-second-grid .rules-receipt-compact form>.grid{ display:grid; grid-template-columns:minmax(220px,1fr) minmax(180px,.8fr); gap:8px; align-items:end; } .fw-app [data-structure-panel="rules"] .rules-second-grid .rules-risk-full{ margin-top:0; } .fw-app [data-structure-panel="rules"] .rules-second-grid .rules-risk-full .grid{ grid-template-columns:repeat(3,minmax(135px,1fr)); gap:7px; } } @media(max-width:1100px){ .fw-app [data-structure-panel="rules"] .rules-second-grid{ display:grid; grid-template-columns:1fr; gap:9px; margin-bottom:9px; } } /* FraisWork v2.42.47-beta - palette coherente des vignettes dans toute l'application */ .fw-app main .panel:not(.login):not(.mfa-panel), .fw-app main .card{ --fw-card-accent:#2474d8; --fw-card-soft:#eef6ff; --fw-card-text:#174f8f; } .fw-app main .panel-accent-blue{--fw-card-accent:#2474d8;--fw-card-soft:#eef6ff;--fw-card-text:#174f8f} .fw-app main .panel-accent-green{--fw-card-accent:#22a06b;--fw-card-soft:#edf9f2;--fw-card-text:#176b49} .fw-app main .panel-accent-purple{--fw-card-accent:#7a5ad8;--fw-card-soft:#f3efff;--fw-card-text:#5841a7} .fw-app main .panel-accent-orange{--fw-card-accent:#e58a22;--fw-card-soft:#fff6e8;--fw-card-text:#9a5810} .fw-app main .panel-accent-red{--fw-card-accent:#d95362;--fw-card-soft:#fff0f2;--fw-card-text:#9e3541} .fw-app main .panel-accent-teal{--fw-card-accent:#1598a4;--fw-card-soft:#eafafb;--fw-card-text:#0b6f78} .fw-app main .panel-accent-slate{--fw-card-accent:#64748b;--fw-card-soft:#f1f4f7;--fw-card-text:#475569} /* Repere visuel uniforme : bandeau fin + pastille devant les titres */ .fw-app main .panel:not(.login):not(.mfa-panel){ position:relative; overflow:visible; } .fw-app main .panel:not(.login):not(.mfa-panel)::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; border-radius:10px 0 0 10px; background:var(--fw-card-accent); pointer-events:none; } .fw-app main .panel:not(.login):not(.mfa-panel) h2, .fw-app main .panel:not(.login):not(.mfa-panel) h3{ position:relative; } .fw-app main .panel:not(.login):not(.mfa-panel) h2::before, .fw-app main .panel:not(.login):not(.mfa-panel) h3::before{ content:""; display:inline-block; width:9px; height:9px; margin-right:8px; border-radius:999px; background:var(--fw-card-accent); box-shadow:0 0 0 4px var(--fw-card-soft); vertical-align:2px; } /* Les vignettes fonctionnelles reutilisent la meme palette */ .fw-app main .card{ position:relative; border-left:4px solid var(--fw-card-accent); } .fw-app main .card.card-success,.fw-app main .card.card-paid{--fw-card-accent:#22a06b;--fw-card-soft:#edf9f2;--fw-card-text:#176b49} .fw-app main .card.card-warning,.fw-app main .card.card-returned{--fw-card-accent:#e58a22;--fw-card-soft:#fff6e8;--fw-card-text:#9a5810} .fw-app main .card.card-accounting,.fw-app main .card.card-online{--fw-card-accent:#1598a4;--fw-card-soft:#eafafb;--fw-card-text:#0b6f78} .fw-app main .card.card-pending{--fw-card-accent:#2474d8;--fw-card-soft:#eef6ff;--fw-card-text:#174f8f} .fw-app main .card.card-draft{--fw-card-accent:#64748b;--fw-card-soft:#f1f4f7;--fw-card-text:#475569} /* Page Regles : repères explicitement visibles sur les quatre vignettes principales */ .fw-app [data-structure-panel="rules"] .rules-card .section-head h2{ display:flex; align-items:center; gap:8px; } .fw-app [data-structure-panel="rules"] .rules-card .section-head h2::before{ flex:0 0 auto; } .fw-app [data-structure-panel="rules"] .rules-card-orange .section-head{ border-bottom:1px solid #f2d6ae; padding-bottom:6px; } .fw-app [data-structure-panel="rules"] .rules-card-green .section-head{ border-bottom:1px solid #c9e8d7; padding-bottom:6px; } .fw-app [data-structure-panel="rules"] .rules-card-purple .section-head{ border-bottom:1px solid #ddd2f5; padding-bottom:6px; } @media(max-width:700px){ .fw-app main .panel:not(.login):not(.mfa-panel)::before{width:3px} .fw-app main .panel:not(.login):not(.mfa-panel) h2::before, .fw-app main .panel:not(.login):not(.mfa-panel) h3::before{width:8px;height:8px;margin-right:6px} } /* FraisWork v2.42.48-beta - fiche note de frais compacte */ @media(min-width:981px){ .fw-app .report-info-panel{padding:12px 14px} .fw-app .report-info-titlebar{margin-bottom:10px;padding-bottom:8px;align-items:center} .fw-app .report-info-titlebar h2{font-size:20px;margin:1px 0 2px} .fw-app .report-info-layout{grid-template-columns:minmax(0,1.55fr) minmax(330px,.85fr);gap:9px} .fw-app .report-info-card{padding:10px 12px;border-radius:11px;box-shadow:0 3px 10px rgba(31,65,100,.06)} .fw-app .report-info-card-head{gap:8px;margin-bottom:8px;padding-bottom:7px} .fw-app .report-info-card-head h3{font-size:15px} .fw-app .report-info-card-head p{font-size:11px;margin-top:1px} .fw-app .report-info-icon{width:30px;height:30px;border-radius:8px;font-size:15px} .fw-app .report-info-card .form-grid{gap:7px} .fw-app .report-info-card label{margin:0} .fw-app .report-info-card .field-help{font-size:10px;margin:1px 0 3px} .fw-app .report-info-card input,.fw-app .report-info-card select{min-height:32px;padding-top:5px;padding-bottom:5px} .fw-app .report-info-card textarea{min-height:48px;height:48px;padding-top:6px;padding-bottom:6px} .fw-app .period-summary{margin-top:7px;padding:7px 9px} .fw-app .finance-summary{margin-top:7px;gap:5px} .fw-app .finance-summary>div{padding:7px 8px;min-height:54px} .fw-app .advance-balance-box{padding:8px 10px} .fw-app .advance-balance-box strong{font-size:19px} .fw-app .report-info-actions{margin-top:9px;padding-top:8px} .fw-app .report-info-actions button{padding:7px 12px} .fw-app .info-mission textarea{max-height:52px} } @media(min-width:1250px){ .fw-app .report-info-layout{grid-template-columns:minmax(0,1.55fr) minmax(360px,.9fr)} .fw-app .info-mission{grid-column:1;grid-row:1} .fw-app .info-period{grid-column:2;grid-row:1} .fw-app .info-accounting{grid-column:1;grid-row:2} .fw-app .info-finance{grid-column:2;grid-row:2} } /* FraisWork v2.42.49-beta - parcours indemnites kilometriques */ .vehicle-profile-card{display:grid;grid-template-columns:minmax(260px,1fr) minmax(280px,.9fr);gap:12px;align-items:center;padding:10px 12px;margin:8px 0;border:1px solid #dbe6f2;border-radius:12px;background:linear-gradient(135deg,#fff,#f7fbff)} .vehicle-proof-form{margin:0;align-items:end}.vehicle-proof-form label{margin:0} .mileage-route-panel{grid-column:1/-1;margin-top:10px;padding:12px;border:1px solid #bcdff0;border-radius:14px;background:linear-gradient(135deg,#f6fcff,#eef9f8)} .mileage-route-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.mileage-route-head>div{display:flex;flex-direction:column;gap:2px}.mileage-route-head span{font-size:.82rem;color:#5b7287} .route-calc-actions{display:flex;gap:8px;align-items:end;align-self:end}.route-calc-status{font-size:.8rem;color:#567087} .mileage-route-map{margin-top:10px;border:1px solid #d6e3ed;border-radius:12px;overflow:hidden;background:#eef5f8}.mileage-route-map svg{display:block;width:100%;height:150px}.route-map-bg{fill:#f2f7f9}.route-map-line{fill:none;stroke:#1769d2;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.route-map-start{fill:#159a62}.route-map-end{fill:#e56b2f}.mileage-route-map text{font-size:13px;fill:#365269;font-weight:700}.mileage-route-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.mileage-route-summary>div{padding:7px 10px;border-radius:10px;background:#fff;border:1px solid #dce7ee;display:flex;align-items:center;justify-content:space-between;gap:8px}.mileage-route-summary span{font-size:.8rem;color:#6a7f91}.mileage-route-summary strong{color:#164b78} @media(max-width:900px){.vehicle-profile-card{grid-template-columns:1fr}.mileage-route-summary{grid-template-columns:1fr}.mileage-route-map svg{height:120px}} /* FraisWork v2.42.49-beta - kilometrage assiste, carte grise et itineraire */ .vehicle-profile-card{border-left:4px solid #e58a22} .mileage-route-panel{position:relative;overflow:hidden} .mileage-route-panel::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#1598a4} .mileage-route-map{background-image:linear-gradient(rgba(21,152,164,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(21,152,164,.045) 1px,transparent 1px);background-size:28px 28px} /* FraisWork v2.42.50-beta - lecture enrichie carte grise */ .vehicle-tech-meta{display:flex;flex-wrap:wrap;gap:5px 8px;margin-top:7px} .vehicle-tech-meta span{display:inline-flex;gap:4px;align-items:center;padding:3px 7px;border:1px solid #dbe6f2;border-radius:999px;background:#f7fbff;font-size:.78rem;color:#435a73} .vehicle-tech-meta b{color:#173b63;font-weight:700} /* v2.42.51 - actions vehicules */ .vehicle-card-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:260px} .vehicle-delete-form{margin:0} .vehicle-delete-form .danger{white-space:nowrap} @media(max-width:900px){.vehicle-card-actions{align-items:stretch;min-width:0}.vehicle-delete-form .danger{width:100%}} /* FraisWork v2.42.55-beta - diagnostic et reanalyse carte grise */ .vehicle-reanalyze-form{margin:0}.vehicle-ocr-status{margin-top:6px;padding:5px 8px;border-radius:8px;background:#f5f8fc;font-size:.78rem;color:#42576d}.vehicle-ocr-status span{display:block;margin-top:2px;color:#60758a}.vehicle-ocr-status.ok{border-left:3px solid #22a06b}.vehicle-ocr-status.partial{border-left:3px solid #e3a008}.vehicle-ocr-status.empty,.vehicle-ocr-status.error{border-left:3px solid #d64545}.vehicle-card-actions .vehicle-proof-form{width:100%} /* FraisWork v2.42.57-beta - onglet Administration actif toujours lisible */ .fw-app .admin-tabs a.active{ background:#1769d2!important; color:#fff!important; border-color:#1769d2!important; box-shadow:0 4px 12px rgba(23,105,210,.22)!important; font-weight:800; } .fw-app .admin-tabs a.active:hover{ background:#145db9!important; color:#fff!important; } .fw-app .admin-tabs a.admin-tab-sessions.active{ background:#218653!important; border-color:#218653!important; color:#fff!important; } /* FraisWork v2.42.58-beta - analyse carte grise avant creation */ .vehicle-ocr-preview{margin:8px 0;padding:8px 10px;border-radius:10px;border:1px solid #dbe6f2;background:#f7fbff;font-size:.84rem}.vehicle-ocr-preview.ok{border-left:4px solid #22a06b;background:#f0fbf5}.vehicle-ocr-preview.warning{border-left:4px solid #e3a008;background:#fff9e8}.vehicle-ocr-preview.error{border-left:4px solid #d64545;background:#fff3f3}.vehicle-ocr-preview.loading{border-left:4px solid #287bdc}.vehicle-ocr-preview-fields{display:flex;flex-wrap:wrap;gap:5px 8px;margin-top:6px}.vehicle-ocr-preview-fields span{padding:3px 7px;border:1px solid #dbe6f2;border-radius:999px;background:#fff} /* v2.42.66 - Google Maps / étapes kilométriques / carte grise enrichie */ .route-waypoints{display:grid;gap:7px;margin-top:9px} .route-waypoint-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 9px;border:1px solid #d7e6ef;border-radius:10px;background:#fff} .route-waypoint-row>span{font-size:.78rem;font-weight:700;color:#60798e;text-transform:uppercase;letter-spacing:.03em} .route-waypoint-row input{margin:0} .google-route-frame{width:100%;height:280px;background:#eef5f8} .google-route-frame iframe{display:block;width:100%;height:100%;border:0} .vehicle-detected-fields{margin-top:9px;border:1px solid #dbe6f2;border-radius:10px;background:#fbfdff;padding:7px 9px} .vehicle-detected-fields summary{cursor:pointer;font-weight:700;color:#365269} .vehicle-detected-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px} .vehicle-detected-grid>div{display:grid;grid-template-columns:48px minmax(0,1fr);gap:2px 8px;padding:7px 8px;border:1px solid #e2ebf3;border-radius:8px;background:#fff} .vehicle-detected-grid b{grid-row:1/3;color:#1e5f91} .vehicle-detected-grid span{font-size:.76rem;color:#6b7f91} .vehicle-detected-grid strong{font-size:.86rem;color:#233848;overflow-wrap:anywhere} @media(max-width:900px){.route-waypoint-row{grid-template-columns:1fr}.vehicle-detected-grid{grid-template-columns:1fr}.google-route-frame{height:240px}} /* FraisWork v2.42.79 - feedback clic + maintien de contexte */ .fw-app button:active,.fw-app .btn:active,.fw-app button.fw-click-active,.fw-app .btn.fw-click-active{ transform:translateY(0) scale(.985)!important; filter:brightness(1.14) saturate(1.16)!important; box-shadow:0 0 0 4px rgba(64,151,255,.28),0 8px 20px rgba(23,105,210,.30)!important; } .fw-app .btn.secondary:active,.fw-app button.secondary:active,.fw-app .btn.secondary.fw-click-active,.fw-app button.secondary.fw-click-active{ background:#eaf4ff!important;color:#174f86!important;border-color:#78afe8!important; box-shadow:0 0 0 4px rgba(64,151,255,.22),0 7px 18px rgba(32,93,148,.16)!important; } .fw-app .btn.success:active,.fw-app button.success:active,.fw-app .btn.success.fw-click-active,.fw-app button.success.fw-click-active{ box-shadow:0 0 0 4px rgba(33,165,95,.24),0 8px 20px rgba(20,138,75,.28)!important; } .fw-app .btn.warning:active,.fw-app button.warning:active,.fw-app .btn.warning.fw-click-active,.fw-app button.warning.fw-click-active{ box-shadow:0 0 0 4px rgba(220,150,31,.24),0 8px 20px rgba(190,118,5,.26)!important; } .fw-app .btn.danger:active,.fw-app button.danger:active,.fw-app .btn.danger.fw-click-active,.fw-app button.danger.fw-click-active{ box-shadow:0 0 0 4px rgba(216,74,74,.24),0 8px 20px rgba(185,46,46,.28)!important; } @media (prefers-reduced-motion:reduce){.fw-app button,.fw-app .btn{transition:none!important}} /* v2.42.81 - tri interactif des catégories */ .table-sort-link{appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-weight:700;padding:0;cursor:pointer;box-shadow:none;text-transform:inherit} .table-sort-link:hover,.table-sort-link:focus-visible{color:#1267d6;text-decoration:underline;outline:none} .table-sort-link span{display:inline-block;min-width:1.1em;text-align:center} /* v2.42.86 - kilométrique : restauration de la grille + vraie carte Google */ .fw-app .exp-route{border-color:#a9ddd7;background:linear-gradient(145deg,#f4fffd,#fff 76%)} .fw-app .exp-route .expense-card-head>span{background:#dff7f2;color:#087c72} .fw-app .exp-route h3{color:#0b6d66} .fw-app .exp-route .route-status-pill{margin-left:auto} .fw-app .mileage-route-panel.expense-entry-card{grid-column:1/-1;margin-top:0;padding:15px;overflow:visible} .fw-app .mileage-route-panel.expense-entry-card::before{display:none} .fw-app .mileage-route-panel .mileage-route-map{margin-top:12px;background:#eef5f8} .fw-app .mileage-route-panel .google-route-frame{height:320px;border-radius:11px;overflow:hidden} .fw-app .route-map-unavailable{padding:28px 18px;text-align:center;color:#7a5b20;background:#fff8e9;border:1px solid #efd59c;border-radius:10px} .fw-app [data-mileage-only][style*="display: none"],.fw-app [data-mileage-route-panel][style*="display: none"]{display:none!important} @media(max-width:900px){.fw-app .mileage-route-panel .google-route-frame{height:260px}} /* v2.42.91 - sélection d'itinéraires Google Maps */ .route-alternatives{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:10px} .route-alt-card{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:9px 11px;border:1px solid #cfdde8;border-radius:10px;background:#fff;color:#24465f;text-align:left;box-shadow:none} .route-alt-card:hover{border-color:#6da7d8;background:#f7fbff} .route-alt-card.is-selected{border:2px solid #1769d2;background:#eef6ff;padding:8px 10px} .route-alt-card strong{font-size:.9rem}.route-alt-card span{font-size:.82rem;font-weight:700}.route-alt-card small{font-size:.75rem;color:#6b7f90} .google-js-route-map{width:100%;height:320px;background:#eef5f8} @media(max-width:900px){.google-js-route-map{height:260px}.route-alternatives{grid-template-columns:1fr}} /* v2.42.94 - actions kilométriques sans toucher au rendu Google Maps */ .expense-detail-primary-actions{margin-left:auto;display:flex;align-items:center;gap:10px} .btn-return-trip{background:#1769d2!important;border-color:#1769d2!important;color:#fff!important;font-weight:700} .btn-return-trip:hover{background:#0f58b7!important;border-color:#0f58b7!important;color:#fff!important} @media(max-width:900px){.expense-detail-primary-actions{width:100%;flex-direction:column;align-items:stretch}.expense-detail-primary-actions .btn,.expense-detail-primary-actions button{width:100%}} /* v2.42.95 - sélection des itinéraires directement sur la carte */ .route-alternatives{display:none!important} .route-map-help{margin:8px 0 6px;padding:8px 10px;border-radius:8px;background:#eef6ff;color:#315b7d;font-size:.82rem;font-weight:600} /* v2.42.97 - carte kilometrique robuste : Embed visible jusqu'au rendu JS */ .fw-app .mileage-route-panel .mileage-route-map{position:relative;min-height:320px} .fw-app .mileage-route-panel .google-js-route-map{position:absolute;inset:0;z-index:2;width:100%;height:320px;background:transparent} .fw-app .mileage-route-panel .google-route-frame{position:relative;z-index:1} @media(max-width:900px){.fw-app .mileage-route-panel .mileage-route-map{min-height:260px}.fw-app .mileage-route-panel .google-js-route-map{height:260px}} /* v2.42.102 - Tableaux homogènes et triables */ .fw-app table thead th{vertical-align:middle} .fw-app .fw-sortable-table thead th{padding:0;background:linear-gradient(180deg,#edf4fb,#e7f0f8);color:#244e73;white-space:nowrap} .fw-app .fw-sortable-table thead th.fw-sort-static{padding:10px} .fw-app .fw-table-sort{appearance:none;width:100%;min-height:44px;margin:0;padding:10px;border:0;border-radius:0;background:transparent;color:inherit;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;font:inherit;font-weight:700;line-height:1.2;cursor:pointer;box-shadow:none} .fw-app .fw-table-sort:hover,.fw-app .fw-table-sort:focus-visible{background:#dceaf8;color:#165a9f;outline:none} .fw-app th[data-sort-direction="asc"] .fw-table-sort,.fw-app th[data-sort-direction="desc"] .fw-table-sort{background:#d8e9fb;color:#0e62b7} .fw-app .fw-table-sort-label{min-width:0} .fw-app .fw-table-sort-arrow{flex:0 0 auto;font-size:14px;opacity:.8} .fw-app .fw-sortable-table th.amount .fw-table-sort{justify-content:flex-end} /* v2.42.102 - Carte kilométrique : aucune zone vide */ .fw-app .mileage-route-panel .google-route-frame[hidden],.fw-app .mileage-route-panel .google-js-route-map[hidden]{display:none!important} .fw-app .mileage-route-panel .google-route-frame:not([hidden]){display:block!important;min-height:320px} .fw-app .mileage-route-panel .google-route-frame iframe{display:block!important;min-height:320px;background:#eef5f8} @media(max-width:900px){.fw-app .mileage-route-panel .google-route-frame:not([hidden]),.fw-app .mileage-route-panel .google-route-frame iframe{min-height:260px}} /* v2.42.104 - choix direct des itineraires sur la carte */ .fw-route-map-label{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1px;min-width:84px;padding:5px 8px;border:1px solid rgba(48,72,93,.28);border-radius:8px;background:rgba(255,255,255,.96);box-shadow:0 2px 8px rgba(21,48,72,.2);color:#30485d;font-size:11px;line-height:1.15;text-align:center;cursor:pointer;user-select:none;white-space:nowrap;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;z-index:5} .fw-route-map-label strong{font-size:12px;color:#1f3448} .fw-route-map-label span{font-size:10px;color:#60798d} .fw-route-map-label:hover,.fw-route-map-label:focus{transform:translate(-50%,-50%) scale(1.05);outline:none;box-shadow:0 3px 11px rgba(21,48,72,.28);border-color:#2b7bd8} .fw-route-map-label.is-selected{border:2px solid #1469d4;box-shadow:0 3px 12px rgba(20,105,212,.28)} /* v2.42.105 - référentiel unique des communes dans toute l'application */ .fw-commune-picker-global{position:relative;display:block;width:100%} .fw-commune-picker-global>input{width:100%} .fw-commune-results-global{position:absolute;z-index:1200;left:0;right:0;top:calc(100% + 4px);max-height:260px;overflow:auto;background:#fff;border:1px solid #bfd2e7;border-radius:10px;box-shadow:0 12px 28px rgba(31,73,125,.16);padding:4px} .fw-commune-option{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;width:100%;padding:8px 10px;border:0;border-radius:7px;background:transparent;color:#23415f;text-align:left;cursor:pointer} .fw-commune-option:hover,.fw-commune-option.is-active{background:#eaf4ff} .fw-commune-option strong{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .fw-commune-option span{font-variant-numeric:tabular-nums;color:#355d82} .fw-commune-option small{grid-column:1/-1;color:#7890a8;font-size:11px} /* FraisWork v2.42.106-beta - nouvelle note compacte */ @media(min-width:701px){ .fw-app .new-report-panel{padding:14px 16px 16px} .fw-app .new-report-titlebar{gap:10px;margin-bottom:10px;padding-bottom:9px} .fw-app .new-report-title-icon{width:36px;height:36px;border-radius:10px;font-size:22px;flex:0 0 36px} .fw-app .new-report-title-copy{display:flex;align-items:center;justify-content:space-between;gap:18px;flex:1;min-width:0} .fw-app .new-report-title-copy h2{margin:0;font-size:20px;white-space:nowrap} .fw-app .new-report-title-copy p{margin:0;max-width:720px;text-align:right;font-size:12px;line-height:1.35} .fw-app .new-report-grid{gap:10px} .fw-app .new-report-card{padding:11px 12px;border-radius:12px;box-shadow:0 4px 12px rgba(30,65,100,.055)} .fw-app .new-report-card-head{gap:8px;margin-bottom:8px;padding-bottom:7px} .fw-app .new-report-card-head h3{font-size:16px} .fw-app .new-report-card-head p{font-size:11px;margin-top:1px} .fw-app .new-report-icon{width:33px;height:33px;border-radius:9px;font-size:16px;flex:0 0 33px} .fw-app .new-report-card label{margin-bottom:6px} .fw-app .new-report-card input,.fw-app .new-report-card select{min-height:35px;padding-top:6px;padding-bottom:6px} .fw-app .new-report-card textarea{min-height:64px;height:64px} .fw-app .new-report-help{margin-top:7px;padding:7px 9px;font-size:11px} .fw-app .new-report-two{gap:8px} .fw-app .new-report-trip-fields{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:8px;align-items:start} .fw-app .new-report-trip-fields label{margin-bottom:0} .fw-app .new-report-finance-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:10px;align-items:start} .fw-app .new-report-finance-row label{margin-bottom:0} .fw-app .new-report-finance-row .field-help{display:block;margin-top:5px;font-size:10.5px;line-height:1.3} .fw-app .new-report-finance .advance-balance-box{padding:8px 10px;min-height:0} .fw-app .new-report-finance .advance-balance-box strong{font-size:19px;line-height:1.1;margin:2px 0} .fw-app .new-report-finance .advance-balance-box small{font-size:10.5px;line-height:1.25} .fw-app .new-report-actions{margin-top:11px;padding-top:10px} } @media(min-width:1081px){ .fw-app .new-report-trip,.fw-app .new-report-finance{min-height:0} } @media(max-width:700px){ .fw-app .new-report-panel{padding:10px} .fw-app .new-report-titlebar{gap:8px;margin-bottom:9px;padding-bottom:8px;align-items:flex-start} .fw-app .new-report-title-icon{width:34px;height:34px;flex:0 0 34px;font-size:20px} .fw-app .new-report-title-copy{min-width:0} .fw-app .new-report-title-copy h2{font-size:18px;margin:0 0 2px} .fw-app .new-report-title-copy p{font-size:11px;line-height:1.3;margin:0} .fw-app .new-report-grid{gap:8px} .fw-app .new-report-card{padding:9px 10px!important} .fw-app .new-report-card-head{gap:7px;margin-bottom:7px;padding-bottom:6px} .fw-app .new-report-card-head h3{font-size:15px} .fw-app .new-report-card-head p{font-size:10.5px} .fw-app .new-report-icon{width:31px;height:31px;flex:0 0 31px;font-size:15px} .fw-app .new-report-trip-fields,.fw-app .new-report-finance-row{display:grid;grid-template-columns:1fr;gap:6px} .fw-app .new-report-card label{margin-bottom:5px} .fw-app .new-report-finance .advance-balance-box{padding:7px 9px} .fw-app .new-report-finance-row .field-help{margin-top:4px;font-size:10px} } /* FraisWork v2.42.108-beta - densite globale des pages */ @media(min-width:901px){ .fw-app main{padding:14px 18px 28px} .fw-app .page-head{gap:10px;margin-bottom:8px} .fw-app .page-head h1{margin:0;font-size:29px;line-height:1.08} .fw-app .page-head p{margin-top:4px;line-height:1.3} .fw-app .panel,.fw-app .card{padding:12px 14px;margin-bottom:10px;border-radius:13px} .fw-app .panel h2,.fw-app .card h2{margin-top:0;margin-bottom:7px;line-height:1.15} .fw-app .panel h3,.fw-app .card h3{margin-top:0;margin-bottom:5px;line-height:1.15} .fw-app .section-head{gap:10px} .fw-app .section-intro{margin:5px 0 8px;padding:7px 10px;line-height:1.32} .fw-app .cards{gap:9px;margin-bottom:10px} .fw-app .grid,.fw-app .grid2,.fw-app .info-grid{gap:8px} .fw-app .info-grid{margin-bottom:10px} .fw-app .info-card{padding:11px 12px;border-radius:11px} .fw-app .info-card p{margin-top:4px;line-height:1.3} .fw-app .actions{gap:6px;margin:7px 0} .fw-app .tabs,.fw-app .workspace-tabs{gap:5px;margin-bottom:9px} .fw-app .tabs a,.fw-app .workspace-tab{padding:6px 9px} .fw-app .tablewrap{margin-bottom:10px;border-radius:11px} .fw-app th,.fw-app td{padding:7px 8px} .fw-app .fw-table-sort{min-height:36px;padding:7px 8px} .fw-app .fw-sortable-table thead th.fw-sort-static{padding:7px 8px} .fw-app .flash,.fw-app .alert,.fw-app .notice,.fw-app .policy-alert{padding:9px 11px;border-radius:10px} .fw-app .structure-module-grid{gap:8px;margin-bottom:10px} .fw-app .structure-module{min-height:88px;padding:10px 12px} .fw-app .dashboard-card{min-height:108px;padding-top:11px;padding-bottom:11px} .fw-app .dashboard-card .card-link{margin-top:8px} .fw-app .metric{font-size:26px} .fw-app .expense-entry-grid{gap:9px} .fw-app .expense-entry-card{padding:11px 12px} .fw-app .expense-card-head{gap:7px;margin-bottom:8px;padding-bottom:7px} .fw-app .expense-card-head>span{width:32px;height:32px;border-radius:9px;font-size:16px} .fw-app .expense-card-head h3{font-size:15px} .fw-app .expense-card-head p{font-size:10.5px} .fw-app .expense-hint{margin-top:7px;padding:7px 9px} .fw-app .expense-entry-actions{padding-top:9px} .fw-app footer{margin-top:22px;padding-top:12px} } /* Fiche de note : résumé sur une seule bande compacte quand la largeur le permet. */ @media(min-width:1380px){ .fw-app .report-summary-panel{padding:10px 12px} .fw-app .report-summary-grid{grid-template-columns:minmax(115px,.85fr) minmax(150px,1fr) minmax(180px,1.2fr) minmax(90px,.7fr) repeat(4,minmax(110px,.75fr));gap:8px 12px;align-items:start} .fw-app .report-summary-grid>div{min-width:0} .fw-app .report-summary-grid .report-money{min-width:0} .fw-app .report-summary-grid .report-money strong{margin-top:2px;font-size:15px} } @media(min-width:901px) and (max-width:1379px){ .fw-app .report-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 12px} .fw-app .report-summary-grid .report-money{min-width:0} } /* Fiche note : cartes d'information plus denses, sans modifier les champs ni la logique. */ @media(min-width:901px){ .fw-app .report-info-panel{padding:10px 12px} .fw-app .report-info-titlebar{margin-bottom:8px;padding-bottom:7px} .fw-app .report-info-titlebar h2{font-size:18px} .fw-app .report-info-layout{gap:8px} .fw-app .report-info-card{padding:9px 10px!important} .fw-app .report-info-card-head{gap:7px;margin-bottom:7px;padding-bottom:6px} .fw-app .report-info-card-head h3{font-size:14px} .fw-app .report-info-card-head p{font-size:10px} .fw-app .report-info-icon{width:28px;height:28px;font-size:14px} .fw-app .report-info-card .form-grid{gap:6px} .fw-app .report-info-card input,.fw-app .report-info-card select{min-height:31px;height:31px;padding-top:4px;padding-bottom:4px} .fw-app .report-info-card textarea{min-height:44px;height:44px} .fw-app .period-summary{margin-top:6px;padding:6px 8px} .fw-app .finance-summary{margin-top:6px;gap:4px} .fw-app .finance-summary>div{padding:6px 7px;min-height:48px} .fw-app .advance-balance-box{padding:7px 8px} .fw-app .report-info-actions{margin-top:7px;padding-top:7px} } /* FraisWork v2.42.109-beta - support integre et contexte GLPI */ .support-hero{display:flex;align-items:center;justify-content:space-between;gap:18px} .support-mail-target{display:flex;flex-direction:column;gap:2px;text-align:right;min-width:220px}.support-mail-target span{font-size:.78rem;opacity:.78}.support-mail-target strong{font-size:.98rem} .support-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.support-hero-actions .support-mail-target{margin:0}.hr-leave-page-actions{display:flex;justify-content:flex-end;margin:8px 0 10px} .support-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,.8fr);gap:12px;align-items:start}.support-layout textarea{min-height:150px;resize:vertical}.support-context dl{display:grid;grid-template-columns:105px 1fr;gap:8px 10px;margin:0 0 12px}.support-context dt{font-weight:700;color:#536b80}.support-context dd{margin:0;overflow-wrap:anywhere} @media(max-width:900px){.support-hero{align-items:flex-start;flex-direction:column}.support-hero-actions{width:100%;justify-content:flex-start}.support-mail-target{text-align:left;min-width:0}.support-layout{grid-template-columns:1fr}} /* v2.42.110 - historique et relance des demandes Support */ .support-kpis{margin-top:10px;margin-bottom:10px}.support-history{margin-top:12px}.support-history .panel-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.support-history details{max-width:420px}.support-history summary{cursor:pointer;font-weight:700;color:#234d72}.support-request-detail{padding:8px 0;white-space:normal;max-width:520px}.support-request-detail p{margin:4px 0}.support-row-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.support-row-actions form{margin:0}.support-row-actions button{padding:6px 9px}.support-row-actions button:disabled{opacity:.48;cursor:not-allowed}.support-status-sent,.support-status-resent{background:#e7f6ee;color:#176b43}.support-status-closed{background:#eef2f6;color:#52677a}.support-status-failed{background:#fdeaea;color:#a82b2b}@media(max-width:900px){.support-history .table-wrap{overflow-x:auto}.support-history table{min-width:980px}.support-history .panel-title-row{flex-direction:column}} /* v2.42.120 - conversation Support */ .support-conversation{margin-top:12px}.support-thread{display:flex;flex-direction:column;gap:10px;margin:10px 0 14px}.support-message{max-width:78%;padding:10px 12px;border-radius:14px;border:1px solid #d8e3ef;background:#f7faff;box-shadow:0 2px 8px rgba(20,63,105,.05)}.support-message-user{align-self:flex-start;border-top-left-radius:5px}.support-message-support{align-self:flex-end;background:#eef7ff;border-color:#bcdcff;border-top-right-radius:5px}.support-message-head{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:.86rem}.support-message-head span{color:#6d8094;font-size:.78rem}.support-message-body{white-space:normal;overflow-wrap:anywhere}.support-reply-form textarea{min-height:92px}.support-mail-warning{display:block;color:#9a5b00;margin-top:6px}@media(max-width:760px){.support-message{max-width:94%}} /* v2.42.121 - RH */ .inline-form{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap}.inline-form input{min-width:160px}.inline-form button{margin:0}.toolbar{display:flex;gap:.75rem;align-items:end;flex-wrap:wrap}.toolbar label{margin:0}.toolbar button{margin:0}.span-2{grid-column:span 2}@media(max-width:760px){.span-2{grid-column:span 1}.inline-form{align-items:stretch}.inline-form input,.inline-form button{width:100%}} /* v2.42.122 - RH structure, dashboard semaine et planning calendrier */ .hr-dashboard-panel{margin-top:10px}.hr-dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card-hr-week{border-top:4px solid #2f80ed;background:linear-gradient(180deg,#f7fbff,#fff)}.card-hr-planning{border-top:4px solid #7857d8;background:linear-gradient(180deg,#faf8ff,#fff)}.hr-week-names{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}.hr-week-names span,.hr-week-names small{font-size:.78rem;padding:3px 7px;border-radius:999px;background:#edf4fb;color:#294e70}.hr-planning-legend{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:10px 0}.hr-planning-legend span{display:flex;align-items:center;gap:6px;font-size:.86rem}.hr-planning-legend i{width:16px;height:16px;border-radius:4px;border:1px solid #d5deea}.hr-legend-approved,.hr-day-approved{background:#bfe8cc!important}.hr-legend-pending,.hr-day-pending{background:#ffdca0!important}.hr-legend-weekend,.hr-weekend{background:#f2f4f7}.hr-calendar-wrap{overflow:auto;max-width:100%;border:1px solid #e2e8ef;border-radius:12px}.hr-calendar{border-collapse:separate;border-spacing:0;min-width:max-content;width:100%;font-size:.78rem}.hr-calendar th,.hr-calendar td{min-width:30px;width:30px;height:31px;padding:2px;text-align:center;border-right:1px solid #e6ebf1;border-bottom:1px solid #e6ebf1}.hr-calendar thead th{position:sticky;top:0;z-index:2;background:#f8fafc}.hr-calendar thead th span{display:block;font-size:.62rem;color:#7b8a99}.hr-calendar thead th strong{display:block;font-size:.78rem}.hr-calendar .hr-calendar-user{position:sticky;left:0;z-index:3;min-width:180px;width:180px;text-align:left;padding:6px 10px;background:#fff;font-weight:700;box-shadow:2px 0 4px rgba(20,40,60,.04)}.hr-calendar thead .hr-calendar-user{z-index:4;background:#f8fafc}.hr-day-approved,.hr-day-pending{font-weight:800;color:#34495e}.hr-structure-module-row{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(420px,2fr) auto;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid #e8edf3}.hr-structure-module-name{display:flex;flex-direction:column}.hr-structure-module-name small{color:#74879a}.hr-structure-module-checks{display:flex;gap:14px;flex-wrap:wrap}.hr-structure-module-checks label{margin:0}@media(max-width:900px){.hr-dashboard-cards{grid-template-columns:1fr}.hr-structure-module-row{grid-template-columns:1fr}.hr-calendar .hr-calendar-user{min-width:145px;width:145px}} /* v2.42.123 - RH dashboard + support compact/color */ .hr-dashboard-cards{grid-template-columns:repeat(4,minmax(0,1fr))} .card-hr-pending{border-top:4px solid #f2a72e;background:linear-gradient(180deg,#fff9ed,#fff)} .card-hr-approved{border-top:4px solid #29a35a;background:linear-gradient(180deg,#f2fcf6,#fff)} .hr-manager-badge{background:#eef2ff!important;color:#4d4aa8!important;border-color:#d7d9ff!important;font-weight:800} .support-compose-panel{border-top:4px solid #2f80ed;background:linear-gradient(180deg,#f8fbff 0,#fff 90px)} .support-context{border-top:4px solid #7857d8;background:linear-gradient(180deg,#faf8ff 0,#fff 110px)} .support-kpis .kpi{min-height:72px;padding-top:8px;padding-bottom:8px} .support-layout{gap:9px}.support-layout .panel{padding:12px 14px}.support-layout textarea{min-height:92px}.support-context dl{gap:5px 8px;margin-bottom:4px}.support-context dt,.support-context dd{font-size:.82rem}.support-history{padding-top:12px}.support-history table th,.support-history table td{padding-top:7px;padding-bottom:7px}.support-priority{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:.76rem;font-weight:800;border:1px solid #dce4ec;background:#f5f7fa;color:#44576a}.support-priority-low{background:#eef8ff;color:#2b6c92;border-color:#cde8f7}.support-priority-normal{background:#edf6ff;color:#1769d2;border-color:#cfe4fa}.support-priority-high{background:#fff7e7;color:#a86400;border-color:#f2dfb9}.support-priority-urgent{background:#fff0f0;color:#b52d2d;border-color:#f1cccc}.support-status-sent{background:#edf6ff!important;color:#1769d2!important}.support-status-resent{background:#fff7e7!important;color:#9a6500!important}.support-status-failed{background:#fff0f0!important;color:#b52d2d!important}.support-status-closed{background:#ecfaf2!important;color:#18864b!important} @media(max-width:1150px){.hr-dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:700px){.hr-dashboard-cards{grid-template-columns:1fr}} /* v2.42.125 - Dashboard organise par domaines */ .dashboard-section{margin:10px 0 14px;border-left:5px solid #d9e3ef;padding-top:14px} .dashboard-section .panel-title-row{margin-bottom:10px} .dashboard-section .panel-title-row h2{margin:0 0 2px} .dashboard-section-expenses{border-left-color:#1769d2;background:linear-gradient(90deg,#f5f9ff 0,#fff 24%)} .dashboard-section-leave{border-left-color:#29a35a;background:linear-gradient(90deg,#f3fbf6 0,#fff 24%)} .dashboard-section-payslip{border-left-color:#7857d8;background:linear-gradient(90deg,#f8f5ff 0,#fff 24%)} .dashboard-section-tools{border-left-color:#607d8b;background:linear-gradient(90deg,#f7f9fa 0,#fff 24%)} .dashboard-section-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px} .dashboard-payslip-cards{grid-template-columns:minmax(260px,520px)} .card-hr-payslip{border-top:4px solid #7857d8;background:linear-gradient(180deg,#f8f5ff,#fff)} .card-hr-payslip .payslip-period{font-size:1.9rem;letter-spacing:.02em} @media(max-width:900px){.dashboard-payslip-cards{grid-template-columns:1fr}.dashboard-section{border-left-width:4px}} /* v2.42.126 - Dashboard compact sans ascenseur sur poste utilisateur */ @media (min-width:1200px){ .dashboard-user-grid{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(520px,1.35fr);gap:8px 10px;align-items:stretch;margin:6px 0 8px} .dashboard-user-grid>.dashboard-section{margin:0;min-width:0;padding:8px 10px 9px;border-left-width:4px;border-radius:12px} .dashboard-user-grid .panel-title-row{margin-bottom:5px;min-height:28px;align-items:center} .dashboard-user-grid .panel-title-row h2{font-size:1rem;line-height:1.15;margin:0} .dashboard-user-grid .panel-title-row p{font-size:.72rem;line-height:1.1;margin:2px 0 0} .dashboard-user-grid .panel-title-row .btn,.dashboard-user-grid .panel-title-row .badge{font-size:.72rem;padding:5px 8px} .dashboard-user-grid .dashboard-cards{gap:7px;margin:0} .dashboard-user-grid .dashboard-card{min-height:72px;padding:7px 9px;border-radius:10px;box-shadow:0 2px 7px rgba(25,56,88,.05)} .dashboard-user-grid .dashboard-card .muted{font-size:.72rem;line-height:1.05;margin-bottom:1px} .dashboard-user-grid .dashboard-card .metric{font-size:1.35rem;line-height:1.05;margin:2px 0} .dashboard-user-grid .dashboard-card>div:not(.metric):not(.muted):not(.hr-week-names){font-size:.72rem;line-height:1.12} .dashboard-user-grid .card-link{font-size:.68rem;margin-top:3px} .dashboard-user-grid .dashboard-section-actions{margin-top:5px;gap:5px} .dashboard-user-grid .dashboard-section-actions .btn{font-size:.7rem;padding:5px 8px} .dashboard-user-grid .dashboard-section-expenses .dashboard-cards{grid-template-columns:repeat(3,minmax(0,1fr))} .dashboard-user-grid .hr-dashboard-cards{grid-template-columns:repeat(4,minmax(0,1fr))} .dashboard-user-grid .hr-week-names{gap:2px;margin-top:2px;max-height:24px;overflow:hidden} .dashboard-user-grid .hr-week-names span,.dashboard-user-grid .hr-week-names small{font-size:.63rem;padding:2px 4px;white-space:nowrap} .dashboard-user-grid .dashboard-payslip-cards{grid-template-columns:1fr} .dashboard-user-grid .card-hr-payslip .payslip-period{font-size:1.45rem} .dashboard-user-grid .dashboard-section-tools .dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (min-width:1200px) and (max-height:820px){ .dashboard-user-grid{gap:6px 8px;margin:3px 0 5px} .dashboard-user-grid>.dashboard-section{padding:6px 8px 7px} .dashboard-user-grid .panel-title-row{margin-bottom:3px;min-height:24px} .dashboard-user-grid .panel-title-row p{display:none} .dashboard-user-grid .dashboard-card{min-height:62px;padding:6px 8px} .dashboard-user-grid .dashboard-card .metric{font-size:1.2rem;margin:1px 0} .dashboard-user-grid .card-link{margin-top:1px} .dashboard-user-grid .dashboard-section-actions{margin-top:3px} } @media (max-width:1199px){ .dashboard-user-grid{display:block} } /* v2.42.127 - Support plus colore, compact et cloture explicite */ .fw-app .support-hero{padding:10px 14px;margin-bottom:7px;border:1px solid #c9def7;background:linear-gradient(120deg,#edf6ff 0%,#f5f0ff 55%,#ecfaf2 100%)} .fw-app .support-hero .workspace-icon{background:#d7ebff;color:#1769d2}.fw-app .support-hero h2{margin-bottom:1px}.fw-app .support-hero p{margin:0;font-size:.82rem} .fw-app .support-mail-target{padding:6px 9px;border-radius:9px;background:#fff;border:1px solid #dce8f4;box-shadow:0 2px 8px rgba(31,80,130,.05)} .fw-app .support-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:6px 0 7px}.fw-app .support-kpis .kpi{min-height:58px;padding:6px 8px;border-radius:9px}.fw-app .support-kpis .kpi strong{font-size:17px}.fw-app .support-kpis .kpi-icon{width:25px;height:25px;font-size:13px} .fw-app .support-layout{gap:7px}.fw-app .support-layout .panel{padding:9px 11px;margin-bottom:7px}.fw-app .support-compose-panel{border-top:4px solid #2f80ed;background:linear-gradient(145deg,#edf6ff 0,#fff 35%)}.fw-app .support-context{border-top:4px solid #7857d8;background:linear-gradient(145deg,#f5f0ff 0,#fff 42%)} .fw-app .support-layout h2,.fw-app .support-history h2,.fw-app .support-detail h2{margin:0 0 5px}.fw-app .support-layout label{margin-bottom:6px}.fw-app .support-layout textarea{min-height:68px}.fw-app .support-layout input,.fw-app .support-layout select,.fw-app .support-layout textarea{padding-top:7px;padding-bottom:7px} .fw-app .support-context dl{grid-template-columns:82px 1fr;gap:3px 7px;margin:0}.fw-app .support-context dt,.fw-app .support-context dd{font-size:.77rem} .fw-app .support-history{margin-top:7px;padding:9px 11px;border-top:4px solid #18a05e;background:linear-gradient(180deg,#f4fbf7 0,#fff 58px)}.fw-app .support-history .panel-title-row{gap:8px}.fw-app .support-history .panel-title-row p{margin:2px 0 5px;font-size:.79rem}.fw-app .support-history .workspace-tabs{margin:4px 0 7px}.fw-app .support-history table th,.fw-app .support-history table td{padding:5px 7px;font-size:.78rem}.fw-app .support-history table tbody tr{transition:background .12s ease}.fw-app .support-history table tbody tr:hover{background:#f4f9ff} .fw-app .support-detail{padding:10px 12px;border-top:4px solid #7857d8;background:linear-gradient(180deg,#faf8ff 0,#fff 64px)}.fw-app .support-detail .grid{gap:7px}.fw-app .support-detail textarea{min-height:72px}.fw-app .support-detail-head-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.fw-app .support-detail-head-actions form{margin:0} .fw-app .support-conversation{margin-top:7px}.fw-app .support-conversation hr,.fw-app .support-detail>hr{margin:8px 0}.fw-app .support-thread{gap:6px;margin:6px 0 8px}.fw-app .support-message{padding:7px 9px;border-radius:10px}.fw-app .support-reply-form textarea{min-height:68px} .support-close-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #e0b55b;background:#fff4d8;color:#8a5700;border-radius:8px;padding:6px 10px;font-weight:800;cursor:pointer}.support-close-btn:hover{background:#ffe9b3;border-color:#d49b2a}.support-status-closed{background:#e8edf3!important;color:#43576a!important;border-color:#ced8e2!important} @media(max-width:900px){.fw-app .support-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.fw-app .support-detail-head-actions{width:100%}} /* FraisWork 2.42.136 - RH: pages colorees, differenciees et compactes */ .fw-app .hr-tabs{background:linear-gradient(180deg,#f7fafc,#eef4f8);border-color:#d9e4ed} .fw-app .hr-tabs .hr-tab{font-weight:800;border-width:1px;border-style:solid;background:#fff;box-shadow:0 2px 7px rgba(30,60,90,.04)} .fw-app .hr-tabs .hr-tab-leave{color:#18794e;border-color:#bfe7d3;background:#f2fbf6} .fw-app .hr-tabs .hr-tab-planning{color:#1769aa;border-color:#c7def2;background:#f3f8fd} .fw-app .hr-tabs .hr-tab-payslips{color:#6741a5;border-color:#d9c8f3;background:#f8f4fe} .fw-app .hr-tabs .hr-tab-settings{color:#a15c00;border-color:#f1d3a8;background:#fff8ee} .fw-app .hr-tabs .hr-tab-employees{color:#087e8b;border-color:#bde5e9;background:#f0fbfc} .fw-app .hr-tabs .hr-tab-payroll{color:#a23978;border-color:#efc9df;background:#fff4fa} .fw-app .hr-tabs .hr-tab-vault{color:#3949ab;border-color:#cbd2f4;background:#f4f5ff} .fw-app .hr-tabs .hr-tab.active{box-shadow:0 4px 12px rgba(30,65,95,.12);transform:none} .fw-app .hr-tabs .hr-tab-leave.active{background:#dff6e9;border-color:#78c99f;color:#11663e} .fw-app .hr-tabs .hr-tab-planning.active{background:#e2f1fd;border-color:#86bbe7;color:#0f5b94} .fw-app .hr-tabs .hr-tab-payslips.active{background:#eee4fb;border-color:#b79be1;color:#55328c} .fw-app .hr-tabs .hr-tab-settings.active{background:#ffefd7;border-color:#e7b66e;color:#8a4c00} .fw-app .hr-tabs .hr-tab-employees.active{background:#dcf5f7;border-color:#7fcbd1;color:#056b75} .fw-app .hr-tabs .hr-tab-payroll.active{background:#fae4f0;border-color:#dc91ba;color:#8e2f68} .fw-app .hr-tabs .hr-tab-vault.active{background:#e7e9ff;border-color:#9ba6ea;color:#2d3b99} /* Une identite visuelle par domaine RH. :has() est supporte par les navigateurs modernes utilises avec FraisWork. */ .fw-app main:has(.hr-tabs .hr-tab-leave.active)>.panel{border-left:4px solid #44b477;background:linear-gradient(135deg,#ffffff 60%,#f0fbf5)} .fw-app main:has(.hr-tabs .hr-tab-planning.active)>.panel{border-left:4px solid #4b98d1;background:linear-gradient(135deg,#ffffff 60%,#f0f7fc)} .fw-app main:has(.hr-tabs .hr-tab-payslips.active)>.panel{border-left:4px solid #8d6bc4;background:linear-gradient(135deg,#ffffff 60%,#f7f2fd)} .fw-app main:has(.hr-tabs .hr-tab-settings.active)>.panel{border-left:4px solid #e39b3c;background:linear-gradient(135deg,#ffffff 60%,#fff7ea)} .fw-app main:has(.hr-tabs .hr-tab-employees.active)>.panel{border-left:4px solid #29a7b4;background:linear-gradient(135deg,#ffffff 60%,#effafb)} .fw-app main:has(.hr-tabs .hr-tab-payroll.active)>.panel{border-left:4px solid #c95b98;background:linear-gradient(135deg,#ffffff 60%,#fff2f8)} .fw-app main:has(.hr-tabs .hr-tab-vault.active)>.panel{border-left:4px solid #5968d5;background:linear-gradient(135deg,#ffffff 60%,#f2f3ff)} .fw-app main:has(.hr-tabs .hr-tab-leave.active)>.panel h2{color:#176d47} .fw-app main:has(.hr-tabs .hr-tab-planning.active)>.panel h2{color:#175f94} .fw-app main:has(.hr-tabs .hr-tab-payslips.active)>.panel h2{color:#5c3897} .fw-app main:has(.hr-tabs .hr-tab-settings.active)>.panel h2{color:#925300} .fw-app main:has(.hr-tabs .hr-tab-employees.active)>.panel h2{color:#087580} .fw-app main:has(.hr-tabs .hr-tab-payroll.active)>.panel h2{color:#96386d} .fw-app main:has(.hr-tabs .hr-tab-vault.active)>.panel h2{color:#3544a6} .fw-app main:has(.hr-tabs)>.panel{padding:11px 13px;margin-bottom:9px;border-radius:11px} .fw-app main:has(.hr-tabs)>.panel h2{margin:1px 0 7px;font-size:18px} .fw-app main:has(.hr-tabs)>.panel .grid{gap:8px 9px} .fw-app main:has(.hr-tabs)>.panel .tablewrap{margin-top:7px} .fw-app main:has(.hr-tabs)>.panel th{background:#edf4f9;padding-top:8px;padding-bottom:8px} .fw-app main:has(.hr-tabs)>.panel td{padding-top:7px;padding-bottom:7px} .fw-app main:has(.hr-tabs .hr-tab-leave.active)>.panel th{background:#e7f6ee} .fw-app main:has(.hr-tabs .hr-tab-planning.active)>.panel th{background:#e8f3fb} .fw-app main:has(.hr-tabs .hr-tab-payslips.active)>.panel th{background:#f0eafb} .fw-app main:has(.hr-tabs .hr-tab-settings.active)>.panel th{background:#fff1dd} .fw-app main:has(.hr-tabs .hr-tab-employees.active)>.panel th{background:#e4f7f8} .fw-app main:has(.hr-tabs .hr-tab-payroll.active)>.panel th{background:#fae8f2} .fw-app main:has(.hr-tabs .hr-tab-vault.active)>.panel th{background:#eaecff} /* FraisWork 2.42.146 - RH demandes : actions horizontales et couleur par type */ .fw-app .hr-leave-requests tbody tr.hr-leave-row-cp>td{background:#eefaf2} .fw-app .hr-leave-requests tbody tr.hr-leave-row-rtt>td{background:#eef6ff} .fw-app .hr-leave-requests tbody tr.hr-leave-row-sick>td{background:#fff7e8} .fw-app .hr-leave-requests tbody tr.hr-leave-row-unpaid>td{background:#f7f1fb} .fw-app .hr-leave-requests tbody tr.hr-leave-row-other>td{background:#f7f9fb} .fw-app .hr-leave-requests tbody tr:hover>td{filter:brightness(.985)} .fw-app .hr-leave-actions{display:flex;align-items:flex-start;gap:8px;flex-wrap:nowrap} .fw-app .hr-leave-actions details,.fw-app .hr-leave-actions form{margin:0} .fw-app .hr-leave-actions summary.hr-leave-edit{background:linear-gradient(180deg,#2f80ed,#1769c2);color:#fff;list-style:none;white-space:nowrap} .fw-app .hr-leave-actions summary.hr-leave-edit::-webkit-details-marker{display:none} .fw-app .hr-leave-actions .hr-leave-cancel{background:linear-gradient(180deg,#d84a4a,#b92e2e);color:#fff;white-space:nowrap} .fw-app .hr-leave-edit-form{min-width:620px;margin-top:.75rem;padding:10px;background:#fff;border:1px solid #dbe5ee;border-radius:9px;box-shadow:0 7px 18px rgba(30,60,90,.12)} @media(max-width:700px){.fw-app .hr-leave-actions{flex-wrap:wrap}.fw-app .hr-leave-edit-form{min-width:min(620px,82vw)}} /* FraisWork 2.42.147 - RH planning : jours feries visibles et distingues */ .fw-app .hr-planning-legend .hr-legend-holiday, .fw-app .hr-calendar .hr-day-holiday, .fw-app .hr-calendar thead th.hr-holiday{background:#fde8ef!important;border-color:#e7b6c8!important;color:#8a2348!important} .fw-app .hr-calendar .hr-day-holiday{font-weight:900;color:#8a2348!important;font-size:.67rem;letter-spacing:.02em} .fw-app .hr-calendar thead th.hr-holiday em{display:block;margin-top:1px;font-style:normal;font-size:.55rem;line-height:1;color:#a02c56;font-weight:900} .fw-app .hr-holiday-month-list{margin:5px 0 8px;padding:7px 10px;border:1px solid #edc4d3;border-radius:9px;background:#fff4f7;color:#6f2841;font-size:.82rem} .fw-app .hr-holiday-month-list strong{color:#8a2348} /* FraisWork 2.42.148 - séparation visuelle des compteurs et de la gestion des congés */ .fw-app .hr-leave-balance-zone{margin:20px 0 30px;padding:6px 0 22px;border-bottom:2px solid #d9e6f2} .fw-app .hr-leave-balance-panel{background:linear-gradient(135deg,#f7fbff 0,#ffffff 72%);border-color:#bfd8f2;box-shadow:0 8px 24px rgba(30,105,178,.08)} .fw-app .hr-leave-management-zone{margin-top:6px;padding:18px 18px 2px;border:1px solid #dbe8e2;border-radius:18px;background:linear-gradient(180deg,#f4fbf7 0,#fbfefd 100%);box-shadow:0 8px 24px rgba(22,120,74,.05)} .fw-app .hr-leave-management-head{padding:2px 4px 12px} .fw-app .hr-leave-management-head h2{margin:2px 0 4px;color:#176b49;font-size:22px} .fw-app .hr-section-kicker{display:inline-block;margin-bottom:3px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5d7890} .fw-app .hr-leave-request-panel{background:#fff;border-color:#cce7d8} .fw-app .hr-leave-history-panel{background:#fff;border-color:#c7e2e5;margin-bottom:16px} @media(max-width:700px){.fw-app .hr-leave-balance-zone{margin-bottom:20px;padding-bottom:14px}.fw-app .hr-leave-management-zone{padding:12px 9px 1px;border-radius:14px}.fw-app .hr-leave-management-head h2{font-size:19px}} /* v2.42.149 - Notes de frais : couleurs de ligne selon le statut */ .fw-app .workspace-table tbody tr.report-status-draft td{background:#fff8e8} .fw-app .workspace-table tbody tr.report-status-returned td{background:#fff3dc} .fw-app .workspace-table tbody tr.report-status-pending td{background:#f4efff} .fw-app .workspace-table tbody tr.report-status-paid td{background:#edf9f1} .fw-app .workspace-table tbody tr.report-status-rejected td{background:#fff0f0} .fw-app .workspace-table tbody tr.report-status-archived td{background:#f2f5f7} .fw-app .workspace-table tbody tr.report-status-other td{background:#f8fafc} .fw-app .workspace-table tbody tr.report-status-draft td:first-child{border-left:5px solid #e6a23c} .fw-app .workspace-table tbody tr.report-status-returned td:first-child{border-left:5px solid #d9822b} .fw-app .workspace-table tbody tr.report-status-pending td:first-child{border-left:5px solid #8064d8} .fw-app .workspace-table tbody tr.report-status-paid td:first-child{border-left:5px solid #2f9b61} .fw-app .workspace-table tbody tr.report-status-rejected td:first-child{border-left:5px solid #d95050} .fw-app .workspace-table tbody tr.report-status-archived td:first-child{border-left:5px solid #7b8794} .fw-app .workspace-table tbody tr.report-status-draft:hover td{background:#fff3d7} .fw-app .workspace-table tbody tr.report-status-returned:hover td{background:#ffebc9} .fw-app .workspace-table tbody tr.report-status-pending:hover td{background:#ede5ff} .fw-app .workspace-table tbody tr.report-status-paid:hover td{background:#e2f5e8} .fw-app .workspace-table tbody tr.report-status-rejected:hover td{background:#ffe5e5} .fw-app .workspace-table tbody tr.report-status-archived:hover td{background:#e9eef2} .fw-app .workspace-table tbody tr.report-status-other:hover td{background:#f1f5f9} /* v2.42.150 - Dashboard : palette coherente avec Mes notes de frais */ .fw-app .dashboard-section-expenses .dashboard-card.card-draft{ --fw-card-accent:#e6a23c;--fw-card-soft:#fff8e8;--fw-card-text:#8a5a12; background:linear-gradient(135deg,#fff8e8,#fffdf7); border-color:#f1d39d; } .fw-app .dashboard-section-expenses .dashboard-card.card-draft:before{background:#e6a23c} .fw-app .dashboard-section-expenses .dashboard-card.card-pending{ --fw-card-accent:#8064d8;--fw-card-soft:#f4efff;--fw-card-text:#5941a8; background:linear-gradient(135deg,#f4efff,#fcfaff); border-color:#d8cdf7; } .fw-app .dashboard-section-expenses .dashboard-card.card-pending:before{background:#8064d8} .fw-app .dashboard-section-expenses .dashboard-card.card-paid{ --fw-card-accent:#2f9b61;--fw-card-soft:#edf9f1;--fw-card-text:#176b49; background:linear-gradient(135deg,#edf9f1,#fbfefc); border-color:#c7e9d4; } .fw-app .dashboard-section-expenses .dashboard-card.card-paid:before{background:#2f9b61} /* v2.42.151 - Dashboard notes de frais : fonds de statut nettement visibles */ .fw-app .dashboard-section-expenses .dashboard-card.card-draft{ background:#fff1d6 !important; border-color:#e7ad4f !important; border-left-color:#e6a23c !important; box-shadow:0 4px 12px rgba(177,111,20,.12); } .fw-app .dashboard-section-expenses .dashboard-card.card-draft .muted, .fw-app .dashboard-section-expenses .dashboard-card.card-draft .card-link{color:#80520f !important} .fw-app .dashboard-section-expenses .dashboard-card.card-pending{ background:#eee7ff !important; border-color:#9d88e3 !important; border-left-color:#8064d8 !important; box-shadow:0 4px 12px rgba(96,70,170,.12); } .fw-app .dashboard-section-expenses .dashboard-card.card-pending .muted, .fw-app .dashboard-section-expenses .dashboard-card.card-pending .card-link{color:#51399e !important} .fw-app .dashboard-section-expenses .dashboard-card.card-paid{ background:#ddf5e6 !important; border-color:#67b989 !important; border-left-color:#2f9b61 !important; box-shadow:0 4px 12px rgba(38,132,79,.12); } .fw-app .dashboard-section-expenses .dashboard-card.card-paid .muted, .fw-app .dashboard-section-expenses .dashboard-card.card-paid .card-link{color:#176b49 !important} .fw-app .dashboard-section-expenses .dashboard-card.card-draft:hover{background:#ffe9bf !important} .fw-app .dashboard-section-expenses .dashboard-card.card-pending:hover{background:#e5dbff !important} .fw-app .dashboard-section-expenses .dashboard-card.card-paid:hover{background:#d1efdc !important} /* v2.42.152 - Dashboard : toutes les vignettes ont un fond fonctionnel visible */ /* Conges & absences */ .fw-app .dashboard-section-leave .dashboard-card.card-hr-pending{ background:#fff0d7 !important;border-color:#e7aa48 !important;border-left-color:#e59b22 !important; box-shadow:0 4px 12px rgba(181,112,16,.12); } .fw-app .dashboard-section-leave .dashboard-card.card-hr-pending .muted, .fw-app .dashboard-section-leave .dashboard-card.card-hr-pending .card-link{color:#81500d !important} .fw-app .dashboard-section-leave .dashboard-card.card-hr-approved{ background:#ddf5e6 !important;border-color:#66b889 !important;border-left-color:#2f9b61 !important; box-shadow:0 4px 12px rgba(38,132,79,.12); } .fw-app .dashboard-section-leave .dashboard-card.card-hr-approved .muted, .fw-app .dashboard-section-leave .dashboard-card.card-hr-approved .card-link{color:#176b49 !important} .fw-app .dashboard-section-leave .dashboard-card.card-balance-cp{ background:#e4f8ee !important;border-color:#67bd91 !important;border-left-color:#24a46d !important; box-shadow:0 4px 12px rgba(36,164,109,.12); } .fw-app .dashboard-section-leave .dashboard-card.card-balance-cp .muted, .fw-app .dashboard-section-leave .dashboard-card.card-balance-cp .card-link{color:#126b48 !important} .fw-app .dashboard-section-leave .dashboard-card.card-balance-rtt{ background:#e4f1ff !important;border-color:#75aee8 !important;border-left-color:#2f80ed !important; box-shadow:0 4px 12px rgba(47,128,237,.12); } .fw-app .dashboard-section-leave .dashboard-card.card-balance-rtt .muted, .fw-app .dashboard-section-leave .dashboard-card.card-balance-rtt .card-link{color:#1c5fae !important} .fw-app .dashboard-section-leave .dashboard-card.card-hr-week{ background:#e8f6ff !important;border-color:#7ab7de !important;border-left-color:#3195c9 !important; box-shadow:0 4px 12px rgba(49,149,201,.11); } .fw-app .dashboard-section-leave .dashboard-card.card-hr-week .muted, .fw-app .dashboard-section-leave .dashboard-card.card-hr-week .card-link{color:#176b92 !important} .fw-app .dashboard-section-leave .dashboard-card.card-hr-planning{ background:#eee7ff !important;border-color:#9b87df !important;border-left-color:#7857d8 !important; box-shadow:0 4px 12px rgba(96,70,170,.12); } .fw-app .dashboard-section-leave .dashboard-card.card-hr-planning .muted, .fw-app .dashboard-section-leave .dashboard-card.card-hr-planning .card-link{color:#51399e !important} /* Fiches de paie */ .fw-app .dashboard-section-payslip .dashboard-card.card-hr-payslip{ background:#f0e9ff !important;border-color:#a28be7 !important;border-left-color:#7857d8 !important; box-shadow:0 4px 12px rgba(96,70,170,.12); } .fw-app .dashboard-section-payslip .dashboard-card.card-hr-payslip .muted, .fw-app .dashboard-section-payslip .dashboard-card.card-hr-payslip .card-link{color:#51399e !important} /* Acces & assistance */ .fw-app .dashboard-section-tools .dashboard-card.card-online{ background:#dcf6f3 !important;border-color:#63bcb5 !important;border-left-color:#15988f !important; box-shadow:0 4px 12px rgba(21,152,143,.11); } .fw-app .dashboard-section-tools .dashboard-card.card-online .muted, .fw-app .dashboard-section-tools .dashboard-card.card-online .card-link{color:#0e716b !important} .fw-app .dashboard-section-tools .dashboard-card.card-support{ background:#f1e9ff !important;border-color:#a78de8 !important;border-left-color:#7b5bd6 !important; box-shadow:0 4px 12px rgba(102,75,177,.12); } .fw-app .dashboard-section-tools .dashboard-card.card-support .muted, .fw-app .dashboard-section-tools .dashboard-card.card-support .card-link{color:#5a3db4 !important} /* Hover : conserver la famille de couleur au lieu de revenir au blanc */ .fw-app .dashboard-section-leave .dashboard-card.card-hr-pending:hover{background:#ffe6bd !important} .fw-app .dashboard-section-leave .dashboard-card.card-hr-approved:hover{background:#d1efdc !important} .fw-app .dashboard-section-leave .dashboard-card.card-balance-cp:hover{background:#d7f3e5 !important} .fw-app .dashboard-section-leave .dashboard-card.card-balance-rtt:hover{background:#d6eaff !important} .fw-app .dashboard-section-leave .dashboard-card.card-hr-week:hover{background:#d9effb !important} .fw-app .dashboard-section-leave .dashboard-card.card-hr-planning:hover{background:#e4daff !important} .fw-app .dashboard-section-payslip .dashboard-card.card-hr-payslip:hover{background:#e5dcff !important} .fw-app .dashboard-section-tools .dashboard-card.card-online:hover{background:#cff0ec !important} .fw-app .dashboard-section-tools .dashboard-card.card-support:hover{background:#e6dcff !important} /* v2.42.153 - archivage des notifications lues */ .notification-hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.notification-hero-actions form{margin:0}.archived-pill{padding:3px 7px;border-radius:999px;background:#e9eef3;color:#536779;font-weight:700}.notification-archive-page .notification-row.is-read{opacity:1}.notification-archive-page .workspace-hero{border-left-color:#64778a;background:linear-gradient(135deg,#eef3f7,#fff)} @media(max-width:700px){.notification-hero-actions,.notification-hero-actions>a,.notification-hero-actions>form,.notification-hero-actions>form button{width:100%}} /* FraisWork v2.42.155-beta - Administration : palette visuelle harmonisee avec la partie utilisateur */ .fw-app.fw-action-admin{ --fw-admin-accent:#2474d8; --fw-admin-soft:#e8f2ff; --fw-admin-soft-strong:#dcecff; --fw-admin-border:#9fc7f2; --fw-admin-text:#174f8f; } .fw-app.fw-action-admin.fw-admin-tab-superadmins, .fw-app.fw-action-admin.fw-admin-tab-security, .fw-app.fw-action-admin.fw-admin-tab-audit{--fw-admin-accent:#7a5ad8;--fw-admin-soft:#f0ebff;--fw-admin-soft-strong:#e4dbff;--fw-admin-border:#c4b3f2;--fw-admin-text:#51399e} .fw-app.fw-action-admin.fw-admin-tab-structures, .fw-app.fw-action-admin.fw-admin-tab-saas_modules{--fw-admin-accent:#22a06b;--fw-admin-soft:#e9f8f0;--fw-admin-soft-strong:#d7f1e3;--fw-admin-border:#9ed8bb;--fw-admin-text:#176b49} .fw-app.fw-action-admin.fw-admin-tab-finance, .fw-app.fw-action-admin.fw-admin-tab-commercial, .fw-app.fw-action-admin.fw-admin-tab-licensing{--fw-admin-accent:#e58a22;--fw-admin-soft:#fff3df;--fw-admin-soft-strong:#ffe7bf;--fw-admin-border:#efc27f;--fw-admin-text:#8b510f} .fw-app.fw-action-admin.fw-admin-tab-data_management, .fw-app.fw-action-admin.fw-admin-tab-maintenance{--fw-admin-accent:#d95362;--fw-admin-soft:#fff0f2;--fw-admin-soft-strong:#ffe1e5;--fw-admin-border:#efabb4;--fw-admin-text:#96303b} .fw-app.fw-action-admin.fw-admin-tab-sessions, .fw-app.fw-action-admin.fw-admin-tab-integrations, .fw-app.fw-action-admin.fw-admin-tab-operations{--fw-admin-accent:#1598a4;--fw-admin-soft:#e5f8fa;--fw-admin-soft-strong:#d3f0f3;--fw-admin-border:#91d2d8;--fw-admin-text:#0b6f78} .fw-app.fw-action-admin.fw-admin-tab-diagnostics{--fw-admin-accent:#64748b;--fw-admin-soft:#eef2f6;--fw-admin-soft-strong:#e2e8ef;--fw-admin-border:#bdc8d4;--fw-admin-text:#475569} /* Bandeau et onglets d'administration */ .fw-app.fw-action-admin .admin-help{ border:1px solid var(--fw-admin-border); border-left:5px solid var(--fw-admin-accent); background:linear-gradient(105deg,var(--fw-admin-soft-strong),#fff 68%); box-shadow:0 7px 20px rgba(31,73,112,.08); } .fw-app.fw-action-admin .admin-help>strong{color:var(--fw-admin-text)} .fw-app.fw-action-admin .admin-tabs{ padding:7px; gap:6px; border:1px solid #d8e4ee; border-radius:15px; background:rgba(255,255,255,.82); box-shadow:0 5px 16px rgba(31,73,112,.05); } .fw-app.fw-action-admin .admin-tabs a{ border:1px solid transparent; border-radius:10px; background:#f5f8fb; color:#52687c; transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease; } .fw-app.fw-action-admin .admin-tabs a:hover{transform:translateY(-1px);background:#edf4fa;border-color:#c9d9e6} .fw-app.fw-action-admin .admin-tabs a.active{ background:var(--fw-admin-soft-strong)!important; border-color:var(--fw-admin-border)!important; color:var(--fw-admin-text)!important; box-shadow:inset 4px 0 0 var(--fw-admin-accent),0 3px 9px rgba(31,73,112,.08); } /* Les grands blocs Admin ont maintenant un fond colore reel, pas uniquement un liseret. */ .fw-app.fw-action-admin main>.panel:not(.login):not(.mfa-panel), .fw-app.fw-action-admin main>.structure-detail-grid>.panel, .fw-app.fw-action-admin .structure-section, .fw-app.fw-action-admin .subscription-identity-panel{ background:linear-gradient(145deg,var(--fw-admin-soft) 0%,#fff 72%); border-color:var(--fw-admin-border); box-shadow:0 7px 20px rgba(31,73,112,.065); } .fw-app.fw-action-admin .structure-section, .fw-app.fw-action-admin .subscription-identity-panel{border-left:4px solid var(--fw-admin-accent)} /* Respect des couleurs semantiques deja utilisees dans les panneaux. */ .fw-app.fw-action-admin .panel.panel-accent-blue{background:linear-gradient(145deg,#e8f2ff,#fff 74%)!important;border-color:#9fc7f2!important} .fw-app.fw-action-admin .panel.panel-accent-green{background:linear-gradient(145deg,#e8f8ef,#fff 74%)!important;border-color:#99d7b8!important} .fw-app.fw-action-admin .panel.panel-accent-purple{background:linear-gradient(145deg,#efeaff,#fff 74%)!important;border-color:#c1b1ef!important} .fw-app.fw-action-admin .panel.panel-accent-orange{background:linear-gradient(145deg,#fff1dc,#fff 74%)!important;border-color:#efc17a!important} .fw-app.fw-action-admin .panel.panel-accent-red{background:linear-gradient(145deg,#ffebee,#fff 74%)!important;border-color:#efadb6!important} .fw-app.fw-action-admin .panel.panel-accent-teal{background:linear-gradient(145deg,#e4f8f9,#fff 74%)!important;border-color:#90d1d7!important} .fw-app.fw-action-admin .panel.panel-accent-slate{background:linear-gradient(145deg,#edf1f5,#fff 74%)!important;border-color:#bbc7d2!important} /* Tableaux Admin : lecture plus nette et alternance tres legere. */ .fw-app.fw-action-admin .tablewrap{border:1px solid #d8e4ee;border-radius:12px;overflow:auto;background:rgba(255,255,255,.88)} .fw-app.fw-action-admin .tablewrap thead th{background:var(--fw-admin-soft-strong);color:var(--fw-admin-text)} .fw-app.fw-action-admin .tablewrap tbody tr:nth-child(even) td{background:rgba(244,248,252,.72)} .fw-app.fw-action-admin .tablewrap tbody tr:hover td{background:var(--fw-admin-soft)!important} /* Boutons d'action : les actions destructives restent rouges, les principales suivent le theme Admin. */ .fw-app.fw-action-admin button:not(.danger):not(.warning):not(.secondary), .fw-app.fw-action-admin .btn:not(.danger):not(.warning):not(.secondary){box-shadow:0 4px 10px rgba(31,73,112,.10)} @media(max-width:760px){ .fw-app.fw-action-admin .admin-tabs{padding:5px;gap:4px} .fw-app.fw-action-admin .admin-tabs a{flex:1 1 145px} } /* v2.42.157 - cohérence stricte entre vignettes et lignes Support / acomptes */ /* Support : mêmes familles que les vignettes du haut. En cours/Envoyée = vert, Relancée = orange, Archives/Clôturée = gris, Échec = rouge. */ table tbody tr.support-row-sent > td{background:#ecfaf2!important} table tbody tr.support-row-resent > td{background:#fff7e7!important} table tbody tr.support-row-failed > td{background:#fff0f0!important} table tbody tr.support-row-closed > td{background:#f1f4f7!important} table tbody tr.support-row-sent > td:first-child{box-shadow:inset 4px 0 0 #18864b} table tbody tr.support-row-resent > td:first-child{box-shadow:inset 4px 0 0 #bd7600} table tbody tr.support-row-failed > td:first-child{box-shadow:inset 4px 0 0 #bd3030} table tbody tr.support-row-closed > td:first-child{box-shadow:inset 4px 0 0 #56677a} table tbody tr.support-row:hover > td{filter:brightness(.985)} .support-status-sent{background:#d7f4e3!important;color:#17683a!important} .support-status-resent{background:#ffedc1!important;color:#965d00!important} .support-status-closed{background:#e2e8ee!important;color:#56677a!important} .support-status-failed{background:#f9dddd!important;color:#9c2525!important} /* Avances : couleurs identiques dans Mes avances et Traitement comptable (Admin). */ table tbody tr.advance-request-row-requested > td{background:#fff3dd!important} table tbody tr.advance-request-row-approved > td{background:#eaf4ff!important} table tbody tr.advance-request-row-paid > td{background:#e6f7ed!important} table tbody tr.advance-request-row-applied > td{background:#eee9ff!important} table tbody tr.advance-request-row-settled > td{background:#e7f7f7!important} table tbody tr.advance-request-row-rejected > td{background:#ffe8eb!important} table tbody tr.advance-request-row-cancelled > td{background:#eef2f6!important} table tbody tr.advance-request-row > td:first-child{box-shadow:inset 4px 0 0 #8295a8} table tbody tr.advance-request-row-requested > td:first-child{box-shadow:inset 4px 0 0 #e9a126} table tbody tr.advance-request-row-approved > td:first-child{box-shadow:inset 4px 0 0 #2f80ed} table tbody tr.advance-request-row-paid > td:first-child{box-shadow:inset 4px 0 0 #2ea66a} table tbody tr.advance-request-row-applied > td:first-child{box-shadow:inset 4px 0 0 #7a62d3} table tbody tr.advance-request-row-settled > td:first-child{box-shadow:inset 4px 0 0 #20a4a6} table tbody tr.advance-request-row-rejected > td:first-child{box-shadow:inset 4px 0 0 #d9414e} /* Decompte des acomptes : couleur de toute la ligne selon le mouvement. */ table tbody tr.advance-ledger-row-reserved > td{background:#fff7e7!important} table tbody tr.advance-ledger-row-released > td{background:#ecfaf2!important} table tbody tr.advance-ledger-row-settled > td{background:#f1f4f7!important} table tbody tr.advance-ledger-row-reserved > td:first-child{box-shadow:inset 4px 0 0 #bd7600} table tbody tr.advance-ledger-row-released > td:first-child{box-shadow:inset 4px 0 0 #18864b} table tbody tr.advance-ledger-row-settled > td:first-child{box-shadow:inset 4px 0 0 #56677a} table tbody tr.advance-ledger-row:hover > td,table tbody tr.advance-request-row:hover > td{filter:brightness(.985)} /* Les couleurs metier des lignes restent prioritaires sur l'alternance generique Admin. */ .fw-app.fw-action-admin table tbody tr.support-row > td, .fw-app.fw-action-admin table tbody tr.advance-request-row > td, .fw-app.fw-action-admin table tbody tr.advance-ledger-row > td{background:inherit} .fw-app.fw-action-admin table tbody tr.support-row-sent > td{background:#ecfaf2!important} .fw-app.fw-action-admin table tbody tr.support-row-resent > td{background:#fff7e7!important} .fw-app.fw-action-admin table tbody tr.support-row-failed > td{background:#fff0f0!important} .fw-app.fw-action-admin table tbody tr.support-row-closed > td{background:#f1f4f7!important} .fw-app.fw-action-admin table tbody tr.advance-request-row-requested > td{background:#fff3dd!important} .fw-app.fw-action-admin table tbody tr.advance-request-row-approved > td{background:#eaf4ff!important} .fw-app.fw-action-admin table tbody tr.advance-request-row-paid > td{background:#e6f7ed!important} .fw-app.fw-action-admin table tbody tr.advance-request-row-applied > td{background:#eee9ff!important} .fw-app.fw-action-admin table tbody tr.advance-request-row-settled > td{background:#e7f7f7!important} .fw-app.fw-action-admin table tbody tr.advance-request-row-rejected > td{background:#ffe8eb!important} .fw-app.fw-action-admin table tbody tr.advance-request-row-cancelled > td{background:#eef2f6!important} .fw-app.fw-action-admin table tbody tr.advance-ledger-row-reserved > td{background:#fff7e7!important} .fw-app.fw-action-admin table tbody tr.advance-ledger-row-released > td{background:#ecfaf2!important} .fw-app.fw-action-admin table tbody tr.advance-ledger-row-settled > td{background:#f1f4f7!important} /* v2.42.158 - Notifications : lignes alignees sur les vignettes */ .fw-app .notification-row.notification-validations{background:#ecfaf2;border-color:#ccebd8}.fw-app .notification-row.notification-validations .notification-main h3{color:#17683a} .fw-app .notification-row.notification-returns{background:#fff0f0;border-color:#f2d1d1}.fw-app .notification-row.notification-returns .notification-main h3{color:#9c2525} .fw-app .notification-row.notification-payments{background:#f5f0ff;border-color:#dfd2fb}.fw-app .notification-row.notification-payments .notification-main h3{color:#7257c8} .fw-app .notification-row.notification-system{background:#f1f4f7;border-color:#dce3e9}.fw-app .notification-row.notification-system .notification-main h3{color:#56677a} .fw-app .notification-row.notification-validations:hover{background:#e4f7eb}.fw-app .notification-row.notification-returns:hover{background:#fde4e4}.fw-app .notification-row.notification-payments:hover{background:#eee6ff}.fw-app .notification-row.notification-system:hover{background:#e9eef3} .fw-app .notification-row.is-unread{box-shadow:0 5px 16px rgba(23,105,210,.10)} /* v2.42.159 - harmonisation globale des lignes semantiques utilisateur / admin */ .fw-app table tbody tr.semantic-row-success > td, .fw-app table tbody tr.report-status-paid > td{background:#ecfaf2!important} .fw-app table tbody tr.semantic-row-warning > td, .fw-app table tbody tr.report-status-draft > td, .fw-app table tbody tr.report-status-returned > td{background:#fff7e7!important} .fw-app table tbody tr.semantic-row-danger > td, .fw-app table tbody tr.report-status-rejected > td{background:#fff0f0!important} .fw-app table tbody tr.semantic-row-info > td, .fw-app table tbody tr.report-status-pending > td{background:#f5f0ff!important} .fw-app table tbody tr.semantic-row-muted > td, .fw-app table tbody tr.report-status-archived > td{background:#f1f4f7!important} .fw-app table tbody tr.semantic-row-success > td:first-child{box-shadow:inset 4px 0 0 #18864b} .fw-app table tbody tr.semantic-row-warning > td:first-child{box-shadow:inset 4px 0 0 #bd7600} .fw-app table tbody tr.semantic-row-danger > td:first-child{box-shadow:inset 4px 0 0 #bd3030} .fw-app table tbody tr.semantic-row-info > td:first-child{box-shadow:inset 4px 0 0 #7257c8} .fw-app table tbody tr.semantic-row-muted > td:first-child{box-shadow:inset 4px 0 0 #56677a} .fw-app table tbody tr.semantic-row-success:hover > td{background:#e4f7eb!important} .fw-app table tbody tr.semantic-row-warning:hover > td{background:#ffefcf!important} .fw-app table tbody tr.semantic-row-danger:hover > td{background:#fde4e4!important} .fw-app table tbody tr.semantic-row-info:hover > td{background:#eee6ff!important} .fw-app table tbody tr.semantic-row-muted:hover > td{background:#e9eef3!important} /* L'alternance generique Admin ne doit jamais masquer une couleur metier. */ .fw-app.fw-action-admin table tbody tr.semantic-row-success > td{background:#ecfaf2!important} .fw-app.fw-action-admin table tbody tr.semantic-row-warning > td{background:#fff7e7!important} .fw-app.fw-action-admin table tbody tr.semantic-row-danger > td{background:#fff0f0!important} .fw-app.fw-action-admin table tbody tr.semantic-row-info > td{background:#f5f0ff!important} .fw-app.fw-action-admin table tbody tr.semantic-row-muted > td{background:#f1f4f7!important} /* v2.42.160 - vignette Avance / acompte du tableau de bord, palette identique au module Avances & acomptes */ .fw-app .dashboard-section-expenses .dashboard-card.card-advance{border-width:1px;position:relative;overflow:hidden} .fw-app .dashboard-section-expenses .dashboard-card.card-advance:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px} .fw-app .dashboard-section-expenses .dashboard-card.card-advance-paid{background:#e6f7ed!important;border-color:#a9dfbf!important} .fw-app .dashboard-section-expenses .dashboard-card.card-advance-paid:before{background:#2ea66a} .fw-app .dashboard-section-expenses .dashboard-card.card-advance-paid .muted,.fw-app .dashboard-section-expenses .dashboard-card.card-advance-paid .card-link{color:#176b49!important} .fw-app .dashboard-section-expenses .dashboard-card.card-advance-paid:hover{background:#d1efdc!important} .fw-app .dashboard-section-expenses .dashboard-card.card-advance-requested,.fw-app .dashboard-section-expenses .dashboard-card.card-advance-reserved{background:#fff3dd!important;border-color:#f0c77c!important} .fw-app .dashboard-section-expenses .dashboard-card.card-advance-requested:before,.fw-app .dashboard-section-expenses .dashboard-card.card-advance-reserved:before{background:#e9a126} .fw-app .dashboard-section-expenses .dashboard-card.card-advance-requested .muted,.fw-app .dashboard-section-expenses .dashboard-card.card-advance-requested .card-link,.fw-app .dashboard-section-expenses .dashboard-card.card-advance-reserved .muted,.fw-app .dashboard-section-expenses .dashboard-card.card-advance-reserved .card-link{color:#80520f!important} .fw-app .dashboard-section-expenses .dashboard-card.card-advance-requested:hover,.fw-app .dashboard-section-expenses .dashboard-card.card-advance-reserved:hover{background:#ffe6bd!important} .fw-app .dashboard-section-expenses .dashboard-card.card-advance-approved{background:#eaf4ff!important;border-color:#acd0f5!important} .fw-app .dashboard-section-expenses .dashboard-card.card-advance-approved:before{background:#2f80ed} .fw-app .dashboard-section-expenses .dashboard-card.card-advance-approved .muted,.fw-app .dashboard-section-expenses .dashboard-card.card-advance-approved .card-link{color:#1c5fae!important} .fw-app .dashboard-section-expenses .dashboard-card.card-advance-approved:hover{background:#d6eaff!important} .fw-app .dashboard-section-expenses .dashboard-card.card-advance-empty{background:#eef2f6!important;border-color:#d6dee7!important} .fw-app .dashboard-section-expenses .dashboard-card.card-advance-empty:before{background:#8295a8} .fw-app .dashboard-section-expenses .dashboard-card.card-advance-empty .muted,.fw-app .dashboard-section-expenses .dashboard-card.card-advance-empty .card-link{color:#56677a!important} /* v2.42.163 - En-tete visuel commun de l'espace RH utilisateur et administration. */ .fw-app .hr-workspace-hero{margin-bottom:10px!important} .fw-app .hr-workspace-hero .workspace-icon{font-size:13px;font-weight:900;letter-spacing:-.3px;background:#d9f4f5;color:#0d7077} @media(max-width:700px){.hr-leave-page-actions,.hr-leave-page-actions .btn{width:100%}.hr-leave-page-actions .btn{text-align:center}} /* v2.42.167 - Congés : formulaire partagé et rendu identique utilisateur / administration */ .fw-app .hr-leave-request-form{margin:0} .fw-app .hr-leave-request-grid{display:grid;grid-template-columns:minmax(180px,1.05fr) minmax(170px,1fr) minmax(170px,1fr) minmax(170px,1fr) minmax(170px,1fr) minmax(260px,1.7fr);gap:10px;align-items:start} .fw-app .hr-leave-request-grid>label{min-width:0} .fw-app .hr-leave-request-grid input,.fw-app .hr-leave-request-grid select,.fw-app .hr-leave-request-grid textarea{width:100%} .fw-app .hr-leave-request-reason textarea{min-height:58px;resize:vertical} .fw-app .hr-leave-request-actions{margin-top:10px;display:flex;gap:8px;align-items:center} .fw-app .hr-leave-request-unavailable{padding:10px 12px;border:1px solid #d7e4eb;border-radius:10px;background:#f8fbfd} @media(max-width:1350px){.fw-app .hr-leave-request-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}.fw-app .hr-leave-request-reason{grid-column:span 3}} @media(max-width:850px){.fw-app .hr-leave-request-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}.fw-app .hr-leave-request-reason{grid-column:span 2}} @media(max-width:600px){.fw-app .hr-leave-request-grid{grid-template-columns:1fr}.fw-app .hr-leave-request-reason{grid-column:auto}} /* v2.42.168 - Actualités RH, CSE et session par structure */ .fw-app .card-hr-news{background:#eef9ff;border-color:#8fd3f4!important}.fw-app .card-hr-news:before{background:#2497c9!important} .fw-app .card-hr-cse{background:#f5f0ff;border-color:#c9b6f3!important}.fw-app .card-hr-cse:before{background:#7857d8!important} .fw-app .dashboard-text-metric{font-size:1.05rem!important;letter-spacing:.02em} .fw-app .hr-news-card{padding:14px 0;border-bottom:1px solid #e4eaf0}.fw-app .hr-news-card:last-child{border-bottom:0}.fw-app .hr-news-body{white-space:normal;line-height:1.5} /* v2.42.169 - Parametrage RH : couleurs metier des lignes */ .fw-app table tbody tr.hr-settings-row-holiday>td{background:#fff0f5} /* v2.42.172 - fenêtre Super Admin de gestion d'abonnement */ .subscription-manage-dialog{width:min(860px,94vw);max-width:860px;max-height:90vh;padding:0;border:0;border-radius:18px;overflow:auto;box-shadow:0 24px 70px rgba(20,45,75,.28);background:#f7faff} .subscription-manage-dialog::backdrop{background:rgba(22,43,66,.48);backdrop-filter:blur(3px)} .subscription-manage-header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:22px 24px 18px;background:linear-gradient(135deg,#eef6ff,#f8fbff);border-bottom:1px solid #d9e7f5} .subscription-manage-header h2{margin:2px 0 4px;font-size:1.45rem;color:#123f70} .subscription-manage-header p{margin:0;color:#60758a} .subscription-manage-eyebrow{display:inline-block;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#2875bd} .subscription-dialog-close{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:0;border:1px solid #cfdeed;border-radius:10px;background:#fff;color:#45647f;font-size:1.45rem;line-height:1;box-shadow:none} .subscription-dialog-close:hover{background:#edf5fd;color:#174f82} .subscription-manage-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 24px} .subscription-manage-summary>div{min-height:76px;padding:13px 14px;border:1px solid #d9e6f2;border-radius:12px;background:#fff;box-shadow:0 3px 10px rgba(32,70,105,.04)} .subscription-manage-summary span{font-size:.78rem;font-weight:650;color:#6c8194} .subscription-manage-summary strong{font-size:1.18rem;color:#123f70} .subscription-manage-dialog>.alert{margin:0 24px 16px} .subscription-manage-section{margin:16px 24px;padding:18px;border:1px solid #d8e5f2;border-radius:14px;background:#fff} .subscription-manage-section-blue{border-left:4px solid #2d83d5} .subscription-manage-section-purple{border-left:4px solid #7b63d7} .subscription-manage-section-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px} .subscription-manage-section-title h3{margin:0 0 3px;color:#163f69;font-size:1.05rem} .subscription-manage-section-title p{margin:0;color:#708397;font-size:.86rem} .subscription-manage-form{display:grid;gap:14px;margin:0} .subscription-manage-form label{font-weight:700;color:#284a69} .subscription-manage-form input,.subscription-manage-form select{margin-top:6px;background:#fbfdff} .subscription-manage-form .field-help{display:block;margin-top:6px;font-size:.78rem;line-height:1.35;color:#71869a;font-weight:400} .subscription-manage-actions{display:flex;justify-content:flex-end;padding-top:2px} .subscription-manage-actions button{min-width:190px} .subscription-manage-footnote{margin:18px 24px 24px;padding:12px 14px;border-radius:11px;background:#eef4fa;color:#667b8f;font-size:.8rem;line-height:1.45} @media(max-width:720px){.subscription-manage-dialog{width:96vw}.subscription-manage-header{padding:18px}.subscription-manage-summary{grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 18px}.subscription-manage-section{margin:14px 18px}.subscription-manage-footnote{margin:16px 18px 20px}.subscription-manage-actions button{width:100%;min-width:0}} @media(max-width:480px){.subscription-manage-summary{grid-template-columns:1fr}} /* v2.42.175 - stockage documentaire : densité et optimisation historique */ .fw-app .docopt-compact{padding:14px 16px;margin-bottom:12px} .fw-app .docopt-compact .section-head{margin-bottom:9px} .fw-app .docopt-compact .section-head h2{margin-bottom:2px} .fw-app .docopt-compact .section-intro{margin:0} .fw-app .docopt-grid{display:grid;grid-template-columns:minmax(440px,2.2fr) repeat(4,minmax(120px,.8fr));gap:9px;align-items:end} .fw-app .docopt-checks{display:flex;gap:8px 16px;align-items:center;flex-wrap:wrap;padding:5px 0} .fw-app .docopt-checks .inline-check{flex-direction:row;align-items:center;gap:6px;white-space:nowrap} .fw-app .docopt-checks input[type=checkbox]{width:18px;height:18px} .fw-app .docopt-actions{margin:8px 0 0;align-items:center} .fw-app .docopt-bulk-form{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap} .fw-app .docopt-summary{display:grid;grid-template-columns:repeat(6,minmax(115px,1fr));gap:8px;margin:9px 0} .fw-app .docopt-summary>div{padding:8px 10px;border:1px solid #d8e4ee;border-radius:10px;background:#f8fbfd;display:flex;flex-direction:column;gap:2px} .fw-app .docopt-summary span{font-size:11px;color:#687b8f}.fw-app .docopt-summary strong{font-size:17px;color:#173f6b} .fw-app .docopt-table{margin:8px 0}.fw-app .docopt-table th,.fw-app .docopt-table td{padding:7px 9px} .fw-app .docopt-table tr.optimized{background:#effaf3}.fw-app .docopt-table tr.failed{background:#fff0f0}.fw-app .docopt-table tr.skipped{background:#fafafa} .fw-app .docopt-note{margin-top:8px;padding:9px 11px}.fw-app .docopt-note p{margin:3px 0 0} @media(max-width:1100px){.fw-app .docopt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fw-app .docopt-grid .docopt-checks{grid-column:1/-1}.fw-app .docopt-summary{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:650px){.fw-app .docopt-grid{grid-template-columns:1fr}.fw-app .docopt-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.fw-app .docopt-bulk-form{align-items:stretch}.fw-app .docopt-bulk-form button{width:100%}} /* v2.42.177 - imports massifs */ .import-grid{align-items:stretch;gap:12px}.import-card{margin:0!important;padding:14px!important}.import-card h3{margin:0 0 6px}.import-card p{margin:4px 0 10px}.import-card form{display:grid;gap:8px;margin:8px 0}.import-card input[type=file]{min-height:40px}.import-card .btn{margin-top:4px}@media(max-width:900px){.import-grid{grid-template-columns:1fr!important}} /* 2.42.180 - Tableau de bord : liste compacte des 3 dernieres actualites RH */ .fw-app .dashboard-news-card{min-height:108px!important;padding-bottom:9px!important} .fw-app .dashboard-news-list{display:grid;gap:4px;margin-top:3px} .fw-app .dashboard-news-item{display:flex;flex-direction:column;gap:1px;padding:4px 6px;border-radius:7px;text-decoration:none;color:inherit;background:rgba(255,255,255,.62);border:1px solid rgba(36,151,201,.13)} .fw-app .dashboard-news-item:hover{background:#fff;border-color:#8fd3f4} .fw-app .dashboard-news-item strong{font-size:.75rem;line-height:1.12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .fw-app .dashboard-news-item small{font-size:.66rem;line-height:1.05;color:#61798f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} @media(max-width:700px){.fw-app .dashboard-news-item strong{white-space:normal}.fw-app .dashboard-news-item small{white-space:normal}} /* v2.42.182 - progression import jeu de test */ .fw-app .progress-track{height:10px;background:#e7eef6;border-radius:999px;overflow:hidden;margin:10px 0 12px} .fw-app .progress-bar{height:100%;background:linear-gradient(90deg,#1769d2,#20a46b);border-radius:999px;transition:width .25s ease} /* FraisWork 2.42.183 - administration des jours feries */ .hr-holidays-admin input{min-width:0;width:100%;box-sizing:border-box} .hr-holidays-admin td{vertical-align:middle} .hr-holidays-admin td.actions{white-space:nowrap;width:1%} .hr-holidays-admin td.actions .inline{display:flex;gap:6px;align-items:center;margin:0} @media (max-width:900px){.hr-holidays-admin{min-width:850px}} /* v2.42.186 - actions compactes Jours feries */ .hr-holidays-admin td.actions{padding-left:8px;padding-right:8px} .hr-holidays-admin td.actions .inline{display:flex;flex-wrap:nowrap;gap:4px;align-items:center;margin:0} .hr-holidays-admin td.actions button.compact{width:auto;min-width:0;padding:6px 9px;line-height:1.1;font-size:.82rem;white-space:nowrap} /* v2.42.188 - Jours feries : tableau ultra-compact */ .fw-app .hr-holidays-admin{border-collapse:collapse} .fw-app .hr-holidays-admin th{padding:5px 7px;font-size:.76rem;line-height:1.05;white-space:nowrap} .fw-app .hr-holidays-admin td{padding:3px 7px!important;line-height:1.05;vertical-align:middle} .fw-app .hr-holidays-admin tbody tr{height:auto;min-height:0} .fw-app .hr-holidays-admin input{height:32px;min-height:32px;padding:4px 8px;font-size:.80rem;line-height:1.05;margin:0} .fw-app .hr-holidays-admin td.actions{width:1%;padding:3px 6px!important} .fw-app .hr-holidays-admin td.actions .inline{display:flex;flex-wrap:nowrap;gap:4px;align-items:center;margin:0;padding:0} .fw-app .hr-holidays-admin td.actions button.compact{height:30px;min-height:30px;padding:4px 8px;font-size:.78rem;line-height:1;white-space:nowrap;margin:0} .fw-app .hr-holidays-admin tbody tr.hr-settings-row-holiday>td{border-bottom:1px solid #eadde2} /* v2.42.189 - Jours feries : affichage compact, une seule ligne en edition. */ .fw-app .hr-holidays-compact td{padding:4px 7px!important;height:28px;line-height:1.15;font-size:.82rem} .fw-app .hr-holidays-compact tr:not(.is-editing) td{padding-top:3px!important;padding-bottom:3px!important} .fw-app .hr-holidays-compact tr:not(.is-editing) td.actions .inline{min-height:0} .fw-app .hr-holidays-compact tr:not(.is-editing) .btn.compact,.fw-app .hr-holidays-compact tr:not(.is-editing) button.compact{height:26px;min-height:26px;padding:3px 7px;font-size:.76rem;line-height:1} .fw-app .hr-holidays-compact tr.is-editing td{padding-top:3px!important;padding-bottom:3px!important} .fw-app .hr-holidays-compact tr.is-editing input{height:30px;min-height:30px;padding:3px 7px} /* v2.42.190 - Parametrage RH ultra-compact : jours feries et droits/acquisition */ .fw-app .hr-holidays-compact td, .fw-app .hr-policies-compact td{padding:2px 6px!important;height:24px!important;min-height:0!important;line-height:1.05!important;font-size:.78rem!important;vertical-align:middle!important} .fw-app .hr-holidays-compact th, .fw-app .hr-policies-compact th{padding:4px 6px!important;line-height:1.05!important;font-size:.74rem!important;white-space:nowrap} .fw-app .hr-holidays-compact tr, .fw-app .hr-policies-compact tr{height:auto!important;min-height:0!important} .fw-app .hr-holidays-compact td.actions, .fw-app .hr-policies-compact td.actions{width:1%!important;white-space:nowrap!important;padding:2px 5px!important} .fw-app .hr-holidays-compact .btn.compact, .fw-app .hr-holidays-compact button.compact, .fw-app .hr-policies-compact .btn.compact, .fw-app .hr-policies-compact button.compact{height:24px!important;min-height:24px!important;padding:2px 6px!important;margin:0!important;font-size:.72rem!important;line-height:1!important;border-radius:5px!important;white-space:nowrap!important} .fw-app .hr-holidays-compact tr.is-editing input, .fw-app .hr-policies-compact tr.is-editing input, .fw-app .hr-policies-compact tr.is-editing select{height:28px!important;min-height:28px!important;padding:2px 6px!important;margin:0!important;font-size:.76rem!important;line-height:1!important} .fw-app .hr-policies-compact tr.is-editing .policy-negative{margin:1px 0 0!important;gap:3px!important;font-size:.7rem!important;line-height:1!important} .fw-app .hr-policies-compact tr.is-editing .policy-negative input{width:14px!important;height:14px!important;min-height:14px!important;padding:0!important} .fw-app .hr-policies-compact tbody tr>td, .fw-app .hr-holidays-compact tbody tr>td{border-bottom:1px solid rgba(80,110,140,.13)!important} /* v2.42.191 - Densite globale des tableaux et actions sur desktop */ @media(min-width:901px){ /* Toutes les listes/tableaux : lignes visuellement denses. */ .fw-app table th{padding:4px 6px!important;font-size:11px!important;line-height:1.08!important;vertical-align:middle!important} .fw-app table td{padding:3px 6px!important;font-size:12px!important;line-height:1.12!important;vertical-align:middle!important} .fw-app table tbody tr{height:auto!important;min-height:0!important} /* Les formulaires places dans les lignes ne doivent ajouter aucune marge. */ .fw-app table td form, .fw-app table td .inline, .fw-app table td .actions, .fw-app table td .row-actions{margin:0!important;padding:0!important;gap:4px!important;align-items:center!important} /* Champs de grille : compacts lorsqu'ils sont dans un tableau. */ .fw-app table td input:not([type=checkbox]):not([type=radio]):not([type=file]), .fw-app table td select{height:28px!important;min-height:28px!important;padding:2px 6px!important;font-size:11.5px!important;line-height:1!important;border-radius:5px!important;margin:0!important} .fw-app table td textarea{min-height:42px!important;padding:4px 6px!important;font-size:11.5px!important;margin:0!important} .fw-app table td input[type=checkbox], .fw-app table td input[type=radio]{width:14px!important;height:14px!important;min-height:14px!important;margin:0 3px 0 0!important;padding:0!important} /* Boutons d'action dans les tableaux : format miniature par defaut. */ .fw-app table td button, .fw-app table td .btn{min-height:24px!important;height:auto!important;padding:3px 6px!important;font-size:10.5px!important;line-height:1!important;border-radius:5px!important;margin:0!important;white-space:nowrap!important} .fw-app table td:last-child{white-space:nowrap} /* Eviter les espaces generes par les paragraphes/listes dans une cellule. */ .fw-app table td p{margin:2px 0!important} .fw-app table td ul,.fw-app table td ol{margin:2px 0!important;padding-left:16px!important} /* Listes d'administration hors balise table. */ .fw-app .row-actions,.fw-app .inline-actions,.fw-app .compact-actions{gap:4px!important} .fw-app .row-actions button,.fw-app .row-actions .btn, .fw-app .inline-actions button,.fw-app .inline-actions .btn, .fw-app .compact-actions button,.fw-app .compact-actions .btn{min-height:26px!important;padding:3px 7px!important;font-size:10.5px!important} /* Formulaires de paramétrage : réduire légèrement les contrôles sans toucher aux gros écrans de saisie métier. */ .fw-app .structure-section input:not([type=checkbox]):not([type=radio]):not([type=file]), .fw-app .structure-section select, .fw-app [class*="settings"] input:not([type=checkbox]):not([type=radio]):not([type=file]), .fw-app [class*="settings"] select, .fw-app [class*="admin"] table input:not([type=checkbox]):not([type=radio]):not([type=file]), .fw-app [class*="admin"] table select{min-height:28px!important;height:28px!important;padding-top:2px!important;padding-bottom:2px!important} /* Les wrappers de tableaux ne doivent pas creer de respiration artificielle. */ .fw-app .tablewrap{margin-bottom:7px!important} } /* v2.42.193 - Stabilite visuelle globale de navigation / anti-saut de page. Reserve en permanence la gouttiere de scrollbar afin que le contenu centre ne se decale plus horizontalement lorsqu'une page devient plus courte/longue. */ html{ overflow-y:scroll; scrollbar-gutter:stable; } body{ min-height:100vh; } /* Evite une animation involontaire lors d'une restauration de position. */ html.fw-scroll-restore,html.fw-scroll-restore *{ scroll-behavior:auto!important; } /* v2.42.194 - Stabilite anti-layout-shift des elements injectes/charges tardivement. */ @media(min-width:901px){ .fw-app .brand-structure-side{min-width:64px;min-height:50px} .fw-app .brand-structure-side .brand-structure-logo{display:block;max-height:46px;max-width:170px} .fw-app .fw-sortable-table th{vertical-align:middle} .fw-app .fw-table-sort{min-height:28px!important;padding:2px 4px!important} } /* Reservation complete du bloc logo de structure. Le chargement de l'image ne peut plus agrandir le header flex ni faire repasser la navigation sur une autre ligne. */ @media(min-width:901px){ .fw-app .brand-structure-side{width:184px!important;min-width:184px!important;max-width:184px!important;height:50px!important;min-height:50px!important;flex:0 0 184px!important} .fw-app .brand-structure-side .brand-structure-logo{display:block;width:170px!important;height:46px!important;max-width:170px!important;max-height:46px!important;object-fit:contain;object-position:left center} } @media(min-width:701px) and (max-width:900px){ .fw-app .brand-structure-side{width:132px!important;min-width:132px!important;max-width:132px!important;height:42px!important;min-height:42px!important;flex:0 0 132px!important} .fw-app .brand-structure-side .brand-structure-logo{display:block;width:120px!important;height:38px!important;max-width:120px!important;max-height:38px!important;object-fit:contain;object-position:left center} } /* v2.42.196 - rendu immediat : suppression du masquage global de page introduit en 2.42.195. Les dimensions reservees du logo restent actives sans page blanche. */ html body.fw-app{visibility:visible} /* FraisWork v2.42.199-beta - en-tete desktop a geometrie stable (anti layout-shift) */ @media (min-width:1101px){ .fw-app header{ display:grid!important; grid-template-columns:390px minmax(0,1fr)!important; align-items:center!important; gap:18px!important; flex-wrap:nowrap!important; min-height:70px!important; padding:9px 24px!important; } .fw-app .brand{ width:390px!important; min-width:390px!important; max-width:390px!important; height:52px!important; min-height:52px!important; flex-wrap:nowrap!important; overflow:hidden!important; } .fw-app .brand-main{ flex:0 0 190px!important; width:190px!important; min-width:190px!important; } .fw-app .brand-structure-side{ flex:0 0 170px!important; width:170px!important; min-width:170px!important; max-width:170px!important; height:46px!important; min-height:46px!important; overflow:hidden!important; } .fw-app .brand-structure-side .brand-structure-logo{ width:170px!important; height:46px!important; max-width:170px!important; max-height:46px!important; object-fit:contain!important; } .fw-app nav{ display:flex!important; flex-wrap:nowrap!important; align-items:center!important; justify-content:flex-start!important; min-width:0!important; min-height:38px!important; max-height:38px!important; overflow-x:auto!important; overflow-y:hidden!important; white-space:nowrap!important; scrollbar-width:thin; } .fw-app nav a{ flex:0 0 auto!important; min-height:36px!important; max-height:36px!important; white-space:nowrap!important; } } /* FraisWork v2.42.201 - transition native inter-pages, sans interception JS. */ @view-transition { navigation: auto; } @keyframes fw-page-hold { from { opacity: 1; } to { opacity: 1; } } @keyframes fw-page-enter { from { opacity: 0; } to { opacity: 1; } } ::view-transition-old(root) { animation: 120ms linear both fw-page-hold; } ::view-transition-new(root) { animation: 120ms ease-out both fw-page-enter; } @media (prefers-reduced-motion: reduce) { ::view-transition-old(root), ::view-transition-new(root) { animation-duration: 1ms; } } /* FraisWork v2.42.202-beta - suppression de content-visibility:auto. content-visibility avec une taille intrinsèque estimée provoquait des layout shifts lors de la matérialisation réelle des panels/cards/tableaux. Le rendu redevient déterministe dès le premier layout. */ .fw-app .panel, .fw-app .card, .fw-app .tablewrap{ content-visibility:visible!important; contain-intrinsic-size:auto!important; } /* Retrait de l'expérimentation cross-document 2.42.201 : aucun effet de transition ne doit masquer le comportement réel de navigation ni introduire un repaint animé. */ @view-transition { navigation: none; } ::view-transition-old(root), ::view-transition-new(root){ animation:none!important; } /* v2.42.225 - Profil vraiment compact, charge via fichier physique versionne */ .fw-app .profile-compact{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;align-items:start} .fw-app .profile-compact>.panel{margin:0!important;padding:10px 12px!important;min-width:0} .fw-app .profile-compact>.panel:first-child{grid-column:1/-1} .fw-app .profile-compact>.panel:nth-child(5){grid-column:1/-1} .fw-app .profile-compact .panel h2{margin:0 0 6px!important;font-size:17px!important} .fw-app .profile-compact .section-intro,.fw-app .profile-compact .muted{margin:2px 0 6px!important} .fw-app .profile-compact .grid{gap:6px 8px!important} .fw-app .profile-compact label{margin-bottom:0!important} .fw-app .profile-compact input,.fw-app .profile-compact select,.fw-app .profile-compact textarea{min-height:34px!important;padding-top:6px!important;padding-bottom:6px!important} .fw-app .profile-compact button,.fw-app .profile-compact .btn{min-height:30px!important;padding:5px 9px!important} .fw-app .profile-compact .actions{gap:5px!important;margin-top:6px!important} .fw-app .profile-compact .vehicle-profile-card{margin:5px 0!important;padding:7px 9px!important} @media (max-width:900px){.fw-app .profile-compact{grid-template-columns:1fr!important}.fw-app .profile-compact>.panel:first-child,.fw-app .profile-compact>.panel:nth-child(5){grid-column:auto}} /* v2.42.226 - Harmonisation couleur profil, formation/competences et raccourcis RH. */ .fw-app .profile-compact>.panel{ background:linear-gradient(145deg,var(--fw-card-soft,#f8fbff),#fff 78%)!important; border-color:color-mix(in srgb,var(--fw-card-accent,#2474d8) 42%,#d7e4f2)!important; border-top-color:var(--fw-card-accent,#2474d8)!important; } .fw-app .profile-compact>.panel>h2{color:var(--fw-card-text,#174f8f)!important} .fw-app .profile-compact>.panel:not([class*="panel-accent-"]){--fw-card-accent:#64748b;--fw-card-soft:#f3f6f9;--fw-card-text:#475569} .fw-app .profile-panel-structures{--fw-card-accent:#1598a4!important;--fw-card-soft:#eafafb!important;--fw-card-text:#0b6f78!important} .fw-app .profile-panel-password{--fw-card-accent:#d95362!important;--fw-card-soft:#fff0f2!important;--fw-card-text:#9e3541!important} .fw-app .hr-training-panel{ background:linear-gradient(145deg,var(--fw-card-soft,#f8fbff),#fff 80%)!important; border-color:color-mix(in srgb,var(--fw-card-accent,#2474d8) 42%,#d7e4f2)!important; } .fw-app .hr-training-panel>h2{color:var(--fw-card-text,#174f8f)!important} .fw-app .hr-training-panel form.grid{background:rgba(255,255,255,.58);border:1px solid rgba(100,116,139,.14);border-radius:12px;padding:10px} .fw-app .dashboard-section-hr-management{border-left:5px solid #7a5ad8;background:linear-gradient(145deg,#f7f4ff,#fff 78%)} .fw-app .hr-management-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important} .fw-app .card-hr-training{background:linear-gradient(145deg,#f3efff,#fff)!important;border-color:#c9bafa!important} .fw-app .card-hr-employees{background:linear-gradient(145deg,#eafafb,#fff)!important;border-color:#9edce1!important} .fw-app .card-hr-payroll{background:linear-gradient(145deg,#fff0f7,#fff)!important;border-color:#efb9d7!important} .fw-app .card-hr-vault{background:linear-gradient(145deg,#eef2ff,#fff)!important;border-color:#bcc8f6!important} .fw-app .card-disabled{opacity:.68;cursor:not-allowed} @media(max-width:1100px){.fw-app .hr-management-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:650px){.fw-app .hr-management-cards{grid-template-columns:1fr!important}} /* v2.42.230 - fiche utilisateur compacte et droits RH explicites */ .fw-action-admin.fw-admin-tab-users .structure-detail-grid{gap:10px!important} .fw-action-admin.fw-admin-tab-users #user-identity .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 12px!important} .fw-action-admin.fw-admin-tab-users #user-identity{padding:12px!important} .fw-action-admin.fw-admin-tab-users #user-identity label{margin:0!important} .fw-action-admin.fw-admin-tab-users #user-identity .field-help{margin-top:3px;line-height:1.2} .fw-action-admin.fw-admin-tab-users .user-rights-panel{padding:12px!important;border-top:4px solid #7c5ce5} .user-rights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0} .rights-summary{background:#f6f3ff;border:1px solid #ddd5ff;border-radius:9px;padding:8px 10px;display:flex;flex-direction:column;gap:3px} .hr-role-form{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px;padding-top:8px;border-top:1px solid #e3ddfa} .hr-role-form .compact-check{display:flex;align-items:flex-start;gap:8px;flex:1;min-width:320px;margin:0!important} .hr-role-form .compact-check input{width:auto!important;margin-top:3px} .hr-role-form .compact-check span{display:flex;flex-direction:column;gap:2px}.hr-role-form small{font-weight:400;color:#62758a} @media(max-width:900px){.fw-action-admin.fw-admin-tab-users #user-identity .grid,.user-rights-grid{grid-template-columns:1fr!important}} \n/* v2.42.231 - Fiche utilisateur : colonne securite compacte, alignee sur Identite */ @media (min-width:901px){ .fw-action-admin.fw-admin-tab-users .structure-detail-grid{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:12px;align-items:stretch} .fw-action-admin.fw-admin-tab-users .user-rights-panel{grid-column:1/-1;grid-row:1} .fw-action-admin.fw-admin-tab-users .user-identity-panel{grid-column:1;grid-row:2 / span 3;height:100%} .fw-action-admin.fw-admin-tab-users .user-security-mfa{grid-column:2;grid-row:2} .fw-action-admin.fw-admin-tab-users .user-security-password{grid-column:2;grid-row:3} .fw-action-admin.fw-admin-tab-users .user-security-lock{grid-column:2;grid-row:4} .fw-action-admin.fw-admin-tab-users .user-security-mfa, .fw-action-admin.fw-admin-tab-users .user-security-password, .fw-action-admin.fw-admin-tab-users .user-security-lock{padding:12px 14px;min-height:0} .fw-action-admin.fw-admin-tab-users .user-security-mfa h2, .fw-action-admin.fw-admin-tab-users .user-security-password h2, .fw-action-admin.fw-admin-tab-users .user-security-lock h2{margin:0 0 7px;padding-bottom:5px;font-size:17px} .fw-action-admin.fw-admin-tab-users .user-security-mfa p, .fw-action-admin.fw-admin-tab-users .user-security-password p, .fw-action-admin.fw-admin-tab-users .user-security-lock p{margin:5px 0;font-size:12px;line-height:1.25} .fw-action-admin.fw-admin-tab-users .user-security-mfa form, .fw-action-admin.fw-admin-tab-users .user-security-password form, .fw-action-admin.fw-admin-tab-users .user-security-lock form{margin:6px 0 0} .fw-action-admin.fw-admin-tab-users .user-security-password label{margin:0} .fw-action-admin.fw-admin-tab-users .user-security-password input{min-height:34px;padding:6px 9px} .fw-action-admin.fw-admin-tab-users .user-security-mfa button, .fw-action-admin.fw-admin-tab-users .user-security-password button, .fw-action-admin.fw-admin-tab-users .user-security-lock button{min-height:32px;padding:6px 10px} } /* v2.42.232 - Fiche utilisateur : colonne droite logique et compacte */ @media (min-width:901px){ .fw-action-admin.fw-admin-tab-users .structure-detail-grid{ grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr)!important; grid-template-rows:auto auto auto auto!important; gap:10px 12px!important; align-items:start!important; } .fw-action-admin.fw-admin-tab-users .user-identity-panel{ grid-column:1!important;grid-row:1 / span 4!important;height:100%!important; } .fw-action-admin.fw-admin-tab-users .user-rights-panel{ grid-column:2!important;grid-row:1!important;padding:10px 12px!important;align-self:start!important; } .fw-action-admin.fw-admin-tab-users .user-security-password{ grid-column:2!important;grid-row:2!important; } .fw-action-admin.fw-admin-tab-users .user-security-mfa{ grid-column:2!important;grid-row:3!important; } .fw-action-admin.fw-admin-tab-users .user-security-lock{ grid-column:2!important;grid-row:4!important; } .fw-action-admin.fw-admin-tab-users .user-rights-panel .user-rights-grid{ grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin:5px 0!important; } .fw-action-admin.fw-admin-tab-users .user-rights-panel .rights-summary{padding:6px 8px!important;min-height:0!important} .fw-action-admin.fw-admin-tab-users .user-rights-panel .hr-role-form{margin-top:5px!important;padding-top:5px!important;gap:8px!important} .fw-action-admin.fw-admin-tab-users .user-rights-panel .compact-check{min-width:0!important} .fw-action-admin.fw-admin-tab-users .user-rights-panel h2{margin:0 0 5px!important;padding-bottom:4px!important;font-size:17px!important} } /* v2.42.233 - Fiche utilisateur : colonnes independantes, aucune hauteur artificielle */ @media (min-width:901px){ .fw-action-admin.fw-admin-tab-users .structure-detail-grid{ display:grid!important; grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr)!important; grid-template-rows:auto auto auto auto auto!important; gap:10px 12px!important; align-items:start!important; } .fw-action-admin.fw-admin-tab-users .user-identity-panel{ grid-column:1!important;grid-row:1!important;height:auto!important;align-self:start!important; } .fw-action-admin.fw-admin-tab-users .user-rights-panel{grid-column:2!important;grid-row:1!important;align-self:start!important} .fw-action-admin.fw-admin-tab-users .user-security-password{grid-column:2!important;grid-row:2!important;align-self:start!important} .fw-action-admin.fw-admin-tab-users .user-security-mfa{grid-column:2!important;grid-row:3!important;align-self:start!important} .fw-action-admin.fw-admin-tab-users .user-security-lock{grid-column:2!important;grid-row:4!important;align-self:start!important} .fw-action-admin.fw-admin-tab-users #memberships{grid-column:1!important;grid-row:2 / span 3!important;align-self:start!important} .fw-action-admin.fw-admin-tab-users .user-rights-panel .hr-role-form{display:grid!important;grid-template-columns:minmax(145px,.55fr) minmax(0,1fr) auto!important;align-items:end!important} .fw-action-admin.fw-admin-tab-users .user-rights-panel .hr-role-form>label{margin:0!important} } /* v2.42.234 - Fiche utilisateur : deux colonnes de flux independants, sans trous verticaux */ @media (min-width:901px){ .fw-action-admin.fw-admin-tab-users .structure-detail-grid{ display:grid!important; grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr)!important; gap:10px 12px!important; align-items:start!important; } .fw-action-admin.fw-admin-tab-users .user-main-column, .fw-action-admin.fw-admin-tab-users .user-side-column{ display:flex!important; flex-direction:column!important; gap:10px!important; min-width:0!important; align-self:start!important; } .fw-action-admin.fw-admin-tab-users .user-main-column{grid-column:1!important;grid-row:1!important} .fw-action-admin.fw-admin-tab-users .user-side-column{grid-column:2!important;grid-row:1!important} .fw-action-admin.fw-admin-tab-users .user-main-column>.panel, .fw-action-admin.fw-admin-tab-users .user-side-column>.panel{ width:100%!important;height:auto!important;min-height:0!important;margin:0!important; grid-column:auto!important;grid-row:auto!important;align-self:stretch!important; } .fw-action-admin.fw-admin-tab-users .user-rights-panel .hr-role-form{ display:grid!important;grid-template-columns:minmax(145px,.55fr) minmax(0,1fr) auto!important;align-items:end!important; } } @media (max-width:900px){ .fw-action-admin.fw-admin-tab-users .user-main-column, .fw-action-admin.fw-admin-tab-users .user-side-column{display:flex!important;flex-direction:column!important;gap:10px!important} } /* FraisWork 2.42.241 - harmonisation des couleurs RH manquantes */ .fw-app .hr-tabs .hr-tab-news{color:#176b49;border-color:#bfe7d3;background:#f2fbf6} .fw-app .hr-tabs .hr-tab-cse{color:#6a4bb0;border-color:#d8cbf1;background:#f8f5fe} .fw-app .hr-tabs .hr-tab-training{color:#9a5b12;border-color:#f0d2a8;background:#fff8ee} .fw-app .hr-tabs .hr-tab-news.active{background:#dff6e9;border-color:#78c99f;color:#11663e} .fw-app .hr-tabs .hr-tab-cse.active{background:#ece5fb;border-color:#b99fe2;color:#56358f} .fw-app .hr-tabs .hr-tab-training.active{background:#ffefd7;border-color:#e7b66e;color:#8a4c00} .fw-app main:has(.hr-tabs .hr-tab-news.active)>.panel{border-left:4px solid #44b477;background:linear-gradient(135deg,#ffffff 60%,#f0fbf5)} .fw-app main:has(.hr-tabs .hr-tab-cse.active)>.panel{border-left:4px solid #8d6bc4;background:linear-gradient(135deg,#ffffff 60%,#f7f2fd)} .fw-app main:has(.hr-tabs .hr-tab-training.active)>.panel{border-left:4px solid #e39b3c;background:linear-gradient(135deg,#ffffff 60%,#fff7ea)} .fw-app main:has(.hr-tabs .hr-tab-news.active)>.panel h2{color:#176d47} .fw-app main:has(.hr-tabs .hr-tab-cse.active)>.panel h2{color:#5c3897} .fw-app main:has(.hr-tabs .hr-tab-training.active)>.panel h2{color:#925300} .fw-app main:has(.hr-tabs .hr-tab-news.active)>.panel th{background:#e7f6ee} .fw-app main:has(.hr-tabs .hr-tab-cse.active)>.panel th{background:#f0eafb} .fw-app main:has(.hr-tabs .hr-tab-training.active)>.panel th{background:#fff1dd} .fw-app .hr-week-range{display:block;margin:2px 0 5px;color:#58738d;font-size:.76rem;font-weight:700} /* v2.42.243 - Tableau de bord RH : ne plus masquer les salariés absents */ @media (min-width:1200px){ .dashboard-user-grid .card-hr-week .hr-week-names{ display:grid; grid-template-columns:1fr; gap:2px; margin-top:3px; max-height:96px; overflow-y:auto; overflow-x:hidden; padding-right:2px; } .dashboard-user-grid .card-hr-week .hr-week-names span{ display:block; width:100%; white-space:normal; line-height:1.15; } .dashboard-user-grid .card-hr-week .hr-week-names span small{ white-space:normal; } } /* v2.42.244 - Absences hebdomadaires déplacées dans Informations & vie de la structure */ .fw-app .dashboard-section-structure-info .card-hr-week{background:#eaf6fd!important;border-color:#7fc6ec!important} .fw-app .dashboard-section-structure-info .card-hr-week:before{background:#2f80ed!important} .fw-app .dashboard-section-structure-info .card-hr-week .muted, .fw-app .dashboard-section-structure-info .card-hr-week .card-link{color:#176b92!important} @media (min-width:1200px){ .dashboard-user-grid .dashboard-section-structure-info .structure-info-cards{grid-template-columns:repeat(3,minmax(0,1fr))} } @media (max-width:1199px){ .fw-app .dashboard-section-structure-info .structure-info-cards{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:700px){ .fw-app .dashboard-section-structure-info .structure-info-cards{grid-template-columns:1fr} } /* v2.42.245 - souscription / checkout / préparation paiement bancaire */ .signup-catalog-shell{max-width:1280px;margin:0 auto}.signup-catalog-intro{margin-bottom:18px}.signup-pricing-grid-checkout{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:16px;align-items:stretch}.signup-pricing-grid-checkout .signup-price-card{display:flex;flex-direction:column;min-height:410px;cursor:pointer}.signup-price-description{min-height:86px;line-height:1.35}.signup-card-action{margin-top:auto;border:1px solid #bdd3ee;border-radius:10px;padding:11px 14px;text-align:center;font-weight:700;color:#0c4d8f;background:#fff}.signup-price-card:hover .signup-card-action,.signup-price-card:focus .signup-card-action{background:#eef6ff}.signup-price-enterprise .signup-card-action{background:#f5f8fc}.signup-login-link{text-align:center;margin-top:20px}.signup-checkout-dialog{width:min(1180px,calc(100vw - 28px));max-width:1180px;padding:0;overflow:hidden;border:0;border-radius:18px}.signup-checkout-dialog::backdrop{background:rgba(12,32,58,.55);backdrop-filter:blur(2px)}.signup-checkout-dialog form{margin:0}.checkout-dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:22px 24px 18px;border-bottom:1px solid #dce7f3;background:linear-gradient(135deg,#f8fbff,#eef6ff)}.checkout-dialog-head h2{margin:3px 0 4px}.checkout-dialog-head p{margin:0;color:#60758b}.checkout-step{display:inline-block;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#1769d2}.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:580px}.checkout-form-column{padding:18px 22px 26px;max-height:72vh;overflow:auto}.checkout-form-section{padding:16px 0;border-bottom:1px solid #e5edf6}.checkout-form-section:first-child{padding-top:0}.checkout-form-section:last-child{border-bottom:0}.checkout-form-section h3{margin:0 0 12px;color:#0b467d}.checkout-order-summary{padding:22px;background:#f6f9fd;border-left:1px solid #dce7f3;position:sticky;top:0;align-self:start}.checkout-order-summary h3{margin-top:0}.checkout-summary-line{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid #dce7f3}.checkout-summary-line strong{text-align:right}.checkout-summary-total{margin-top:8px;padding-top:14px;font-size:1.05rem;border-bottom:0}.checkout-summary-total strong{font-size:1.25rem;color:#0b467d}.checkout-summary-renewal{font-size:.88rem;color:#66798f;line-height:1.4}.checkout-secure-note{display:flex;flex-direction:column;gap:4px;margin:18px 0;padding:12px;border:1px solid #b9dcc9;background:#f0fbf5;border-radius:10px;font-size:.87rem}.checkout-submit{width:100%;min-height:48px}.checkout-page-shell{max-width:980px;margin:0 auto}.checkout-status-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.checkout-status-head h2{margin:3px 0}.checkout-status-head p{margin:0;color:#66798f}.checkout-totals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.checkout-totals-grid>div{padding:15px;border:1px solid #dbe7f4;border-radius:12px;background:#f9fbfe}.checkout-totals-grid span{display:block;color:#66798f;font-size:.85rem}.checkout-totals-grid strong{display:block;margin-top:5px;font-size:1.2rem}.checkout-total-ttc{background:#edf6ff!important;border-color:#9ec7f5!important}.checkout-total-ttc strong{color:#07539b}.checkout-contract-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkout-contract-grid>div{padding:15px;border-radius:12px;background:#f7f9fc}.checkout-contract-grid h3{margin:0 0 8px}.checkout-contract-grid p{margin:0;line-height:1.55}.checkout-bank-placeholder{padding:16px;border:1px solid #b8d4f2;background:#f2f8ff;border-radius:12px;margin:12px 0 16px}.checkout-bank-placeholder p:last-child{margin-bottom:0}.checkout-bank-panel button[disabled]{opacity:.65;cursor:not-allowed;width:100%} @media(max-width:1050px){.signup-pricing-grid-checkout{grid-template-columns:repeat(2,minmax(240px,1fr))}.checkout-layout{grid-template-columns:1fr}.checkout-order-summary{border-left:0;border-top:1px solid #dce7f3;position:static}.checkout-form-column{max-height:none}} @media(max-width:620px){.signup-pricing-grid-checkout{grid-template-columns:1fr}.signup-checkout-dialog{width:calc(100vw - 12px)}.checkout-dialog-head,.checkout-form-column,.checkout-order-summary{padding:16px}.checkout-totals-grid,.checkout-contract-grid{grid-template-columns:1fr}.checkout-status-head{flex-direction:column}} /* v2.42.246 - documents contractuels téléchargeables depuis le checkout */ .checkout-legal-downloads{margin:0 0 18px;padding:14px 16px;border:1px solid #cfe0f4;border-radius:12px;background:#f7fbff;color:#163b63} .checkout-legal-downloads>strong{display:block;margin-bottom:4px;color:#0b3b6e;font-size:14px} .checkout-legal-downloads p{margin:0 0 10px;font-size:12.5px;color:#5a6b7b} .checkout-legal-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .checkout-legal-link{display:flex;align-items:center;min-height:38px;padding:8px 10px;border:1px solid #bfd7f2;border-radius:9px;background:#fff;color:#1769d2;font-size:12px;font-weight:700;text-decoration:none} .checkout-legal-link:hover,.checkout-legal-link:focus{border-color:#1769d2;background:#eef6ff;text-decoration:none} .check-field a{color:#1769d2;font-weight:700;text-decoration:underline;text-underline-offset:2px} @media(max-width:760px){.checkout-legal-links{grid-template-columns:1fr}} /* v2.42.247 - contrat nominatif apres paiement */ /* v2.42.248 - catalogue commercial des modules SaaS */ .commercial-module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:14px}.commercial-module-card{border:1px solid #d9e5f3;border-radius:14px;padding:16px;background:#fff}.commercial-module-card h3{margin:0 0 6px}.commercial-module-card .module-code{font-size:.72rem;font-weight:800;color:#286fd6;text-transform:uppercase;letter-spacing:.04em}.commercial-module-card .module-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.commercial-module-card .module-price-grid label{margin:0}.commercial-module-card .module-flags{display:flex;gap:16px;flex-wrap:wrap}.commercial-plan-table .module-state{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.checkout-module-picker{display:grid;gap:10px;margin-top:10px}.checkout-module-option{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;border:1px solid #dbe7f4;border-radius:12px;padding:11px 12px;background:#f9fcff}.checkout-module-option strong{display:block}.checkout-module-option small{display:block;color:#637b96;margin-top:3px}.checkout-module-option .module-option-price{font-weight:800;color:#0a4f91;white-space:nowrap}.checkout-summary-modules{border-top:1px solid #dbe7f4;margin-top:8px;padding-top:8px}.checkout-summary-module{display:flex;justify-content:space-between;gap:12px;font-size:.9rem;padding:3px 0}.subscription-module-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}.subscription-module-badge{display:inline-flex;padding:3px 8px;border-radius:999px;background:#eaf3ff;color:#155fac;font-size:.78rem;font-weight:700} /* 2.42.251 - Absence maladie: couleur distincte, sans divulguer le motif en info-bulle. */ .fw-app .hr-planning-legend .hr-legend-sick,.fw-app .hr-calendar td.hr-day-sick{background:#d8c4f7!important} .fw-app .hr-leave-requests tbody tr.hr-leave-row-sick>td{background:#f2eaff} /* 2.42.257 - Deux parcours distincts pour les véhicules */ .fw-app .fw-vehicle-existing{padding:15px;margin:15px 0 20px;border:1px solid #c4d8ef;border-left:5px solid #2b77d5;border-radius:12px;background:#f2f7ff} .fw-app .fw-vehicle-existing>h3{color:#175eac;margin:0 0 5px} .fw-app .fw-vehicle-create{padding:16px;margin:14px 0;border:1px solid #c6d8eb;border-radius:12px;background:#fff} .fw-app .fw-vehicle-create>h3{margin:0 0 6px;color:#264b76} .fw-app .fw-vehicle-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0} .fw-app button.fw-vehicle-method{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:17px 18px;border-radius:11px;background:#eef5ff;color:#175da7;border:2px solid #bdd6f5;text-align:left;box-shadow:none;min-height:95px;white-space:normal} .fw-app button.fw-vehicle-method span{font-size:12px;font-weight:400;line-height:1.4} .fw-app button.fw-vehicle-method.is-selected{background:#dcecff;border-color:#2273d2;box-shadow:0 0 0 2px #c7defa} .fw-app button.fw-vehicle-method-ocr{background:#f0fbf4;color:#166a44;border-color:#b5e0c5} .fw-app button.fw-vehicle-method-ocr.is-selected{background:#daf4e3;border-color:#279a61;box-shadow:0 0 0 2px #c2e9d0} .fw-app #vehicle-create-form{padding:16px;border:1px solid #bcd6f4;border-left:5px solid #2876d5;border-radius:10px;background:#f7faff} .fw-app #vehicle-create-form.fw-vehicle-ocr-mode{border-color:#b4e0c6;border-left-color:#289e64;background:#f5fcf7} .fw-app #vehicle-create-form h4{margin:0 0 9px;color:#185d9f} .fw-app #vehicle-create-form.fw-vehicle-ocr-mode h4{color:#176d45} .fw-app #vehicle-create-form:not(.fw-vehicle-ocr-mode) .fw-vehicle-upload,.fw-app #vehicle-create-form:not(.fw-vehicle-ocr-mode) #vehicle-analyze-button{display:none!important} .fw-app #vehicle-create-form .fw-vehicle-ocr-step[hidden]{display:none!important} .fw-app #vehicle-create-form.fw-vehicle-ocr-mode .fw-vehicle-upload{order:-1} @media(max-width:650px){.fw-app .fw-vehicle-methods{grid-template-columns:1fr}} /* 2.42.258 - profil vehicules compact, parcours couleurs conserves */ .fw-app .profile-compact .fw-vehicle-existing{padding:8px 10px!important;margin:7px 0 9px!important;border-radius:9px} .fw-app .profile-compact .fw-vehicle-create{padding:9px 10px!important;margin:8px 0!important;border-radius:9px} .fw-app .profile-compact .fw-vehicle-existing>h3,.fw-app .profile-compact .fw-vehicle-create>h3{margin:0 0 2px!important;font-size:15px} .fw-app .profile-compact .fw-vehicle-existing>.field-help,.fw-app .profile-compact .fw-vehicle-create>.field-help{margin:0 0 5px!important;line-height:1.2} .fw-app .profile-compact .vehicle-profile-card{padding:7px 9px!important;margin:4px 0!important;gap:6px!important;align-items:start!important} .fw-app .profile-compact .vehicle-profile-card .vehicle-ocr-status{margin:3px 0!important;padding:4px 7px!important} .fw-app .profile-compact .vehicle-profile-card .vehicle-tech-meta{margin:3px 0!important;gap:3px!important} .fw-app .profile-compact .vehicle-profile-card .vehicle-detected-fields{margin:4px 0!important} .fw-app .profile-compact .vehicle-card-actions{gap:5px!important;margin:4px 0 0!important;align-items:end!important} .fw-app .profile-compact .vehicle-card-actions form{margin:0!important} .fw-app .profile-compact .vehicle-card-actions input[type=file]{max-width:220px} .fw-app .profile-compact .fw-vehicle-methods{gap:7px!important;margin:6px 0!important} .fw-app .profile-compact button.fw-vehicle-method{min-height:0!important;padding:7px 10px!important;gap:2px!important;border-radius:8px!important} .fw-app .profile-compact button.fw-vehicle-method strong{font-size:12px!important} .fw-app .profile-compact button.fw-vehicle-method span{font-size:11px!important;line-height:1.2!important} .fw-app .profile-compact #vehicle-create-form{padding:8px 10px!important;border-radius:8px!important} .fw-app .profile-compact #vehicle-create-form h4{margin:0 0 5px!important;font-size:14px!important} .fw-app .profile-compact #vehicle-create-form .grid{gap:7px!important;margin:0!important} .fw-app .profile-compact #vehicle-create-form label{margin-bottom:0!important} .fw-app .profile-compact #vehicle-create-form input,.fw-app .profile-compact #vehicle-create-form select{margin-top:3px!important} .fw-app .profile-compact #vehicle-create-form .actions{margin-top:7px!important;gap:6px!important} .fw-app .profile-compact #vehicle-create-form .field-help{margin-top:2px!important;line-height:1.2!important} @media(max-width:760px){.fw-app .profile-compact .vehicle-profile-card{grid-template-columns:1fr!important}.fw-app .profile-compact .fw-vehicle-methods{grid-template-columns:1fr!important}} /* v2.42.259 - vraie densification des fiches vehicules : actions horizontales et zero hauteur artificielle */ .fw-app .profile-compact .fw-vehicle-existing{padding:7px 9px!important;margin:5px 0 7px!important} .fw-app .profile-compact .fw-vehicle-create{padding:7px 9px!important;margin:6px 0!important} .fw-app .profile-compact .fw-vehicle-existing>.field-help,.fw-app .profile-compact .fw-vehicle-create>.field-help{margin:0 0 3px!important} .fw-app .profile-compact .vehicle-profile-card{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr)!important;gap:5px 12px!important;align-items:start!important;padding:6px 8px!important;margin:3px 0!important} .fw-app .profile-compact .vehicle-profile-card>div:first-child{min-width:0;grid-column:1} .fw-app .profile-compact .vehicle-profile-card>.vehicle-profile-edit{grid-column:2;grid-row:1;min-width:0} .fw-app .profile-compact .vehicle-profile-card>.vehicle-card-actions{grid-column:1/-1;grid-row:2;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:end!important;justify-content:flex-start!important;gap:6px 10px!important;min-width:0!important;width:100%;margin:0!important;padding-top:4px!important;border-top:1px solid #e0e9f4} .fw-app .profile-compact .vehicle-card-actions .vehicle-proof-form{display:flex!important;flex-direction:row!important;align-items:end!important;flex-wrap:wrap!important;gap:5px!important;width:auto!important;max-width:100%;margin:0!important} .fw-app .profile-compact .vehicle-card-actions .vehicle-proof-form>label{display:flex!important;flex-direction:column!important;gap:2px!important;margin:0!important} .fw-app .profile-compact .vehicle-card-actions .vehicle-proof-form input[type=file]{width:200px!important;max-width:100%!important} .fw-app .profile-compact .vehicle-card-actions .vehicle-delete-form{margin:0 0 0 auto!important} .fw-app .profile-compact .vehicle-card-actions button{margin:0!important;white-space:nowrap} .fw-app .profile-compact .vehicle-ocr-status{margin:2px 0!important;padding:3px 6px!important;line-height:1.2!important} .fw-app .profile-compact .vehicle-tech-meta{margin:2px 0!important} .fw-app .profile-compact .fw-vehicle-methods{margin:4px 0!important;gap:6px!important} .fw-app .profile-compact button.fw-vehicle-method{padding:5px 9px!important;min-height:0!important;gap:0!important} .fw-app .profile-compact #vehicle-create-form{padding:6px 8px!important} .fw-app .profile-compact #vehicle-create-form h4{margin:0 0 3px!important} .fw-app .profile-compact #vehicle-create-form .field-help{font-size:10px!important;line-height:1.1!important} @media(max-width:850px){.fw-app .profile-compact .vehicle-profile-card{grid-template-columns:1fr!important}.fw-app .profile-compact .vehicle-profile-card>.vehicle-profile-edit{grid-column:1;grid-row:2}.fw-app .profile-compact .vehicle-profile-card>.vehicle-card-actions{grid-column:1;grid-row:3}.fw-app .profile-compact .vehicle-card-actions .vehicle-delete-form{margin-left:0!important}} /* 2.42.260: compactage reel de la fiche en mode edition ouvert */ .fw-app .profile-compact .vehicle-profile-card{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)!important;gap:3px 10px!important} .fw-app .profile-compact .vehicle-profile-edit{margin:0!important;padding:0!important;align-self:start!important} .fw-app .profile-compact .vehicle-profile-edit>summary{padding:4px 7px!important;line-height:1.1!important;min-height:0!important} .fw-app .profile-compact .vehicle-profile-edit[open] .vehicle-edit-form{padding:5px 7px!important;margin:0!important} .fw-app .profile-compact .vehicle-profile-edit .vehicle-edit-form>.grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:3px 6px!important;margin:0!important} .fw-app .profile-compact .vehicle-profile-edit .vehicle-edit-form>.grid>label{min-width:0!important;margin:0!important;font-size:11px!important;line-height:1.1!important} .fw-app .profile-compact .vehicle-profile-edit .vehicle-edit-form>.grid>label input:not([type=checkbox]),.fw-app .profile-compact .vehicle-profile-edit .vehicle-edit-form>.grid>label select{width:100%!important;min-width:0!important;height:30px!important;padding:3px 6px!important;margin:2px 0 0!important} .fw-app .profile-compact .vehicle-profile-edit .vehicle-edit-form>.grid>label:has(input[name=is_default]){display:flex!important;align-items:center!important;gap:4px!important;grid-column:span 2!important} .fw-app .profile-compact .vehicle-profile-edit .vehicle-edit-form>.field-help{display:none!important} .fw-app .profile-compact .vehicle-profile-edit .vehicle-manual-confirm{display:flex!important;align-items:center!important;gap:5px!important;margin:4px 0!important;font-size:11px!important;line-height:1.2!important} .fw-app .profile-compact .vehicle-profile-edit .vehicle-manual-confirm input{flex:none!important;margin:0!important} .fw-app .profile-compact .vehicle-profile-edit .vehicle-edit-form>button{margin:2px 0 0!important;padding:6px 9px!important} .fw-app .profile-compact .vehicle-profile-card>.vehicle-card-actions{padding-top:3px!important;gap:4px 7px!important} .fw-app .profile-compact .vehicle-card-actions .vehicle-proof-form>label{font-size:11px!important} .fw-app .profile-compact .vehicle-profile-card .vehicle-ocr-status{max-width:100%!important} @media(max-width:1100px){.fw-app .profile-compact .vehicle-profile-edit .vehicle-edit-form>.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:850px){.fw-app .profile-compact .vehicle-profile-card{grid-template-columns:1fr!important}} /* v2.42.264 - Densification sans modifier les formulaires ou le calcul */ @media(min-width:900px){ .fw-app .new-report-panel{padding:9px 12px 10px!important} .fw-app .new-report-grid{gap:6px!important} .fw-app .new-report-card{padding:8px 10px!important;min-height:0!important} .fw-app .new-report-card-head{margin-bottom:5px!important;padding-bottom:4px!important} .fw-app .new-report-card label{margin-bottom:3px!important} .fw-app .new-report-card input,.fw-app .new-report-card select{min-height:31px!important;padding-top:4px!important;padding-bottom:4px!important} .fw-app .new-report-card textarea{min-height:45px!important;height:45px!important} .fw-app .new-report-finance .advance-balance-box{padding:6px 8px!important} .fw-app .new-report-actions{margin-top:6px!important;padding-top:6px!important} .fw-app .mileage-route-summary{gap:5px!important;margin-top:5px!important} .fw-app .mileage-route-summary>div{padding:5px 7px!important} .fw-app .mileage-route-map{margin-top:5px!important} .fw-app .expense-entry-card{min-height:0!important} } /* v2.42.265: separate medical administration and personal leave requests */ .fw-app .hr-sick-management-zone{border:1px solid #d4c0f4;border-left:5px solid #8156c8;border-radius:14px;background:#f6f0ff;padding:12px;margin:12px 0 18px} .fw-app .hr-sick-management-zone>.hr-leave-management-head h2{color:#6741a5} .fw-app .hr-sick-management-zone>.panel{border-left:3px solid #8156c8;background:#fff;margin:8px 0 0;padding:10px} .fw-app .hr-personal-leave-zone{border:1px solid #b9decf;border-left:5px solid #16956a;border-radius:14px;background:#f0faf5;padding:12px;margin:12px 0} .fw-app .hr-personal-leave-zone>.hr-leave-management-head h2{color:#176e50} .fw-app .hr-personal-leave-zone>.panel{margin:8px 0;background:#fff} @media(max-width:700px){.fw-app .hr-sick-management-zone,.fw-app .hr-personal-leave-zone{padding:8px}} /* v2.42.266: independent colored tabs for personal leave and medical administration */ .fw-app .hr-leave-subtabs{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 12px} .fw-app .hr-leave-subtab{display:inline-flex;align-items:center;min-height:38px;padding:8px 14px;border-radius:10px;text-decoration:none;font-weight:700;border:1px solid #c5dfd2;background:#f0faf5;color:#176e50} .fw-app .hr-leave-subtab-sick{border-color:#d4c0f4;background:#f6f0ff;color:#6741a5} .fw-app .hr-leave-subtab-personal.is-active{background:#d8f2e4;border:2px solid #16956a} .fw-app .hr-leave-subtab-sick.is-active{background:#e8dbfa;border:2px solid #8156c8} .fw-app .hr-leave-subtab:focus-visible{outline:3px solid #2671d9;outline-offset:2px} /* v2.42.271: fiche de note compacte; presentation uniquement. */ @media (min-width: 901px) { .fw-app .report-info-layout { align-items:start; gap:7px 9px; } .fw-app .report-info-card { align-self:start; min-height:0!important; padding:7px 9px!important; } .fw-app .report-info-card-head { margin-bottom:5px; padding-bottom:4px; } .fw-app .report-info-card .form-grid { gap:4px 8px; align-content:start; } .fw-app .report-info-card label { margin:0; } .fw-app .report-info-card input,.fw-app .report-info-card select { height:30px; min-height:30px; } .fw-app .report-info-card textarea { height:36px; min-height:36px; } .fw-app .report-info-card .field-help { margin:0; line-height:1.15; } .fw-app .period-summary { margin-top:4px; padding:4px 7px; } .fw-app .advance-balance-box { padding:5px 7px; } .fw-app .advance-balance-box strong { font-size:17px; } .fw-app .finance-summary { margin-top:4px; gap:4px; } .fw-app .finance-summary>div { padding:5px 6px; min-height:0; } .fw-app .finance-summary small { line-height:1.15; } .fw-app .report-info-actions { margin-top:5px; padding-top:5px; } } /* v2.42.272: sick leave is a first-level RH tab, not a second row of subtabs */ .fw-app .hr-tabs .hr-tab-sick{color:#6741a5;background:#f6f0ff;border-color:#d4c0f4} .fw-app .hr-tabs .hr-tab-sick.active{color:#60339f;background:#e8dbfa;border-color:#8156c8;box-shadow:inset 0 -2px 0 #8156c8} /* 2.42.276: creation compacte sans carte structure. */ .fw-app .new-report-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start} .fw-app .new-report-trip .new-report-two{margin-top:7px} .fw-app .new-report-trip>label{display:block;margin-top:7px} @media(max-width:700px){.fw-app .new-report-grid{grid-template-columns:1fr}} /* v2.42.278 : Mission a gauche, Période / Imputation / Financement empilés a droite. */ @media (min-width: 981px) { .fw-app .report-info-layout { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(330px,.9fr); grid-template-rows:auto auto auto; align-items:start; align-content:start; gap:8px 9px; } .fw-app .report-info-layout > .info-mission {grid-column:1;grid-row:1 / 4;align-self:start;} .fw-app .report-info-layout > .info-period {grid-column:2;grid-row:1;} .fw-app .report-info-layout > .info-accounting {grid-column:2;grid-row:2;} .fw-app .report-info-layout > .info-finance {grid-column:2;grid-row:3;} .fw-app .info-accounting .form-grid {grid-template-columns:repeat(2,minmax(0,1fr));} .fw-app .info-accounting .field-wide {grid-column:1 / -1;} } @media (min-width: 981px) and (max-width: 1120px) { .fw-app .report-info-layout {grid-template-columns:minmax(0,1.3fr) minmax(330px,1fr);} } /* v2.42.282 : financement informatif en bandeau pleine largeur ; mission et saisie sous le bandeau. */ .fw-app .report-info-layout > .info-finance {grid-column:1 / -1;grid-row:1;min-width:0;} @media (min-width:981px) { .fw-app .report-info-layout {grid-template-rows:auto auto auto;align-content:start;} .fw-app .report-info-layout > .info-finance {grid-column:1 / -1;grid-row:1;} .fw-app .report-info-layout > .info-mission {grid-column:1;grid-row:2 / 4;align-self:start;} .fw-app .report-info-layout > .info-period {grid-column:2;grid-row:2;align-self:start;} .fw-app .report-info-layout > .info-accounting {grid-column:2;grid-row:3;align-self:start;} .fw-app .info-finance .form-grid {grid-template-columns:minmax(0,1.5fr) minmax(220px,.7fr);} .fw-app .info-finance .finance-summary {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));} } @media (max-width:980px) { .fw-app .report-info-layout > .info-finance, .fw-app .report-info-layout > .info-mission, .fw-app .report-info-layout > .info-period, .fw-app .report-info-layout > .info-accounting {grid-column:auto;grid-row:auto;} } @media (max-width:700px) { .fw-app .info-finance .finance-summary {grid-template-columns:repeat(2,minmax(0,1fr));} } /* v2.42.283 : densite de la fiche de note, sans modifier la hauteur des cartes Periode et Imputation. */ @media (min-width:981px) { .fw-app .report-info-panel {padding:8px 10px!important;margin-bottom:8px!important;} .fw-app .report-info-titlebar {margin-bottom:6px!important;padding-bottom:5px!important;} .fw-app .report-info-layout {gap:6px 8px!important;grid-template-rows:auto auto auto!important;} .fw-app .report-info-layout > .info-finance {padding:6px 8px!important;} .fw-app .info-finance .report-info-card-head {margin-bottom:4px!important;padding-bottom:3px!important;} .fw-app .info-finance {display:grid;grid-template-columns:minmax(0,1fr);align-content:start;} .fw-app .info-finance .form-grid {gap:5px!important;grid-template-columns:minmax(0,2fr) minmax(160px,1fr)!important;} .fw-app .info-finance .advance-balance-box {padding:4px 7px!important;min-height:0!important;} .fw-app .info-finance .advance-balance-box strong {font-size:15px!important;line-height:1.05!important;} .fw-app .info-finance .advance-balance-box small {font-size:10px!important;line-height:1.15!important;} .fw-app .info-finance .finance-summary {margin-top:3px!important;gap:4px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;} .fw-app .info-finance .finance-summary > div {padding:4px 6px!important;min-height:0!important;} .fw-app .info-finance .finance-summary strong {font-size:13px!important;line-height:1.1!important;} .fw-app .info-finance .finance-summary span,.fw-app .info-finance .finance-summary small {font-size:10px!important;line-height:1.12!important;} .fw-app .report-info-layout > .info-mission {padding:6px 8px!important;} .fw-app .info-mission .report-info-card-head {margin-bottom:4px!important;padding-bottom:4px!important;} .fw-app .info-mission .form-grid {gap:3px 7px!important;} .fw-app .info-mission .field-help {font-size:10px!important;line-height:1.1!important;} .fw-app .info-mission textarea {min-height:30px!important;height:30px!important;} .fw-app .report-info-actions {margin-top:3px!important;padding-top:4px!important;} .fw-app .expense-section-head {margin-top:8px!important;margin-bottom:5px!important;} .fw-app .expense-section-head h2 {margin-bottom:3px!important;} .fw-app .expense-section-head p {margin:2px 0!important;} .fw-app .expense-table {margin-bottom:7px!important;} .fw-app .submission-checklist {margin:10px 0!important;padding:10px 12px!important;} .fw-app .submission-title {margin-bottom:7px!important;} .fw-app .submission-check {padding:6px 8px!important;} } @media (min-width:1380px) { .fw-app .info-finance {grid-template-columns:minmax(0,1fr)!important;} .fw-app .info-finance .form-grid {grid-template-columns:minmax(0,2fr) minmax(180px,.9fr)!important;} } /* v2.42.284: bandeau d'identite et montants compact, typographie reduite. */ .fw-app .report-summary-panel{padding:7px 10px!important;margin-bottom:9px!important} .fw-app .report-summary-grid{row-gap:5px!important;column-gap:12px!important;align-items:start!important;font-size:12px;line-height:1.2} .fw-app .report-summary-grid>div{min-width:0;font-size:12px;line-height:1.2;overflow-wrap:anywhere} .fw-app .report-summary-grid b{font-size:12px;line-height:1.2} .fw-app .report-summary-grid .muted,.fw-app .report-summary-grid small{font-size:10.5px;line-height:1.15} .fw-app .report-summary-grid .report-money strong{font-size:13px!important;line-height:1.15;margin-top:2px!important} .fw-app .report-summary-grid .report-money small{margin-top:2px} .fw-app .report-summary-grid .badge,.fw-app .report-summary-grid .status-pill{font-size:10px} @media(min-width:901px) and (max-width:1379px){ .fw-app .report-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;row-gap:5px!important} } @media(max-width:700px){ .fw-app .report-summary-panel{padding:8px!important} .fw-app .report-summary-grid{row-gap:8px!important} } /* v2.42.285 : regroupement visuel des depenses et densification, couleurs conservees. */ .fw-app .report-expenses-frame{border:1px solid #d6e4f2;border-left:4px solid #2777dc;border-radius:13px;padding:9px 11px 10px;margin:10px 0 9px;background:rgba(255,255,255,.92);box-shadow:0 4px 13px rgba(29,64,105,.045)} .fw-app .report-expenses-frame .expense-section-head{margin:0 0 5px!important;gap:8px;align-items:center} .fw-app .report-expenses-frame .expense-section-head h2{font-size:17px;line-height:1.2;margin:0 0 2px!important} .fw-app .report-expenses-frame .expense-section-head p{font-size:11px;margin:0!important;line-height:1.2} .fw-app .report-expenses-frame .expense-summary-wide{margin:3px 0 6px!important;gap:5px} .fw-app .report-expenses-frame .expense-kpi{font-size:10px;padding:4px 7px} .fw-app .report-expenses-frame .expense-table{margin:0!important} .fw-app .report-expenses-frame .expense-table th,.fw-app .report-expenses-frame .expense-table td{padding-top:5px!important;padding-bottom:5px!important;font-size:11px} .fw-app #risk-analysis.panel{padding:8px 11px!important;margin:8px 0!important;min-height:0!important} .fw-app #risk-analysis .section-head{margin:0!important;padding:0!important;gap:8px;align-items:center} .fw-app #risk-analysis h2{font-size:15px!important;line-height:1.2;margin:0!important} .fw-app #risk-analysis .section-intro{font-size:10px!important;line-height:1.25;margin:2px 0 0!important;padding:0!important} .fw-app #risk-analysis .risk-pill{font-size:10px!important;padding:3px 7px!important} .fw-app #risk-analysis p.muted{font-size:11px!important;margin:5px 0 0!important;line-height:1.3} .fw-app #risk-analysis ul{font-size:11px;margin:5px 0 0;padding-left:18px} .fw-app .submission-checklist{margin:8px 0!important;padding:9px 11px!important} .fw-app .submission-title{gap:7px;margin-bottom:7px!important} .fw-app .submission-title>span{width:28px;height:28px;font-size:15px;flex-shrink:0} .fw-app .submission-title h2{font-size:16px!important;line-height:1.2} .fw-app .submission-title p{font-size:10px!important;margin:2px 0 0!important;line-height:1.25} .fw-app .submission-check-grid{gap:6px} .fw-app .submission-check{padding:6px 7px!important;gap:6px;border-radius:9px} .fw-app .submission-check>b{width:23px;height:23px;font-size:12px;flex-shrink:0} .fw-app .submission-check strong{font-size:12px;line-height:1.2} .fw-app .submission-check small{font-size:10px;line-height:1.2} .fw-app .submission-actions{margin-top:7px!important;gap:8px} .fw-app .submission-actions .muted{font-size:10px} @media(max-width:800px){.fw-app .report-expenses-frame{padding:8px}.fw-app .submission-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:480px){.fw-app .submission-check-grid{grid-template-columns:1fr}.fw-app .submission-actions{flex-wrap:wrap}} /* v2.42.286 - Fiche Ajouter/Modifier une depense : densification sans modification de palette. */ @media (min-width: 901px) { .fw-app .expense-detail-hero{padding:10px 15px!important;margin-bottom:7px!important;min-height:0!important;gap:9px!important} .fw-app .expense-detail-title{gap:9px!important} .fw-app .expense-detail-icon{width:36px!important;height:36px!important;font-size:20px!important} .fw-app .expense-detail-title h1{font-size:22px!important;margin:1px 0!important;line-height:1.15!important} .fw-app .expense-detail-title p{font-size:11px!important;margin:2px 0 0!important} .fw-app .expense-detail-summary{gap:7px!important} .fw-app .expense-detail-summary>div{padding:7px 10px!important;min-height:0!important} .fw-app .expense-quick-guide{padding:6px!important;gap:7px!important;margin-bottom:8px!important;border-radius:12px!important} .fw-app .expense-quick-guide>div{padding:5px 8px!important;grid-template-columns:25px 1fr!important;column-gap:7px!important;min-height:0!important} .fw-app .expense-quick-guide span{width:23px!important;height:23px!important;font-size:12px!important} .fw-app .expense-quick-guide strong{font-size:11px!important;line-height:1.2!important} .fw-app .expense-quick-guide small{font-size:10px!important;line-height:1.15!important} .fw-app .expense-entry-grid{gap:7px!important} .fw-app .expense-entry-card{padding:8px 10px!important;min-height:0!important} .fw-app .expense-card-head{margin-bottom:5px!important;padding-bottom:4px!important;gap:7px!important} .fw-app .expense-card-head>span{width:27px!important;height:27px!important;font-size:13px!important} .fw-app .expense-card-head h3{font-size:12px!important;line-height:1.2!important} .fw-app .expense-card-head p{font-size:9px!important;line-height:1.15!important} .fw-app .expense-entry-card .form-grid{gap:5px 8px!important} .fw-app .expense-entry-card label{font-size:11px!important;margin-bottom:0!important} .fw-app .expense-entry-card input:not([type=checkbox]):not([type=radio]):not([type=file]),.fw-app .expense-entry-card select{min-height:29px!important;height:29px!important;padding-top:3px!important;padding-bottom:3px!important;font-size:12px!important} .fw-app .expense-entry-card textarea{min-height:33px!important;font-size:12px!important} .fw-app .ocr-auto-amount-info{margin-bottom:6px!important;padding:6px 9px!important;font-size:10.5px!important;line-height:1.25!important} .fw-app .expense-empty-receipt{padding:6px 9px!important;margin-bottom:5px!important;font-size:11px!important} .fw-app .receipt-dropzone{min-height:70px!important;padding:8px 10px!important;gap:2px!important} .fw-app .receipt-dropzone input[type=file]{min-height:70px!important} .fw-app .receipt-dropzone .drop-icon{font-size:17px!important;line-height:1!important} .fw-app .receipt-dropzone strong{font-size:11px!important} .fw-app .receipt-dropzone small,.fw-app .selected-files{font-size:10px!important;line-height:1.2!important} .fw-app .receipt-first-submit{min-height:33px!important;padding:6px 10px!important;font-size:12px!important;margin-top:5px!important} .fw-app .receipt-first-help{font-size:10px!important;margin-top:4px!important} .fw-app .expense-detail-actions{margin-top:8px!important;padding-top:7px!important} } /* 2.42.287 - signalement des champs requis par structure, sans modifier les couleurs existantes */ .fw-app .required-star{color:#c43535;font-weight:800;margin-left:2px}.fw-app .fw-required-warning{border:1px solid #e8a5a5;border-left:4px solid #c43535;border-radius:9px;padding:9px 12px;margin:8px 0 12px;background:#fff8f8;color:#873333;font-size:12px} /* v2.42.288: required marker stays inline with caption; no form layout changes. */ .fw-app .fw-field-caption{display:inline!important;width:auto!important;min-height:0!important;line-height:inherit!important;align-self:flex-start!important;} .fw-app .fw-field-caption .required-star{display:inline!important;position:static!important;float:none!important;margin-left:2px!important;color:#c43535!important;font-size:inherit!important;line-height:inherit!important;vertical-align:baseline!important;} /* v2.42.289 : etoiles inline, sans incidence sur la disposition. */ .fw-app .expense-detail-form .fw-required-star{display:inline!important;color:#c92828!important;font-size:inherit!important;font-weight:700!important;margin-left:3px!important;vertical-align:baseline!important;position:static!important;} /* v2.42.292: Required marker stays next to the caption, never on a new line. */ .fw-app .new-report-panel label>.fw-field-caption, .fw-app .report-header-form label>.fw-field-caption, .fw-app .report-form label>.fw-field-caption, .fw-app .report-header-grid label>.fw-field-caption, .fw-app label>.fw-field-caption { display:inline-flex!important; flex-direction:row!important; flex-wrap:nowrap!important; align-items:baseline!important; justify-content:flex-start!important; width:max-content!important; max-width:100%!important; white-space:nowrap!important; gap:3px!important; line-height:1.25!important; vertical-align:baseline!important; margin-bottom:2px!important; } .fw-app label>.fw-field-caption>.required-star { display:inline-block!important; position:static!important; float:none!important; width:auto!important; height:auto!important; margin:0!important; padding:0!important; flex:0 0 auto!important; line-height:1!important; font-size:inherit!important; color:#c43535!important; font-weight:800!important; vertical-align:baseline!important; } /* 2.42.293: keep required marker next to label without changing grid layout */ .fw-app .expense-detail-form .fw-inline-required-label{display:inline!important;white-space:nowrap!important;} .fw-app .expense-detail-form .fw-inline-required-label .fw-required-star{display:inline!important;position:static!important;margin-left:3px!important;vertical-align:baseline!important;} .fw-app #fw-advance-create .fw-advance-label{display:inline!important;white-space:nowrap!important;} /* 2.42.295: independent columns, actions remain outside grid */ .fw-app .new-report-panel form > .new-report-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-items:start!important} .fw-app .new-report-grid > .new-report-column{display:flex!important;flex-direction:column!important;gap:10px!important;min-width:0!important;align-self:start!important} .fw-app .new-report-grid > .new-report-column > .new-report-card{width:100%!important;min-width:0!important;margin:0!important;grid-column:auto!important;grid-row:auto!important;align-self:auto!important} .fw-app .new-report-panel form > .new-report-actions{display:flex!important;justify-content:space-between!important;clear:both!important;width:100%!important;grid-column:1/-1!important} @media(max-width:700px){.fw-app .new-report-panel form > .new-report-grid{grid-template-columns:minmax(0,1fr)!important}} /* 2.42.301: P.6 verification visible independently from vehicle edit accordion */ .vehicle-p6-panel{border:1px solid #bcd8e5;background:#f4fbff;border-radius:10px;padding:12px;margin:10px 0;display:grid;gap:8px}.vehicle-p6-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.vehicle-p6-confirm-form{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.vehicle-p6-confirm-form label{display:flex;align-items:center;gap:8px;flex:1 1 320px}.vehicle-p6-confirm-form input[type=checkbox]{width:auto;flex:none}.vehicle-p6-confirm-form button{flex:none}.vehicle-p6-panel .field-help{margin:0} /* Recette RH 2.42.364 : sections et statuts lisibles, couleurs cohérentes. */ .hr-dossier-section{grid-column:1/-1;margin:0;padding:16px;border:1px solid var(--hr-border,#a9c7ed);border-left:5px solid var(--hr-accent,#2563eb);border-radius:10px;background:var(--hr-surface,#eff6ff);min-width:0} .hr-dossier-section legend{font-weight:700;color:var(--hr-ink,#1e3a8a);padding:0 8px} .hr-dossier-identity{--hr-surface:#eff6ff;--hr-accent:#2563eb;--hr-border:#a9c7ed;--hr-ink:#1e3a8a} .hr-dossier-balances{--hr-surface:#f0fdf4;--hr-accent:#15803d;--hr-border:#86cfa1;--hr-ink:#14532d} .hr-dossier-emergency{--hr-surface:#fff7ed;--hr-accent:#c2410c;--hr-border:#fdba74;--hr-ink:#9a3412} .hr-dossier-bank{--hr-surface:#faf5ff;--hr-accent:#7e22ce;--hr-border:#d8b4fe;--hr-ink:#581c87} .hr-dossier-save{grid-column:1/-1;display:flex;justify-content:flex-end;padding:12px 0} .hr-dossier-save button{background:#1769d2;color:#fff;font-weight:700} .hr-leave-request-panel{background:#f0fdf4!important;border-left:5px solid #15803d!important} .hr-leave-pending-panel{background:#fff7ed!important;border-left:5px solid #c2410c!important} .hr-leave-history-panel{background:#eff6ff!important;border-left:5px solid #2563eb!important} .fw-app .hr-leave-requests tbody tr.hr-leave-row-cp td{background:#eefaf2!important} .fw-app .hr-leave-requests tbody tr.hr-leave-row-rtt td{background:#eef6ff!important} .fw-app .hr-leave-requests tbody tr.hr-leave-row-sick td{background:#faf5ff!important} .fw-app .hr-leave-requests tbody tr.hr-leave-row-unpaid td{background:#fff7ed!important} .hr-status{display:inline-block;padding:4px 9px;border-radius:16px;font-size:.85rem;font-weight:700;border:1px solid transparent;white-space:nowrap} .hr-status-pending{background:#fff3cd;color:#713f12;border-color:#e8c460} .hr-status-approved{background:#dcfce7;color:#14532d;border-color:#86cfa1} .hr-status-rejected{background:#fee2e2;color:#991b1b;border-color:#fca5a5} .hr-status-cancelled{background:#e5e7eb;color:#374151;border-color:#9ca3af} .fw-app .hr-calendar td.hr-day-type-cp{--hr-cell-fill:#bcead0;background-color:#bcead0!important;color:#16583c} .fw-app .hr-calendar td.hr-day-type-rtt{--hr-cell-fill:#bfdcff;background-color:#bfdcff!important;color:#194b7e} .fw-app .hr-calendar td.hr-day-sick{--hr-cell-fill:#e9d5ff} .fw-app .hr-calendar td.hr-day-pending{--hr-cell-fill:#fde68a} .fw-app .hr-calendar td.hr-half-am{background:linear-gradient(to right,var(--hr-cell-fill,#bbf7d0) 0 50%,#fff 50% 100%)!important} .fw-app .hr-calendar td.hr-half-pm{background:linear-gradient(to right,#fff 0 50%,var(--hr-cell-fill,#bbf7d0) 50% 100%)!important} .fw-app .hr-legend-cp{background:#bcead0}.fw-app .hr-legend-rtt{background:#bfdcff} /* 2.42.374 - Categories: compact columns, actions side by side. */ .fw-category-sort-table{width:100%;min-width:1230px;table-layout:fixed} .fw-category-sort-table th,.fw-category-sort-table td{padding:5px 6px;vertical-align:middle} .fw-category-sort-table th:nth-child(1){width:15%} .fw-category-sort-table th:nth-child(2){width:12%} .fw-category-sort-table th:nth-child(3){width:8%} .fw-category-sort-table th:nth-child(4){width:9%} .fw-category-sort-table th:nth-child(5){width:9%} .fw-category-sort-table th:nth-child(6){width:11%} .fw-category-sort-table th:nth-child(7){width:11%} .fw-category-sort-table th:nth-child(8){width:5%} .fw-category-sort-table th:nth-child(9){width:4%} .fw-category-sort-table th:nth-child(10){width:4%} .fw-category-sort-table th:nth-child(11){width:12%} .fw-category-sort-table td input[type=text],.fw-category-sort-table td input[type=number],.fw-category-sort-table td select{width:100%;min-width:0;box-sizing:border-box} .fw-category-sort-table td .inline-check{display:inline-flex;align-items:center;gap:3px;white-space:nowrap} .fw-category-sort-table td:last-child>.actions{display:flex;flex-flow:row nowrap;align-items:center;gap:5px;justify-content:flex-start} .fw-category-sort-table td:last-child>.actions form{display:inline-flex;margin:0;flex:0 0 auto} .fw-category-sort-table td:last-child>.actions button{white-space:nowrap;padding:6px 7px;font-size:11px;line-height:1.2;margin:0} .fw-category-sort-table td .code-pill{max-width:100%;overflow-wrap:anywhere} /* 2.42.376: category column headings wrap instead of overlapping. */ .fw-app .fw-category-sort-table thead th{white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:auto;line-height:1.3!important;height:auto!important;vertical-align:middle!important;position:relative!important;padding:8px 7px!important;text-overflow:clip!important;overflow:visible!important} .fw-app .fw-category-sort-table thead tr{height:auto!important} .fw-app .fw-category-sort-table thead th .table-sort-link{white-space:normal!important;display:inline-flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important;max-width:100%!important;line-height:1.3!important;height:auto!important} .fw-app .fw-category-sort-table thead th .table-sort-link span{flex:none!important} .fw-app .fw-category-sort-table thead th:nth-child(4),.fw-app .fw-category-sort-table thead th:nth-child(5),.fw-app .fw-category-sort-table thead th:nth-child(6){overflow-wrap:break-word!important} /* v2.42.380 - documentation contextuelle */ .fw-doc-menu{position:relative;display:inline-block;align-self:center;color:inherit;font-size:inherit} .fw-doc-menu summary{cursor:pointer;list-style:none;padding:8px 10px;border-radius:7px;white-space:nowrap} .fw-doc-menu summary::-webkit-details-marker{display:none} .fw-doc-menu summary:after{content:" ▾"} .fw-doc-menu[open] summary{background:rgba(35,110,200,.12)} .fw-doc-menu-links{position:absolute;right:0;top:100%;z-index:1000;min-width:230px;padding:7px;background:#fff;border:1px solid #c8d9ea;border-radius:9px;box-shadow:0 8px 22px #183d6530} .fw-doc-menu-links a{display:block!important;padding:9px!important;color:#164675!important;white-space:nowrap;text-decoration:none} .fw-doc-menu-links a:hover{background:#edf5ff} /* v2.42.381-beta - menu documentation coherent et deroulant visible */ .fw-app header nav .fw-doc-menu{display:inline-flex!important;align-items:center!important;position:relative!important;flex:0 0 auto!important;background:transparent!important;border:0!important;box-shadow:none!important;min-height:36px!important;max-height:36px!important;z-index:105!important} .fw-app header nav .fw-doc-menu>summary{display:inline-flex!important;align-items:center!important;min-height:36px!important;max-height:36px!important;padding:8px 10px!important;margin:0!important;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;color:#edf6ff!important;font-size:13px!important;font-weight:650!important;line-height:18px!important;appearance:none!important;-webkit-appearance:none!important;cursor:pointer!important} .fw-app header nav .fw-doc-menu>summary:hover,.fw-app header nav .fw-doc-menu[open]>summary{background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:rgba(255,255,255,.14)!important} .fw-app header nav .fw-doc-menu-links{position:absolute!important;top:calc(100% + 5px)!important;right:0!important;z-index:1100!important;min-width:245px!important;background:#fff!important;box-shadow:0 12px 30px #102b4b45!important;border:1px solid #c8d9ea!important} .fw-app header nav .fw-doc-menu-links a{display:block!important;min-height:0!important;max-height:none!important;color:#164675!important;background:transparent!important;padding:10px 12px!important;border:0!important;border-radius:6px!important;font-size:12px!important} .fw-app header nav .fw-doc-menu-links a:hover{background:#edf5ff!important;transform:none!important} @media(min-width:1101px){.fw-app header nav:has(.fw-doc-menu[open]){overflow:visible!important}} @media(max-width:1100px){.fw-app header nav:has(.fw-doc-menu[open]){overflow:visible!important;flex-wrap:wrap!important}} /* 2.42.391 - RH consistent action buttons and module palettes */ .fw-app main .panel a.button,.fw-app main .panel a.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;text-decoration:none!important;font-size:12px;font-weight:650;border:1px solid #bed4eb;border-radius:7px;background:#f4f9ff;color:#20517e!important;padding:7px 11px;margin:3px 5px 3px 0;line-height:1.25;min-height:30px;vertical-align:middle} .fw-app main .panel a.button:hover,.fw-app main .panel a.btn:hover{background:#e2f0ff;border-color:#77a8dc} .fw-app main .panel a.button:focus-visible,.fw-app main .panel a.btn:focus-visible{outline:2px solid #276ac7;outline-offset:2px} .fw-app main .panel a.button:not(.secondary),.fw-app main .panel a.btn:not(.secondary){background:#216cce;color:white!important;border-color:#216cce} .fw-app .fw-hr-policies-panel{--fw-card-accent:#dc8a18;--fw-card-soft:#fff4e5;--fw-card-text:#925208} .fw-app .fw-hr-policies-panel .hr-policies-compact th{background:#fff0da!important;color:#805018!important} .fw-app .fw-hr-policies-panel .hr-policies-compact tbody tr:nth-child(even){background:#fffaf1} .fw-app .fw-hr-training-panel{--fw-card-accent:#0f927f;--fw-card-soft:#e9f9f4;--fw-card-text:#0e7062} .fw-app .fw-hr-training-panel h2{color:#0e7062} .fw-app main .panel table tbody tr:nth-child(even){background-color:rgba(35,104,174,.035)} .fw-app main .panel table th{color:#31577d} /* Page-specific HR accents; maintain legibility and consistent visual hierarchy. */ .fw-app main.fw-page-hr_training>.panel{--fw-card-accent:#0f927f;--fw-card-soft:#eaf8f5;--fw-card-text:#0d7466} .fw-app main.fw-page-hr_training>.panel:nth-of-type(2n){--fw-card-accent:#d88b17;--fw-card-soft:#fff6e7;--fw-card-text:#925d0c} .fw-app main.fw-page-hr_training>.panel:nth-of-type(3n){--fw-card-accent:#3476ce;--fw-card-soft:#edf5ff;--fw-card-text:#25558c} .fw-app main.fw-page-hr_settings>.panel,.fw-app main.fw-page-hr_settings>.panel:nth-of-type(2n){--fw-card-accent:#d48b19;--fw-card-soft:#fff5e8;--fw-card-text:#8d570b} .fw-app main.fw-page-hr_settings>.panel:nth-of-type(3n){--fw-card-accent:#15897c;--fw-card-soft:#ecfaf6;--fw-card-text:#096b61} .fw-app main.fw-page-hr_payroll>.panel{--fw-card-accent:#ae3d83;--fw-card-soft:#fff0f8;--fw-card-text:#92366e} .fw-app main.fw-page-hr_payroll .panel .panel{border-left:3px solid #ae3d83} .fw-app main.fw-page-hr_training .panel h2{color:var(--fw-card-text,#0e7465)} .fw-app main.fw-page-hr_settings .panel h2{color:var(--fw-card-text,#925d0c)} .fw-app main.fw-page-hr_payroll .panel h2{color:#a33878} /* 2.42.393 - apply RH palette to actual cards, not just custom properties */ .fw-app main.fw-page-hr_training > .panel, .fw-app main.fw-page-hr_settings > .panel, .fw-app main.fw-page-hr_payroll > .panel {border-left:5px solid var(--fw-card-accent,#2474d8)!important;background:linear-gradient(90deg,var(--fw-card-soft,#f5faff),#fff 28%)!important;border-top:1px solid #d9e5ef!important;border-right:1px solid #d9e5ef!important;border-bottom:1px solid #d9e5ef!important} .fw-app main.fw-page-hr_training > .panel h2,.fw-app main.fw-page-hr_settings > .panel h2,.fw-app main.fw-page-hr_payroll > .panel h2{color:var(--fw-card-text,#275c90)!important} .fw-app main.fw-page-hr_training > .panel .tablewrap th,.fw-app main.fw-page-hr_settings > .panel .tablewrap th,.fw-app main.fw-page-hr_payroll > .panel .tablewrap th{background:var(--fw-card-soft,#edf5ff)!important;color:var(--fw-card-text,#275c90)!important} .fw-app main.fw-page-hr_training .panel a[href*="export="],.fw-app main.fw-page-hr_training .panel a[href*="template="],.fw-app main.fw-page-hr_settings .panel a[href*="export="],.fw-app main.fw-page-hr_payroll .panel a[href*="export="],.fw-app main.fw-page-hr_payroll .panel a[href*="template="],.fw-app main.fw-page-hr_planning .panel a[href*="export="]{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:7px 11px!important;margin:3px 5px 3px 0!important;min-height:30px!important;border:1px solid #b9d0e7!important;border-radius:7px!important;background:#f1f7ff!important;color:#20517e!important;text-decoration:none!important;font-size:12px!important;font-weight:650!important;line-height:1.25!important} .fw-app main.fw-page-hr_training .panel a[href*="export="]:hover,.fw-app main.fw-page-hr_training .panel a[href*="template="]:hover,.fw-app main.fw-page-hr_settings .panel a[href*="export="]:hover,.fw-app main.fw-page-hr_payroll .panel a[href*="export="]:hover,.fw-app main.fw-page-hr_payroll .panel a[href*="template="]:hover{background:#deeeff!important;border-color:#79a8d9!important} .fw-app main.fw-page-hr_payroll > .panel{--fw-card-accent:#ae3d83;--fw-card-soft:#fff0f8;--fw-card-text:#92366e} .fw-app main.fw-page-hr_settings > .panel.fw-hr-policies-panel{--fw-card-accent:#d48b19;--fw-card-soft:#fff5e8;--fw-card-text:#8d570b} .fw-app main.fw-page-hr_training > .panel.fw-hr-training-panel{--fw-card-accent:#0f927f;--fw-card-soft:#e9f9f4;--fw-card-text:#0e7062} /* FRAISWORK_COLOR_SYSTEM_20261018 */ /* Conventions transversales : CP vert, RTT bleu, maladie violet. Conserver les classes existantes, sans modifier les calculs ou le DOM. */ .fw-app{ --fw-color-cp:#15803d;--fw-bg-cp:#effaf2;--fw-border-cp:#86cfa1; --fw-color-rtt:#1d4ed8;--fw-bg-rtt:#eff6ff;--fw-border-rtt:#93c5fd; --fw-color-sick:#7e22ce;--fw-bg-sick:#faf5ff; --fw-color-pending:#9a5700;--fw-bg-pending:#fff7e6; --fw-color-ok:#166534;--fw-bg-ok:#dcfce7; --fw-color-error:#991b1b;--fw-bg-error:#fee2e2; --fw-color-muted:#475569;--fw-bg-muted:#f1f5f9; } /* Corrige les surcharges tardives qui inversaient CP et RTT. */ .fw-app .hr-leave-requests tbody tr.hr-leave-row-cp>td{background:var(--fw-bg-cp)!important} .fw-app .hr-leave-requests tbody tr.hr-leave-row-rtt>td{background:var(--fw-bg-rtt)!important} .fw-app .hr-leave-requests tbody tr.hr-leave-row-sick>td{background:var(--fw-bg-sick)!important} .fw-app .hr-calendar td.hr-day-type-cp{--hr-cell-fill:#bbf7d0;background-color:#bbf7d0!important;color:#14532d} .fw-app .hr-calendar td.hr-day-type-rtt{--hr-cell-fill:#bfdbfe;background-color:#bfdbfe!important;color:#1e3a8a} .fw-app .hr-calendar td.hr-day-sick{--hr-cell-fill:#e9d5ff} /* Statuts : le libelle reste visible et la couleur est un renfort. */ .fw-app .hr-status-pending,.fw-app .badge.s-requested,.fw-app .badge.s-ready{background:var(--fw-bg-pending);color:var(--fw-color-pending)} .fw-app .hr-status-approved,.fw-app .badge.s-approved,.fw-app .badge.s-paid{background:var(--fw-bg-ok);color:var(--fw-color-ok)} .fw-app .hr-status-rejected,.fw-app .badge.s-rejected{background:var(--fw-bg-error);color:var(--fw-color-error)} .fw-app .hr-status-cancelled,.fw-app .badge.s-archived,.fw-app .badge.s-cancelled{background:var(--fw-bg-muted);color:var(--fw-color-muted)} /* Lecture clavier et accessibilite sur toutes les pages. */ .fw-app :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #1d4ed8;outline-offset:2px} @media (prefers-reduced-motion:reduce){.fw-app :is(.badge,.status-pill,.hr-status){transition:none}} /* GTA visual hierarchy - scoped to the time management page only. */ .fw-app .fw-page-hr_gta .gta-panel{--gta-accent:#1769d2;--gta-pale:#eaf3ff;--gta-edge:#bcd6f8;background:#fff!important;border:1px solid var(--gta-edge)!important;border-left:5px solid var(--gta-accent)!important;box-shadow:0 5px 18px rgba(27,52,80,.09);opacity:1} .fw-app .fw-page-hr_gta .gta-panel h2{color:var(--gta-accent);background:var(--gta-pale);border-radius:9px;padding:10px 12px;margin:-3px -3px 12px;line-height:1.3} .fw-app .fw-page-hr_gta .gta-panel h2:before{background:var(--gta-accent)!important} .fw-app .fw-page-hr_gta .gta-panel .tablewrap,.fw-app .fw-page-hr_gta .gta-panel .table-responsive{background:#fff;border-radius:9px} .fw-app .fw-page-hr_gta .gta-panel table{background:#fff} .fw-app .fw-page-hr_gta .gta-panel table th{background:var(--gta-pale)!important;color:#263d58!important;border-bottom:2px solid var(--gta-edge)} .fw-app .fw-page-hr_gta .gta-panel table tr:nth-child(even) td{background:#f7f9fc} .fw-app .fw-page-hr_gta .gta-panel table tr:hover td{background:var(--gta-pale)} .fw-app .fw-page-hr_gta .gta-panel-mixed{--gta-accent:#a65e00;--gta-pale:#fff3dd;--gta-edge:#efce8e} .fw-app .fw-page-hr_gta .gta-panel-payroll{--gta-accent:#7140a6;--gta-pale:#f3eaff;--gta-edge:#d9c2f1} .fw-app .fw-page-hr_gta .gta-panel-weeks{--gta-accent:#0b7b7c;--gta-pale:#e5f8f5;--gta-edge:#b1e0d9} .fw-app .fw-page-hr_gta .gta-panel-review{--gta-accent:#237748;--gta-pale:#e9f7ee;--gta-edge:#b7dfc5} .fw-app .fw-page-hr_gta .gta-panel-settings{--gta-accent:#ad660a;--gta-pale:#fff5e6;--gta-edge:#ecd2a7} .fw-app .fw-page-hr_gta .gta-panel-entry{--gta-accent:#1769d2;--gta-pale:#eaf3ff;--gta-edge:#bcd6f8} .fw-app .fw-page-hr_gta .gta-panel-entries{--gta-accent:#087e89;--gta-pale:#e7f8fa;--gta-edge:#b8e3e7} .fw-app .fw-page-hr_gta .gta-panel-mixed .button.secondary,.fw-app .fw-page-hr_gta .gta-panel-payroll .button.secondary{border-color:var(--gta-edge);color:var(--gta-accent);background:var(--gta-pale)} .fw-app .fw-page-hr_gta .gta-panel-mixed .button.secondary:hover,.fw-app .fw-page-hr_gta .gta-panel-payroll .button.secondary:hover{filter:brightness(.95)} .fw-app .fw-page-hr_gta .gta-panel :focus-visible{outline:3px solid var(--gta-accent);outline-offset:2px} @media(max-width:700px){.fw-app .fw-page-hr_gta .gta-panel h2{padding:8px 10px}} /* GTA 2.42.473: compact and genuinely tinted cards, no empty tables. */ .fw-app .fw-page-hr_gta .gta-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start;margin:0 0 12px} .fw-app .fw-page-hr_gta .gta-overview-grid>.gta-panel{margin:0!important;min-width:0;height:100%} .fw-app .fw-page-hr_gta .gta-panel{background:linear-gradient(125deg,var(--gta-pale),#fff 88%)!important;padding:12px 14px!important;margin-bottom:12px!important;border:1px solid var(--gta-edge)!important;border-left:4px solid var(--gta-accent)!important;border-radius:12px!important;box-shadow:0 3px 10px rgba(27,52,80,.06)!important} .fw-app .fw-page-hr_gta .gta-panel h2{font-size:1.03rem!important;margin:0 0 8px!important;padding:7px 9px!important;background:var(--gta-pale)!important} .fw-app .fw-page-hr_gta .gta-panel p{margin:5px 0 9px;line-height:1.4} .fw-app .fw-page-hr_gta .gta-panel .toolbar{gap:8px!important;margin:6px 0!important;align-items:end} .fw-app .fw-page-hr_gta .gta-panel .tablewrap{margin:6px 0;overflow-x:auto} .fw-app .fw-page-hr_gta .gta-panel table th,.fw-app .fw-page-hr_gta .gta-panel table td{padding:6px 8px!important} .fw-app .fw-page-hr_gta .gta-kpi-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:9px 0} .fw-app .fw-page-hr_gta .gta-kpi{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:9px;background:#dcecff;border:1px solid #bdd7fc;color:#174678} .fw-app .fw-page-hr_gta .gta-kpi strong{font-size:1.35rem;line-height:1.2;font-variant-numeric:tabular-nums} .fw-app .fw-page-hr_gta .gta-kpi-ok{background:#dcfce7;border-color:#a7e4bc;color:#166534} .fw-app .fw-page-hr_gta .gta-hint{font-size:.83rem;color:#40576e} .fw-app .fw-page-hr_gta .gta-empty{padding:10px 12px;background:#ffedcf;border:1px solid #f3d39a;border-radius:9px;color:#754900;font-weight:600} .fw-app .fw-page-hr_gta .gta-panel-payroll{background:linear-gradient(110deg,#f1e5ff,#fff 78%)!important} .fw-app .fw-page-hr_gta .gta-panel-weeks{background:linear-gradient(110deg,#e0f7f2,#fff 78%)!important} .fw-app .fw-page-hr_gta .gta-panel-review{background:linear-gradient(110deg,#e0f6e8,#fff 78%)!important} .fw-app .fw-page-hr_gta .gta-panel-settings{background:linear-gradient(110deg,#fff1d8,#fff 78%)!important} .fw-app .fw-page-hr_gta .gta-panel-entries{background:linear-gradient(110deg,#e0f5f7,#fff 78%)!important} @media(max-width:850px){.fw-app .fw-page-hr_gta .gta-overview-grid{grid-template-columns:1fr}} @media(max-width:480px){.fw-app .fw-page-hr_gta .gta-kpi-row{grid-template-columns:1fr}} /* GTA 2.42.474: independent natural-height panels, dense responsive controls. */ .fw-app .fw-page-hr_gta .gta-panel{height:auto!important;min-height:0!important;align-self:start;display:block;max-width:100%} .fw-app .fw-page-hr_gta .gta-panel .toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:8px!important} .fw-app .fw-page-hr_gta .gta-panel .toolbar>label{min-width:0;flex:0 1 190px} .fw-app .fw-page-hr_gta .gta-panel .toolbar>button,.fw-app .fw-page-hr_gta .gta-panel .toolbar>.button{align-self:end;white-space:normal} .fw-app .fw-page-hr_gta .gta-panel .tablewrap,.fw-app .fw-page-hr_gta .gta-panel .table-responsive{max-width:100%;overflow-x:auto} .fw-app .fw-page-hr_gta .gta-panel table{width:100%;border-collapse:collapse} .fw-app .fw-page-hr_gta .gta-panel table th,.fw-app .fw-page-hr_gta .gta-panel table td{padding:5px 7px!important;vertical-align:middle} .fw-app .fw-page-hr_gta .gta-panel td .toolbar{margin:2px 0!important} @media(max-width:600px){.fw-app .fw-page-hr_gta .gta-panel{padding:9px!important}.fw-app .fw-page-hr_gta .gta-panel .toolbar>label{flex:1 1 145px}.fw-app .fw-page-hr_gta .gta-panel h2{font-size:1rem!important}} /* 2.42.475: RH planning compact, accessible color coding */ .fw-app .fw-page-hr_planning .panel{margin:8px 0;padding:12px 15px;border-radius:13px;min-height:0;height:auto} .fw-app .fw-page-hr_planning .panel h2{margin:0 0 7px;font-size:1.04rem;line-height:1.3} .fw-app .fw-page-hr_planning .panel p{margin:5px 0;line-height:1.4} .fw-app .fw-page-hr_planning .fw-plan-week{background:linear-gradient(105deg,#eaf5ff,#f8fcff);border-left:5px solid #2376d0} .fw-app .fw-page-hr_planning .fw-plan-month{background:linear-gradient(105deg,#eaf9f2,#f8fdfb);border-left:5px solid #158466} .fw-app .fw-page-hr_planning .fw-plan-filters{background:#f3f7fd;border-left:5px solid #6478c9} .fw-app .fw-page-hr_planning .fw-plan-calendar{background:#fff;border-left:5px solid #6478c9} .fw-app .fw-page-hr_planning .fw-plan-week h2{color:#145a9e} .fw-app .fw-page-hr_planning .fw-plan-month h2{color:#086b52} .fw-app .fw-page-hr_planning .fw-plan-filters .toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:8px;margin:0 0 8px} .fw-app .fw-page-hr_planning .fw-plan-filters .toolbar label{margin:0;min-width:135px} .fw-app .fw-page-hr_planning .fw-plan-filters .toolbar button,.fw-app .fw-page-hr_planning .fw-plan-filters .toolbar .button{margin:0;white-space:nowrap;align-self:end} .fw-app .fw-page-hr_planning .hr-planning-legend{gap:5px 8px;margin:8px 0} .fw-app .fw-page-hr_planning .hr-planning-legend span{padding:4px 8px;border-radius:7px;background:#fff;border:1px solid #dce5f1;font-size:.78rem;white-space:nowrap} .fw-app .fw-page-hr_planning .field-help,.fw-app .fw-page-hr_planning .muted{font-size:.8rem;margin:4px 0} .fw-app .fw-page-hr_planning .hr-calendar th,.fw-app .fw-page-hr_planning .hr-calendar td{height:28px;padding:2px} @media(max-width:650px){.fw-app .fw-page-hr_planning .panel{padding:10px}.fw-app .fw-page-hr_planning .fw-plan-filters .toolbar label{flex:1 1 135px}.fw-app .fw-page-hr_planning .hr-calendar .hr-calendar-user{min-width:125px;width:125px}} /* 2.42.478: actual compact planning cards; scoped to planning only */ .fw-app .fw-page-hr_planning .fw-plan-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start;margin:8px 0 12px} .fw-app .fw-page-hr_planning .fw-plan-summary-grid>.panel{margin:0!important;min-height:0!important;padding:12px 14px!important;box-shadow:0 2px 10px #1a385010} .fw-app .fw-page-hr_planning .fw-plan-week{background:#e5f2ff!important;border:1px solid #b9d9f8!important;border-left:5px solid #2376d0!important} .fw-app .fw-page-hr_planning .fw-plan-month{background:#e3f5e9!important;border:1px solid #b5e3c8!important;border-left:5px solid #168466!important} .fw-app .fw-page-hr_planning .fw-plan-summary-grid p{margin:5px 0!important;font-size:.87rem;line-height:1.35} .fw-app .fw-page-hr_planning .fw-plan-week p:last-child{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px!important} .fw-app .fw-page-hr_planning .fw-plan-week p:last-child .button{margin:0!important;font-size:.76rem;padding:6px 9px} .fw-app .fw-page-hr_planning .fw-plan-filters{background:#eaf0ff!important;border:1px solid #cad8fa!important;border-left:5px solid #6478c9!important} .fw-app .fw-page-hr_planning .fw-plan-calendar{background:#f8faff!important} .fw-app .fw-page-hr_planning .hr-planning-legend span{background:#fff!important} @media(max-width:950px){.fw-app .fw-page-hr_planning .fw-plan-summary-grid{grid-template-columns:1fr}} /* 2.42.481: RH news compact colored layout */ .fw-app .fw-page-hr_news .panel.panel-accent-blue{background:#eaf3ff!important;border:1px solid #92baf2!important;border-left:5px solid #2474d5!important;padding:12px 14px!important} .fw-app .fw-page-hr_news .panel.panel-accent-blue form.grid{align-items:start;gap:9px 12px!important} .fw-app .fw-page-hr_news .panel.panel-accent-blue textarea{min-height:80px;max-height:150px} .fw-app .fw-page-hr_news .hr-news-archive-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0} .fw-app .fw-page-hr_news .hr-news-archive-tabs a{border-radius:9px;font-weight:700} .fw-app .fw-page-hr_news .hr-news-archive-tabs a:nth-child(1){background:#d9f5e7;color:#08613a;border-color:#87d8ad} .fw-app .fw-page-hr_news .hr-news-archive-tabs a:nth-child(2){background:#dfeeff;color:#174d92;border-color:#99c2ef} .fw-app .fw-page-hr_news .hr-news-archive-tabs a:nth-child(3){background:#fff0d5;color:#865000;border-color:#efc17c} .fw-app .fw-page-hr_news .fw-news-list{padding:12px!important;border-radius:12px!important} .fw-app .fw-page-hr_news .fw-news-list-active{background:#effbf3!important;border-left:5px solid #15915c!important} .fw-app .fw-page-hr_news .fw-news-list-archives{background:#eaf3ff!important;border-left:5px solid #2875d1!important} .fw-app .fw-page-hr_news .fw-news-list-drafts{background:#fff4e3!important;border-left:5px solid #d38a1c!important} .fw-app .fw-page-hr_news .hr-news-card{background:#fff;border:1px solid #d1e2e6;border-radius:10px;padding:10px 12px!important;margin:8px 0!important} .fw-app .fw-page-hr_news .hr-news-card .panel-title-row{display:flex;align-items:flex-start;gap:12px;justify-content:space-between;flex-wrap:wrap} .fw-app .fw-page-hr_news .hr-news-card .actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center} .fw-app .fw-page-hr_news .hr-news-card .actions form{margin:0} .fw-app .fw-page-hr_news .fw-news-expiry{font-size:12px;color:#516b80;margin:2px 0 4px} .fw-app .fw-page-hr_news .hr-news-edit{margin-top:7px} @media(max-width:760px){.fw-app .fw-page-hr_news .panel.panel-accent-blue form.grid{display:grid;grid-template-columns:1fr!important}.fw-app .fw-page-hr_news .panel.panel-accent-blue form.grid>*{grid-column:1/-1!important}.fw-app .fw-page-hr_news .hr-news-card .panel-title-row{display:block}} /* 2.42.483-beta: compact responsive training and skills */ .fw-app main.fw-page-hr_training .fw-training-exports{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px} .fw-app main.fw-page-hr_training .fw-training-exports a{display:inline-flex;align-items:center;text-decoration:none;background:#e8f1ff;color:#15559d;border:1px solid #a9c8f1;border-radius:7px;padding:8px 12px;font-weight:650} .fw-app main.fw-page-hr_training .fw-training-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start;margin:0 0 12px} .fw-app main.fw-page-hr_training .fw-training-summary-grid>.panel{margin:0!important;min-width:0;height:auto!important;padding:14px 16px!important;border-radius:12px!important;box-shadow:0 3px 12px #17365a13} .fw-app main.fw-page-hr_training .fw-training-summary-grid>.panel:first-child{background:#e5f7f0!important;border-left:5px solid #15976c!important} .fw-app main.fw-page-hr_training .fw-training-summary-grid>.panel:last-child{background:#fff0dc!important;border-left:5px solid #dc8b0a!important} .fw-app main.fw-page-hr_training .fw-training-summary-grid>.panel h2{margin:0 0 8px!important} .fw-app main.fw-page-hr_training .fw-training-summary-grid>.panel p{margin:7px 0!important} .fw-app main.fw-page-hr_training .fw-training-summary-grid .button{display:inline-flex;margin:3px 4px 3px 0!important;white-space:normal} .fw-app main.fw-page-hr_training>.hr-training-catalog{background:#edf2ff!important;border-left:5px solid #6254c9!important;padding:14px 16px!important} .fw-app main.fw-page-hr_training>.hr-training-matrix{background:#e9f8f5!important;border-left:5px solid #078d80!important;padding:14px 16px!important} .fw-app main.fw-page-hr_training>.hr-training-plan{background:#fff4e5!important;border-left:5px solid #d98a13!important;padding:14px 16px!important} .fw-app main.fw-page-hr_training>.hr-training-enrollments{background:#eaf3ff!important;border-left:5px solid #2d73d4!important;padding:14px 16px!important} .fw-app main.fw-page-hr_training .hr-training-panel form.grid{gap:8px!important;align-items:end} .fw-app main.fw-page-hr_training .hr-training-panel form.grid input,.fw-app main.fw-page-hr_training .hr-training-panel form.grid select{min-width:0;max-width:100%} .fw-app main.fw-page-hr_training .hr-training-panel .tablewrap{overflow-x:auto;max-width:100%} .fw-app main.fw-page-hr_training .hr-training-panel td,.fw-app main.fw-page-hr_training .hr-training-panel th{padding:6px 8px!important} .fw-app main.fw-page-hr_training .hr-training-panel td.actions{white-space:nowrap} .fw-app main.fw-page-hr_training .hr-training-panel td.actions button{display:inline-flex;margin:2px!important} @media(max-width:850px){.fw-app main.fw-page-hr_training .fw-training-summary-grid{grid-template-columns:1fr}.fw-app main.fw-page-hr_training .fw-training-exports{gap:6px}} /* 2.42.485-beta - Palette Support : surfaces compactes et statuts distincts */ .fw-page-support .support-hero{background:linear-gradient(110deg,#dcecff,#eef7ff 65%,#e7f0ff)!important;border:1px solid #8cbaf3!important;border-left:6px solid #1769d2!important} .fw-page-support .support-kpis .kpi{border:1px solid transparent!important;box-shadow:0 2px 8px rgba(24,55,90,.08)!important} .fw-page-support .support-kpis .kpi-blue{background:#e0efff!important;border-color:#9dc6f8!important} .fw-page-support .support-kpis .kpi-orange{background:#fff0d3!important;border-color:#f5cb7c!important} .fw-page-support .support-kpis .kpi-green{background:#dff7e9!important;border-color:#90d6ac!important} .fw-page-support .support-kpis .kpi-slate{background:#e7eaf2!important;border-color:#b4bfd1!important} .fw-page-support .support-compose-panel{background:linear-gradient(145deg,#e1efff,#f2f8ff 75%)!important;border:1px solid #a4c9f7!important;border-left:5px solid #2478e4!important;border-top:3px solid #2478e4!important} .fw-page-support .support-context{background:linear-gradient(150deg,#efe6ff,#faf6ff)!important;border:1px solid #c6adf5!important;border-left:5px solid #8453dc!important} .fw-page-support .support-history{background:linear-gradient(145deg,#e2f7eb,#f3fcf7 80%)!important;border:1px solid #a4dbba!important;border-left:5px solid #179b60!important;border-top:3px solid #179b60!important} .fw-page-support .support-detail{background:linear-gradient(145deg,#fff0db,#fffaf1 75%)!important;border:1px solid #f0c48a!important;border-left:5px solid #dc8b20!important} .fw-page-support .workspace-filterbar{background:#e8f1ff!important;border:1px solid #b5cef0!important;border-radius:11px;padding:8px!important} .fw-page-support .support-layout input,.fw-page-support .support-layout select,.fw-page-support .support-layout textarea{background:#fff!important;border-color:#b7cde8!important} .fw-page-support .support-layout .panel,.fw-page-support .support-history,.fw-page-support .support-detail{box-shadow:0 3px 12px rgba(25,64,109,.07)} .fw-page-support .support-layout .actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center} @media(max-width:900px){.fw-page-support .support-layout{grid-template-columns:minmax(0,1fr)!important}.fw-page-support .support-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:480px){.fw-page-support .support-kpis{grid-template-columns:minmax(0,1fr)!important}.fw-page-support .support-layout .grid{grid-template-columns:minmax(0,1fr)!important}} /* 2.42.491 - Navigation groupee */ .fw-app header nav.fw-primary-nav{overflow:visible!important;flex-wrap:wrap!important;gap:5px!important} .fw-app header nav .fw-nav-group{display:inline-flex;position:relative;align-items:center;flex:0 0 auto;z-index:120} .fw-app header nav .fw-nav-group>summary{display:inline-flex;align-items:center;min-height:36px;padding:8px 10px;cursor:pointer;list-style:none;border-radius:9px;color:#edf6ff;font-weight:650;font-size:13px;white-space:nowrap} .fw-app header nav .fw-nav-group>summary::-webkit-details-marker{display:none} .fw-app header nav .fw-nav-group>summary::after{content:' ▾';margin-left:5px} .fw-app header nav .fw-nav-group[open]>summary,.fw-app header nav .fw-nav-group>summary:hover{background:rgba(255,255,255,.14)} .fw-app header nav .fw-nav-group-links{position:absolute;top:100%;left:0;z-index:130;min-width:210px;padding:7px;border:1px solid #c8d9ea;border-radius:9px;background:#fff;box-shadow:0 12px 30px #102b4b45} .fw-app header nav .fw-nav-quick .fw-nav-group-links{left:auto;right:0} .fw-app header nav .fw-nav-group-links a{display:block!important;min-height:0!important;max-height:none!important;padding:10px 12px!important;color:#164675!important;background:transparent!important;border:0!important;border-radius:6px!important;text-decoration:none;white-space:nowrap} .fw-app header nav .fw-nav-group-links a:hover{background:#edf5ff!important} @media(max-width:700px){.fw-app header nav.fw-primary-nav{justify-content:flex-start!important}.fw-app header nav .fw-nav-group-links{max-width:calc(100vw - 24px)}} /* v2.42.492 - responsive cards by available container width, not only viewport. */ .fw-app .dashboard-section,.fw-app .dashboard-user-grid>.dashboard-section{container-type:inline-size;min-width:0} .fw-app .dashboard-section .dashboard-cards,.fw-app .dashboard-user-grid .dashboard-section .dashboard-cards, .fw-app .dashboard-user-grid .dashboard-section .hr-dashboard-cards, .fw-app .dashboard-user-grid .dashboard-section .structure-info-cards{ display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));max-width:100%;min-width:0; } .fw-app .dashboard-section .dashboard-card,.fw-app .dashboard-user-grid .dashboard-section .dashboard-card{min-width:0;max-width:100%;overflow-wrap:anywhere} .fw-app .dashboard-section .dashboard-card .metric{font-size:clamp(1.05rem,2vw,1.65rem);overflow-wrap:anywhere} .fw-app .dashboard-section .dashboard-card .card-link{white-space:normal;overflow-wrap:anywhere} @container (max-width:410px){ .fw-app .dashboard-section .dashboard-cards,.fw-app .dashboard-user-grid .dashboard-section .dashboard-cards, .fw-app .dashboard-user-grid .dashboard-section .hr-dashboard-cards, .fw-app .dashboard-user-grid .dashboard-section .structure-info-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr))} } @container (max-width:290px){ .fw-app .dashboard-section .dashboard-cards,.fw-app .dashboard-user-grid .dashboard-section .dashboard-cards, .fw-app .dashboard-user-grid .dashboard-section .hr-dashboard-cards, .fw-app .dashboard-user-grid .dashboard-section .structure-info-cards{grid-template-columns:minmax(0,1fr)} } .fw-app .workspace-kpis,.fw-app .support-kpis,.fw-app .license-kpis{grid-template-columns:repeat(auto-fit,minmax(min(100%,165px),1fr))} .fw-app .workspace-kpis>.kpi,.fw-app .support-kpis>.kpi,.fw-app .license-kpis>*{min-width:0;max-width:100%;overflow-wrap:anywhere} /* 2.42.493-beta - isolated navigation: prevent legacy white button styles. */ .fw-app header nav.fw-primary-nav{display:flex!important;align-items:center!important;align-content:center!important;justify-content:flex-end!important;flex-wrap:wrap!important;gap:4px 7px!important;min-width:0!important;min-height:0!important;max-height:none!important;overflow:visible!important;white-space:normal!important} .fw-app header nav.fw-primary-nav>a,.fw-app header nav.fw-primary-nav>.fw-nav-group>summary{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;max-height:none!important;margin:0!important;padding:8px 11px!important;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;background-image:none!important;box-shadow:none!important;color:#f4f8ff!important;-webkit-text-fill-color:#f4f8ff!important;font:650 13px/20px Inter,Segoe UI,Arial,sans-serif!important;text-decoration:none!important;opacity:1!important;white-space:nowrap!important;appearance:none!important;-webkit-appearance:none!important;cursor:pointer!important;transform:none!important} .fw-app header nav.fw-primary-nav>.fw-nav-group>summary::after{content:'▾'!important;display:inline-block!important;margin-left:7px!important;color:#dbeaff!important;font-size:11px!important} .fw-app header nav.fw-primary-nav>.fw-nav-group>summary::-webkit-details-marker{display:none!important} .fw-app header nav.fw-primary-nav>a:hover,.fw-app header nav.fw-primary-nav>a:focus-visible,.fw-app header nav.fw-primary-nav>.fw-nav-group>summary:hover,.fw-app header nav.fw-primary-nav>.fw-nav-group>summary:focus-visible,.fw-app header nav.fw-primary-nav>.fw-nav-group[open]>summary{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.2)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;outline-offset:2px!important} .fw-app header nav.fw-primary-nav>.fw-nav-group{display:inline-flex!important;position:relative!important;flex:0 0 auto!important;min-width:0!important;background:transparent!important;border:0!important;box-shadow:none!important} .fw-app header nav.fw-primary-nav>.fw-nav-group[open]{z-index:500!important} .fw-app header nav.fw-primary-nav>.fw-nav-group>.fw-nav-group-links{position:absolute!important;top:calc(100% + 4px)!important;left:0!important;display:block!important;min-width:215px!important;width:max-content!important;max-width:min(310px,calc(100vw - 24px))!important;padding:6px!important;border:1px solid #bed1e6!important;border-radius:10px!important;background:#fff!important;box-shadow:0 12px 30px rgba(12,37,66,.25)!important;white-space:normal!important;z-index:600!important} .fw-app header nav.fw-primary-nav>.fw-nav-quick>.fw-nav-group-links{left:auto!important;right:0!important} .fw-app header nav.fw-primary-nav>.fw-nav-group>.fw-nav-group-links>a{display:block!important;width:100%!important;min-height:36px!important;padding:9px 12px!important;background:transparent!important;color:#153e66!important;-webkit-text-fill-color:#153e66!important;white-space:normal!important;font-size:13px!important;line-height:19px!important} .fw-app header nav.fw-primary-nav>.fw-nav-group>.fw-nav-group-links>a:hover,.fw-app header nav.fw-primary-nav>.fw-nav-group>.fw-nav-group-links>a:focus-visible{background:#e9f3ff!important;color:#0c467e!important;-webkit-text-fill-color:#0c467e!important} @media(max-width:850px){.fw-app header nav.fw-primary-nav{justify-content:flex-start!important;width:100%!important}.fw-app header{align-items:flex-start!important}.fw-app header nav.fw-primary-nav>.fw-nav-quick>.fw-nav-group-links{left:0!important;right:auto!important}} @media(max-width:420px){.fw-app header nav.fw-primary-nav>a,.fw-app header nav.fw-primary-nav>.fw-nav-group>summary{padding:7px 9px!important;font-size:12px!important}.fw-app header nav.fw-primary-nav>.fw-nav-group>.fw-nav-group-links{left:0!important;right:auto!important;min-width:190px!important}} /* GTA visual harmonization 2026-10-25: scoped to this page; no workflow changes. */ body.fw-app main.fw-page-hr_gta .gta-panel{background:linear-gradient(135deg,var(--gta-pale,#eaf3ff) 0%,#fff 72%)!important;border:1px solid var(--gta-edge,#bcd6f8)!important;border-left:5px solid var(--gta-accent,#1769d2)!important;border-radius:15px!important;box-shadow:0 7px 22px rgba(26,58,96,.10)!important;padding:16px 18px!important;margin:0 0 14px!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important} body.fw-app main.fw-page-hr_gta .gta-panel>h2{display:flex!important;align-items:center!important;gap:9px!important;background:var(--gta-pale,#eaf3ff)!important;color:var(--gta-accent,#1769d2)!important;border-radius:10px!important;padding:11px 13px!important;margin:0 0 13px!important;font-weight:750!important;line-height:1.3!important} body.fw-app main.fw-page-hr_gta .gta-panel>h2:before{content:''!important;display:inline-block!important;position:static!important;flex:0 0 9px!important;width:9px!important;height:9px!important;border-radius:50%!important;background:var(--gta-accent,#1769d2)!important} body.fw-app main.fw-page-hr_gta .gta-panel-time{--gta-accent:#1769d2;--gta-pale:#eaf3ff;--gta-edge:#bcd6f8} body.fw-app main.fw-page-hr_gta .gta-panel-mixed{--gta-accent:#7945ad;--gta-pale:#f4ebff;--gta-edge:#d9c1f1} body.fw-app main.fw-page-hr_gta .gta-panel-payroll{--gta-accent:#087e89;--gta-pale:#e5f8fa;--gta-edge:#b8e3e7;background:linear-gradient(135deg,#e5f8fa,#fff 72%)!important} body.fw-app main.fw-page-hr_gta .gta-kpi-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:12px 0!important} body.fw-app main.fw-page-hr_gta .gta-kpi{display:flex!important;flex-direction:column!important;gap:7px!important;background:#e1eeff!important;border:1px solid #bad5fa!important;border-radius:12px!important;padding:14px 16px!important;min-width:0!important;color:#174678!important} body.fw-app main.fw-page-hr_gta .gta-kpi strong{display:block!important;font-size:clamp(1.35rem,2vw,1.85rem)!important;line-height:1.15!important;color:inherit!important;font-variant-numeric:tabular-nums!important} body.fw-app main.fw-page-hr_gta .gta-kpi-ok{background:#e0f7e8!important;border-color:#b2dfc0!important;color:#176b3d!important} body.fw-app main.fw-page-hr_gta .gta-panel .tablewrap,body.fw-app main.fw-page-hr_gta .gta-panel .table-responsive{max-width:100%!important;overflow-x:auto!important} body.fw-app main.fw-page-hr_gta .gta-panel table th{background:var(--gta-pale,#eaf3ff)!important;color:var(--gta-accent,#1769d2)!important} body.fw-app main.fw-page-hr_gta .gta-panel .gta-empty{background:#eee4ff!important;color:#653596!important;border:1px solid #d8c2f1!important} @media(max-width:700px){body.fw-app main.fw-page-hr_gta .gta-panel{padding:12px!important}body.fw-app main.fw-page-hr_gta .gta-kpi-row{grid-template-columns:1fr!important}body.fw-app main.fw-page-hr_gta .gta-panel .toolbar{display:flex!important;flex-wrap:wrap!important;gap:8px!important}body.fw-app main.fw-page-hr_gta .gta-panel .toolbar>label{flex:1 1 170px!important;min-width:0!important}} /* GTA Phase 1 visual continuation: distinct workflow sections and fluid controls. */ body.fw-app main.fw-page-hr_gta .gta-panel-weeks{--gta-accent:#a65c11;--gta-pale:#fff2df;--gta-edge:#f3d2a6} body.fw-app main.fw-page-hr_gta .gta-panel-review{--gta-accent:#7552ad;--gta-pale:#f3ecff;--gta-edge:#d6c3f1} body.fw-app main.fw-page-hr_gta .gta-panel-settings{--gta-accent:#0f766e;--gta-pale:#e3f7f3;--gta-edge:#b1dfd5} body.fw-app main.fw-page-hr_gta .gta-panel-entry{--gta-accent:#1769d2;--gta-pale:#eaf3ff;--gta-edge:#bcd6f8} body.fw-app main.fw-page-hr_gta .gta-panel-entries{--gta-accent:#486581;--gta-pale:#edf3f8;--gta-edge:#c8d6e2} body.fw-app main.fw-page-hr_gta .gta-panel .toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:10px;max-width:100%;min-width:0} body.fw-app main.fw-page-hr_gta .gta-panel .toolbar label{min-width:0;max-width:100%} body.fw-app main.fw-page-hr_gta .gta-panel .toolbar input,body.fw-app main.fw-page-hr_gta .gta-panel .toolbar select{max-width:100%;box-sizing:border-box} body.fw-app main.fw-page-hr_gta .gta-panel .tablewrap,body.fw-app main.fw-page-hr_gta .gta-panel .table-responsive{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch} @media(max-width:700px){body.fw-app main.fw-page-hr_gta .gta-panel .toolbar label{flex:1 1 min(100%,210px)}body.fw-app main.fw-page-hr_gta .gta-panel>h2{font-size:clamp(1rem,4vw,1.2rem)!important;overflow-wrap:anywhere}} @media(max-width:420px){body.fw-app main.fw-page-hr_gta .gta-panel{padding:10px!important}body.fw-app main.fw-page-hr_gta .gta-panel .toolbar button{max-width:100%;white-space:normal}} /* GTA horaires: distinct entry area, persisted records, visible actions and totals */ body.fw-app main.fw-page-hr_gta .gta-schedule-create{background:linear-gradient(125deg,#e8f3ff,#f4f9ff);border:1px solid #b7d5fa;border-left:5px solid #2563eb;border-radius:12px;padding:16px;margin:14px 0 18px} body.fw-app main.fw-page-hr_gta .gta-schedule-existing{background:linear-gradient(125deg,#ebfaf5,#f7fcfa);border:1px solid #b5dfd0;border-left:5px solid #138268;border-radius:12px;padding:16px;margin:12px 0 18px} body.fw-app main.fw-page-hr_gta .gta-schedule-create h3,body.fw-app main.fw-page-hr_gta .gta-schedule-existing h3{margin:0 0 5px!important} body.fw-app main.fw-page-hr_gta .gta-schedule-help{margin:0 0 13px;color:#47657a;font-size:.88rem} body.fw-app main.fw-page-hr_gta .gta-schedule-table table{min-width:880px;width:100%} body.fw-app main.fw-page-hr_gta .gta-schedule-table tbody tr{background:#fff} body.fw-app main.fw-page-hr_gta .gta-schedule-table tbody tr:nth-child(even){background:#f1faf7} body.fw-app main.fw-page-hr_gta .gta-schedule-table td{vertical-align:middle;padding:9px 7px} body.fw-app main.fw-page-hr_gta .gta-schedule-table .actions{flex-wrap:wrap!important;min-width:160px} body.fw-app main.fw-page-hr_gta .gta-schedule-edit{background:#1765d1!important;color:#fff!important;border-color:#1765d1!important;font-weight:650} body.fw-app main.fw-page-hr_gta .gta-schedule-delete{background:#fff1f1!important;color:#ad2525!important;border:1px solid #e5a4a4!important;font-weight:650} body.fw-app main.fw-page-hr_gta .gta-schedule-total{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:12px;padding:12px;background:#fff;border:1px solid #c6ded5;border-radius:9px} body.fw-app main.fw-page-hr_gta .gta-schedule-warning{color:#a34c09;font-weight:700} body.fw-app main.fw-page-hr_gta .gta-schedule-match{color:#08734e;font-weight:700} @media(max-width:700px){body.fw-app main.fw-page-hr_gta .gta-schedule-create,body.fw-app main.fw-page-hr_gta .gta-schedule-existing{padding:11px}body.fw-app main.fw-page-hr_gta .gta-schedule-total{align-items:flex-start;flex-direction:column}} /* GTA visual restoration: strong contrast without changing business logic */ body.fw-app main.fw-page-hr_gta .gta-panel{background:linear-gradient(130deg,var(--gta-pale,#edf5ff) 0%,#fff 80%)!important;border:2px solid var(--gta-edge,#b9d2f0)!important;border-left:7px solid var(--gta-accent,#1769d2)!important;box-shadow:0 4px 16px rgba(27,66,108,.09)!important} body.fw-app main.fw-page-hr_gta .gta-panel>h2{background:var(--gta-accent,#1769d2)!important;color:#fff!important;border-radius:9px!important;padding:12px 15px!important;margin-bottom:15px!important} body.fw-app main.fw-page-hr_gta .gta-schedule-create{background:linear-gradient(120deg,#cce3ff,#e8f3ff)!important;border:2px solid #72a9ef!important;border-left:7px solid #1559c0!important} body.fw-app main.fw-page-hr_gta .gta-schedule-existing{background:linear-gradient(120deg,#c5f0e1,#e6faf1)!important;border:2px solid #70c6a9!important;border-left:7px solid #087a60!important} body.fw-app main.fw-page-hr_gta .gta-schedule-create>h3{color:#104d9c!important} body.fw-app main.fw-page-hr_gta .gta-schedule-existing>h3{color:#06684f!important} body.fw-app main.fw-page-hr_gta .gta-schedule-explain{margin-top:10px;color:#294c68;font-size:.89rem;font-weight:550;line-height:1.5} body.fw-app main.fw-page-hr_gta .gta-schedule-total{background:#eaf4ff!important;border:2px solid #7daee8!important} /* 2.42.498-beta - GTA work models: colorful, accessible and responsive */ main.fw-page-hr_gta .gta-panel-models{background:linear-gradient(135deg,#f2e8ff 0%,#faf6ff 58%,#eef4ff 100%)!important;border:2px solid #9461dc!important;border-left:7px solid #7133c6!important;border-radius:15px!important;box-shadow:0 6px 22px rgba(88,42,147,.12)!important;padding:20px!important} main.fw-page-hr_gta .gta-panel-models>h2{background:linear-gradient(90deg,#673ab7,#8d53cf)!important;color:#fff!important;border-radius:10px!important;padding:12px 16px!important;margin:0 0 14px!important} main.fw-page-hr_gta .gta-panel-models>p{color:#493167!important;font-weight:500!important} main.fw-page-hr_gta .gta-panel-models .tablewrap{background:#e0f7ee!important;border:2px solid #36a786!important;border-radius:12px!important;padding:9px!important;margin:14px 0!important;overflow-x:auto!important} main.fw-page-hr_gta .gta-panel-models .tablewrap table{width:100%!important} main.fw-page-hr_gta .gta-panel-models .tablewrap th{background:#087b65!important;color:#fff!important;padding:10px!important} main.fw-page-hr_gta .gta-panel-models .tablewrap td{background:#f6fffb!important;border-bottom:1px solid #b6e7d7!important;padding:9px!important} main.fw-page-hr_gta .gta-panel-models details{background:#e5f0ff!important;border:2px solid #4285e9!important;border-radius:12px!important;padding:14px!important;margin-top:15px!important} main.fw-page-hr_gta .gta-panel-models details>summary{color:#164caa!important;font-weight:800!important;font-size:1.06rem!important;cursor:pointer!important;padding:5px!important} main.fw-page-hr_gta .gta-panel-models details form{padding-top:12px!important} main.fw-page-hr_gta .gta-panel-models input,main.fw-page-hr_gta .gta-panel-models select{background:#fff!important;border:1px solid #9bb9e6!important;border-radius:7px!important;max-width:100%!important} main.fw-page-hr_gta .gta-panel-models button{background:#196bd2!important;color:white!important;border:0!important;border-radius:8px!important;font-weight:700!important;padding:10px 16px!important;cursor:pointer!important} main.fw-page-hr_gta .gta-panel-models button:hover{background:#114e9c!important} @media(max-width:720px){main.fw-page-hr_gta .gta-panel-models{padding:12px!important}main.fw-page-hr_gta .gta-panel-models details{padding:10px!important}main.fw-page-hr_gta .gta-panel-models .tablewrap{overflow-x:auto!important}} /* FraisWork 2.42.499-beta - GTA contrast and semantic panels */ body.fw-app main.fw-page-hr_gta .gta-panel{border-radius:14px!important;border:2px solid var(--gta-edge,#7da8d7)!important;border-left:8px solid var(--gta-accent,#1769d2)!important;background:var(--gta-pale,#eaf3ff)!important;box-shadow:0 5px 18px rgba(20,54,90,.13)!important;padding:17px!important;margin-bottom:15px!important} body.fw-app main.fw-page-hr_gta .gta-panel>h2{display:block!important;background:var(--gta-accent,#1769d2)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:0!important;border-radius:9px!important;padding:11px 15px!important;margin:0 0 14px!important;font-weight:750!important} body.fw-app main.fw-page-hr_gta .gta-panel-weeks{--gta-accent:#087d81;--gta-pale:#d8f4f0;--gta-edge:#59bcb0} body.fw-app main.fw-page-hr_gta .gta-panel-models{--gta-accent:#7133c6;--gta-pale:#ebdcff;--gta-edge:#b28ce9} body.fw-app main.fw-page-hr_gta .gta-panel-settings{--gta-accent:#b36610;--gta-pale:#fff0d4;--gta-edge:#e6b56e} body.fw-app main.fw-page-hr_gta .gta-panel-review{--gta-accent:#345db2;--gta-pale:#e2edff;--gta-edge:#93b1ef} body.fw-app main.fw-page-hr_gta .gta-panel-entry{--gta-accent:#276cbb;--gta-pale:#e4efff;--gta-edge:#8bb6e7} body.fw-app main.fw-page-hr_gta .gta-panel-entries{--gta-accent:#087b65;--gta-pale:#e0f5ed;--gta-edge:#7ac7ac} body.fw-app main.fw-page-hr_gta .gta-panel-models .tablewrap{background:#d6f3e7!important;border:1px solid #75c6a5!important} body.fw-app main.fw-page-hr_gta .gta-panel-models details{background:#dcecff!important;border:2px solid #6a9ce6!important} body.fw-app main.fw-page-hr_gta .gta-panel-settings .gta-schedule-create{background:#d5e7ff!important} body.fw-app main.fw-page-hr_gta .gta-panel-settings .gta-schedule-existing{background:#d0f1e4!important} body.fw-app main.fw-page-hr_gta .gta-panel table{background:#fff!important;border-radius:8px!important;overflow:hidden} body.fw-app main.fw-page-hr_gta .gta-panel table th{background:#dbe8f5!important;color:#23456b!important} @media(max-width:720px){body.fw-app main.fw-page-hr_gta .gta-panel{padding:11px!important}body.fw-app main.fw-page-hr_gta .gta-panel>h2{padding:10px!important}}