/* EIC 36.21.6 - Unified minimalist notes activity view. Scoped to .e3621-page. */
.e3621-page{--e3621-border:#dae1e9;padding-top:6px;padding-bottom:22px}
.e3621-page *{box-sizing:border-box}
.e3621-page .e3610-head{padding-bottom:11px}
.e3621-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 0 8px;border-bottom:1px solid #dce2e9}
.e3621-topline h2{font-size:14px;line-height:1.2;letter-spacing:-.02em;font-weight:800;color:#243245;margin:0}
.e3621-tools{align-items:center;padding:0;flex:0 0 auto;gap:5px}
.e3621-tools .e3610-views{gap:2px}
.e3621-calendar.has-date{border-color:#d7192d;color:#c4172b;background:#fff6f7}
.e3621-date-panel{display:flex;align-items:flex-end;justify-content:flex-end;gap:9px;margin:8px 0 5px;padding:10px 11px;background:#f8fafc;border:1px solid #e3e8ee;border-radius:11px;flex-wrap:wrap}
.e3621-date-label{display:grid;gap:4px;min-width:128px;color:#56677b;font-size:10px;font-weight:740}
.e3621-date-label select,.e3621-date-label input{height:34px;min-width:0;width:100%;padding:5px 8px;border:1px solid #d5dee8;border-radius:8px;background:#fff;color:#273647;font:inherit;font-size:11px}
.e3621-clear-date{height:34px;padding:6px 10px;border:1px solid #d5dee8;border-radius:8px;background:#fff;font-size:10px!important;font-weight:740;color:#34465a}
.e3621-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:10px 0 8px}
.e3621-counter{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;gap:2px;padding:10px 12px;min-height:61px;background:#fff;border:1px solid var(--e3621-border);border-radius:12px;color:#212c39;text-align:left;transition:background .14s,border-color .14s}
.e3621-counter>span{font-size:10.6px;line-height:1.2;font-weight:740;color:#5b6d82;white-space:nowrap}
.e3621-counter strong{font-size:21px;line-height:1.12;font-weight:830;font-variant-numeric:tabular-nums}
.e3621-counter:hover{border-color:#aabacd;background:#fafbfd}
.e3621-counter.active{background:#222d3a;border-color:#222d3a}
.e3621-counter.active>span,.e3621-counter.active strong{color:#fff}
.e3621-filters{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:7px;margin-bottom:11px}
.e3621-field{display:grid;gap:4px;min-width:0;color:#586b80;font-size:10.5px;font-weight:730}
.e3621-field>span{min-width:0}
.e3621-field input,.e3621-field select{height:36px;min-width:0;width:100%;border:1px solid #d5dee8;border-radius:9px;background:#fff;color:#2c3b4d;padding:0 9px;font:inherit;font-size:10.5px}
.e3621-field input:focus-visible,.e3621-field select:focus-visible,.e3621-date-panel input:focus-visible,.e3621-date-panel select:focus-visible{outline:2px solid #d7192d;outline-offset:2px}
.e3621-results-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:2px;padding-bottom:7px}
.e3621-results-bar h3{font-size:12.5px;font-weight:820;color:#233244;margin:0}
.e3621-results-bar .e3611-size{gap:6px;color:#61748a;font-size:10px}
.e3621-count-text{font-size:10px;color:#718198;margin:0 0 7px}
.e3621-collection{min-width:0}
.e3621-collection.e3621-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}
.e3621-card{display:block;min-width:0;aspect-ratio:1/1;background:#fff;border:1px solid var(--e3621-border);border-radius:12px;overflow:hidden;box-shadow:0 2px 9px #1b335007;transition:border-color .15s,box-shadow .15s}
.e3621-card:hover{border-color:#a9b9cc;box-shadow:0 4px 12px #1b335012}
.e3621-card-button{display:flex;flex-direction:column;align-items:flex-start;min-width:0;width:100%;height:100%;margin:0;padding:9px;border:0;background:transparent;color:#263345;text-align:left;gap:4px;overflow:hidden;cursor:pointer}
.e3621-card-button:focus-visible{outline:2px solid #b81329;outline-offset:-2px;border-radius:11px}
.e3621-folio{display:flex;align-items:center;gap:4px;max-width:100%;min-width:0;font-size:9px;font-weight:750;color:#53667b;line-height:1.15}
.e3621-folio svg{width:11px;height:11px;flex:none}
.e3621-folio span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.e3621-title{font-size:10.8px;font-weight:790;line-height:1.18;max-width:100%;min-width:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow-wrap:anywhere}
.e3621-subtitle{display:none;color:#64758a;font-size:9px;line-height:1.25}
.e3621-type,.e3621-date{font-size:9px;line-height:1.12;color:#607187;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.e3621-status{display:inline-flex;align-items:center;justify-content:flex-start;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:99px;font-size:8.6px;line-height:1.15;font-weight:760;padding:3px 6px;margin-top:auto}
.e3621-status.e3610-red{background:#ffe7ec;color:#a82843}
.e3621-status.e3610-green{background:#e1f6ea;color:#157343}
.e3621-status.e3610-amber{background:#fff2d7;color:#8b5b09}
.e3621-status.e3610-slate{background:#edf1f6;color:#54687e}
.e3621-collection.e3621-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--e3621-border);border-radius:12px;overflow:hidden;background:#fff}
.e3621-list .e3621-card{aspect-ratio:auto;border:0;border-radius:0;border-bottom:1px solid #e9edf2;box-shadow:none}
.e3621-list .e3621-card:last-child{border-bottom:0}
.e3621-list .e3621-card-button{display:grid;grid-template-columns:minmax(90px,.9fr) minmax(110px,1.9fr) minmax(90px,1fr) minmax(68px,.8fr) minmax(80px,.9fr);align-items:center;gap:8px;padding:12px 13px;min-height:60px}
.e3621-list .e3621-title{font-size:12px;-webkit-line-clamp:2}
.e3621-list .e3621-subtitle{display:block;grid-column:2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.e3621-list .e3621-type{grid-column:3;grid-row:1/3}
.e3621-list .e3621-date{grid-column:4;grid-row:1/3}
.e3621-list .e3621-status{grid-column:5;grid-row:1/3;justify-self:start;margin:0}
.e3621-page .e3610-empty{grid-column:1/-1;min-height:100px}
.e3621-page .e3611-bottom{margin-top:10px;justify-content:flex-end}
@media(max-width:1250px){.e3621-collection.e3621-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:800px){
 .e3621-collection.e3621-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .e3621-card-button{padding:7px;gap:3px}
 .e3621-counter{min-height:55px;padding:8px 9px}
 .e3621-counter>span{font-size:9.5px}
 .e3621-counter strong{font-size:18px}
 .e3621-date-panel{justify-content:flex-start}
 .e3621-list .e3621-card-button{grid-template-columns:minmax(80px,1fr) minmax(110px,1.5fr) 75px 70px 78px}
}
@media(max-width:620px){
 .e3621-page{padding-top:4px}
 .e3621-page .e3610-head{padding-bottom:8px}
 .e3621-topline{padding:0 0 6px}
 .e3621-topline h2{font-size:12px}
 .e3621-tools{gap:4px}
 .e3621-date-panel{gap:6px;padding:8px}
 .e3621-date-label{flex:1 1 110px;min-width:95px}
 .e3621-date-label select,.e3621-date-label input{font-size:10px}
 .e3621-counts{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:8px 0 7px}
 .e3621-counter{padding:7px 5px;min-height:52px;border-radius:9px}
 .e3621-counter>span{font-size:8.4px;line-height:1.2;letter-spacing:-.015em}
 .e3621-counter strong{font-size:16px}
 .e3621-filters{grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:5px;margin-bottom:8px}
 .e3621-field{font-size:9px;gap:3px}
 .e3621-field input,.e3621-field select{height:30px;padding-inline:5px;font-size:9px;border-radius:7px}
 .e3621-field input::placeholder{color:#8c98a9}
 .e3621-results-bar{padding-bottom:4px}
 .e3621-results-bar h3{font-size:11px}
 .e3621-count-text{font-size:9px}
 .e3621-collection.e3621-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
 .e3621-card{border-radius:9px}
 .e3621-card-button{padding:5px;gap:2px}
 .e3621-folio{font-size:7.8px;gap:2px}
 .e3621-folio svg{width:9px;height:9px}
 .e3621-title{font-size:8.4px;line-height:1.14;letter-spacing:-.01em;-webkit-line-clamp:2}
 .e3621-type,.e3621-date{font-size:7.5px;line-height:1.1}
 .e3621-status{font-size:7.6px;padding:2px 4px}
 .e3621-list .e3621-card-button{grid-template-columns:minmax(0,1fr) minmax(68px,auto);grid-template-areas:'folio status' 'title title' 'type date';gap:5px 8px;padding:11px}
 .e3621-list .e3621-folio{grid-area:folio;font-size:9px}
 .e3621-list .e3621-title{grid-area:title;font-size:12px}
 .e3621-list .e3621-subtitle{grid-column:1/-1;grid-row:3;font-size:10px;white-space:normal}
 .e3621-list .e3621-type{grid-area:type;grid-column:1;grid-row:4}
 .e3621-list .e3621-date{grid-area:date;grid-column:2;grid-row:4;justify-self:end}
 .e3621-list .e3621-status{grid-area:status;grid-column:2;grid-row:1;justify-self:end;font-size:9px}
}
@media(max-width:355px){
 .e3621-counter>span{font-size:7.4px}
 .e3621-counter strong{font-size:15px}
 .e3621-card-button{padding:4px;gap:1px}
 .e3621-title{font-size:7.6px}
 .e3621-type,.e3621-date{font-size:7px}
 .e3621-status{font-size:7px}
}
@media(prefers-reduced-motion:reduce){.e3621-card,.e3621-counter{transition:none}}
/* Keep the top-right controls intrinsic in mobile; older notes CSS sets width:100%. */
.e3621-page .e3621-tools{width:auto;min-width:0;flex:0 1 auto}
@media(max-width:620px){.e3621-page .e3621-tools{width:auto;flex:0 1 auto}.e3621-title{-webkit-line-clamp:3}}