.talent-planner{height:100%;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:10px}
.planner-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.planner-heading h2{margin:0;font-size:22px;color:#e4c98e}.planner-heading p{margin:4px 0 0;font-size:12px;color:#aaa3b8}.planner-heading button{white-space:nowrap}
.planner-controls{display:flex;align-items:center;gap:var(--tb-gap,8px);flex-wrap:wrap;padding:8px 10px;border:1px solid #44394e;border-radius:9px;background:#191823;position:relative;z-index:3}
.planner-tile-wrap{position:relative;flex:none;width:var(--tb-button-width,80px)}.planner-native{display:none!important}
.planner-tile,.planner-controls .planner-level-tile{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 var(--tb-button-width,80px);width:var(--tb-button-width,80px);height:50px;min-height:50px;max-height:50px;margin:0;padding:2px 5px;gap:2px;border:1px solid #a75c51;border-radius:8px;background:linear-gradient(180deg,#34303b,#191c28);box-shadow:inset 0 1px #e8c09c24,0 1px 3px #0007;color:#f8eacb;font-family:'Segoe UI','Trebuchet MS',sans-serif;font-size:clamp(12px,calc(.390625vw + 7px),13px);font-weight:650;line-height:15px;letter-spacing:0;text-align:center;position:relative;cursor:pointer}
.planner-tile>img{box-sizing:border-box;width:26px;height:26px;flex:none;border:1px solid #c5a777;border-radius:5px;box-shadow:inset 0 0 0 1px #f8d69122,0 1px 3px #0008;object-fit:cover}.planner-tile>span:not(.planner-chevron){display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planner-chevron{position:absolute;right:5px;top:6px;font-size:11px;color:#cfb9ae}
.planner-tile:hover,.planner-tile.is-open{background:linear-gradient(180deg,#483946,#252335);border-color:#e0b78d}.planner-tile:focus-visible,.planner-level-tile:focus-within{outline:2px solid #ffe0a0;outline-offset:3px}
.planner-controls .planner-level-tile{cursor:text}.planner-level-tile input{box-sizing:border-box;width:42px;min-width:0;height:24px;min-height:24px;padding:0;border:1px solid #bfa47066;border-radius:4px;background:#19152266;color:#ffe0a0;font-family:'Trebuchet MS','Segoe UI',sans-serif;font-size:21px;font-weight:700;line-height:22px;text-align:center;font-variant-numeric:tabular-nums;appearance:textfield}.planner-level-tile input:focus-visible{outline:0}.planner-level-tile input::-webkit-inner-spin-button,.planner-level-tile input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.planner-level-tile>span{font-size:12px;line-height:15px}
.planner-choice-menu{min-width:245px;max-width:calc(100vw - 32px);max-height:min(55dvh,440px)}.planner-choice-menu button{width:100%;min-height:43px;display:flex;align-items:center;gap:10px;text-align:left}.planner-choice-menu button img{width:26px;height:26px;object-fit:cover;border-radius:4px}.planner-choice-menu button>span:first-of-type{flex:1}.planner-choice-menu small{display:block;color:#aaa3b8;font-size:10px}.planner-choice-menu button[aria-checked=true]{background:#352b40;color:#f3d89e}
.planner-save-actions{margin-left:auto;display:flex;align-items:center;gap:7px}.planner-save-actions button{min-height:36px;white-space:nowrap}.planner-message{font-size:12px;color:#e5bd83;align-self:center}.planner-message:empty{display:none}.planner-message small{display:block;font-size:11px;color:#aaa3b8}
.planner-canvas{min-height:0}.planner-canvas>.talents-ui{height:100%}.planner-loading{display:flex;align-items:center;justify-content:center;height:100%;gap:12px;color:#bcb1cd}.tui-planner-open{border-color:#a18c5d;background:#302a3a;color:#f0d69a}.planner-canvas .planner-spec-tree{border-color:#b79b63;box-shadow:inset 0 0 0 1px #b79b6328}.planner-canvas .planner-spec-tree h3{color:#f5d59a}
.planner-spec-dialog{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:min(740px,calc(100vw - 32px));max-height:85dvh;overflow:auto;padding:24px;border:1px solid #947350;border-radius:12px;background:linear-gradient(150deg,#242130,#141823);color:#e7dfee;box-shadow:0 20px 70px #000b}.planner-spec-dialog::backdrop{background:#080b13bb}.planner-spec-dialog h2{margin:0 32px 10px 0;font-size:22px;color:#edd39c}.planner-spec-dialog p{font-size:13px;line-height:1.55;color:#bcb0c9}.planner-spec-dialog label{display:block;margin:18px 0 7px;font-size:12px}.planner-spec-dialog input{box-sizing:border-box;width:100%;min-height:42px;padding:8px 12px}.planner-dialog-close{position:absolute;right:12px;top:12px;min-width:32px;min-height:32px;padding:2px;font-size:22px}.planner-dialog-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.planner-spec-list{display:grid;gap:8px;margin-top:18px}.planner-spec-list article{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid #44394e;border-radius:8px;background:#171a26}.planner-spec-list article>div{flex:1;min-width:0}.planner-spec-list b{display:block;overflow-wrap:anywhere}.planner-spec-list small{display:block;font-size:11px;color:#b4a5bf;margin-top:5px}.planner-spec-list button{white-space:nowrap}.planner-spec-dialog .planner-spec-error{color:#f0b3a4;padding:10px;border:1px solid #814a48;border-radius:6px}
@media(max-width:1099px){.talent-planner{height:auto;min-height:100%}.planner-heading{align-items:start}.planner-canvas{min-height:500px}}
@media(max-width:600px){.planner-heading{flex-direction:column;gap:8px}.planner-heading h2{font-size:20px}.planner-controls{gap:8px}.planner-save-actions{margin-left:0;flex-basis:100%}.planner-spec-dialog{padding:18px}.planner-spec-list article{flex-wrap:wrap}.planner-spec-list article>div{flex-basis:100%}.planner-choice-menu{min-width:min(245px,calc(100vw - 32px))}}

.talent-planner{grid-template-rows:auto minmax(0,1fr);gap:9px}
.planner-controls.planner-heading{flex-direction:row;align-items:center;padding:8px 10px;gap:8px;background:#19212c;border-color:#535365;border-radius:8px}
.planner-title{margin-right:7px;max-width:145px;flex:none}.planner-title h2{font-size:20px;line-height:1.2;font-family:Georgia,'Times New Roman',serif;font-weight:500;color:#edd9b0}
.planner-save-actions button{min-height:34px;font-size:12px;padding:6px 10px}.planner-save-actions .planner-back{background:transparent;border-color:transparent;color:#b9c3d2;font-weight:500}
.planner-save-actions .planner-back:hover{color:#f1dab0;border-color:#687184}.planner-controls .planner-message{flex-basis:100%;font-size:11px;margin:0;line-height:1.4}.planner-message small{display:inline;margin-left:10px}
.planner-controls .planner-tile,.planner-controls .planner-level-tile{border-color:#786b69;background:linear-gradient(180deg,#343342,#202733);box-shadow:inset 0 1px #e4cda71a}
.planner-canvas .tui-dock{position:relative;padding-bottom:9px}
.planner-canvas .tui-dock-tools{position:absolute;right:11px;bottom:7px;width:auto;display:flex}
.planner-canvas .tui-gesture-help{padding-right:100px;min-height:24px;align-items:center}
body[data-view=talents].seo-shell-ready #seoPublicNavigation{display:none!important}
@media(max-width:1200px){.planner-title{max-width:100px}.planner-title h2{font-size:18px}.planner-save-actions{gap:4px}.planner-save-actions button{padding:5px 8px}.planner-save-actions .planner-back{max-width:100px;white-space:normal;line-height:1.2}}
@media(max-width:899px){.planner-title{max-width:none;flex:1 0 100%}.planner-title h2{font-size:21px}.planner-save-actions{margin-left:0;flex-basis:100%;flex-wrap:wrap}.planner-save-actions .planner-back{max-width:none;margin-left:auto}.planner-canvas{min-height:640px}}
