/* Parent workspace deliberately uses the whole available screen. */
body.is-parent-space{--frame-screen-width:100vw!important;--frame-screen-height:100dvh!important;background:#eee5f3}
body.is-parent-space #app{inset:0;width:100%;height:100dvh;transform:none;border-radius:0}
body.is-parent-space #app .game-shell{display:block}
body.is-parent-space #app .game-rail,body.is-parent-space #app .game-topbar,body.is-parent-space #app .game-mobile-nav{display:none}
body.is-parent-space #app .game-main{height:100%;min-height:0;padding:0;background:linear-gradient(135deg,#f6edf7,#f4eadf)}
body.is-parent-space #app #main{display:flex;flex-direction:column;overflow:hidden;padding:0}
body.is-parent-space #app .demo-note{position:static;flex:none;font-size:12px;padding:4px}
body.is-parent-space #app .legacy-content{display:flex;flex-direction:column;flex:1;min-height:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}
.parent-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:none;min-height:94px;padding:10px 32px;border-bottom:1px solid #e0d1e7;background:#fff9f0ee;z-index:4}
.parent-brand{display:flex;align-items:center;gap:15px}
.parent-brand>img{width:62px;height:72px;object-fit:contain}
.parent-brand p{font-size:14px;letter-spacing:2px;color:#a588a9;margin:0 0 5px}
.parent-brand h1{font-size:28px;color:#6b4c7d;margin:0}
.parent-header>.secondary{font-size:16px;min-height:46px;white-space:normal;background:#f0e5f5;color:#78568d;border:1px solid #d3bddf}
body.is-parent-space .parent-workspace{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0;flex:1;min-height:0}
body.is-parent-space .parent-workspace>aside{display:flex;flex-direction:column;gap:18px;padding:20px;background:linear-gradient(#e5d4f0,#d8c5e7);border-radius:0;border-right:1px solid #cbb5dc;overflow-y:auto;overflow-x:hidden}
.parent-family{text-align:center;padding:0 6px 15px;border-bottom:1px solid #c7b2d7}
body.is-parent-space .parent-guide{display:block;width:100%;height:200px;margin:0 0 8px;object-fit:contain}
.parent-family b{font-size:14px;line-height:1.7;color:#81618c}
body.is-parent-space .parent-workspace .admin-tabs{display:flex;flex-direction:column;gap:9px;margin:0}
body.is-parent-space .parent-workspace .tab{width:100%;min-height:48px;padding:10px 14px;font-size:16px;text-align:left;white-space:normal;border:1px solid transparent;background:#eee2f3;color:#7a5e88;border-radius:15px}
body.is-parent-space .parent-workspace .tab.active{background:#fff4df;border-color:#e4c8a8;color:#8a633f;box-shadow:0 3px 0 #b79ac333}
body.is-parent-space .parent-content{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:28px clamp(18px,3vw,48px) 48px}
body.is-parent-space .parent-content>.stats{margin-bottom:24px}
body.is-parent-space .stat{padding:20px;border-radius:20px;background:#fffbf4;border:1px solid #e3d2e5}
body.is-parent-space .stat b{font-size:32px;color:#936eaa}
body.is-parent-space .stat small{font-size:15px;line-height:1.8}
body.is-parent-space .parent-content .row{flex-wrap:wrap;gap:14px}
body.is-parent-space .parent-content .row>div,body.is-parent-space .parent-content .row>span{min-width:0}
body.is-parent-space .admin-card{padding:22px;background:#fffbf5;border-color:#e6d2df}
body.is-parent-space .admin-card h3{font-size:19px}
body.is-parent-space .admin-card b{font-size:17px}
body.is-parent-space .admin-card small{font-size:14px;line-height:1.8;overflow-wrap:anywhere}
body.is-parent-space .admin-card p,body.is-parent-space .notice{font-size:15px}
body.is-parent-space .admin-toolbar button,body.is-parent-space .review-actions button{font-size:16px;min-height:46px}
body.is-parent-space .parent-content label{font-size:16px}
body.is-parent-space .parent-content input,body.is-parent-space .parent-content textarea,body.is-parent-space .parent-content select{font-size:17px}
body.is-parent-space dialog{width:min(740px,calc(100vw - 28px));max-height:calc(100dvh - 28px)}
body.is-parent-space #toast{top:auto;bottom:24px;transform:translateX(-50%)}
@media(max-height:800px) and (min-width:601px){body.is-parent-space .parent-guide{height:145px}body.is-parent-space .parent-workspace>aside{padding-top:16px;padding-bottom:16px;gap:12px}}
@media(max-width:850px){body.is-parent-space .parent-workspace{grid-template-columns:190px minmax(0,1fr)}body.is-parent-space .parent-workspace>aside{padding:16px 12px}.parent-header{padding:10px 20px}body.is-parent-space .parent-guide{height:170px}body.is-parent-space .parent-content{padding:22px 18px 36px}}
@media(max-width:600px){.parent-header{min-height:86px;gap:8px;padding:7px 12px}.parent-brand{gap:8px}.parent-brand>img{width:47px;height:64px}.parent-brand p{font-size:11px;letter-spacing:0}.parent-brand h1{font-size:22px}.parent-header>.secondary{font-size:13px;max-width:115px;padding:8px 12px}body.is-parent-space .parent-workspace{display:flex;flex-direction:column}body.is-parent-space .parent-workspace>aside{flex:none;padding:12px;border:0;border-bottom:1px solid #cab6da;overflow:visible}.parent-family{display:none}body.is-parent-space .parent-workspace .admin-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}body.is-parent-space .parent-workspace .tab{font-size:14px;min-height:45px;padding:8px 5px;text-align:center;border-radius:12px}body.is-parent-space .parent-content{flex:1;padding:18px 12px 30px}body.is-parent-space .stats{gap:8px}body.is-parent-space .stat{padding:14px 7px}body.is-parent-space .stat b{font-size:28px}body.is-parent-space .stat small{font-size:12px}body.is-parent-space .admin-card{padding:16px 13px}body.is-parent-space .admin-toolbar{gap:8px}body.is-parent-space .admin-toolbar button{flex:1 1 130px}body.is-parent-space .parent-content .review-actions{width:100%}body.is-parent-space .parent-content .review-actions button{flex:1}body.is-parent-space .parent-content .notice{font-size:14px}}
