/* CARD-UI-107: o Livro passa a ser a superfície principal do Studio. */
body[data-studio-unified]{--bk3-lime:#c6ff00;--bk3-panel:#172119;--studio-accent:#c6ff00}
body[data-studio-unified] .studio-layout{grid-template-columns:72px minmax(0,1fr)}
body[data-studio-unified][data-rail-expanded=true] .studio-layout{grid-template-columns:220px minmax(0,1fr)}
body[data-studio-unified] .preview-rail{display:none}
body[data-studio-unified] .studio-content{min-width:0;max-width:none}
body[data-studio-unified] #screen-board{padding:0;min-width:0}
body[data-studio-unified] .bk3-shell{min-height:0;border:1px solid #40503b;border-radius:14px;overflow:hidden}
body[data-studio-unified] .bk3-top{position:relative;top:auto;min-height:58px;padding:10px 14px;gap:8px;z-index:8}
body[data-studio-unified] .bk3-actions{gap:6px}
body[data-studio-unified] .bk3-layout{grid-template-columns:200px minmax(0,1fr) 210px;min-height:660px}
body[data-studio-unified] .bk3-toolbar{padding:14px;gap:12px;flex-wrap:wrap}
body[data-studio-unified] .bk3-toolbar>div:first-child:not(.bk3-toolbar-actions){display:none}
body[data-studio-unified] .bk3-toolbar-actions{width:100%;justify-content:space-between;gap:8px}
body[data-studio-unified] .bk3-sidebar,body[data-studio-unified] .bk3-inspector{padding:16px 12px;gap:12px}
body[data-studio-unified] .bk3-viewport{height:62vh;min-height:410px}
body[data-studio-unified] .bk3-library{display:grid;gap:9px;max-height:440px;overflow:auto}
.bk3-product{padding:11px;border:1px solid #455a3e;border-radius:11px;background:#1c2c20;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}
.bk3-product strong,.bk3-product small{grid-column:1/-1;overflow-wrap:anywhere}
.bk3-product strong{font-size:.8rem}.bk3-product small{font-size:.7rem;color:#b4c5ac}
.bk3-product button{padding:7px 9px;min-height:40px}
.bk3-product .bk3-product-edit{background:transparent;color:#d7e8cd}
body[data-studio-unified] .bk3-edit-items{background:#c6ff00;color:#14200c;border:0;padding:11px;border-radius:10px;min-height:44px;font-weight:800;cursor:pointer}
body[data-studio-unified] #bk3-products-toggle,body[data-studio-unified] #bk3-properties-toggle{display:none}
body[data-studio-unified] .bk3-inspector .bk3-tip{display:none}
body[data-studio-unified] #screen-board .bk3-actions button{min-height:40px}
.bk3-global-spacing{display:grid;gap:8px;padding-bottom:12px;border-bottom:1px solid #40503b}
.bk3-global-spacing .bk3-tune{flex-wrap:wrap;justify-content:space-between}
.bk3-global-spacing .bk3-tune input{width:90px}
body[data-panel-theme=light][data-studio-unified]{--bk3-panel:#e8eee4;--bk3-bg:#f2f5ed;--bk3-ink:#1b2c1b;--bk3-muted:#486044}
body[data-panel-theme=light][data-studio-unified] .bk3-product{background:#eef4e8;color:#192b1b}
body[data-panel-theme=light][data-studio-unified] .bk3-product small{color:#485f42}
@media(max-width:1200px){
 body[data-studio-unified] .bk3-layout{grid-template-columns:180px minmax(0,1fr)}
 body[data-studio-unified] .bk3-inspector{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-left:0;border-top:1px solid #40503b}
 body[data-studio-unified] .bk3-inspector-section{grid-column:1/-1}
}
@media(max-width:930px){
 body[data-studio-unified] .studio-layout,body[data-studio-unified][data-rail-expanded=true] .studio-layout{display:block}
 body[data-studio-unified] .studio-content{padding:9px 8px 90px}
 body[data-studio-unified] .studio-top{gap:8px;padding:12px}
 body[data-studio-unified] .studio-brand p{display:none}
 body[data-studio-unified] .top-actions{width:100%;gap:6px;flex-wrap:wrap}
 body[data-studio-unified] .top-actions .studio-btn{padding:9px;font-size:.72rem;min-height:42px}
 body[data-studio-unified] .top-actions #top-save,body[data-studio-unified] .top-actions #top-publish{display:inline-flex!important}
 body[data-studio-unified] .bk3-layout{display:flex;flex-direction:column;min-height:0}
 body[data-studio-unified] .bk3-main{order:0;min-width:0}
 body[data-studio-unified] .bk3-sidebar,body[data-studio-unified] .bk3-inspector{display:none;order:1;max-height:none}
 body[data-studio-unified][data-editor-panel=products] .bk3-sidebar{display:flex}
 body[data-studio-unified][data-editor-panel=properties] .bk3-inspector{display:flex}
 body[data-studio-unified] #bk3-products-toggle,body[data-studio-unified] #bk3-properties-toggle{display:block}
 body[data-studio-unified] .bk3-top{padding:10px;align-items:flex-start}
 body[data-studio-unified] .bk3-actions{width:100%;margin:0;display:flex;flex-wrap:wrap}
 body[data-studio-unified] .bk3-actions button{font-size:.7rem;padding:7px 9px}
 body[data-studio-unified] #bk3-status{max-width:none}
 body[data-studio-unified] .bk3-toolbar-actions{display:flex;flex-wrap:wrap}
 body[data-studio-unified] .bk3-toolbar-actions label{flex:1 1 125px}
 body[data-studio-unified] .bk3-viewport{height:49vh;min-height:320px;max-width:100%}
 body[data-studio-unified] .bk3-canvas{padding:6px}
 body[data-studio-unified] .bk3-library{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));max-height:none}
 body[data-studio-unified] .bk3-bottombar{flex-wrap:wrap;gap:5px;padding:10px}
}
@media(max-width:930px) and (pointer:coarse){
 body[data-studio-unified] .bk3-editor .bk3-quick,body[data-studio-unified] .bk3-editor .bk3-resize,
 body[data-studio-unified] .bk3-editor .bk3-cell[data-small=true] .bk3-quick,body[data-studio-unified] .bk3-editor .bk3-cell[data-small=true] .bk3-resize{width:74px;height:74px}
}
@media print{
 body[data-studio-unified]>.studio-app,body[data-studio-unified]>.skip,body[data-studio-unified]>.studio-mobile-bottom,body[data-studio-unified]>.studio-mobile-drawer,body[data-studio-unified]>.mobile-drawer-backdrop,body[data-studio-unified]>.bk3-radial,body[data-studio-unified]>dialog{display:none!important}
 body[data-studio-unified]>#bk3-print{display:block!important}
}
@media(prefers-reduced-motion:reduce){body[data-studio-unified] *{scroll-behavior:auto!important;transition:none!important}}
