/* Bi'DTF v5.1 – practical editing polish. Relies on the existing v5 dark app stylesheet. */
.bt-dtf-workspace-page .btdtf-workarea{scroll-behavior:smooth}
.bt-dtf-workspace-page .btdtf-quickedit[hidden]{display:none!important}
.bt-dtf-workspace-page .btdtf-quickedit{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:8px 14px;border-top:1px solid #384657;background:#202a36;min-height:67px}
.bt-dtf-workspace-page .btdtf-quickedit-info{display:grid;gap:1px;min-width:0;max-width:35%}
.bt-dtf-workspace-page .btdtf-quickedit-info>span{color:#ff9862;font-size:9px;font-weight:850;letter-spacing:.05em}
.bt-dtf-workspace-page .btdtf-quickedit-info strong{font-size:11px;color:#f1f5fb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bt-dtf-workspace-page .btdtf-quickedit-info small{font-size:10px;color:#aebbd0}
.bt-dtf-workspace-page .btdtf-quickedit-actions{display:flex;align-items:center;gap:6px;justify-content:flex-end;min-width:0}
.bt-dtf-workspace-page .btdtf-quickedit-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 10px;border:1px solid #4a5c73;border-radius:7px;background:#2f3b4d;color:#edf3fb;cursor:pointer;font-weight:800;font-size:10px;white-space:nowrap}
.bt-dtf-workspace-page .btdtf-quickedit-actions button:hover{background:#41546d;border-color:#657b98}
.bt-dtf-workspace-page .btdtf-quickedit-actions .btdtf-tool-remove{border-color:#755052;background:#432d32;color:#ffd4d4}
.bt-dtf-workspace-page .btdtf-zoom{gap:2px}
.bt-dtf-workspace-page .btdtf-zoom .btdtf-fit{width:auto;min-width:50px;height:32px;padding:0 8px;font-size:10px;color:#ffba89;border-right:1px solid #465363;font-weight:800}
/* Keep the business-critical price and order action visible while the settings scroll. */
.bt-dtf-workspace-page .btdtf-sidebar.btdtf-right{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden!important;padding-bottom:0;min-height:0}
.bt-dtf-workspace-page .btdtf-right-scroll{overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-color:#42556a #1b2028;scrollbar-width:thin}
.bt-dtf-workspace-page .btdtf-accordion{border-bottom:1px solid #343e4d;min-width:0}
.bt-dtf-workspace-page .btdtf-accordion>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;padding:13px 15px;color:#f1f5fb;font-size:12px;font-weight:850;user-select:none;background:#202833}
.bt-dtf-workspace-page .btdtf-accordion>summary::-webkit-details-marker{display:none}
.bt-dtf-workspace-page .btdtf-accordion>summary span{font-size:16px;color:#a3b2c7;transform:rotate(-90deg);transition:transform .15s}
.bt-dtf-workspace-page .btdtf-accordion[open]>summary span{transform:rotate(0)}
.bt-dtf-workspace-page .btdtf-accordion .btdtf-panel{border-bottom:0;padding-top:12px}
.bt-dtf-workspace-page .btdtf-accordion .btdtf-panel>h3{display:none}
.bt-dtf-workspace-page .btdtf-fixed-price{display:grid;gap:7px;padding:12px 14px 13px;border-top:1px solid #45546a;background:linear-gradient(155deg,#253143,#1f2531);box-shadow:0 -7px 28px #090c1273}
.bt-dtf-workspace-page .btdtf-fixed-price-heading,.bt-dtf-workspace-page .btdtf-fixed-price-total{display:flex;justify-content:space-between;align-items:center;gap:9px}
.bt-dtf-workspace-page .btdtf-fixed-price-heading>span{font-size:9px;font-weight:850;letter-spacing:.04em;color:#ffab7b}
.bt-dtf-workspace-page .btdtf-fixed-price-heading>strong{font-size:11px;color:#d6e0ee}
.bt-dtf-workspace-page .btdtf-fixed-price-total>span{font-size:10px;color:#b3c3d7}
.bt-dtf-workspace-page .btdtf-fixed-price-total>strong{font-size:19px;font-weight:900;color:#ffb87f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bt-dtf-workspace-page .btdtf-fixed-price .btdtf-btn{min-height:36px;padding:8px!important}
.bt-dtf-workspace-page .btdtf-canvas-wrap{transition:margin .12s ease}
.bt-dtf-workspace-page .btdtf-film{scroll-margin:22px}
.bt-dtf-workspace-page .btdtf-tile.is-selected{border:2px solid #fb741e;box-shadow:0 0 0 2px #fb741e4a;z-index:4}
.bt-dtf-workspace-page .btdtf-tile.is-dragging{box-shadow:0 0 0 3px #ffb168}
.bt-dtf-workspace-page .btdtf-properties{padding-bottom:14px}
@media(max-width:1380px){
 .bt-dtf-workspace-page .btdtf-quickedit{flex-wrap:wrap;gap:6px}
 .bt-dtf-workspace-page .btdtf-quickedit-info{max-width:100%;display:flex;align-items:center;gap:8px}
 .bt-dtf-workspace-page .btdtf-quickedit-info strong{max-width:140px}
 .bt-dtf-workspace-page .btdtf-quickedit-actions{width:100%;justify-content:space-between}
 .bt-dtf-workspace-page .btdtf-quickedit-actions button{flex:1;padding:7px 3px}
}
@media(max-width:1040px){
 .bt-dtf-workspace-page .btdtf-sidebar.btdtf-right{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto}
 .bt-dtf-workspace-page .btdtf-quickedit{padding:8px 12px}
 .bt-dtf-workspace-page .btdtf-quickedit-info{max-width:34%}
 .bt-dtf-workspace-page .btdtf-quickedit-actions{width:auto;flex:1;justify-content:flex-end}
 .bt-dtf-workspace-page .btdtf-quickedit-actions button{flex:0 1 auto;padding:7px 9px}
}
@media(max-width:580px){
 .bt-dtf-workspace-page .btdtf-quickedit{gap:5px;padding:7px 9px;min-height:76px;flex-wrap:wrap}
 .bt-dtf-workspace-page .btdtf-quickedit-info{max-width:100%;width:100%;gap:7px}
 .bt-dtf-workspace-page .btdtf-quickedit-info>span{display:none}
 .bt-dtf-workspace-page .btdtf-quickedit-info strong{max-width:min(60vw,250px);font-size:10px}
 .bt-dtf-workspace-page .btdtf-quickedit-actions{width:100%;flex:none;gap:4px}
 .bt-dtf-workspace-page .btdtf-quickedit-actions button{flex:1;padding:7px 2px;font-size:9px;min-height:32px}
 .bt-dtf-workspace-page .btdtf-canvas-bottom{height:42px}
 .bt-dtf-workspace-page .btdtf-fixed-price{padding:11px 12px}
 .bt-dtf-workspace-page .btdtf-canvas-footer{display:none}
 .bt-dtf-workspace-page .btdtf-zoom{margin-left:auto}
}
@media(prefers-reduced-motion:reduce){.bt-dtf-workspace-page .btdtf-workarea{scroll-behavior:auto}.bt-dtf-workspace-page .btdtf-accordion>summary span{transition:none}}
/* Legacy editor's <=1050px rules used a two-column right-panel grid.
   Reset it explicitly so mobile drawers are full-width and prices stay pinned. */
.bt-dtf-workspace-page .btdtf-sidebar.btdtf-right{grid-template-columns:minmax(0,1fr)!important;column-gap:0!important;row-gap:0!important}
.bt-dtf-workspace-page .btdtf-right>.btdtf-sidehead,.bt-dtf-workspace-page .btdtf-right>.btdtf-right-scroll,.bt-dtf-workspace-page .btdtf-right>.btdtf-fixed-price{grid-column:1;min-width:0;width:100%}

/* Bi'DTF 5.2: each placement is an independent editable layer. */
.btdtf-instance-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.btdtf-instance-fields .btdtf-field{min-width:0;}
.btdtf-asset-bottom{display:flex;gap:7px;align-items:center;flex-wrap:wrap;}
.btdtf-asset-bottom button{font-size:11px;padding:6px 9px;}
.btdtf-asset-name strong{overflow-wrap:anywhere;}
.btdtf-fixed-summary,.btdtf-fixed-order{min-width:0;}
#btdtfFixedLength{font-size:11px;line-height:1.45;white-space:normal!important;}
.btdtf-film{transition:height .18s ease-out;}
.btdtf-film-end{white-space:normal;text-align:center;}
@media(max-width:1040px){.btdtf-instance-fields{grid-template-columns:1fr 1fr!important;}}