/* Service evaluation: keep the same visual rhythm as serviceProgress state pages. */
.csc-content-serviceEvaluation{overflow:hidden}
.csc-card-serviceEvaluation{min-height:calc(var(--csc-vvh,100vh) - 104px);display:flex;align-items:stretch;justify-content:center;border:0;box-shadow:none;background:#fff;padding:0;overflow:hidden}
.csc-shell-evaluation{width:100%;min-height:0;display:flex;align-items:stretch;justify-content:center;background:#fff}
.evaluation-page{width:100%;height:100%;min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 18px;background:#fff}
.evaluation-card{width:360px;max-width:calc(100vw - 32px);padding:28px 34px 26px;border:1px solid #e6eaf2;border-radius:12px;background:#fff;box-shadow:0 16px 34px rgba(31,42,68,.06);display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box}
.evaluation-title{margin:0;text-align:center;font-size:18px;line-height:26px;font-weight:600;color:#273142}
.evaluation-stars{display:flex;justify-content:center;gap:12px;margin:18px 0 28px}
.evaluation-star{width:28px;height:28px;border:0;padding:0;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}
.evaluation-star:focus-visible{outline:3px solid rgba(62,114,237,.25);outline-offset:4px;border-radius:8px}
.evaluation-star img{width:28px;height:28px;display:block;pointer-events:none}
.evaluation-textarea-wrap{position:relative}
.evaluation-textarea{width:100%;height:78px;padding:10px 12px 24px;border:1px solid #e5e6eb;border-radius:8px;background:#fff;color:#273142;font-size:14px;line-height:20px;resize:none;outline:none;box-sizing:border-box;transition:border-color .18s ease,box-shadow .18s ease}
.evaluation-textarea:focus{border-color:#3e72ed;box-shadow:0 0 0 3px rgba(62,114,237,.10)}
.evaluation-textarea::placeholder{color:#b0b0b0}
.evaluation-counter{position:absolute;right:10px;bottom:7px;font-size:12px;line-height:16px;color:#98999e;background:rgba(255,255,255,.8);padding-left:6px}
.evaluation-submit{width:100%;height:40px;margin-top:18px;border:0;border-radius:6px;background:#3e72ed;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .18s ease,opacity .18s ease}
.evaluation-submit:hover{background:#5585ff}
.evaluation-submit:disabled{opacity:.58;cursor:not-allowed;background:#a6c4f7}
.evaluation-message{min-height:20px;margin-top:10px;font-size:13px;line-height:20px;color:#ff5454;text-align:center}
.evaluation-state-card{width:min(420px,100%);min-height:192px;padding:34px 28px;border-radius:12px;align-items:center;justify-content:center;text-align:center;gap:14px}
.evaluation-state-icon{width:64px;height:64px;object-fit:contain;display:block;flex:0 0 auto}
.evaluation-state-card .evaluation-state-icon+.evaluation-state-title{margin-top:0}
.evaluation-state-title{font-size:20px;line-height:28px;font-weight:700;color:#151927}
.evaluation-state-desc{margin-top:0;font-size:14px;line-height:22px;color:#70727c;white-space:pre-line}
@media(max-width:720px){.csc-card-serviceEvaluation{min-height:calc(var(--csc-vvh,100vh) - 86px)}.evaluation-page{padding:16px 12px}.evaluation-card{width:100%;max-width:360px;padding:24px 22px 22px}.evaluation-stars{gap:10px}.evaluation-state-card{max-width:360px;padding:28px 22px;box-shadow:none}.evaluation-state-icon{width:56px;height:56px}}


/* Final polish: align evaluation cards with serviceProgress cards. */
.evaluation-card{border-radius:12px;box-shadow:0 18px 38px rgba(31,42,68,.055)}.evaluation-title{font-size:17px;line-height:25px}.evaluation-star{transition:transform .14s ease}.evaluation-star:hover{transform:translateY(-1px) scale(1.04)}.evaluation-textarea{border-color:#dfe5ee}.evaluation-submit{border-radius:8px}.evaluation-state-card{box-shadow:0 18px 38px rgba(31,42,68,.055)}
@media(max-width:720px){.evaluation-star:hover{transform:none}.evaluation-card{box-shadow:none}}