:root{--ds-primary:#f47a20;--ds-primary-dark:#c9560c;--ds-accent:#f47a20;--ds-ink:#171717;--ds-muted:#6b6865;--ds-line:#ddd8d2;--ds-surface:#fff;--ds-soft:#f7f5f2;--ds-radius:10px;--ds-shadow:0 8px 24px rgba(17,17,17,.1)}
#wrapper,.wrapper_m{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ds-ink)}
.wrap-header{position:relative!important;z-index:20;height:76px!important;padding:8px 12px;background:#f4f2ef;box-shadow:none}
.main-header{position:relative!important;top:auto!important;display:flex;align-items:center;height:60px!important;min-height:60px;padding:5px 8px;background:#111!important;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 8px 24px rgba(17,17,17,.22)}
.main-header>.col_02_nm{display:flex!important;align-items:center!important;align-self:stretch;float:none!important;min-width:0;padding:0 3px;border:0!important}
.main-header>.col_02_nm:first-child{flex:0 0 220px;border-right:1px solid rgba(255,255,255,.09)!important;margin-right:5px}
.main-header a.header-navi,.main-header a.header-navi-active{position:relative;display:flex!important;flex:1;align-items:center;justify-content:center;gap:8px;height:50px!important;min-height:50px;padding:0 10px!important;border:0!important;border-radius:9px;color:#aeb9c7!important;background:transparent!important;transition:background-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}
.main-header a.header-navi:hover{color:#fff!important;background:rgba(255,255,255,.075)!important}
.main-header a.header-navi-active{color:#fff!important;background:linear-gradient(135deg,#f47a20,#d85f0d)!important;box-shadow:0 5px 14px rgba(244,122,32,.34),inset 0 1px 0 rgba(255,255,255,.2)}
.main-header a.header-navi:focus-visible,.main-header a.header-navi-active:focus-visible{outline:3px solid #ffbd8d!important;outline-offset:1px}
.main-header .navi-icon{flex:0 0 24px;width:24px!important;height:24px!important;margin:0!important;opacity:.86;filter:brightness(1.35);background-size:contain!important;background-position:center!important;transition:transform .18s ease,opacity .18s ease}
.main-header a:hover .navi-icon,.main-header a.header-navi-active .navi-icon{opacity:1;transform:translateY(-1px)}
.main-header .navtitle,.main-header a.header-navi>div:last-child,.main-header a.header-navi-active>div:last-child{display:block!important;height:auto!important;padding:0!important;font-size:13px!important;font-weight:650;line-height:1.15;letter-spacing:.01em;text-transform:none!important;white-space:nowrap;vertical-align:middle!important}
.main-header #logo{display:flex!important;align-items:center;justify-content:center;width:100%;height:50px;overflow:hidden}
.main-header #logo img{display:block;max-width:90%;height:auto!important;max-height:40px;background:transparent!important}
#side-panel,#side-panel_sub{background:var(--ds-soft)!important;border-right:1px solid var(--ds-line);box-shadow:4px 0 18px rgba(15,23,42,.06)}
#side-panel_box,#side-panel_box_sub{padding:12px 10px!important}
#signage-title,input[type=text],input[type=number],input[type=email],input[type=password],select,textarea{min-height:38px;padding:8px 10px!important;border:1px solid #cbd5e1!important;border-radius:7px!important;background:#fff!important;color:var(--ds-ink)!important;box-shadow:0 1px 2px rgba(15,23,42,.03);transition:border-color .16s ease,box-shadow .16s ease}
#signage-title:focus,input:focus,select:focus,textarea:focus{border-color:var(--ds-primary)!important;box-shadow:0 0 0 3px rgba(244,122,32,.2)!important;outline:0!important}
.big-btn,.big-icon-button,.lead-button-big,input[type=button],input[type=submit],button.button,a.button{border:0!important;border-radius:8px!important;box-shadow:0 3px 9px rgba(15,23,42,.12);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
.big-btn:hover,.big-icon-button:hover,.lead-button-big:hover,input[type=button]:hover,input[type=submit]:hover,button.button:hover,a.button:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(15,23,42,.16);filter:brightness(1.04)}
.big-btn:active,.big-icon-button:active,input[type=button]:active,input[type=submit]:active{transform:translateY(0);box-shadow:0 2px 5px rgba(15,23,42,.14)}
.content-panel .lead-button-big,.content-panel a.lead-button-big,.content-panel .button-primary,.modal-content .lead-button-big{background-color:var(--ds-primary)!important;color:#fff!important}
.content-panel .lead-button-big:hover,.content-panel a.lead-button-big:hover,.content-panel .button-primary:hover,.modal-content .lead-button-big:hover{background-color:var(--ds-primary-dark)!important}
.content-panel a:not(.button):not(.lead-button-big){color:#b84c08}.content-panel a:not(.button):not(.lead-button-big):hover{color:#f47a20}
#selector_landscape.selected_layout,#selector_portrait.selected_layout{background-color:var(--ds-primary)!important}
#tabhead_new_button{width:100%!important;min-height:54px!important;margin:8px 0 16px!important;padding:10px 13px!important;background:linear-gradient(135deg,var(--ds-primary),#d85f0d)!important;color:#fff!important}
#screen-list_label{margin:3px 0 9px!important;color:#334155;font-size:14px!important;font-weight:650;text-align:left}
#titletabs{display:flex;flex-direction:column;gap:9px;padding:0 2px 12px!important}
#titletabs>li.tabheads{position:relative;overflow:hidden;margin:0!important;padding:0 0 8px!important;border:1px solid var(--ds-line)!important;border-radius:9px!important;background:#fff!important;box-shadow:0 3px 10px rgba(15,23,42,.07);transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease}
#titletabs>li.tabheads:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(15,23,42,.11)}
#titletabs>li.tabheads.active{border-color:var(--ds-primary)!important;box-shadow:0 0 0 2px rgba(244,122,32,.18),0 7px 18px rgba(17,17,17,.13)}
#titletabs>li.tabheads>a[id^=tabtitle]{display:block!important;padding:10px 34px 9px 10px!important;color:#fff!important;background:var(--ds-primary)!important;font-size:14px!important;font-weight:700;text-align:left}
#titletabs>li.tabheads:nth-child(3n+2)>a[id^=tabtitle]{background:#252525!important}#titletabs>li.tabheads:nth-child(3n)>a[id^=tabtitle]{background:#d85f0d!important}
.screen-quick-menu{position:absolute!important;z-index:4;top:6px!important;right:6px!important}.screen-submenu{border-radius:7px!important}
.ds-live-slide-thumb{position:relative;width:calc(100% - 12px);height:112px;margin:6px auto 4px;overflow:hidden;border:1px solid #d4dce6;border-radius:6px;background:repeating-conic-gradient(#f8fafc 0 25%,#eef2f7 0 50%) 50%/14px 14px}
.ds-live-slide-thumb iframe{display:block;width:100%;height:100%;border:0;background:#fff;pointer-events:none}
#titletabs>li.tabheads:has(.ds-live-slide-thumb)>.screen-live-thumbnail{display:none!important}
#titletabs>li.tabheads:has(.ds-live-slide-thumb)>.tabheadsimg{display:none!important}
#tabheadsdplayd0,#titletabs>li.tabheads>div:has(>[id^=tabheadsdplayd]){position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 62px auto;align-items:center;gap:6px;min-height:44px;margin:2px 7px 0!important;padding:4px 0 0!important;color:var(--ds-ink)!important}
#tabheadsdplayd0>.lable,#titletabs>li.tabheads>div:has(>[id^=tabheadsdplayd])>[id^=tabheadsdplayd]{margin:0!important;color:#475569!important;font-size:12px!important;line-height:1.2}
#tabheadsdplayd0>input,#titletabs>li.tabheads>div:has(>[id^=tabheadsdplayd])>input{position:static!important;right:auto!important;bottom:auto!important;width:62px!important;min-height:34px!important;padding:5px 6px!important;text-align:center!important}
#tabheadsdplayd0>span,#titletabs>li.tabheads>div:has(>[id^=tabheadsdplayd])>span{position:static!important;right:auto!important;bottom:auto!important;color:#475569!important;font-size:12px;white-space:nowrap}.ds-input-check-value{border-radius:6px!important}
#selection-container-create-new-original{height:32px!important;min-height:32px!important;margin:0 4px!important;padding:0 26px 0 10px!important;text-align:center!important;text-align-last:center!important;line-height:32px!important}
#side-panel_sub{border-top:1px solid var(--ds-line)}
.myDS_savebutton,.myDS_previewbutton{min-height:42px!important;padding:8px 15px!important;color:#fff!important}.myDS_savebutton{background:linear-gradient(135deg,#f47a20,#d85f0d)!important}.myDS_previewbutton{background:linear-gradient(135deg,#2b2b2b,#111)!important}
#workbench_box{background:#efede9!important}.step-content.signage{border-radius:var(--ds-radius)}
.filter_bar{border:1px solid var(--ds-line)!important;border-radius:9px!important;background:#fff!important;box-shadow:0 3px 12px rgba(15,23,42,.06)}
.program_table{overflow:hidden;border:1px solid var(--ds-line)!important;border-radius:9px;background:#fff;box-shadow:var(--ds-shadow)}
.program_table th{padding:12px 10px!important;background:#171717!important;color:#fff!important;font-weight:650!important;text-transform:none!important}.program_table td{padding:10px!important;border-color:#e8e2dc!important}.program_table tbody.list tr{transition:background-color .14s ease}.program_table tbody.list tr:hover{background:#fff3e9!important}
.modal-content{overflow:hidden;border:0!important;border-radius:12px!important;box-shadow:0 24px 60px rgba(15,23,42,.28)!important}.modal-header,.modal-footer{border-color:var(--ds-line)!important;background:#f8fafc}.modal-backdrop{background:#0f172a!important}.modal-backdrop.in{opacity:.58!important}
.folder{margin-bottom:6px!important;border-radius:7px!important;transition:background-color .15s ease}.folder:hover,.folder.open{background:#ffeadb!important}
@media(max-width:1300px){.main-header>.col_02_nm:first-child{flex-basis:175px}.main-header a.header-navi,.main-header a.header-navi-active{gap:5px;padding:0 6px!important}.main-header .navtitle,.main-header a.header-navi>div:last-child,.main-header a.header-navi-active>div:last-child{font-size:12px!important}}
@media(max-width:1100px){.main-header>.col_02_nm:first-child{flex-basis:150px}.main-header .navi-icon{width:21px!important;height:21px!important}.main-header a.header-navi,.main-header a.header-navi-active{padding:0 4px!important}.ds-live-slide-thumb{height:92px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}