/* Les P’tits Cageots — shared visual language with Optimisation Logistique. */
:root { --forest:#315b43; --forest2:#244b37; --cream:#fafbf6; --ink:#243c40; --muted:#667671; --line:#dfe6dc; --green:#40764f; --green-soft:#e8f2e5; --yellow-soft:#fbf3cc; --blue-soft:#e9f3fa; --shadow:0 3px 18px #263d3010; }
html,body { background:var(--cream); color:var(--ink); font-family:Inter,"Segoe UI",system-ui,sans-serif; }
body .app,body .app:has(.detail.open):not(.team-panel-closed),body .app.team-page { grid-template-columns:250px minmax(0,1fr)!important; }
body .sidebar { background:#f2f5e8; color:var(--ink); border-right:1px solid var(--line); box-shadow:none; padding:25px 16px 16px; z-index:70; }
body .brand { border:0; padding:0 8px 24px; gap:12px; }
body .brand-mark { width:48px;height:48px;border-radius:15px;box-shadow:none;background:#f3d25e;color:var(--ink);font-size:19px; }
body .brand strong {color:var(--ink);font-size:16px;line-height:1.35;}
body .brand small {color:var(--muted);font-size:12px;}
body .nav {flex:1;min-height:0;padding:0 0 8px;scrollbar-color:#c8d5bb transparent;}
body .nav a {color:var(--ink);min-height:45px;font-size:14px;font-weight:550;border-radius:12px;padding:11px 13px;margin:3px 0;}
body .nav a:hover {background:#e6eddc;transform:none;color:#24472f;}
body .nav a.active {background:#40734e;box-shadow:none;color:white;}
body .nav a .icon {width:21px;height:21px;flex:none;}
body .nav-label {color:#6f7c6a;font-size:10px;letter-spacing:.1em;padding:18px 13px 6px;}
.nav-group {border-top:1px solid #dfe6d6;margin:16px 0 0;padding-top:10px;}
.nav-group summary {cursor:pointer;padding:9px 12px;color:#5c6c5d;font-size:12px;font-weight:700;}
.nav-group a {padding-left:17px!important;}
body .sidebar-bottom {margin-top:12px;border-top:1px solid #dfe6d6;padding-top:8px;}
body .help {padding:8px;margin:0;background:transparent;border:0;display:flex;align-items:center;justify-content:space-between;gap:8px;}
body .help strong {color:#58705d;font-size:12px;}
body .help p {display:none;}
body .help button {background:transparent;border:1px solid #cbd6c4;color:#315b43;padding:8px 10px;}
body .logout {color:#617261;font-size:12px;margin-top:0;}
body .topbar {height:auto;min-height:82px;padding:16px 30px;gap:20px;background:#fffefb;border-bottom:1px solid var(--line);backdrop-filter:none;}
body .title h1 {font-size:18px;letter-spacing:-.02em;}
body .title p {font-size:12px;color:var(--muted);}
.global-client-search {display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;padding:0 13px;background:#fafbf8;max-width:340px;flex:1;position:relative;}
.global-client-search input {border:0;outline:none;min-width:0;width:100%;height:44px;background:transparent;color:var(--ink);font-size:13px;}
.global-client-search button {border:0;background:transparent;color:#40734e;padding:8px;}
.global-client-search .icon{width:20px;height:20px;}
.global-search-results {position:absolute;left:0;right:0;top:calc(100% + 8px);background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 30px #19392326;z-index:100;max-height:340px;overflow:auto;}
.global-search-results button {display:block;width:100%;text-align:left;border-radius:0;padding:12px;color:var(--ink);border-bottom:1px solid var(--line);}
.global-search-results button:hover{background:var(--green-soft);}
.global-search-results small{display:block;color:var(--muted);margin-top:4px;}
.global-search-results p{padding:12px;margin:0;font-size:12px;}
body .top-meta {gap:12px;}
body .snapshot{font-size:11px;}body .synced{font-size:11px;padding:8px 10px;}body .user{padding-left:12px;}body .user strong{font-size:13px;}
body .topbar-logout{font-size:11px;min-height:36px;padding:6px 10px;}
body .content {background:var(--cream);padding:28px 32px 48px;}
body .page-shell{gap:22px;}
body .breadcrumb{font-size:11px;opacity:.85;}
body .page-heading h2 {display:inline-block;font-size:32px;line-height:1.2;letter-spacing:-.035em;position:relative;margin-bottom:14px;}
body .page-heading h2:after {content:"";position:absolute;left:0;bottom:-8px;width:100%;height:4px;border-radius:50%;background:#f0d35c;transform:rotate(-1deg);}
body .page-heading p{font-size:13px;line-height:1.65;max-width:780px;}
body .btn-ui,body .btn,body .export,body .app-input,body .field {min-height:42px;border-radius:11px;font-size:13px;}
body .btn-ui.primary,body .btn.primary {background:#40734e;color:#fff;border-color:#40734e;box-shadow:none;}
body button:focus-visible,body a:focus-visible,body input:focus-visible,body select:focus-visible,body textarea:focus-visible,body summary:focus-visible {outline:3px solid #4694af;outline-offset:3px;}
body .data-card,body .summary-card,body .table-card,body .actions-card,body .segment-card,body .team-member-card {border:1px solid var(--line);border-radius:16px;background:white;box-shadow:none;}
body .app-table th {background:#f0f5e8;color:#385141;font-size:12px;padding:15px 16px;letter-spacing:0;text-transform:none;}
body .app-table td {padding:16px;font-size:13px;border-bottom:1px solid #e9eee5;}
body .app-table td .sub {font-size:11px;line-height:1.6;}
body .app-table tbody tr[data-client]:hover {background:#f5f9f1;}
body .action-kpis .kpi:after {display:none;}body .action-kpis .kpi{box-shadow:none;min-height:100px;}
body .detail,body .app .detail.open {position:fixed;top:92px;right:16px;bottom:16px;width:min(520px,calc(100vw - 32px));height:auto;max-height:calc(100dvh - 108px);z-index:90;border:1px solid #d5e0d2;border-radius:20px;box-shadow:0 15px 65px #193b3133;background:#fff;}
body .detail-head {border-radius:20px 20px 0 0;padding:20px;background:#f0f6eb;}
body .detail-head h2 {font-size:23px;letter-spacing:-.02em;}body .detail .close{width:36px;height:36px;border-radius:50%;font-size:24px;background:#fff;color:var(--ink);}
body .detail-scroll{padding:20px;min-height:0;flex:1;overflow:auto;}
body .result-dock{padding:14px 20px;background:#fbfcf9;border-radius:0 0 20px 20px;}
body .result-dock:empty{display:none;}
.customer-summary{border:1px solid #cddfc9;background:#f4f9ef;border-radius:14px;padding:17px;margin:0 0 22px;}
.customer-summary h3{margin:0 0 10px;font-size:16px;}.customer-summary p{font-size:13px;line-height:1.6;margin:8px 0;color:#344e3e;}
.summary-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:15px 0;}
.summary-metrics div{background:white;padding:11px;border:1px solid #e0e9d9;border-radius:10px;}
.summary-metrics strong{display:block;font-size:20px;letter-spacing:-.04em;}.summary-metrics span{font-size:11px;color:var(--muted);}
.summary-freshness{font-size:10px!important;color:#637a69!important;}.summary-section{margin-top:18px;}.summary-section h4{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#63776c;margin:0 0 10px;}
.summary-entry{padding:12px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.55;}.summary-entry strong{display:block;}.summary-entry small{color:var(--muted);}.summary-entry p{margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere;}
.summary-attention{border-left:3px solid #e7b874;padding-left:12px;}.summary-empty{color:var(--muted);font-size:12px;}
.incoming-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}.incoming-toolbar label{font-size:12px;color:var(--muted);}.incoming-toolbar input{margin-left:8px;padding:10px;border:1px solid var(--line);border-radius:10px;background:white;}
.incoming-status{margin-left:auto;color:#617564;font-size:12px;}.incoming-status.error{color:#a24632;}
.incoming-tabs{display:flex;gap:8px;flex-wrap:wrap;}.incoming-tabs button{border:1px solid var(--line);background:white;border-radius:22px;color:#4e6256;padding:10px 17px;font-size:13px;}.incoming-tabs button.active{background:#40734e;border-color:#40734e;color:white;}
.incoming-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}.incoming-counts article{padding:22px;border-radius:16px;background:#eaf2e3;display:flex;align-items:center;gap:15px;}.incoming-counts article:nth-child(2){background:#fbf2d0;}.incoming-counts article:nth-child(3){background:#e7f2fa;}.incoming-counts strong{font-size:34px;line-height:1;letter-spacing:-.05em;}.incoming-counts span{font-size:13px;line-height:1.4;}
.incoming-empty {text-align:center;padding:55px 22px;}.incoming-empty .icon{width:38px;height:38px;color:#749270;}.incoming-empty h3{font-size:20px;margin:16px 0 8px;}.incoming-empty p{color:var(--muted);max-width:420px;line-height:1.65;margin:0 auto 18px;}
.call-status{display:inline-flex;border-radius:20px;padding:5px 10px;font-size:11px;font-weight:650;background:#f1f3eb;color:#566b58;white-space:nowrap;}.call-status.missed{background:#fbe6df;color:#9b462d;}.call-status.callback{background:#fbf1c8;color:#816128;}.call-status.answered,.call-status.resolved{background:#e6f1e2;color:#3e6e44;}.call-status.unqualified{background:#e7f1fa;color:#356580;}
.incoming-row-button{border:0;background:transparent;text-align:left;display:block;color:var(--ink);padding:0;font-weight:650;font-size:14px;}.incoming-row-button:hover{text-decoration:underline;}
.call-notice{position:fixed;bottom:24px;left:270px;z-index:95;display:flex;align-items:center;gap:14px;padding:18px 20px;background:#294e38;color:white;border-radius:16px;box-shadow:0 10px 40px #193b3133;max-width:calc(100vw - 290px);}.call-notice[hidden]{display:none;}.call-notice button{border:0;border-radius:8px;background:#f2d365;color:#274738;padding:10px 14px;font-weight:650;}.call-notice small{display:block;color:#d4e1d0;margin-top:3px;}.call-notice .notice-dismiss{background:transparent;color:white;font-size:23px;padding:5px;}
.incoming-form{display:grid;gap:13px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line);}.incoming-form label{font-size:12px;font-weight:650;display:grid;gap:7px;}.incoming-form select,.incoming-form textarea,.incoming-form input{border:1px solid #cfdcce;border-radius:10px;background:white;padding:12px;color:var(--ink);width:100%;min-width:0;}.incoming-form textarea{min-height:100px;resize:vertical;font-weight:400;}.incoming-form small{font-size:11px;color:var(--muted);font-weight:400;}.incoming-form .btn-ui{justify-content:center;}.form-error{color:#a14730;font-size:12px;}.incoming-candidate{display:block;width:100%;padding:14px;margin:8px 0;border:1px solid var(--line);border-radius:10px;background:#f4f8ef;color:var(--ink);text-align:left;}
.phone-setup{margin-top:8px;}.phone-setup summary{padding:18px;cursor:pointer;font-size:13px;font-weight:650;}.phone-setup-body{padding:0 20px 22px;}.phone-setup-body p{font-size:13px;color:#5f7367;line-height:1.6;}.pairing-code{padding:16px;background:#f5f7ee;border:1px dashed #87a77a;border-radius:10px;font-family:monospace;font-size:19px;letter-spacing:1px;overflow-wrap:anywhere;}.phone-device{display:flex;gap:12px;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line);font-size:13px;}.phone-device small{display:block;color:var(--muted);margin-top:4px;}
.welcome-actions{display:grid;grid-template-columns:1fr 1fr;gap:18px;}.welcome-actions button{display:flex;align-items:center;gap:17px;border:1px solid #dce6d3;border-radius:16px;padding:25px;text-align:left;background:#eff6e9;color:var(--ink);}.welcome-actions button:nth-child(2){background:#fcf6de;border-color:#eee6c8;}.welcome-actions .icon{width:28px;height:28px;flex:none;}.welcome-actions strong{display:block;font-size:19px;letter-spacing:-.02em;}.welcome-actions small{display:block;margin-top:6px;color:var(--muted);font-size:12px;}.welcome-actions b{font-size:27px;margin-left:auto;}.dashboard-more>summary{padding:19px 22px;font-size:13px;cursor:pointer;font-weight:650;}.dashboard-more .dashboard-grid{padding:0 18px 18px;}.modern-main-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;}.modern-main-kpis .summary-card{padding:22px;background:#fff;}.modern-main-kpis .summary-card:nth-child(2){background:#f8f4dd;}.modern-main-kpis .summary-card:nth-child(4){background:#ebf4f8;}
@media(max-width:1000px){.modern-main-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.welcome-actions{grid-template-columns:1fr;}}
.is-incoming .detail-badges{align-items:center;}.is-incoming .detail-badges small{color:var(--muted);}
@media(min-width:1400px){body .content{padding:32px 42px 48px;}}
@media(max-width:1200px){body .topbar{flex-wrap:wrap;gap:12px;}body .snapshot{display:none;}.global-client-search{max-width:300px;}body .title{min-width:180px;}body .top-meta{margin-left:auto;}body .content{padding:24px;}body .page-heading h2{font-size:28px;}body .detail,body .app .detail.open{top:95px;max-height:calc(100dvh - 111px);}}
@media(max-width:760px){body .app,body .app:has(.detail.open):not(.team-panel-closed),body .app.team-page{grid-template-columns:minmax(0,1fr)!important;}body .sidebar{width:280px;}body .mobile-nav-close{color:#315b43;border-color:#cdd7c5;background:white;}body .topbar{padding:10px 14px;min-height:64px;}body .title h1{font-size:16px;}body .title p{font-size:11px;}body .top-meta{gap:5px;}body .top-meta .user,body .top-meta .topbar-logout,body .synced{display:none;}.global-client-search{flex-basis:100%;max-width:none;order:5;}body .content{padding:22px 16px 32px;}body .page-heading{align-items:flex-start;}body .page-heading h2{font-size:27px;}body .detail,body .app .detail.open{top:0;right:0;bottom:0;width:100vw;max-height:100dvh;border-radius:0;z-index:140;}.incoming-counts{gap:8px;}.incoming-counts article{padding:15px 10px;display:block;}.incoming-counts strong{display:block;font-size:28px;margin-bottom:8px;}.incoming-counts span{font-size:11px;}.incoming-toolbar{align-items:stretch;}.incoming-status{flex-basis:100%;margin-left:0;}.incoming-tabs{gap:6px;}.incoming-tabs button{padding:9px 12px;font-size:12px;}.call-notice{left:12px;right:12px;bottom:12px;max-width:none;padding:14px;z-index:145;}.summary-metrics{gap:5px;}.summary-metrics div{padding:9px;}.summary-metrics strong{font-size:18px;}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;}}


.phone-setup-steps{padding-left:22px;margin:20px 0;display:grid;gap:22px;}.phone-setup-steps li::marker{font-weight:700;color:var(--green,#3d7142);}.phone-setup-steps li>strong{font-size:15px;}.phone-setup-steps small{display:block;color:var(--muted);margin-top:9px;font-size:12px;}.phone-preview-notice{border-left:3px solid #c59c33;background:#fff8e3;padding:12px 15px;border-radius:6px;}.phone-setup button:disabled{opacity:.55;cursor:not-allowed;}


/* Keep the recovered navigation and work list readable on tablets. */
@media(min-width:761px) and (max-width:1024px){
 body .app,body .app:has(.detail.open):not(.team-panel-closed),body .app.team-page{grid-template-columns:200px minmax(0,1fr)!important;}
 body .sidebar{padding-left:10px;padding-right:10px;}
 body .actions-title-row{flex-direction:column;align-items:flex-start;gap:10px;}
 body .actions-title-row h2{min-width:0;max-width:100%;}
 body .actions-card .filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;}
 body .actions-card .filters .field:first-child{grid-column:1/-1;}
 body .actions-card .filters .field{min-width:0;}
 body .actions-card .filters select{min-width:0;max-width:100%;}
}
#agendaRoot main{width:100%;min-width:0;max-width:100%;}
#agendaRoot .toolbar{flex-wrap:wrap;}




.incoming-history-help{font-size:12px;line-height:1.6;color:#607064;margin:0;}
.incoming-toolbar select{margin-left:8px;padding:10px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--ink);}