/* Product CSS migrated from the confirmed AIPH_00080 HTML; review frame excluded. */
.notification-screen{--bg:#f3f4f3;--ink:#202522;--muted:#69716c;--line:#e2e6e3;--accent:#28584b;--soft:#eaf1ed;--warn:#875c23}
.notification-screen *{box-sizing:border-box}
.notification-screen{margin:0;background:var(--bg);color:var(--ink);font:14px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
.notification-screen button,.notification-screen input,.notification-screen a{font:inherit}
.notification-screen button,.notification-screen a{-webkit-tap-highlight-color:transparent}
.notification-screen a{color:inherit}
.notification-screen button{cursor:pointer}
.notification-screen button:disabled{cursor:not-allowed;opacity:.45}
.notification-screen button:focus-visible,.notification-screen a:focus-visible,.notification-screen input:focus-visible{outline:3px solid #83ad9c;outline-offset:3px}
.notification-screen h2,.notification-screen h3,.notification-screen p{margin:0}
.notification-screen .pill{font-size:11px;border:1px solid var(--line);border-radius:20px;padding:3px 9px;display:inline-block;white-space:nowrap}
.notification-screen .pill.green{background:var(--soft);color:var(--accent);border-color:transparent}
.notification-screen .pill.amber{color:var(--warn);background:#f5eee2;border-color:transparent}
.notification-screen .screenhead{padding:8px 18px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}
.notification-screen .back{font-size:24px;text-decoration:none;line-height:1;width:20px}
.notification-screen .screenhead h3{font-size:16px;line-height:1.4}
.notification-screen .screenhead small{font-size:10px;color:var(--muted)}
.notification-screen .content{padding:20px;flex:1}
.notification-screen .subtle{font-size:12px;color:var(--muted)}
.notification-screen .intro{margin:14px 0 20px;font-size:13px;color:#525b55}
.notification-screen .icon{width:44px;height:44px;background:var(--soft);display:grid;place-items:center;border-radius:13px;color:var(--accent);font-size:24px}
.notification-screen .hero{display:flex;align-items:center;gap:12px}
.notification-screen .hero h3{font-size:19px}
.notification-screen .section-title{font-size:12px;color:#6a756d;margin:22px 0 8px;font-weight:600}
.notification-screen .row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.notification-screen .row:last-child{border-bottom:0}
.notification-screen .row strong{font-size:13px;font-weight:600}
.notification-screen .row small{display:block;font-size:11px;color:var(--muted)}
.notification-screen .row .right{text-align:right;flex-shrink:0}
.notification-screen .group{border:1px solid var(--line);padding:0 13px;border-radius:12px}
.notification-screen .skill{padding:11px 0;border-bottom:1px solid var(--line)}
.notification-screen .skill:last-child{border:0}
.notification-screen .skill strong{font-size:12px;display:block;margin-bottom:3px}
.notification-screen .skill p{font-size:12px;color:#59635b;line-height:1.8}
.notification-screen .actions{padding:16px 20px 20px;border-top:1px solid var(--line)}
.notification-screen .btn{display:block;text-align:center;border:1px solid #c8d3cb;background:white;border-radius:9px;text-decoration:none;padding:10px 12px;font-weight:600;font-size:13px;width:100%;color:var(--accent)}
.notification-screen .btn.primary{background:var(--accent);color:white;border-color:var(--accent)}
.notification-screen .btn+.btn{margin-top:8px}
.notification-screen .cardnote{background:#f5f7f5;border-radius:9px;padding:12px 13px;font-size:12px;color:#5c695f;line-height:1.8}
.notification-screen .channel{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}
.notification-screen .channel:last-child{border:0}
.notification-screen .channel input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}
.notification-screen .channel .ch-icon{width:29px;height:29px;background:#f1f4f1;display:grid;place-items:center;border-radius:8px;font-size:10px;font-weight:700}
.notification-screen .channel .name{flex:1;font-size:13px}
.notification-screen .channel small{display:block;font-size:10px;color:var(--muted)}
.notification-screen .fixed-reply{font-size:24px;letter-spacing:.5px;padding:10px 0 3px}
.notification-screen .status-card{border:1px solid #cbded2;background:#f4f8f5;border-radius:12px;padding:15px}
.notification-screen .status-card h3{font-size:18px;margin:5px 0}
.notification-screen .status-card .indicator{width:7px;height:7px;border-radius:50%;background:#55836a;display:inline-block;margin-right:5px}
.notification-screen .stats{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;margin:16px 0;border:1px solid var(--line);border-radius:10px;padding:12px 0}
.notification-screen .stats strong{font-size:22px;display:block;line-height:1.4}
.notification-screen .stats span{font-size:10px;color:var(--muted)}
.notification-screen .stats>div+div{border-left:1px solid var(--line)}
.notification-screen .linkrow{display:block;text-decoration:none;border-bottom:1px solid var(--line);padding:12px 0}
.notification-screen .linkrow:last-child{border:0}
.notification-screen .line{display:flex;align-items:center;justify-content:space-between;gap:8px}
.notification-screen .linkrow strong{font-size:12px}
.notification-screen .linkrow p{font-size:12px;color:#59625c;margin:4px 0}
.notification-screen .linkrow small{font-size:10px;color:var(--muted)}
.notification-screen .textlink{color:var(--accent);font-size:12px;text-decoration:none;font-weight:600}
.notification-screen .task{border:1px solid var(--line);border-radius:10px;padding:13px;margin:10px 0}
.notification-screen .task.current{border-color:#b5cabb;background:#f7faf7}
.notification-screen .task h3{font-size:13px;margin:7px 0 3px}
.notification-screen .task p{font-size:11px;color:var(--muted)}
.notification-screen .stepbar{height:4px;border-radius:3px;background:#e3eae4;margin:11px 0 6px}
.notification-screen .stepbar span{display:block;height:100%;width:65%;background:#668773}
.notification-screen .divider{border-top:1px dashed #d6ded7;margin:17px 0}
.notification-screen .bubble{border-radius:12px 12px 12px 3px;background:#f0f3f0;padding:12px 14px;max-width:88%;font-size:13px;margin:6px 0}
.notification-screen .bubble.reply{margin-left:auto;background:#e4eee7;border-radius:12px 12px 3px 12px}
.notification-screen .stamp{color:var(--muted);font-size:10px;margin:3px 0 16px}
.notification-screen .stamp.right{text-align:right}
.notification-screen .timeline{padding-left:13px;border-left:1px solid #d9e0da;margin:15px 0}
.notification-screen .timeline li{list-style:none;font-size:12px;padding:0 0 13px 5px;position:relative}
.notification-screen .timeline li:before{content:"";position:absolute;left:-17px;top:6px;width:6px;height:6px;border-radius:50%;background:#7c9383}
.notification-screen .timeline small{display:block;color:var(--muted);font-size:10px}
.notification-screen .notice{border:1px solid #e8dcc7;background:#fbf7ef;border-radius:12px;padding:14px}
.notification-screen .notice h3{font-size:15px;color:#74521f;margin-bottom:5px}
.notification-screen .notice p{font-size:12px;color:#786750}
.notification-screen .spacer{height:14px}
.notification-screen .mini-label{font-size:10px;color:var(--muted);margin-bottom:5px}
.notification-screen .sheet{background:#f8faf8;border:1px solid var(--line);border-radius:11px;padding:13px;margin-top:13px}
.notification-screen .sheet h3{font-size:13px}
.notification-screen .sheet p{font-size:12px;color:var(--muted);margin:7px 0}
.notification-screen .error{font-size:12px;color:#9c422f;margin-top:8px;min-height:20px}
.notification-shell .screen{padding:0;max-width:none}.notification-screen{background:#fff;min-height:calc(100dvh - 24px);display:flex;flex-direction:column}.notification-screen .content{min-height:460px}.notification-screen .screenhead{padding-top:18px}.notification-screen .actions{margin-top:auto}.notification-screen .btn{appearance:none}.notification-screen .back{border:0;background:none;padding:0}.notification-screen .row>div{min-width:0}.notification-screen .row strong,.notification-screen .linkrow p{overflow-wrap:anywhere}