/* CloudTMS summary-sheet modernisation — presentation and interaction feedback only. */
:root{
  --sheet-bg:#050a16;
  --sheet-panel:#0a1222;
  --sheet-panel-2:#0e192d;
  --sheet-panel-3:#111f37;
  --sheet-line:#273957;
  --sheet-line-soft:rgba(74,98,135,.42);
  --sheet-text:#f4f7fb;
  --sheet-sub:#9fb0c8;
  --sheet-indigo:#7068f8;
  --sheet-indigo-2:#5147df;
  --sheet-cyan:#40c7e8;
  --sheet-green:#36d399;
  --sheet-amber:#f6c453;
  --sheet-red:#fb7185;
  --sheet-shadow:0 20px 55px rgba(0,0,0,.28);
}

html,body{font-family:"Segoe UI Variable","Segoe UI",Inter,system-ui,sans-serif;background:var(--sheet-bg);color:var(--sheet-text)}
body.ctms-summary-proposal{background:
  radial-gradient(circle at 18% -12%,rgba(83,74,220,.16),transparent 34%),
  radial-gradient(circle at 90% 15%,rgba(20,184,216,.07),transparent 24%),
  var(--sheet-bg)}

body.ctms-summary-proposal .topbar{
  height:64px;padding:0 18px;gap:14px;border-bottom:1px solid var(--sheet-line);
  background:rgba(7,13,27,.92);box-shadow:0 8px 24px rgba(0,0,0,.18);backdrop-filter:blur(18px)
}
body.ctms-summary-proposal .brand img{filter:drop-shadow(0 3px 10px rgba(73,155,255,.18))}
body.ctms-summary-proposal .nav{flex:1 1 auto;flex-wrap:nowrap!important;gap:7px;min-width:0;overflow-x:auto;scrollbar-width:none}
body.ctms-summary-proposal .nav::-webkit-scrollbar{display:none}
body.ctms-summary-proposal .nav button,
body.ctms-summary-proposal .nav .nav-btn{
  flex:0 0 auto;white-space:nowrap;
  min-height:38px;padding:0 13px;border:1px solid transparent;border-radius:11px;
  background:transparent;color:#b8c4d6;font-weight:650;box-shadow:none;transition:.16s ease
}
body.ctms-summary-proposal .nav button:hover,
body.ctms-summary-proposal .nav .nav-btn:hover{color:#fff;background:rgba(117,108,248,.1);border-color:rgba(117,108,248,.22)}
body.ctms-summary-proposal .nav button.active,
body.ctms-summary-proposal .nav .nav-btn.active{
  color:#fff;background:linear-gradient(180deg,rgba(112,104,248,.28),rgba(72,61,190,.2));
  border-color:rgba(126,118,255,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 8px 20px rgba(49,43,152,.18)
}
body.ctms-summary-proposal .userbox{gap:8px}
body.ctms-summary-proposal .userbox .chip,
body.ctms-summary-proposal .userbox button{border-color:var(--sheet-line);background:#0b1527;border-radius:10px;color:#cbd5e1}

body.ctms-summary-proposal .layout{
  grid-template-columns:238px minmax(0,1fr);gap:16px;padding:18px;max-width:none;height:calc(100vh - 64px)
}
body.ctms-summary-proposal .panel{
  border:1px solid var(--sheet-line);border-radius:18px;background:rgba(8,15,29,.88);
  box-shadow:var(--sheet-shadow);overflow:hidden
}

body.ctms-summary-proposal .tools{padding:15px;align-self:start;max-height:calc(100vh - 100px);overflow:auto}
body.ctms-summary-proposal .tools h3{
  margin:1px 2px 13px;color:#fff;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:750
}
body.ctms-summary-proposal #toolButtons{display:flex;flex-direction:column;gap:8px}
body.ctms-summary-proposal .tools button{
  min-height:38px;margin:0;padding:8px 11px;text-align:left;border:1px solid var(--sheet-line);
  border-radius:10px;background:#0b1527;color:#e5eaf2;font-weight:600;transition:.16s ease
}
body.ctms-summary-proposal .tools button:hover{border-color:rgba(112,104,248,.8);background:rgba(83,72,201,.16);transform:translateY(-1px)}
body.ctms-summary-proposal .tools button.ctms-primary-tool{
  border-color:rgba(112,104,248,.8);background:linear-gradient(135deg,var(--sheet-indigo-2),#6258eb);color:#fff;
  box-shadow:0 10px 22px rgba(52,43,174,.24)
}
body.ctms-summary-proposal .tools .group{
  margin-top:12px;padding:13px;border:1px solid var(--sheet-line-soft);border-radius:12px;background:rgba(16,28,48,.7)
}
body.ctms-summary-proposal .tools .group:has(.note){border-style:dashed;background:rgba(9,17,32,.55)}
body.ctms-summary-proposal .tools .note{color:var(--sheet-sub);line-height:1.5}
body.ctms-summary-proposal .tools label{color:#cbd5e1;font-weight:600}
body.ctms-summary-proposal .tools select,
body.ctms-summary-proposal .tools input[type="text"]{min-height:36px;border:1px solid var(--sheet-line);border-radius:9px;background:#07101f;color:#fff}

body.ctms-summary-proposal .main{min-width:0;background:rgba(7,13,26,.9)}
body.ctms-summary-proposal .toolbar{
  min-height:72px;padding:13px 16px;border-bottom:1px solid var(--sheet-line);
  background:linear-gradient(180deg,rgba(17,29,50,.88),rgba(9,17,32,.78));gap:10px
}
body.ctms-summary-proposal .toolbar .title{font-size:20px;font-weight:730;letter-spacing:-.02em;color:#fff}
body.ctms-summary-proposal .toolbar .title::after{
  content:"Summary";display:block;margin-top:2px;color:var(--sheet-sub);font-size:11px;font-weight:550;letter-spacing:.04em;text-transform:uppercase
}
body.ctms-summary-proposal .toolbar input[type="text"]{
  min-width:280px;min-height:40px;padding:8px 12px;border:1px solid var(--sheet-line);border-radius:11px;
  background:#0b1629;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)
}
body.ctms-summary-proposal .toolbar input[type="text"]:focus{outline:3px solid rgba(64,199,232,.13);border-color:var(--sheet-cyan)}
body.ctms-summary-proposal .toolbar button,
body.ctms-summary-proposal #content button,
body.ctms-summary-proposal .pager-btn{
  min-height:36px;padding:7px 11px!important;border:1px solid var(--sheet-line)!important;border-radius:10px!important;
  background:#0d192c!important;color:#eef2f8!important;font-family:inherit!important;font-weight:650;box-shadow:none!important
}
body.ctms-summary-proposal .toolbar button:hover,
body.ctms-summary-proposal #content button:hover:not(:disabled){border-color:rgba(112,104,248,.85)!important;background:#172342!important}

body.ctms-summary-proposal #content{min-width:0}
body.ctms-summary-proposal .ctms-summary-system-state{
  box-sizing:border-box;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;
  width:calc(100% - 24px);min-height:132px;margin:12px;padding:20px;border:1px solid var(--sheet-line);
  border-radius:15px;background:linear-gradient(135deg,rgba(16,31,55,.94),rgba(8,17,33,.96));color:var(--sheet-text)
}
body.ctms-summary-proposal .ctms-summary-system-state__icon{
  display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(112,104,248,.55);border-radius:11px;
  background:rgba(81,71,223,.22);color:#dcd9ff;font-size:20px;font-weight:800
}
body.ctms-summary-proposal .ctms-summary-system-state.is-loading .ctms-summary-system-state__icon{
  animation:ctms-summary-loading-pulse 1.15s ease-in-out infinite
}
body.ctms-summary-proposal .ctms-summary-system-state.is-error{
  border-color:rgba(246,196,83,.38);background:linear-gradient(135deg,rgba(71,49,17,.34),rgba(8,17,33,.96))
}
body.ctms-summary-proposal .ctms-summary-system-state.is-error .ctms-summary-system-state__icon{
  border-color:rgba(246,196,83,.55);background:rgba(129,88,13,.24);color:#ffe29a
}
body.ctms-summary-proposal .ctms-summary-system-state__copy{min-width:0}
body.ctms-summary-proposal .ctms-summary-system-state__copy h3{margin:0 0 5px;font-size:16px;color:#fff}
body.ctms-summary-proposal .ctms-summary-system-state__copy p{margin:0;color:var(--sheet-sub);line-height:1.45}
body.ctms-summary-proposal .ctms-summary-system-state__retry{justify-self:end;white-space:nowrap}
@keyframes ctms-summary-loading-pulse{50%{transform:scale(.82);opacity:.55}}
body.ctms-summary-proposal #content>.ctms-summary-controls{
  min-height:56px!important;padding:9px 12px!important;gap:9px!important;border-bottom:1px solid var(--sheet-line)!important;
  background:rgba(9,18,34,.86)!important
}
body.ctms-summary-proposal #content>.ctms-summary-controls::before{
  content:"View";display:inline-flex;align-items:center;min-height:28px;padding-right:3px;color:var(--sheet-sub);
  font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase
}
body.ctms-summary-proposal #content>.ctms-summary-controls .mini{color:#b6c2d4;font-weight:650}
body.ctms-summary-proposal #content>.ctms-summary-controls select,
body.ctms-summary-proposal #content>.ctms-summary-controls input{
  min-height:36px;padding:6px 10px;border:1px solid var(--sheet-line);border-radius:9px;background:#07101f;color:#fff
}
body.ctms-summary-proposal #content>.ctms-summary-controls .ctms-duplicate-columns{display:none!important}

body.ctms-summary-proposal .summary-body{
  background:linear-gradient(180deg,rgba(5,11,23,.75),rgba(7,13,26,.95));scrollbar-color:#42536f #08101f;
  -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y
}
body.ctms-summary-proposal .grid{min-width:920px;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums}
body.ctms-summary-proposal .grid th,
body.ctms-summary-proposal .grid td{padding:12px 13px;border-bottom:1px solid var(--sheet-line-soft);font-size:12px;line-height:1.35}
body.ctms-summary-proposal .grid th{
  top:0;height:46px;background:#111d31;color:#afbdd0;border-bottom:1px solid #40516d!important;
  font-size:10px;font-weight:780;letter-spacing:.07em;text-transform:uppercase;vertical-align:middle;box-shadow:0 5px 14px rgba(0,0,0,.18)
}
body.ctms-summary-proposal .grid thead th+th{border-left:1px solid rgba(89,107,137,.18)}
body.ctms-summary-proposal .grid tbody tr{background:rgba(7,14,28,.72);transition:background .12s ease,box-shadow .12s ease}
body.ctms-summary-proposal .grid tbody tr:nth-child(2n){background:rgba(14,25,44,.68)}
body.ctms-summary-proposal .grid tbody tr:hover{background:rgba(54,68,123,.35);box-shadow:inset 3px 0 0 var(--sheet-cyan)}
body.ctms-summary-proposal .grid tbody tr.selected,
body.ctms-summary-proposal .grid tbody tr.active-summary-row,
body.ctms-summary-proposal .grid tbody tr.ctms-active-row{background:rgba(66,76,153,.32)!important;box-shadow:inset 3px 0 0 var(--sheet-indigo)}
body.ctms-summary-proposal .grid tbody tr.ctms-row-checked{background:rgba(25,107,103,.22)!important;box-shadow:inset 3px 0 0 var(--sheet-green)}
body.ctms-summary-proposal .grid tbody tr.ctms-row-checked.ctms-active-row{background:linear-gradient(90deg,rgba(25,107,103,.28),rgba(66,76,153,.28))!important;box-shadow:inset 3px 0 0 var(--sheet-green),inset 6px 0 0 rgba(112,104,248,.9)}
body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .summary-body table.grid tbody tr.ctms-active-row{
  background:rgba(66,76,153,.32)!important;box-shadow:inset 3px 0 0 var(--sheet-indigo)!important
}
body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .summary-body table.grid tbody tr.ctms-row-checked{
  background:rgba(25,107,103,.22)!important;box-shadow:inset 3px 0 0 var(--sheet-green)!important
}
body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .summary-body table.grid tbody tr.ctms-row-checked.ctms-active-row{
  background:linear-gradient(90deg,rgba(25,107,103,.28),rgba(66,76,153,.28))!important;
  box-shadow:inset 3px 0 0 var(--sheet-green),inset 6px 0 0 rgba(112,104,248,.9)!important
}
body.ctms-summary-proposal .grid tbody tr.ctms-row-pressed{transform:translateY(1px);filter:brightness(1.12)}
body.ctms-summary-proposal .grid tbody tr:focus-visible{outline:2px solid var(--sheet-cyan);outline-offset:-2px;box-shadow:inset 3px 0 0 var(--sheet-cyan)}
body.ctms-summary-proposal .grid td{color:#e8edf5;vertical-align:middle}
body.ctms-summary-proposal .grid td[data-money="true"]{text-align:right;font-weight:730;font-variant-numeric:tabular-nums;color:#f7fbff}
body.ctms-summary-proposal .grid td[data-state] span,
body.ctms-summary-proposal .ctms-state-badge{
  display:inline-flex;align-items:center;min-height:23px;padding:3px 8px;border:1px solid rgba(113,129,157,.52);
  border-radius:999px;background:#152238;color:#d7dfeb;font-size:10px;font-weight:760;letter-spacing:.03em;text-transform:none
}
body.ctms-summary-proposal .grid td[data-state="success"] span,
body.ctms-summary-proposal .ctms-state-badge.is-success{border-color:rgba(54,211,153,.4);background:rgba(20,108,78,.23);color:#98f1cb}
body.ctms-summary-proposal .grid td[data-state="warning"] span,
body.ctms-summary-proposal .ctms-state-badge.is-warning{border-color:rgba(246,196,83,.42);background:rgba(129,88,13,.22);color:#ffe29a}
body.ctms-summary-proposal .grid td[data-state="danger"] span,
body.ctms-summary-proposal .ctms-state-badge.is-danger{border-color:rgba(251,113,133,.42);background:rgba(134,38,61,.22);color:#ffc0cb}
body.ctms-summary-proposal .ctms-processing-status-badge{
  display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:23px;padding:3px 9px;
  border:1px solid rgba(113,129,157,.52);border-radius:999px;background:#152238;color:#d7dfeb;
  font-size:10px;font-weight:780;line-height:1.25;letter-spacing:.02em;text-align:center;white-space:normal
}
body.ctms-summary-proposal .ctms-processing-status-unprocessed{
  border-color:rgba(246,196,83,.46);background:rgba(129,88,13,.24);color:#ffe29a
}
body.ctms-summary-proposal .ctms-processing-status-processed{
  border-color:rgba(64,199,232,.44);background:rgba(15,94,122,.25);color:#a9ecff
}
body.ctms-summary-proposal .ctms-processing-status-authorised{
  border-color:rgba(54,211,153,.44);background:rgba(20,108,78,.25);color:#98f1cb
}
body.ctms-summary-proposal .ctms-processing-status-invoiced{
  border-color:rgba(139,132,255,.5);background:rgba(75,63,177,.25);color:#d7d3ff
}
body.ctms-summary-proposal .ctms-processing-status-delayed{
  border-color:rgba(251,146,60,.48);background:rgba(132,69,18,.26);color:#fed7aa
}
body.ctms-summary-proposal .ctms-processing-status-attention{
  border-color:rgba(251,113,133,.48);background:rgba(134,38,61,.25);color:#ffc0cb
}
body.ctms-summary-proposal .ctms-processing-status-archived{
  border-color:rgba(148,163,184,.4);background:rgba(51,65,85,.38);color:#cbd5e1
}
body.ctms-summary-proposal .ctms-processing-status-neutral{
  border-color:rgba(148,163,184,.42);background:rgba(30,41,59,.58);color:#d4dbe7
}
body.ctms-summary-proposal input[type="checkbox"]{
  -webkit-appearance:none;appearance:none;box-sizing:border-box;position:relative;display:inline-grid;place-content:center;
  width:18px;height:18px;min-width:18px;margin:0;border:1px solid #5d6d88;border-radius:5px;cursor:pointer;
  background:linear-gradient(180deg,#111d31,#091221);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 1px 2px rgba(0,0,0,.24);
  vertical-align:middle;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease,transform .1s ease
}
body.ctms-summary-proposal input[type="checkbox"]::before{
  content:"";width:9px;height:5px;border:0 solid #fff;border-width:0 0 2px 2px;
  opacity:0;transform:translateY(-1px) rotate(-45deg) scale(.72);transition:opacity .12s ease,transform .12s ease
}
body.ctms-summary-proposal input[type="checkbox"]:hover:not(:disabled){
  border-color:#8b84ff;background:#162541;box-shadow:0 0 0 3px rgba(112,104,248,.1),inset 0 1px 0 rgba(255,255,255,.05)
}
body.ctms-summary-proposal input[type="checkbox"]:active:not(:disabled){transform:scale(.92)}
body.ctms-summary-proposal input[type="checkbox"]:checked{
  border-color:#8a83ff;background:linear-gradient(135deg,#756cf8 0%,#5c53e7 58%,#37b8dc 145%);
  box-shadow:0 0 0 1px rgba(139,132,255,.18),0 4px 10px rgba(74,64,206,.3),inset 0 1px 0 rgba(255,255,255,.2)
}
body.ctms-summary-proposal input[type="checkbox"]:checked::before{opacity:1;transform:translateY(-1px) rotate(-45deg) scale(1)}
body.ctms-summary-proposal input[type="checkbox"]:indeterminate{
  border-color:#68c8e8;background:linear-gradient(135deg,#6259ea,#31afd5);
  box-shadow:0 0 0 1px rgba(104,200,232,.18),0 4px 10px rgba(39,143,186,.24)
}
body.ctms-summary-proposal input[type="checkbox"]:indeterminate::before{
  width:8px;height:2px;border:0;border-radius:999px;background:#fff;opacity:1;transform:none
}
body.ctms-summary-proposal input[type="checkbox"]:focus-visible{
  outline:0;box-shadow:0 0 0 3px #07101f,0 0 0 5px rgba(64,199,232,.9),0 5px 12px rgba(0,0,0,.3)
}
body.ctms-summary-proposal input[type="checkbox"]:disabled{cursor:not-allowed;opacity:.45;filter:saturate(.55)}

body.ctms-summary-proposal #content>.pager,
body.ctms-summary-proposal #content>.ctms-summary-footer{
  min-height:52px!important;padding:9px 12px!important;border-top:1px solid var(--sheet-line)!important;
  background:#0a1426!important
}
body.ctms-summary-proposal .pager .pager-btn.active,
body.ctms-summary-proposal .pager-btn.active{border-color:var(--sheet-indigo)!important;background:var(--sheet-indigo-2)!important;color:#fff!important}
body.ctms-summary-proposal .pager .mini{color:var(--sheet-sub)}

/* Imports: same modal shell and clearer upload hierarchy. */
#modal.ctms-modern-modal:has(.irv1-shell){width:min(1180px,calc(100vw - 36px));max-width:min(1180px,calc(100vw - 36px));border-radius:20px}
#modal.ctms-modern-modal:has(.irv1-shell) .modal-b{padding:18px;background:#07101f}
#modal.ctms-imports-modern-modal #modalTabs,
#modal.ctms-imports-modern-modal #modalActions{display:none!important}
#modal.ctms-imports-modern-modal .irv1-shell,
#modal.ctms-imports-modern-modal .irv1-intro,
#modal.ctms-imports-modern-modal .irv1-tiles,
#modal.ctms-imports-modern-modal .irv1-tile,
#modal.ctms-imports-modern-modal .irv1-history{box-sizing:border-box;min-width:0;max-width:100%}
#modal.ctms-imports-modern-modal .irv1-shell,
#modal.ctms-imports-modern-modal .irv1-tiles{width:100%}
#modal.ctms-imports-modern-modal .irv1-tile>*{box-sizing:border-box;min-width:0;max-width:100%}
#modal.ctms-imports-modern-modal .irv1-file{
  box-sizing:border-box!important;width:1px!important;min-width:1px!important;max-width:1px!important;height:1px!important;
  padding:0!important;border:0!important;overflow:hidden!important;clip-path:inset(50%)
}
#modal.ctms-imports-modern-modal .irv1-tile h4,
#modal.ctms-imports-modern-modal .irv1-tile p,
#modal.ctms-imports-modern-modal .irv1-drop,
#modal.ctms-imports-modern-modal .irv1-drop *{white-space:normal;overflow-wrap:anywhere}
#modal.ctms-modern-modal .irv1-shell{gap:18px}
#modal.ctms-modern-modal .irv1-intro{
  align-items:center;padding:18px 20px;border:1px solid rgba(112,104,248,.35);border-radius:16px;
  background:linear-gradient(135deg,rgba(53,48,124,.35),rgba(9,27,45,.72))
}
#modal.ctms-modern-modal .irv1-intro h3{font-size:21px;letter-spacing:-.02em}
#modal.ctms-modern-modal .irv1-intro p{max-width:760px;color:#b7c4d7;font-size:13px;line-height:1.5}
#modal.ctms-modern-modal .irv1-contract{display:none!important}
#modal.ctms-modern-modal .irv1-tiles{gap:14px}
#modal.ctms-modern-modal .irv1-tile{
  min-height:245px;padding:18px;border:1px solid var(--sheet-line);border-radius:16px;background:linear-gradient(180deg,#0e1a2f,#0a1426);
  box-shadow:0 13px 30px rgba(0,0,0,.2);transform:none
}
#modal.ctms-modern-modal .irv1-tile:hover,
#modal.ctms-modern-modal .irv1-tile:focus-within{border-color:var(--sheet-indigo);background:linear-gradient(180deg,#14223c,#0c1830);transform:translateY(-2px)}
#modal.ctms-modern-modal .irv1-tile-icon{
  width:46px;height:46px;border:1px solid rgba(128,120,255,.42);border-radius:13px;
  background:linear-gradient(135deg,rgba(101,89,236,.42),rgba(52,44,152,.34));color:#e3e0ff
}
#modal.ctms-modern-modal .irv1-tile h4{font-size:16px;color:#fff}
#modal.ctms-modern-modal .irv1-tile p{min-height:36px;color:#aab8cc;line-height:1.5}
#modal.ctms-modern-modal .irv1-drop{
  min-height:84px;border:1px dashed #526582;border-radius:12px;background:rgba(4,10,21,.5);transition:.16s ease
}
#modal.ctms-modern-modal .irv1-tile:hover .irv1-drop{border-color:var(--sheet-cyan);background:rgba(20,72,94,.13)}
#modal.ctms-modern-modal .irv1-history{border:1px solid var(--sheet-line);border-radius:16px;background:#0b1629}
#modal.ctms-modern-modal .irv1-history-head{padding:14px 16px;background:#101d32}
#modal.ctms-modern-modal .irv1-history-head strong{font-size:15px;color:#fff}
#modal.ctms-modern-modal .irv1-history-head .mini{margin-top:3px;color:#9eacc0}
#modal.ctms-modern-modal .irv1-history-row{min-height:66px;padding:12px 16px;border-color:var(--sheet-line-soft)}
#modal.ctms-modern-modal .irv1-history-row:hover{background:rgba(59,68,125,.2)}
#modal.ctms-modern-modal .irv1-history-row>div:first-child strong{color:#f7f9fc}
#modal.ctms-modern-modal .irv1-status{border:1px solid rgba(246,196,83,.4);background:rgba(129,88,13,.22);color:#ffe29a;font-weight:760}
#modal.ctms-modern-modal .irv1-status.is-success{border-color:rgba(54,211,153,.4);background:rgba(20,108,78,.23);color:#98f1cb}
#modal.ctms-modern-modal .irv1-btn{border-color:var(--sheet-line);border-radius:10px;background:#132039}
#modal.ctms-modern-modal .irv1-btn:hover:not(:disabled){border-color:var(--sheet-indigo);background:#1a2850}
#modal.ctms-modern-modal .irv1-pager{padding:11px 14px;background:#0a1426}

@media(min-width:621px){
  body.ctms-summary-proposal[data-summary-proposal-section="umbrellas"] .grid,
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .grid{
    width:100%!important;min-width:0!important;table-layout:fixed
  }
  body.ctms-summary-proposal[data-summary-proposal-section="umbrellas"] .grid col,
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .grid col{width:auto!important}
  body.ctms-summary-proposal[data-summary-proposal-section="umbrellas"] .grid col:nth-child(1){width:4%!important}
  body.ctms-summary-proposal[data-summary-proposal-section="umbrellas"] .grid col:nth-child(2){width:15%!important}
  body.ctms-summary-proposal[data-summary-proposal-section="umbrellas"] .grid col:nth-child(3){width:8%!important}
  body.ctms-summary-proposal[data-summary-proposal-section="umbrellas"] .grid col:nth-child(4){width:13%!important}
  body.ctms-summary-proposal[data-summary-proposal-section="umbrellas"] .grid col:nth-child(5){width:7%!important}
  body.ctms-summary-proposal[data-summary-proposal-section="umbrellas"] .grid col:nth-child(6){width:8%!important}
  body.ctms-summary-proposal[data-summary-proposal-section="umbrellas"] .grid col:nth-child(7){width:7%!important}
  body.ctms-summary-proposal[data-summary-proposal-section="umbrellas"] .grid col:nth-child(8){width:9%!important}
  body.ctms-summary-proposal[data-summary-proposal-section="umbrellas"] .grid col:nth-child(9){width:9%!important}
  body.ctms-summary-proposal[data-summary-proposal-section="umbrellas"] .grid col:nth-child(10){width:8%!important}
  body.ctms-summary-proposal[data-summary-proposal-section="umbrellas"] .grid col:nth-child(11){width:12%!important}
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .grid col:nth-child(1){width:4%!important}
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .grid col:nth-child(2){width:8%!important}
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .grid col:nth-child(3){width:13%!important}
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .grid col:nth-child(4){width:20%!important}
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .grid col:nth-child(5){width:8%!important}
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .grid col:nth-child(6){width:8%!important}
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .grid col:nth-child(7){width:10%!important}
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .grid col:nth-child(8){width:10%!important}
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .grid col:nth-child(9){width:8%!important}
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .grid col:nth-child(10){width:11%!important}
  body.ctms-summary-proposal[data-summary-proposal-section="umbrellas"] .grid th,
  body.ctms-summary-proposal[data-summary-proposal-section="umbrellas"] .grid td,
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .grid th,
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .grid td{
    width:auto!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere
  }
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .grid td div{
    min-width:0!important;max-width:100%!important;white-space:normal!important;overflow:visible!important;
    text-overflow:clip!important;overflow-wrap:anywhere!important;word-break:break-word!important
  }
}

@media(max-width:900px){
  html.ctms-summary-proposal,
  html.ctms-summary-proposal body.ctms-summary-proposal{
    height:auto;min-height:100%;overflow-y:auto;overflow-x:hidden
  }
  body.ctms-summary-proposal .topbar{height:58px;padding:0 10px}
  body.ctms-summary-proposal .brand{width:78px;min-width:78px}
  body.ctms-summary-proposal .userbox{display:none}
  body.ctms-summary-proposal .layout{
    height:auto;min-height:calc(100dvh - 58px);grid-template-columns:1fr;grid-template-rows:auto auto;gap:10px;padding:10px
  }
  body.ctms-summary-proposal .tools{max-height:none;padding:10px;overflow:visible}
  body.ctms-summary-proposal .tools h3{margin:0 0 8px}
  body.ctms-summary-proposal #toolButtons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  body.ctms-summary-proposal #toolButtons{align-items:start}
  body.ctms-summary-proposal .tools button{min-height:35px;padding:7px 9px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.ctms-summary-proposal .tools .group{grid-column:1/-1;margin-top:2px}
  body.ctms-summary-proposal .main{height:auto;min-height:0;overflow:visible}
  body.ctms-summary-proposal #content{flex:0 0 auto;min-height:0;overflow:visible}
  body.ctms-summary-proposal .toolbar{min-height:62px;padding:10px 12px;flex-wrap:wrap}
  body.ctms-summary-proposal .toolbar .title{font-size:18px}
  body.ctms-summary-proposal .toolbar input[type="text"]{order:3;width:100%;min-width:0;min-height:37px}
  body.ctms-summary-proposal .summary-body{
    flex:0 0 auto;height:clamp(420px,60dvh,640px);min-height:420px;overflow-y:auto;overflow-x:auto;
    overscroll-behavior-x:contain;overscroll-behavior-y:contain;touch-action:pan-x pan-y
  }
}

@media(max-width:620px){
  html.ctms-summary-proposal,
  html.ctms-summary-proposal body.ctms-summary-proposal{
    height:auto;min-height:100%;overflow-y:auto;overflow-x:hidden
  }
  body.ctms-summary-proposal .nav{gap:4px}
  body.ctms-summary-proposal .nav button,body.ctms-summary-proposal .nav .nav-btn{min-height:34px;padding:0 9px;font-size:11px}
  body.ctms-summary-proposal .layout{
    height:auto;min-height:calc(100dvh - 58px);padding:8px;gap:8px;grid-template-rows:auto auto
  }
  body.ctms-summary-proposal .panel{border-radius:14px}
  body.ctms-summary-proposal .main{height:auto;min-height:0;overflow:visible}
  body.ctms-summary-proposal #content{flex:0 0 auto;min-height:0;overflow:visible}
  body.ctms-summary-proposal .ctms-summary-system-state{
    grid-template-columns:auto minmax(0,1fr);gap:11px;width:calc(100% - 16px);min-height:150px;margin:8px;padding:15px
  }
  body.ctms-summary-proposal .ctms-summary-system-state__retry{grid-column:1/-1;justify-self:stretch;width:100%}
  body.ctms-summary-proposal #toolButtons{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ctms-summary-proposal .tools .group{display:none}
  body.ctms-summary-proposal .toolbar .title::after{display:none}
  body.ctms-summary-proposal #content>.ctms-summary-controls{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none}
  body.ctms-summary-proposal #content>.ctms-summary-controls::before{display:none}
  body.ctms-summary-proposal #content>.ctms-summary-controls>*{flex:0 0 auto!important}
  body.ctms-summary-proposal #content>.ctms-summary-controls>button{
    max-width:250px;min-height:36px!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis
  }
  body.ctms-summary-proposal[data-summary-proposal-section="invoices"] #content>.ctms-summary-controls>button[title="Filter invoice statuses"]{
    width:138px;max-width:138px
  }
  body.ctms-summary-proposal .summary-body{
    flex:0 0 auto;height:clamp(400px,66dvh,640px);min-height:400px;padding:8px;overflow-y:auto;overflow-x:hidden;
    overscroll-behavior-x:contain;overscroll-behavior-y:contain;touch-action:pan-x pan-y
  }
  body.ctms-summary-proposal .summary-body .grid{display:block;min-width:0!important;width:100%!important;max-width:100%!important}
  body.ctms-summary-proposal .summary-body .grid thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  body.ctms-summary-proposal .summary-body .grid tbody{display:grid;gap:9px}
  body.ctms-summary-proposal .summary-body .grid tbody tr{
    display:grid;grid-template-columns:34px minmax(0,1fr);padding:10px 11px;border:1px solid var(--sheet-line);border-radius:13px;
    background:linear-gradient(180deg,#0f1c31,#0a1426)!important;box-shadow:0 8px 20px rgba(0,0,0,.16)
  }
  body.ctms-summary-proposal .summary-body .grid tbody tr:hover{box-shadow:inset 3px 0 0 var(--sheet-cyan),0 8px 20px rgba(0,0,0,.16)}
  body.ctms-summary-proposal .summary-body .grid td{
    box-sizing:border-box;display:grid;grid-template-columns:minmax(100px,.78fr) minmax(0,1.25fr);gap:8px;
    width:auto!important;min-width:0!important;max-width:none!important;padding:7px 2px;border:0;
    border-top:1px solid rgba(74,98,135,.26);font-size:11px;white-space:normal!important;overflow-wrap:anywhere
  }
  body.ctms-summary-proposal .summary-body .grid td:first-child{grid-row:1 / span 20;width:30px!important;min-width:30px!important;display:flex;align-items:flex-start;justify-content:center;border:0;padding-top:8px}
  body.ctms-summary-proposal .summary-body .grid td:nth-child(2){border-top:0;padding-top:3px}
  body.ctms-summary-proposal .summary-body .grid td:not(:first-child)::before{content:attr(data-label);color:#8fa0b7;font-size:9px;font-weight:780;letter-spacing:.06em;text-transform:uppercase}
  body.ctms-summary-proposal .summary-body .grid td.ctms-mobile-open-cell{display:flex;grid-column:2;justify-content:flex-end;align-items:center;padding:9px 0 1px;border-top:1px solid rgba(74,98,135,.26)}
  body.ctms-summary-proposal .summary-body .grid td.ctms-mobile-open-cell::before{display:none}
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .summary-body .grid colgroup{display:none}
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .summary-body .grid td div{
    min-width:0!important;max-width:100%!important;white-space:normal!important;overflow:visible!important;
    text-overflow:clip!important;overflow-wrap:anywhere!important;word-break:break-word!important
  }
  body.ctms-summary-proposal .ctms-mobile-open{min-width:82px;background:linear-gradient(135deg,var(--sheet-indigo-2),#6258eb)!important;border-color:rgba(129,120,255,.85)!important;color:#fff!important}
  body.ctms-summary-proposal #content>.pager{flex-wrap:wrap}
  #modal.ctms-modern-modal:has(.irv1-shell){width:calc(100vw - 16px);max-width:calc(100vw - 16px)}
  #modal.ctms-modern-modal:has(.irv1-shell) .modal-b{padding:12px}
  #modal.ctms-modern-modal .irv1-tiles{grid-template-columns:1fr}
  #modal.ctms-modern-modal .irv1-tile{min-height:215px}
  #modal.ctms-modern-modal .irv1-history-head{align-items:flex-start;flex-direction:column}
  #modal.ctms-modern-modal .irv1-toolbar-group{display:grid;width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}
  #modal.ctms-modern-modal .irv1-toolbar-group label{min-width:0}
  #modal.ctms-modern-modal .irv1-toolbar-group select{box-sizing:border-box;width:100%;max-width:100%;min-width:0}
  #modal.ctms-modern-modal .irv1-history-row{grid-template-columns:minmax(0,1fr) auto}
  #modal.ctms-imports-modern-modal .irv1-history-row>div:first-child{min-width:0;overflow:hidden}
  #modal.ctms-imports-modern-modal .irv1-history-row>div:first-child strong{
    white-space:normal;overflow-wrap:anywhere;word-break:break-word
  }
  #modal.ctms-imports-modern-modal #modalBody{overflow-x:hidden!important}
  #modal.ctms-imports-modern-modal .irv1-drop.ctms-mobile-file-picker{
    flex:0 0 auto;min-height:58px;padding:10px 14px;border:1px solid rgba(129,120,255,.86);border-radius:11px;
    background:linear-gradient(135deg,rgba(81,71,223,.92),rgba(98,88,235,.82));box-shadow:0 8px 20px rgba(49,43,152,.24)
  }
  #modal.ctms-imports-modern-modal .irv1-drop.ctms-mobile-file-picker strong{font-size:13px;color:#fff}
  #modal.ctms-imports-modern-modal .irv1-drop.ctms-mobile-file-picker span{font-size:10px;color:#e0ddff}
}

/* Outbox has ten data columns, so it needs its card presentation on wide phones
   and portrait tablets as well as on narrow phones. Desktop remains a data grid. */
@media(max-width:900px){
  body.ctms-summary-proposal .topbar{gap:8px}
  body.ctms-summary-proposal .nav{min-width:0;overflow-x:auto;overscroll-behavior-x:contain}
  body.ctms-summary-proposal .userbox{
    display:flex!important;flex:0 0 auto;margin-left:0;position:relative;z-index:2
  }
  body.ctms-summary-proposal .userbox .chip{display:none!important}
  body.ctms-summary-proposal .userbox #btnLogout{
    min-height:38px;padding:0 12px;border-radius:11px;white-space:nowrap;font-size:11px;font-weight:720
  }

  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] #content>.ctms-outbox-controls{
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end!important;
    gap:9px!important;overflow:visible!important
  }
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .ctms-outbox-controls::before{display:none!important}
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .ctms-outbox-controls>div:empty{display:none!important}
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .ctms-outbox-field{
    display:flex!important;min-width:0;flex-direction:column;gap:4px
  }
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .ctms-outbox-field--search{grid-column:span 2}
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .ctms-outbox-field input,
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .ctms-outbox-field select{
    box-sizing:border-box;width:100%!important;min-width:0!important;max-width:100%!important
  }
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .ctms-outbox-apply,
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .ctms-outbox-clear-selection{
    box-sizing:border-box;width:100%;min-width:0;min-height:36px!important
  }
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .ctms-outbox-selected{
    align-self:center;justify-self:center;white-space:nowrap
  }

  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .summary-body{
    padding:9px;overflow-x:hidden!important;touch-action:pan-x pan-y
  }
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .summary-body .grid{
    display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;table-layout:auto!important
  }
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .summary-body .grid colgroup{display:none!important}
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .summary-body .grid thead{
    position:static!important;display:block!important;width:auto!important;height:auto!important;margin:0 0 9px!important;
    overflow:visible!important;clip:auto!important;white-space:normal!important
  }
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .summary-body .grid thead tr{display:block!important}
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .summary-body .grid thead th{display:none!important}
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .summary-body .grid thead th:first-child{
    box-sizing:border-box;display:flex!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;
    align-items:center;gap:11px;padding:11px 13px!important;border:1px solid var(--sheet-line)!important;border-radius:12px;
    background:#13223a!important;color:#eef3fa!important;box-shadow:none!important
  }
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .summary-body .grid thead th:first-child::after{
    content:"Select all visible messages";font-size:11px;font-weight:780;letter-spacing:.05em;text-transform:uppercase
  }
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .summary-body .grid tbody{
    display:grid!important;width:100%;gap:10px
  }
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .summary-body .grid tbody tr[data-outbox-key]{
    box-sizing:border-box;display:grid!important;grid-template-columns:42px minmax(0,1fr);width:100%;min-width:0;
    padding:10px 12px;border:1px solid var(--sheet-line);border-radius:14px;
    background:linear-gradient(180deg,#0f1c31,#0a1426)!important;box-shadow:0 8px 20px rgba(0,0,0,.16)
  }
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .summary-body .grid tbody tr:not([data-outbox-key]){
    display:block!important;padding:14px;border:1px solid var(--sheet-line);border-radius:12px;background:#0d192c!important
  }
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .summary-body .grid tbody tr:not([data-outbox-key]) td{
    display:block!important;width:100%!important;min-width:0!important;padding:0!important;border:0!important
  }
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .summary-body .grid tbody tr[data-outbox-key]>td{
    box-sizing:border-box;display:grid!important;grid-template-columns:minmax(104px,.7fr) minmax(0,1.3fr);gap:10px;
    width:auto!important;min-width:0!important;max-width:none!important;padding:8px 2px!important;border:0!important;
    border-top:1px solid rgba(74,98,135,.3)!important;white-space:normal!important;overflow-wrap:anywhere!important;
    word-break:normal!important
  }
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .summary-body .grid tbody tr[data-outbox-key]>td:first-child{
    grid-row:1 / span 20;display:flex!important;width:34px!important;min-width:34px!important;align-items:flex-start;justify-content:center;
    padding:7px 4px 0 0!important;border:0!important
  }
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .summary-body .grid tbody tr[data-outbox-key]>td:nth-child(2){
    padding-top:2px!important;border-top:0!important
  }
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .summary-body .grid td:not(:first-child)::before{
    content:attr(data-label);align-self:start;color:#8fa0b7;font-size:9px;font-weight:780;letter-spacing:.07em;text-transform:uppercase
  }
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .summary-body .grid td div{
    min-width:0!important;max-width:100%!important;white-space:normal!important;overflow:visible!important;
    text-overflow:clip!important;overflow-wrap:anywhere!important;word-break:normal!important
  }
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .summary-body .grid td .pill,
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .summary-body .grid td .ctms-state-badge{
    justify-self:start;width:max-content;max-width:100%;white-space:nowrap!important;word-break:normal!important
  }
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .summary-body .grid td.ctms-mobile-open-cell{
    display:flex!important;grid-column:2;justify-content:flex-end;align-items:center;padding:10px 0 1px!important;
    border-top:1px solid rgba(74,98,135,.3)!important
  }
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .summary-body .grid td.ctms-mobile-open-cell::before{display:none}
}

@media(max-width:620px){
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] #content>.ctms-outbox-controls{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .ctms-outbox-field--search,
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .ctms-outbox-clear-selection{grid-column:1/-1}
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .summary-body .grid tbody tr[data-outbox-key]>td{
    grid-template-columns:minmax(88px,.65fr) minmax(0,1.35fr);gap:8px
  }
}

@media(min-width:901px){
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .summary-body{
    overflow-x:auto!important
  }
  body.ctms-summary-proposal[data-summary-proposal-section="outbox"] .summary-body .grid{
    width:1600px!important;min-width:1600px!important;max-width:none!important;table-layout:fixed!important
  }
}