/* INTRA CRM · Manager Easy Mode v1, deliberately scoped to role-manager only.
   No removal of business controls or permissions. Design: deep pine, light surfaces,
   restrained shadows, accessible focus and bigger touch targets. */
.role-manager{--easy-ink:#20372d;--easy-green:#1e7558;--easy-pale:#eaf6ee}
.role-manager .main{background:linear-gradient(155deg,#f4f7f5,#eef3f1 55%,#f8faf9)}
.role-manager .main :is(.card,.manager-attention,.simple-queue-row){
  box-shadow:0 4px 14px rgba(28,77,52,.038);
}
.role-manager .main .card{border-radius:15px}
.role-manager :is(.btn,button,.select,input,textarea,a):focus-visible{
  outline:3px solid rgba(38,135,97,.5);outline-offset:2px
}
.role-manager .sidebar .nav-flat-main{display:flex;flex-direction:column;gap:3px}
.role-manager .sidebar .nav-link-primary{min-height:44px;border-radius:10px;font-size:13px}
.role-manager .sidebar .nav-group-toggle{min-height:44px;border-radius:9px}
.role-manager .sidebar .nav-group{margin-top:2px}
.role-manager .sidebar .nav-link{line-height:1.35}
.role-manager .sidebar .quick-create-button{border-radius:12px;min-height:45px}
.role-manager .main h1,.role-manager .main h2{letter-spacing:-.023em}
.role-manager .main .btn:not(.btn-small){min-height:39px;border-radius:9px}
.role-manager .main :is(.input,.select,.textarea){border-radius:9px}
.role-manager .easy-intro{display:flex;gap:8px;flex-wrap:wrap;align-items:baseline;margin:1px 0 13px}
.role-manager .easy-intro strong{font-size:13px;color:#244e3b}
.role-manager .easy-intro span{font-size:12px;color:#718e7b}
.role-manager .easy-work-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:17px}
.role-manager .easy-work-tile{
 display:flex;align-items:center;gap:12px;min-width:0;padding:17px 15px;
 background:#fff;border:1px solid #dbe9de;border-radius:15px;text-decoration:none;
 color:#254d36;box-shadow:0 7px 23px rgba(17,65,44,.045);
 transition:border-color .18s,transform .18s,box-shadow .18s
}
.role-manager .easy-work-tile:hover{border-color:#87bb99;transform:translateY(-2px);box-shadow:0 11px 26px rgba(24,81,51,.08)}
.role-manager .easy-work-tile .easy-tile-icon{
 display:grid;place-items:center;background:#edf7ef;border-radius:12px;
 width:43px;height:43px;flex:0 0 43px;font-size:22px;color:#207f59
}
.role-manager .easy-work-tile>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.role-manager .easy-work-tile small{font-size:10px;color:#8b9c8d}
.role-manager .easy-work-tile strong{font-size:13px;font-weight:780;color:#224b38;overflow-wrap:anywhere}
.role-manager .easy-work-tile>div>span{font-size:11px;color:#708879}
.role-manager .easy-work-tile em{font-size:10px;font-weight:750;color:#218259;white-space:nowrap;font-style:normal}
.role-manager .simple-work-queue{margin-top:14px!important}
.role-manager .simple-queue-row{border-radius:10px}
.role-manager .easy-more-details{background:#fff;border:1px solid #dce9df;border-radius:12px;margin:14px 0}
.role-manager .easy-more-details>summary{cursor:pointer;padding:14px 16px;color:#3f654d;font-size:12px;font-weight:750;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px}
.role-manager .easy-more-details>summary::-webkit-details-marker{display:none}
.role-manager .easy-more-details>summary span{font-size:11px;color:#23835a}
.role-manager .easy-more-details .simple-mini-stats{padding:0 12px 12px;margin:0!important}
/* New deal and invoice progressive layout. Invisible-to-user fields remain in DOM/form. */
.role-manager .easy-form-intro{display:flex;align-items:center;gap:12px;background:#eef8f1;border:1px solid #d9ebdf;border-radius:12px;padding:14px 15px;margin-bottom:14px}
.role-manager .easy-intro-number{width:37px;height:37px;flex:0 0 37px;border-radius:10px;background:#237556;color:#fff;display:grid;place-items:center;font-size:17px;font-weight:800}
.role-manager .easy-form-intro>div{display:flex;flex-direction:column;gap:4px}
.role-manager .easy-form-intro strong{font-size:14px;color:#204e37}
.role-manager .easy-form-intro small{font-size:11px;color:#658771;line-height:1.5}
.role-manager .easy-advanced{border:1px solid #dce8df;border-radius:11px;margin:12px 0 13px;background:#fbfdfb}
.role-manager .easy-advanced>summary{display:flex;gap:10px;align-items:center;padding:13px 15px;cursor:pointer;list-style:none}
.role-manager .easy-advanced>summary::-webkit-details-marker{display:none}
.role-manager .easy-advanced>summary>span{font-size:12px;color:#31634b;font-weight:760}
.role-manager .easy-advanced>summary>small{font-size:11px;color:#8a9d8d;flex:1}
.role-manager .easy-advanced>summary>b{color:#43845c;font-size:18px;transition:transform .2s}
.role-manager .easy-advanced[open]>summary>b{transform:rotate(180deg)}
.role-manager .easy-advanced-fields{padding:15px;border-top:1px solid #e2ede4}
.role-manager .easy-field-hint{display:block;color:#799482;line-height:1.45;font-size:11px;margin-top:5px}
.role-manager .easy-step-heading{display:flex;align-items:center;gap:11px;padding:6px 0 12px}
.role-manager .easy-step-heading>span{border-radius:9px;width:33px;height:33px;background:#e1f1e5;color:#2c7350;font-weight:800;display:grid;place-items:center}
.role-manager .easy-step-heading>div{display:flex;flex-direction:column;gap:3px}
.role-manager .easy-step-heading strong{font-size:14px;color:#2a523b}
.role-manager .easy-step-heading small{font-size:11px;color:#7d9684}
.role-manager .easy-save-actions{position:sticky;bottom:8px;z-index:10;background:#fff;padding:12px;border:1px solid #dcebdd;border-radius:11px;box-shadow:0 7px 27px rgba(13,51,32,.11)}
/* Inbox mobile cards: one primary action, secondary actions disclosed only by request. */
.role-manager .easy-mail-open{display:none}
.role-manager .easy-mail-extra,.role-manager .easy-mail-bulk{display:none}
@media(max-width:1150px){
 .role-manager .easy-work-tiles{grid-template-columns:1fr;gap:9px}
 .role-manager .easy-work-tile{padding:14px}
}
@media(max-width:720px){
 .role-manager .main{background:#f2f5f3}
 .role-manager .easy-work-tile{padding:13px;gap:11px}
 .role-manager .easy-work-tile .easy-tile-icon{width:38px;height:38px;flex-basis:38px;font-size:20px}
 .role-manager .easy-work-tile strong{font-size:13px}
 .role-manager .easy-form-intro{padding:12px;align-items:flex-start}
 .role-manager .easy-advanced>summary{flex-wrap:wrap;padding:12px}
 .role-manager .easy-advanced>summary>small{flex:1 0 100%;order:3}
 .role-manager .easy-advanced-fields{padding:11px}
 .role-manager .easy-save-actions{bottom:calc(68px + env(safe-area-inset-bottom,0px))}
 .role-manager .easy-save-actions .btn{min-height:45px}
 .role-manager .ai-fab{right:12px;bottom:calc(83px + env(safe-area-inset-bottom,0px));font-size:11px;padding:8px 11px;border-radius:999px;max-width:74px;min-height:34px;white-space:nowrap}
 .role-manager .ai-fab span{display:none}
 .role-manager.easy-typing .ai-fab{opacity:0;pointer-events:none;transform:translateY(15px)}
 .role-manager .mail-list-item .easy-mail-open{display:flex;align-items:center;justify-content:space-between;background:#e6f4ec;color:#1c7653;text-decoration:none;border-radius:9px;padding:10px 12px;margin:6px 8px 8px;font-weight:800;font-size:12px}
 .role-manager .easy-mail-extra{display:block;margin:3px 9px 11px;font-size:11px;color:#668977}
 .role-manager .easy-mail-extra summary{list-style:none;cursor:pointer;padding:7px 9px;border:1px solid #e1eae3;border-radius:8px;text-align:center;font-weight:680}
 .role-manager .easy-mail-extra summary::-webkit-details-marker{display:none}
 .role-manager .easy-mail-extra-inner{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;padding:9px}
 .role-manager .easy-mail-bulk{display:block;margin:4px 0}
 .role-manager .easy-mail-bulk>summary{list-style:none;cursor:pointer;color:#668a76;font-size:11px;padding:11px 13px;border-bottom:1px solid #e4eee6}
 .role-manager .easy-mail-bulk>summary::-webkit-details-marker{display:none}
 .role-manager .easy-mail-bulk .mail-bulkbar{margin:0;flex-wrap:wrap;gap:7px}
 /* Don't keep a giant table as the page's min-content width. */
 .role-manager[data-current-route=opportunity-radar] .grid{min-width:0;max-width:100%;grid-template-columns:minmax(0,1fr)}
 .role-manager[data-current-route=opportunity-radar] .grid>*{min-width:0;max-width:100%;width:auto}
 .role-manager[data-current-route=opportunity-radar] .table-wrap{max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}
 .role-manager[data-current-route=opportunity-radar] .table{min-width:620px}
}
/* Good readability on any zoom level */
@media(prefers-reduced-motion:reduce){.role-manager .easy-work-tile{transition:none}}
@media(max-width:720px){
 /* Three explicit rows: sender, primary action, secondary actions.
    Override earlier mobile-mail CSS that fixed the second grid row at 34px. */
 .role-manager .mail-gmail-client .mail-list-item{grid-template-rows:auto auto auto!important;min-height:0!important;align-content:start}
 .role-manager .mail-gmail-client .easy-mail-open{grid-column:1/-1!important;grid-row:2!important;justify-self:stretch!important;align-self:stretch!important;display:flex!important;margin:0!important;min-height:37px;white-space:nowrap}
 .role-manager .mail-gmail-client .easy-mail-extra{grid-column:1/-1!important;grid-row:3!important;justify-self:stretch!important;align-self:start!important;margin:0!important;min-width:0}
 .role-manager .mail-gmail-client .easy-mail-extra[open]{padding-bottom:4px}
 .role-manager .mail-gmail-client .easy-mail-extra-inner .mail-mobile-actions{display:flex!important;grid-column:auto!important;grid-row:auto!important;padding:0!important;margin:0!important;gap:7px}
 .role-manager .mail-gmail-client .easy-mail-extra-inner .mail-star-button{position:static!important;right:auto!important;bottom:auto!important;display:inline-grid!important}
 .role-manager .mail-gmail-client .easy-mail-bulk[open] .mail-bulkbar{display:flex!important}
 .role-manager .mail-gmail-client:has(.easy-mail-bulk[open]) .mail-list-item .mail-row-check{display:flex!important;position:absolute!important;top:11px!important;left:14px!important;z-index:4}
 .role-manager .easy-save-actions{position:static;box-shadow:none;border:0;padding:7px 0;margin-top:12px;background:transparent}
}
@media(max-width:720px){
 .role-manager[data-current-route=suppliers] .table-wrap[data-easy-cards="1"]{display:none!important}
 .role-manager .easy-supplier-cards{display:grid;gap:10px}
 .role-manager .easy-supplier-card{padding:14px;border:1px solid #dae8de;border-radius:13px;background:#fff;box-shadow:0 5px 16px rgba(21,69,41,.035);min-width:0}
 .role-manager .easy-supplier-head td{display:block;padding:0!important;border:0!important}
 .role-manager .easy-supplier-head a{font-size:14px;color:#1b7652;text-decoration:none;font-weight:800;line-height:1.4}
 .role-manager .easy-supplier-head small{display:none}
 .role-manager .easy-supplier-inn{font-size:10px;color:#799384;margin-top:4px}
 .role-manager .easy-supplier-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:13px 0}
 .role-manager .easy-supplier-meta>div{min-width:0;display:flex;flex-direction:column;gap:5px;font-size:11px;color:#415f4b;overflow-wrap:anywhere}
 .role-manager .easy-supplier-meta strong{font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:#829887}
 .role-manager .easy-supplier-meta td{display:block;border:0;padding:0!important;line-height:1.4}
 .role-manager .easy-supplier-meta a{color:#23795a;text-decoration:none}
 .role-manager .easy-supplier-open{display:flex;justify-content:center;align-items:center;border-radius:9px;min-height:39px;background:#e7f5eb;color:#1e7650;font-size:12px;font-weight:800;text-decoration:none}
 .role-manager .easy-supplier-advanced{margin-top:10px;border-top:1px solid #e3eee7}
 .role-manager .easy-supplier-advanced>summary{list-style:none;cursor:pointer;padding-top:11px;color:#6d8b76;font-size:10px;text-align:center}
 .role-manager .easy-supplier-advanced>summary::-webkit-details-marker{display:none}
 .role-manager .easy-supplier-advanced-grid{display:grid;gap:10px;padding:13px 2px}
 .role-manager .easy-supplier-advanced-grid>div{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:10px;overflow-wrap:anywhere}
 .role-manager .easy-supplier-advanced-grid strong{color:#496b56}
 .role-manager .easy-supplier-advanced-grid td{display:block;padding:0!important;border:0}
 .role-manager .easy-supplier-advanced-grid .actions{flex-wrap:wrap}
}