/* Static Figma mobile illustration (14466:118810) and task callout (14466:118857).
   SVGs retain their authored intrinsic sizes. Only the menu wrapper is scaled.
   The device uses an outside outline, matching the Figma stroke alignment. */
.solution-phone,.solution-task-chip{font-family:Pretendard,sans-serif;color:var(--primary);font-weight:400;line-height:1.4;text-align:left;box-sizing:border-box}
.solution-phone *,.solution-task-chip *{box-sizing:border-box}
.solution-phone{position:relative;flex:none;width:235.946px;height:524.324px;border:0;outline:7.209px solid #2c2c2c;border-radius:10.486px;overflow:hidden;background:#fefefe;box-shadow:inset 2.622px 2.622px 2.622px rgb(0 0 0 / 17%)}
.solution-phone-screen{position:absolute;top:50%;left:calc(50% - .23px);transform:translate(-50%,-50%);width:235.946px;height:524.324px;overflow:hidden;background:#fefefe}
.solution-phone-icon{display:block;max-width:none;flex:none}
.solution-phone-status{position:relative;height:15.73px;font-family:Pretendard,sans-serif;font-size:9.18px;font-weight:500;line-height:normal;letter-spacing:.0092px;color:#170e2b}
.solution-phone-status>span:first-child{position:absolute;top:2.622px;left:7.865px}
.solution-phone-status-icons{position:absolute;right:7.865px;top:3.932px;display:flex;gap:3.932px;align-items:center}
.solution-phone-header{height:31.459px;padding:5.243px 7.865px 5.243px 10.486px;border-bottom:.655px solid var(--stroke);display:flex;align-items:center;gap:1.311px}
.solution-phone-avatar{display:block;width:18.351px;height:18.351px;object-fit:cover;border:.655px solid #fefefe;border-radius:50%;flex:none}
.solution-phone-brand{font-family:Paperlogy,sans-serif;font-size:13.11px;font-weight:600;flex:1;min-width:0}
.solution-phone-header-action{position:relative;display:flex;align-items:center;justify-content:center;padding:1.311px;flex:none}
.solution-phone-notification{position:absolute;left:14.42px;top:.65px}
.solution-phone-menu>span{display:block;width:10.309px;height:10.309px}
.solution-phone-menu .solution-phone-icon{transform:scale(.655405);transform-origin:0 0}
.solution-phone-tabs{display:flex;height:26.216px;font-size:9.18px;font-weight:500;color:var(--muted)}
.solution-phone-tabs>span{width:50%;display:flex;align-items:center;justify-content:center;border-bottom:.655px solid var(--stroke)}
.solution-phone-tabs>.is-selected{color:var(--primary);border-bottom:1.311px solid var(--primary)}
.solution-phone-search-rail{height:36.703px;padding:7.865px 10.486px;display:flex;gap:5.243px;align-items:center;font-size:9.18px;font-weight:500;color:var(--muted)}
.solution-phone-search{width:188.757px;height:20.973px;padding-inline:7.865px;border:.655px solid var(--muted);border-radius:100px;display:flex;align-items:center;justify-content:space-between;flex:none}
.solution-phone-search>span{padding:1.311px}
.solution-phone-add{width:20.973px;height:20.973px;display:flex;align-items:center;justify-content:center;flex:none}
.solution-phone-content{padding:6.554px 10.486px;display:flex;flex-direction:column;gap:6.554px;align-items:center}
.solution-phone-calendar{width:214.973px;padding:7.865px 10.486px;border:.655px solid var(--stroke);border-radius:5.243px;display:flex;flex-direction:column;gap:5.243px;flex:none}
.solution-phone-month{height:20.973px;display:flex;justify-content:center;align-items:center;gap:5.244px;font-family:Paperlogy,sans-serif;font-size:11.8px;font-weight:600;white-space:nowrap}
.solution-phone-month>span>span{color:var(--muted)}
.solution-phone-weekdays{height:13.108px;display:flex;justify-content:space-between;align-items:center;font-size:7.86px;font-weight:500;color:var(--muted)}
.solution-phone-weekdays>span{width:20.973px;text-align:center;flex:none}
.solution-phone-weekdays>span:first-child{color:var(--secondary)}
.solution-phone-days{display:grid;grid-template-columns:repeat(7,20.973px);justify-content:space-between;row-gap:7.865px}
.solution-phone-date{position:relative;display:flex;align-items:center;justify-content:center;width:20.973px;height:20.973px;border-radius:50%;font-size:9.18px;font-weight:600}
.solution-phone-date.is-sunday{color:var(--secondary)}
.solution-phone-date.is-muted{color:var(--stroke)}
.solution-phone-date.is-current{background:var(--primary);color:#fbfbfd}
.solution-phone-date.has-task:after{content:"";position:absolute;left:17.04px;top:1.97px;width:3.932px;height:3.932px;border-radius:50%;background:var(--secondary)}
.solution-phone-tasks{width:100%;height:650.161px;border-radius:10.486px;overflow:hidden;flex:none}
.solution-phone-tasks-heading{height:26.216px;padding-inline:7.865px;border-bottom:.655px solid var(--stroke);display:flex;align-items:center;font-size:10.486px;font-weight:500}
.solution-phone-tasks-body{padding:7.865px 5.243px}
.solution-phone-task-row{width:204.486px;display:flex;align-items:center;gap:3.932px;padding:5.243px;border-radius:5.243px;font-size:10.49px;font-weight:500}
.solution-phone-task-copy{flex:1;min-width:0;padding-inline:1.311px;display:flex;flex-direction:column}
.solution-phone-task-copy>span{white-space:nowrap}
.solution-phone-task-copy>small,.solution-phone-task-date{font-size:7.86px;font-weight:400;color:var(--muted)}
.solution-phone-task-date{padding-inline:1.311px;white-space:nowrap}
.solution-phone-task-end{padding:1.311px;flex:none}
.solution-phone-android{position:absolute;bottom:0;left:0;width:235.946px;height:31.4594px;background:#fefefe}
.solution-task-chip{width:272.287px;padding:6.982px;border:.542px solid var(--stroke);border-radius:6.982px;background:#fff;box-shadow:0 0 11.282px rgb(0 0 0 / 10%)}
.solution-task-chip-inner{display:flex;gap:5.236px;align-items:center}
.solution-task-chip-copy{flex:1;min-width:0;padding-inline:1.745px;display:flex;flex-direction:column;font-size:13.96px;font-weight:500}
.solution-task-chip-copy>small,.solution-task-chip-date{font-size:10.47px;font-weight:400;color:var(--muted)}
.solution-task-chip-date{padding-inline:1.745px;white-space:nowrap}
.solution-task-chip-end{padding:1.745px;flex:none}