/* Screenshot-based app exemplar. All records are fictional. */
#app .app-faithful{font-family:Arial,Helvetica,sans-serif;color:#080808;background:#fff;border:1px solid #d5d5d7;border-radius:16px;overflow:hidden;box-shadow:0 18px 45px #00000012;min-height:650px}
#app .af-status{display:flex;justify-content:space-between;padding:10px 12px 8px;font-size:10px;background:#f7f7f7;color:#111}
#app .af-nav{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;background:#f7f7f7;border-bottom:1px solid #d5d5d7;padding:14px 10px;font-size:15px;text-align:center}
#app .af-nav>span{text-align:left;color:#f59e00;font-size:16px}
#app .af-content{padding:12px 10px 45px;background:#fff}
#app .af-card{padding:18px 15px;margin-bottom:13px;border-radius:9px;background:white;box-shadow:0 5px 16px #00000010}
#app .af-card h3{font-family:Arial,Helvetica,sans-serif;font-size:23px;font-weight:700;line-height:1.2;letter-spacing:-.4px;color:#008aff;margin:0 0 14px}
#app .af-card h3 span{color:#999ba2;font-weight:400;margin-left:6px}
#app .af-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px;color:#999ba4}
#app .af-meta b{color:#f49c00}#app .af-meta i{display:inline-block;width:9px;height:9px;background:#80d38b;border-radius:50%;margin-right:4px}
#app .af-date{color:#989ba4;font-size:13px;margin-top:12px}
#app .af-tables{margin-top:18px;display:flex}#app .af-tables span{background:#fff3df;color:#dc8000;padding:8px 12px;border-radius:22px;font-size:13px;font-weight:bold}
#app .af-card h4{font-family:Arial,Helvetica,sans-serif;font-size:16px;letter-spacing:-.3px;line-height:1.3;margin:0 0 15px;font-weight:700;color:#080808}
#app .af-card p.af-check{font-size:15px;color:#737373;margin:0 0 16px;line-height:1.4}
#app .af-primary,#app .af-outline{border-radius:10px;text-align:center;font-size:16px;font-weight:700;padding:13px 8px;line-height:1.3}
#app .af-primary{background:#f6a000;color:#080808}#app .af-outline{border:1px solid #ff9f00;color:#f49a00;background:#fff}
#app .af-card p.af-muted{font-size:12px;color:#9597a0;font-weight:700;margin:20px 0 15px;line-height:1.3}
#app .af-product{display:flex;justify-content:space-between;gap:8px;font-size:14px;margin-top:12px}#app .af-product b{border-radius:12px;background:#9698a0;color:#080808;font-size:12px;padding:2px 8px}
@media(max-width:500px){#app .af-meta{gap:7px;font-size:11px}#app .af-card{padding:16px 12px}#app .af-card h3{font-size:21px}#app .af-status{font-size:9px}}
/* Shared screenshot fidelity for the remaining app views. */
#app .pm-tablet{font-family:Arial,Helvetica,sans-serif;border:1px solid #d5d5d7;border-radius:16px;box-shadow:0 18px 45px #00000012;background:white;color:#080808;min-height:650px}
#app .pm-appbar{display:grid;grid-template-columns:1fr 2fr 1fr;text-align:center;background:#f7f7f7;padding:14px 10px;font-size:15px;border-bottom:1px solid #d5d5d7}
#app .pm-appbar span{font-size:16px;color:#f59e00;text-align:left}#app .pm-appbar span:last-child{text-align:right}
#app .pm-appcard{margin:13px 10px;padding:18px 15px;border-radius:9px;box-shadow:0 5px 16px #00000010;background:#fff}
#app .pm-appcard h3{font-family:Arial,Helvetica,sans-serif;font-size:23px;font-weight:700;color:#008aff}
#app .pm-appcard h4{font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;color:#080808;letter-spacing:-.3px}
#app .pm-appcard p{font-size:14px;line-height:1.5}
#app .pm-appbutton{font-size:16px;background:#f6a000;color:#080808;border-radius:10px;padding:13px 8px;font-weight:700}
#app .pm-appoutline{font-size:16px;color:#f49a00;border:1px solid #ff9f00;padding:13px 8px;font-weight:700}
#app .pm-apphome{padding:190px 30px 80px}#app .pm-apphome .pm-appbutton{background:linear-gradient(#ffd449,#f7a300 55%,#df8000)}
#app .pm-apphome p{font-size:12px;color:#999ba4;line-height:1.5;margin:10px 0 27px}
#app .pm-appsearch{background:#e6e6e6;color:#777;text-align:center;border-radius:9px;font-size:16px;padding:10px;margin:0 10px 12px}
#app .af-customer-row{padding:22px 15px;border-bottom:1px solid #d0d0d4;position:relative}#app .af-customer-row strong{font-size:15px;display:block;font-weight:500}#app .af-customer-row small{display:block;font-size:12px;color:#999ba4;margin-top:9px}#app .af-customer-row>span{position:absolute;right:15px;top:25px;font-size:24px;color:#bebebe}
#app .af-segments{display:flex;margin:12px 15px;background:#e7e7e7;border-radius:8px;padding:3px;font-size:11px;gap:3px}#app .af-segments>*{flex:1;text-align:center;padding:8px 2px;font-weight:400}#app .af-segments b{background:#fff;box-shadow:0 1px 5px #0002;border-radius:6px}
#app .pm-maplegend{padding:17px 12px;font-size:11px;justify-content:center}#app .pm-maplegend>span{border:1px solid #a6c26d;padding:7px 10px}#app .pm-maplegend>span+span{border-color:#78b6c9}#app .pm-maplegend small{color:#999}
#app .af-evaluation{box-shadow:none;margin:0;padding:18px 12px}#app .af-evaluation>b{font-size:15px}#app .pm-appquestion{font-size:13px;padding:16px 0;border-bottom:1px solid #d1d1d5}#app .pm-appquestion>div{font-size:12px;background:#eee;padding:8px;margin-top:12px;border-radius:7px}
#app .af-notes{font-size:13px;min-height:70px;border-bottom:1px solid #d1d1d5;margin-bottom:8px}#app .af-evaluation>small{text-align:right;margin-bottom:20px;color:#999ba4}