/* Hallmark · Workbench · reference-led blue mobile task center · P4 H5 E4 S5 R5 V4 */
:root{--mobile-blue:#246bfd;--mobile-ink:#14243d;--mobile-muted:#64758f;--mobile-paper:#f2f6fc;--mobile-white:#fff;--mobile-line:#e7edf5;--mobile-red:#c74142;--mobile-red-soft:#fff0ef;--mobile-orange:#ac5a12;--mobile-orange-soft:#fff3e5;--mobile-green:#087f6c;--mobile-green-soft:#e7f7f2;--mobile-blue-soft:#e8f0ff;--mobile-hero:#dcecff;--mobile-shadow:0 8px 28px #244d8610;--mobile-font:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}body{background:var(--mobile-line);color:var(--mobile-ink);font-family:var(--mobile-font);font-size:15px;line-height:1.55}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:3px solid var(--mobile-blue);outline-offset:3px}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:wait}button:hover{filter:brightness(.98)}[hidden]{display:none!important}.mobile-app{max-width:430px;min-height:100dvh;margin:auto;background:var(--mobile-paper);padding-bottom:100px;position:relative;box-shadow:var(--mobile-shadow)}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.3;letter-spacing:.3px}h2{font-size:21px}h3{font-size:18px}small{font-size:12px;color:var(--mobile-muted)}.hero{padding:22px 22px 26px;background:linear-gradient(135deg,var(--mobile-hero),var(--mobile-paper));position:relative;overflow:clip}.brand-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.brand{font-size:13px;font-weight:650;color:var(--mobile-muted);letter-spacing:1px}.identity{font-size:12px;background:var(--mobile-white);border:1px solid var(--mobile-line);border-radius:30px;padding:6px 10px;min-height:36px}.hero p{color:var(--mobile-muted);margin-top:7px;font-size:14px}.hero-copy{position:relative;z-index:1}.hero-art{position:absolute;right:24px;bottom:25px;width:62px;height:76px;border:1px solid var(--mobile-white);border-radius:13px;background:linear-gradient(145deg,var(--mobile-white),var(--mobile-blue-soft));transform:rotate(10deg);box-shadow:var(--mobile-shadow);opacity:.7;display:grid;place-items:center;color:var(--mobile-blue);font-size:30px}.content{padding:0 18px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:18px 0 15px}.link{color:var(--mobile-muted);font-size:13px;min-height:44px;padding:0 4px}.cards{display:grid;gap:13px}.task{display:block;width:100%;text-align:left;background:var(--mobile-white);padding:17px 17px 15px;border-radius:18px;border-left:4px solid var(--mobile-blue);box-shadow:var(--mobile-shadow)}.task.red{border-left-color:var(--mobile-red)}.task.orange{border-left-color:var(--mobile-orange)}.task.green{border-left-color:var(--mobile-green)}.task-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.badge{display:inline-flex;padding:3px 10px;border-radius:8px;background:var(--mobile-blue-soft);color:var(--mobile-blue);font-size:13px;font-weight:650}.red .badge,.badge.red{background:var(--mobile-red-soft);color:var(--mobile-red)}.orange .badge,.badge.orange{background:var(--mobile-orange-soft);color:var(--mobile-orange)}.green .badge,.badge.green{background:var(--mobile-green-soft);color:var(--mobile-green)}.task h3{font-size:17px;overflow-wrap:anywhere}.product{color:var(--mobile-muted);font-size:14px;margin-top:5px}.reason{font-size:13px;color:var(--mobile-muted);margin-top:13px}.task-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:8px;color:var(--mobile-blue);font-size:14px;font-weight:600}.arrow{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--mobile-blue-soft);font-size:23px;font-weight:400}.footnote{margin:20px 0;color:var(--mobile-muted);text-align:center;font-size:12px}.tabs{position:fixed;z-index:10;bottom:0;width:min(100%,430px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:10px 9px calc(12px + env(safe-area-inset-bottom));background:var(--mobile-white);border-top:1px solid var(--mobile-line)}.tab{display:grid;place-items:center;gap:3px;color:var(--mobile-muted);font-size:12px;min-height:48px}.tab.active{color:var(--mobile-blue);font-weight:650}.tab svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.page-header{display:flex;align-items:center;justify-content:space-between;padding:22px 18px 16px}.page-header h1{font-size:24px}.back{font-size:26px;min-width:44px;min-height:44px;padding:0;text-align:left}.detail-title{flex:1;font-size:17px;font-weight:650}.panel{background:var(--mobile-white);border-radius:18px;padding:19px;margin-bottom:14px;box-shadow:var(--mobile-shadow)}.panel h2{font-size:17px;margin-bottom:13px}.panel p{font-size:14px;color:var(--mobile-muted)}.detail-customer{margin:12px 0 4px;font-size:22px}.detail-id{margin-top:12px;color:var(--mobile-muted);font-size:12px}.assistant{border:1px solid var(--mobile-blue-soft);background:linear-gradient(120deg,var(--mobile-white),var(--mobile-blue-soft))}.assistant h2{color:var(--mobile-blue);font-size:14px}.quote{line-height:1.8}.fields{margin:0}.fields div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--mobile-line);font-size:14px}.fields div:last-child{border:0}.fields dt{color:var(--mobile-muted);flex-shrink:0}.fields dd{margin:0;text-align:right;overflow-wrap:anywhere}.risk-evidence{background:var(--mobile-orange-soft);padding:12px;border-radius:10px;font-size:14px;margin-top:12px;color:var(--mobile-orange)}.actions{display:grid;gap:9px;margin:18px 0}.primary,.secondary,.danger{width:100%;min-height:48px;border-radius:13px;font-size:15px;font-weight:650;padding:10px 14px;white-space:nowrap}.primary{background:var(--mobile-blue);color:var(--mobile-white)}.secondary{background:var(--mobile-white);border:1px solid var(--mobile-line);color:var(--mobile-blue)}.danger{background:var(--mobile-red-soft);color:var(--mobile-red)}.action-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hint{font-size:13px;color:var(--mobile-muted);margin:10px 0 16px;line-height:1.7}.timeline{list-style:none;margin:0;padding:0}.timeline li{padding:0 0 17px 17px;border-left:2px solid var(--mobile-blue-soft);font-size:14px}.timeline li:last-child{padding-bottom:0}.timeline small{display:block;margin-top:3px}.search,input,textarea,select{width:100%;padding:12px;border:1px solid var(--mobile-line);border-radius:12px;background:var(--mobile-white);color:var(--mobile-ink);min-height:46px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 19px}.filter{padding:8px 12px;min-height:40px;border-radius:10px;background:var(--mobile-white);font-size:13px}.filter.active{background:var(--mobile-blue);color:var(--mobile-white)}.empty{padding:48px 18px;text-align:center;color:var(--mobile-muted)}.empty h2{color:var(--mobile-ink);margin-bottom:8px}.role-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.role-option{padding:15px 8px;border:1px solid var(--mobile-line);border-radius:12px}.role-option.selected{background:var(--mobile-blue-soft);border-color:var(--mobile-blue);color:var(--mobile-blue)}.notice{width:100%;text-align:left}.notice h3{font-size:16px;margin-bottom:8px}.toast{position:fixed;z-index:50;bottom:100px;left:50%;transform:translateX(-50%);width:min(360px,calc(100% - 32px));padding:13px 18px;border-radius:12px;background:var(--mobile-ink);color:var(--mobile-white);text-align:center;font-size:14px}.edit-form label{display:block;margin:12px 0;font-size:14px;color:var(--mobile-muted)}.edit-form input,.edit-form textarea{margin-top:5px}.success-panel{text-align:center;padding:24px 18px}.success-mark{display:grid;place-items:center;width:45px;height:45px;background:var(--mobile-green-soft);color:var(--mobile-green);border-radius:50%;font-size:25px;margin:0 auto 12px}.inline-error{color:var(--mobile-red);font-size:14px;margin:10px 0}.profile-avatar{width:54px;height:54px;display:grid;place-items:center;background:var(--mobile-blue-soft);border-radius:17px;color:var(--mobile-blue);font-size:23px;margin-bottom:14px}@media(max-width:350px){.hero{padding-inline:18px}.hero-art{right:16px;width:48px;height:61px}.content{padding-inline:13px}.task{padding-inline:13px}.task h3{font-size:16px}.hero h1{font-size:25px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}