.attention-page{max-width:1450px}.attention-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px;align-items:start;min-height:530px}.attention-groups{display:flex;flex-direction:column;gap:18px}.attention-group{background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden}.attention-group-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;border:0;background:#f7faf7;padding:18px;color:#284936;font-size:16px;text-align:left;font-weight:550}.attention-group-heading[aria-current=true]{background:#e3f0e7;color:#175b40}.attention-group-heading span{font-size:13px;font-weight:450;min-width:25px;text-align:center;padding:2px 7px;border-radius:5px;background:#e6eee8;color:#53715e}.attention-highlight{width:100%;display:block;text-align:left;border:0;border-top:1px solid #e9eeea;background:white;padding:16px 18px;color:#35533f;position:relative}.attention-highlight:hover{background:#f6faf7}.attention-highlight[aria-current=true]{background:#ecf5ef;box-shadow:inset 3px 0 #24744d}.attention-highlight.unread{background:#f7faf6}.attention-highlight.unread strong:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#327550;margin:0 7px 2px 0}.attention-highlight strong{display:block;font-size:14px;font-weight:500;overflow-wrap:anywhere}.attention-highlight.unread strong{font-weight:650}.attention-highlight small{display:block;color:#768476;font-size:12px;margin:5px 0}.attention-highlight p{font-size:14px;line-height:1.5;margin:6px 0 0;color:#46614e}.attention-highlight .urgent{color:#9a6230;font-size:12px;margin-top:8px;display:block}.attention-group-footer{width:100%;border:0;border-top:1px solid var(--line);background:white;padding:12px 18px;color:var(--green);font-size:13px;text-align:left}.attention-group-empty{padding:22px 18px;font-size:14px;color:#8a958d}.attention-detail{background:white;border:1px solid var(--line);border-radius:12px;min-width:0;overflow:hidden}.attention-detail-head{padding:26px 28px;border-bottom:1px solid var(--line)}.attention-detail-head h2{font-size:24px;letter-spacing:-.4px;font-weight:500;overflow-wrap:anywhere}.attention-detail-head p{font-size:15px;line-height:1.6}.attention-detail-head .btn{margin-bottom:20px;padding:0;border:0;font-size:13px}.attention-detail-body{padding:25px 28px}.attention-issue-badges{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.attention-issue-badges .pill{font-size:12px}.attention-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0 0 28px}.attention-fields dt{font-size:13px;color:#7e8d81;margin-bottom:5px}.attention-fields dd{font-size:15px;color:#3a5744;margin:0;overflow-wrap:anywhere}.attention-next{padding:18px 20px;background:#eff6f0;border-radius:8px;margin-top:22px}.attention-next strong{font-size:14px;font-weight:550}.attention-next p{font-size:15px;margin:6px 0 15px;line-height:1.6}.attention-read-note{font-size:13px;color:#829085;margin-top:20px}.attention-empty{padding:65px 30px;text-align:center}.attention-empty .attention-empty-mark{font-size:36px;color:#86a790;margin-bottom:16px}.attention-empty h2{font-size:23px;font-weight:450;color:#43644d}.attention-empty p{font-size:15px;max-width:420px;margin:10px auto;line-height:1.7}.attention-list-row{display:flex;align-items:center;gap:15px;padding:20px 26px;border-bottom:1px solid var(--line);width:100%;border-inline:0;border-top:0;background:white;text-align:left;color:#32543e}.attention-list-row:hover{background:#f6faf7}.attention-list-row strong{font-size:15px;font-weight:500;display:block}.attention-list-row.unread strong{font-weight:650}.attention-list-row p{font-size:14px;margin:5px 0}.attention-list-row small{font-size:12px;color:#7c8c80}.attention-list-row>div{flex:1;min-width:0;overflow-wrap:anywhere}.attention-list-row>span{color:#4f785c}.attention-load-more{padding:18px 26px}.attention-waiting{margin-top:26px;color:#6b8071;font-size:14px}.attention-waiting summary{cursor:pointer;padding:14px 0}.attention-waiting summary span{margin-left:6px;background:#e7eee8;border-radius:5px;padding:2px 7px;font-size:12px}.attention-message{font-size:14px;color:#7b623f}.attention-message:empty{display:none}@media(max-width:1000px){.attention-layout{grid-template-columns:230px minmax(0,1fr);gap:16px}.attention-detail-head,.attention-detail-body{padding:23px}.attention-fields{grid-template-columns:1fr}.attention-group-heading{font-size:15px;padding:16px}}@media(max-width:760px){.attention-layout{grid-template-columns:1fr}.attention-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.attention-highlight{padding:13px}.attention-group-heading{padding:14px;font-size:14px}.attention-group-empty{padding:18px 14px}.attention-detail{min-height:320px}.attention-empty{padding:38px 22px}.attention-detail-head h2{font-size:22px}}@media(max-width:430px){.attention-groups{grid-template-columns:1fr}.attention-fields{gap:18px}}
.attn-legend{display:flex;flex-direction:column;gap:8px}.attn-legend-item{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;border:1px solid var(--line);background:#fff;border-radius:9px;padding:12px 14px;font-size:15px;color:#2d4a3a;text-align:left;border-left-width:6px}.attn-legend-item em{font-style:normal;font-size:13px;background:#eef2ee;border-radius:5px;padding:2px 8px;color:#4d6a58}.attn-legend-item.on{background:#f3f8f4;font-weight:600}.attn-legend-item.green{border-left-color:#1f7a4d}.attn-legend-item.amber{border-left-color:#c98a2e}.attn-legend-item.blue{border-left-color:#2b5aa6}.attn-legend-item.purple{border-left-color:#6a3fa0}.attn-legend-item.teal{border-left-color:#167a7a}.attn-legend-note{font-size:13px;color:#748578;line-height:1.5;margin:12px 2px 0}
.attn-customer{border-bottom:1px solid var(--line);padding:20px 26px}.attn-customer:last-child{border-bottom:0}.attn-customer header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}.attn-customer h3{margin:0;font-size:18px;font-weight:600;color:#1e3a2c}.attn-customer header span{font-size:13px;color:#748578}
.attn-blocks{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.attn-block{display:flex;flex-direction:column;gap:6px;text-align:left;border:1px solid var(--line);border-top:6px solid #9aa;border-radius:11px;background:#fff;padding:14px 16px;color:#2c4636;cursor:pointer;min-height:112px}.attn-block:hover{box-shadow:0 2px 10px rgba(20,50,35,.10)}.attn-block.open{outline:2px solid #2d6b4e}.attn-block-name{font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:700}.attn-block-name em{font-style:normal;font-weight:600;margin-left:6px;background:#eef2ee;border-radius:5px;padding:1px 7px}.attn-block strong{font-size:15px;font-weight:600;line-height:1.35}.attn-block small{font-size:12px;color:#7a8a7e;margin-top:auto}.attn-block.urgent{border-top-width:8px}.attn-block p{font-size:13px;line-height:1.4;color:#4f665a;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.attn-filter-strip{display:flex;align-items:center;gap:12px;padding:12px 26px;border-bottom:1px solid var(--line);font-size:14px;color:#4f665a;background:#f7faf7}.attn-filter-strip .btn{padding:4px 10px;font-size:13px}
.attn-block.green{border-top-color:#1f7a4d;background:#f1f8f3}.attn-block.green .attn-block-name{color:#1f7a4d}.attn-block.amber{border-top-color:#c98a2e;background:#fff8ea}.attn-block.amber .attn-block-name{color:#8a5a12}.attn-block.blue{border-top-color:#2b5aa6;background:#eef3fb}.attn-block.blue .attn-block-name{color:#2b5aa6}.attn-block.purple{border-top-color:#6a3fa0;background:#f4eefb}.attn-block.purple .attn-block-name{color:#6a3fa0}.attn-block.teal{border-top-color:#167a7a;background:#e9f5f5}.attn-block.teal .attn-block-name{color:#167a7a}
.attn-detail{margin-top:14px;border:1px solid var(--line);border-radius:11px;padding:18px 20px;background:#fbfcfb}.attn-detail-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.attn-detail-top strong{font-size:16px}.attn-x{padding:2px 10px;font-size:18px;line-height:1}.attn-detail p{font-size:15px;line-height:1.6;margin:10px 0;overflow-wrap:anywhere}.attn-detail dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:12px 0}.attn-detail dt{font-size:12px;color:#7e8d81;margin-bottom:3px}.attn-detail dd{margin:0;font-size:15px;color:#34503f;overflow-wrap:anywhere}.attn-next{background:#eff6f0;border-radius:8px;padding:12px 14px}.attn-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
@media(max-width:760px){.attn-customer{padding:16px}.attn-blocks{grid-template-columns:1fr 1fr}}@media(max-width:430px){.attn-blocks{grid-template-columns:1fr}}
.attn-gateway-banner{padding:14px 26px;background:#fde8e6;border-bottom:1px solid #f1b6b0;color:#7a1f16;font-size:15px;line-height:1.5}.attn-gateway-banner strong{margin-right:8px}