/* 30.10.2026: личный кабинет в существующем оформлении JARVIS COO. */
.life-panel{color:#243149;overflow-wrap:anywhere}
.life-panel h2{font-size:21px;line-height:1.3}
.life-panel h3{font-size:17px;margin:16px 0 10px}
.life-panel p{font-size:13px;line-height:1.6;margin:8px 0}
.life-panel .dialog-head{align-items:flex-start}
.life-panel .dialog-head .button{flex:0 0 auto}
.life-panel .dialog-body{padding-top:18px}
.life-panel .button{white-space:normal;min-height:44px;font-size:13px;line-height:1.4}
.life-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.life-actions>.button{flex:1 1 130px}
.life-secondary{color:#536c8c}
.life-notice{padding:12px;border:1px solid #dfe6f2;border-radius:10px;background:#f1f5fd;font-size:13px;line-height:1.6;margin:12px 0}
.life-error{border-color:#e5bf85;background:#fff8e9;color:#79571d}
.life-progress{height:5px;background:#e4eaf5;border-radius:4px;overflow:hidden;margin:12px 0 20px}
.life-progress span{display:block;height:100%;background:#326be8}
.life-panel .form-field{display:block;margin:16px 0;font-size:13px}
.life-panel .form-field>span{display:block;color:#405371;margin-bottom:7px}
.life-panel input,.life-panel textarea,.life-panel select{width:100%;max-width:100%;box-sizing:border-box;border:1px solid #dce4f2;border-radius:10px;padding:11px;background:#fff;color:#243149;font:inherit;font-size:16px;min-height:44px}
.life-panel textarea{min-height:108px;resize:vertical}
.life-panel input[type=checkbox]{width:20px;min-height:20px;margin:0 8px 0 0;vertical-align:middle}
.life-check{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.5;margin:14px 0}
.life-panel details>summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:13px;color:#405371}
.life-row{padding:16px 0;border-bottom:1px solid #e4eaf5}
.life-row h3{margin:0 0 5px;font-size:16px}
.life-row p{white-space:pre-wrap}
.life-row .life-actions{margin-bottom:0}
.life-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.life-link{display:block;color:#235ccf;overflow-wrap:anywhere;font-size:14px;padding:10px 0}
.life-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));width:100%;max-width:440px;aspect-ratio:1;overflow:hidden;border:1px solid #8194ae;margin:15px auto;touch-action:manipulation}
.life-board .life-square{position:relative;display:flex;align-items:center;justify-content:center;padding:0;min-width:0;min-height:0;border:0;border-radius:0;font-family:'Segoe UI Symbol','Noto Sans Symbols 2',serif;font-size:clamp(25px,8vw,42px);line-height:1;cursor:pointer;color:#15253e;background:#edf2f9}
.life-board .life-square.dark{background:#8da5c4}
.life-board .life-square.selected{box-shadow:inset 0 0 0 3px #e5a736;background:#f2d285}
.life-board .life-square.legal:after{content:'';position:absolute;width:22%;height:22%;border-radius:50%;background:#1d6c5680}
.life-board .life-square.white-piece{color:#fff;text-shadow:1px 1px 0 #243149,-1px -1px 0 #243149,1px -1px 0 #243149,-1px 1px 0 #243149}
.life-board .life-square small{position:absolute;bottom:2px;left:3px;font:9px system-ui;color:#243149;text-shadow:none}
.life-board .life-square:focus-visible{z-index:1;outline:3px solid #326be8;outline-offset:-3px}
.life-board .life-square:disabled{opacity:1;cursor:default}
.life-moves{max-height:120px;overflow:auto;font-size:13px;line-height:1.8;background:#f1f5fd;border-radius:8px;padding:10px}
.life-promotion{display:flex;gap:8px;justify-content:center;margin:10px 0}
.life-promotion .button{font-size:28px;min-width:48px}
.life-panel .life-file{font-size:12px;padding:8px}
@media(max-width:380px){.life-panel .dialog-head{padding-left:16px;padding-right:16px}.life-panel .dialog-body{padding-left:14px;padding-right:14px}.life-panel h2{font-size:19px}.life-field-pair{grid-template-columns:1fr}.life-actions>.button{flex-basis:100%}.life-board .life-square{font-size:27px}}