/* v366: phone-only UI. Activated by mobile_phone_v365.js; tablets are intentionally excluded. */
html.phone-ui,html.phone-ui body{max-width:100%;overflow-x:hidden}
.phone-admin-block{display:none}
html.phone-ui body.phone-admin-blocked>*:not(#phoneAdminBlocked){display:none!important}
html.phone-ui body.phone-admin-blocked{min-height:100dvh!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px!important;background:linear-gradient(rgba(9,18,44,.72),rgba(9,18,44,.86)),url('/static/images/space_bg.jpg') center/cover fixed no-repeat!important}
html.phone-ui .phone-admin-block{display:flex;position:fixed;inset:0;z-index:2147483647;align-items:center;justify-content:center;padding:20px}
.phone-admin-block-card{width:min(420px,100%);background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.7);border-radius:24px;padding:28px 22px;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.phone-admin-block-icon{width:48px;height:48px;border-radius:16px;margin:0 auto 14px;background:#eef4ff;color:#175cd3;display:grid;place-items:center;font-weight:900;font-size:22px}.phone-admin-block-card h1{font-size:21px;margin:0 0 10px}.phone-admin-block-card p{margin:0;color:#667085;line-height:1.55;font-size:14px}

.phone-move-overlay,.phone-info-overlay{position:fixed;inset:0;z-index:65000;background:rgba(9,18,44,.54);display:none;align-items:flex-end;justify-content:center;padding:10px}.phone-move-overlay.show,.phone-info-overlay.show{display:flex}
.phone-move-card,.phone-info-card{width:100%;max-height:min(86dvh,760px);display:flex;flex-direction:column;background:#fff;border-radius:22px 22px 14px 14px;box-shadow:0 20px 70px rgba(15,23,42,.35);overflow:hidden}
.phone-move-head,.phone-info-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid #e4e7ec;background:#fbfdff}.phone-move-head strong,.phone-info-head strong{font-size:16px}.phone-move-close,.phone-info-close{width:36px;height:36px;border:0;border-radius:11px;background:#f2f4f7;font-size:22px;line-height:1}.phone-move-body,.phone-info-body{flex:1;min-height:0;overflow:auto;padding:14px;display:grid;gap:10px}.phone-move-foot,.phone-info-actions{flex:0 0 auto;padding:12px 14px;border-top:1px solid #e4e7ec;display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.phone-info-actions .btn{flex:1 1 120px}.phone-info-row{padding:10px 12px;border:1px solid #e4e7ec;border-radius:13px;background:#fbfdff}.phone-info-row .k{font-size:11px;color:#667085;font-weight:800;text-transform:uppercase;letter-spacing:.03em;margin-bottom:5px}.phone-info-row .v{font-size:14px;color:#101828;line-height:1.4;overflow-wrap:anywhere}
.phone-filter-trigger,.phone-create-order-btn,.phone-discipline-filter-trigger{display:none}

/* Worker cabinet phone profile. */
html.phone-ui body.workspace-cabinet .main{min-width:0}
html.phone-ui body.workspace-cabinet .page-section{min-width:0}
html.phone-ui body.workspace-cabinet .top-strip{min-height:50px;height:50px;flex-wrap:nowrap;padding:7px 8px}
html.phone-ui body.workspace-cabinet .header-left,html.phone-ui body.workspace-cabinet .header-tools{min-width:0;flex-wrap:nowrap}
html.phone-ui body.workspace-cabinet .header-tabs{min-width:0;overflow:hidden}.phone-ui body.workspace-cabinet .header-tab{max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.phone-ui body.workspace-cabinet .phone-filter-trigger,html.phone-ui body.workspace-cabinet .phone-create-order-btn,html.phone-ui body.workspace-cabinet .phone-discipline-filter-trigger{display:inline-flex;align-items:center;justify-content:center}

/* Dashboard: filters are a single popup button and chart contents stay inside their cards. */
html.phone-ui #dashboardSection .section-head{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
html.phone-ui #dashboardSection .section-head>div:first-child{min-width:0;flex:1 1 180px}
html.phone-ui #dashboardSection #chartFilters{display:none!important}
html.phone-ui #phoneMoveModal #chartFilters{display:flex!important;width:100%!important;overflow:visible!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important}
html.phone-ui #phoneMoveModal #chartFilters .dashboard-filter-row{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:100%!important}
html.phone-ui #phoneMoveModal #chartFilters label,html.phone-ui #phoneMoveModal #chartFilters input,html.phone-ui #phoneMoveModal #chartFilters select,html.phone-ui #phoneMoveModal #chartFilters button{width:100%!important;min-width:0!important}
html.phone-ui #workCentersList{overflow:auto!important;padding-right:0}
html.phone-ui #workCentersList .work-center-tile{min-width:0!important;overflow:hidden!important;padding:12px!important}
html.phone-ui #workCentersList .order-title span,html.phone-ui #workCentersList .order-title small{display:block!important;margin:3px 0 0!important;overflow-wrap:anywhere}
html.phone-ui #workCentersList .work-tile-chart{min-width:0!important;width:100%!important;overflow:hidden!important;padding:10px!important}
html.phone-ui #workCentersList .work-tile-chart .chart-head{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:3px!important;align-items:start!important}
html.phone-ui #workCentersList .work-tile-chart .chart-head strong,html.phone-ui #workCentersList .work-tile-chart .chart-head span{display:block!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}
html.phone-ui #workCentersList .work-tile-chart .chart-head strong{font-size:14px!important;line-height:1.25}
html.phone-ui #workCentersList .work-tile-chart .mini-chart{height:auto!important;aspect-ratio:960/260;overflow:hidden!important}
html.phone-ui #workCentersList .work-tile-chart .mini-chart svg{width:100%!important;height:100%!important;display:block!important}
html.phone-ui #workCentersList .metric-legend{gap:5px 8px!important;min-width:0}.phone-ui #workCentersList .metric-legend span{white-space:normal!important;font-size:10px!important;overflow-wrap:anywhere}

/* Work entry: true cards, exactly two columns on phones. */
html.phone-ui #workEntrySection .work-entry-section-card{padding:12px!important}
html.phone-ui #workEntrySection .work-entry-section-head{margin-bottom:10px!important}.phone-ui #workEntrySection .work-entry-section-head span{display:none!important}
html.phone-ui #workCenterSelect.workcenter-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
html.phone-ui #workCenterSelect .workcenter-entry{min-width:0!important;padding:11px!important;border-radius:16px!important;display:flex!important;flex-direction:column!important;gap:8px!important}
html.phone-ui #workCenterSelect .workcenter-entry-top{align-items:flex-start!important;gap:6px!important}.phone-ui #workCenterSelect .workcenter-icon{width:34px!important;height:34px!important;flex:0 0 34px!important}
html.phone-ui #workCenterSelect .workcenter-name{font-size:13px!important;line-height:1.25;overflow-wrap:anywhere}.phone-ui #workCenterSelect .workcenter-entry small{font-size:9px!important}.phone-ui #workCenterSelect .meta{font-size:9px!important;gap:4px!important;flex-wrap:wrap}.phone-ui #workCenterSelect .action{margin-top:auto!important;display:flex!important;align-items:center!important;gap:4px!important;flex-wrap:wrap}.phone-ui #workCenterSelect .action-label{font-size:9px!important}

/* Orders: local create button is always reachable on phone. */
html.phone-ui #ordersSection .orders-toolbar{align-items:center!important;padding:12px!important}.phone-ui #ordersSection .orders-toolbar-main .muted{display:none}
html.phone-ui #ordersSection .phone-create-order-btn{margin-left:auto;white-space:nowrap}

/* Payroll is intentionally unavailable on phones. */
html.phone-ui #payrollControls,html.phone-ui #payrollView{display:none!important}

/* Attendance: only Employee + Status in the table; detail/actions are on double tap. */
html.phone-ui #attendanceView{overflow:auto!important}.phone-ui #attendanceView table{width:100%!important;min-width:0!important;table-layout:fixed!important}.phone-ui #attendanceView .phone-hide-col{display:none!important}
html.phone-ui #attendanceView th,html.phone-ui #attendanceView td{padding:10px 9px!important}.phone-ui #attendanceView th:first-child,.phone-ui #attendanceView td:first-child{width:66%}.phone-ui #attendanceView tr[data-attendance-user]{touch-action:manipulation!important;cursor:pointer;-webkit-user-select:none;user-select:none}
html.phone-ui #attendanceView .employee-mini{min-width:0}.phone-ui #attendanceView .employee-sub{display:none!important}.phone-ui #attendanceView .employee-name{font-size:13px;white-space:normal;overflow-wrap:anywhere}.phone-ui #attendanceView .attendance-pill{font-size:10px!important;padding:5px 7px!important;white-space:normal!important}

/* Discipline: 3 columns, filters in popup, full details/actions on double tap. */
html.phone-ui #disciplineView{overflow:auto!important}.phone-ui #disciplineView table{width:100%!important;min-width:0!important;table-layout:fixed!important}.phone-ui #disciplineView .phone-hide-col{display:none!important}.phone-ui #disciplineView th,.phone-ui #disciplineView td{padding:9px 7px!important;font-size:11px!important;overflow-wrap:anywhere}.phone-ui #disciplineView th:nth-child(1){width:30%}.phone-ui #disciplineView th:nth-child(2){width:27%}.phone-ui #disciplineView th:nth-child(3){width:43%}.phone-ui #disciplineView tr[data-discipline-id]{touch-action:manipulation!important;cursor:pointer;-webkit-user-select:none;user-select:none}
html.phone-ui #disciplineControls #disciplineEmployeeFilter,html.phone-ui #disciplineControls #disciplineMonthFilter,html.phone-ui #disciplineControls #disciplineRuleFilter,html.phone-ui #disciplineControls #disciplineDisputeFilter,html.phone-ui #disciplineControls #clearDisciplineFiltersBtn{display:none!important}
html.phone-ui #phoneMoveModal #disciplineEmployeeFilter,html.phone-ui #phoneMoveModal #disciplineMonthFilter,html.phone-ui #phoneMoveModal #disciplineRuleFilter,html.phone-ui #phoneMoveModal #disciplineDisputeFilter,html.phone-ui #phoneMoveModal #clearDisciplineFiltersBtn{display:block!important;width:100%!important;max-width:none!important;min-width:0!important}
html.phone-ui #employeesSection .employee-toolbar{position:relative}.phone-ui #phoneDisciplineFiltersBtn{margin-left:auto}

/* Work schedule: compact, no content escaping cards. */
html.phone-ui #scheduleSection .employee-panel{min-width:0!important}.phone-ui #scheduleSection .schedule-layout{grid-template-columns:1fr!important;padding:10px!important;gap:10px!important;min-width:0!important}.phone-ui #scheduleSection .schedule-card{min-width:0!important;width:100%!important;border-radius:14px!important}.phone-ui #scheduleSection .schedule-card-head{padding:10px!important;align-items:center!important;min-width:0}.phone-ui #scheduleSection .schedule-card-head .muted{display:none}.phone-ui #scheduleSection .schedule-card-body{padding:10px!important;min-width:0}.phone-ui #scheduleSection .schedule-weekday-row{padding:9px!important;gap:8px!important;min-width:0}.phone-ui #scheduleSection .schedule-hours-form,.phone-ui #scheduleSection .schedule-exception-form{grid-template-columns:1fr!important;min-width:0!important}.phone-ui #scheduleSection input,.phone-ui #scheduleSection select{min-width:0!important;width:100%!important}.phone-ui #scheduleSection .schedule-table-wrap{max-width:100%!important;overflow:auto!important}.phone-ui #scheduleSection .schedule-table{width:100%!important;min-width:0!important;table-layout:fixed!important}.phone-ui #scheduleSection .schedule-table th,.phone-ui #scheduleSection .schedule-table td{padding:7px 5px!important;font-size:10px!important;white-space:normal!important;overflow-wrap:anywhere!important}.phone-ui #scheduleSection .schedule-table th:nth-child(1){width:23%}.phone-ui #scheduleSection .schedule-table th:nth-child(2){width:22%}.phone-ui #scheduleSection .schedule-table th:nth-child(3){width:35%}.phone-ui #scheduleSection .schedule-table th:nth-child(4){width:20%}.phone-ui #scheduleSection .schedule-table .btn{padding:6px!important;font-size:9px!important}

/* Warehouse: category tree and controls live in a single Filters popup. */
html.phone-ui #warehouseSection .warehouse-browser{display:block!important;height:calc(100dvh - 84px)!important;min-height:0!important}.phone-ui #warehouseSection .warehouse-tree-panel,.phone-ui #warehouseSection .warehouse-resizer,.phone-ui #warehouseSection .warehouse-list-tools,.phone-ui #warehouseSection .warehouse-filter-bar{display:none!important}.phone-ui #warehouseSection .warehouse-list-panel{width:100%!important;min-width:0!important}.phone-ui #warehouseSection .warehouse-context{padding:10px!important;gap:8px!important}.phone-ui #warehouseSection .warehouse-context-line{min-width:0}.phone-ui #warehouseSection .quality-table-wrap{overflow:auto!important}
html.phone-ui #phoneMoveModal .warehouse-tree-panel,html.phone-ui #phoneMoveModal .warehouse-list-tools,html.phone-ui #phoneMoveModal .warehouse-filter-bar{display:flex!important;position:static!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;flex-direction:column!important;gap:9px!important;border:0!important;box-shadow:none!important;padding:0!important;background:transparent!important}
html.phone-ui #phoneMoveModal .warehouse-tree-list{display:block!important;max-height:34dvh!important;overflow:auto!important;border:1px solid #e4e7ec;border-radius:12px;padding:7px!important}.phone-ui #phoneMoveModal .warehouse-list-tools>* ,html.phone-ui #phoneMoveModal .warehouse-filter-bar>*{width:100%!important;min-width:0!important;max-width:none!important}

/* Work-center phone header: one row, QC remains visible; operational body stays statistics-only. */
html.phone-ui body.workspace-center .page{padding:0 10px 10px!important}.phone-ui body.workspace-center .topbar{height:50px!important;min-height:50px!important;margin:0 -10px 10px!important;padding:6px 8px!important;display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:6px!important;overflow:visible!important}.phone-ui body.workspace-center .topbar-left,.phone-ui body.workspace-center .topbar-right{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:5px!important;min-width:0!important}.phone-ui body.workspace-center .topbar-left{flex:1 1 auto;overflow:hidden}.phone-ui body.workspace-center .topbar-right{flex:0 0 auto}.phone-ui body.workspace-center .mode-badge{display:none!important}.phone-ui body.workspace-center .screen-title{font-size:13px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0!important}.phone-ui body.workspace-center #qcOpenBtn.phone-qc-allowed{display:inline-flex!important}.phone-ui body.workspace-center #qcOpenBtn,.phone-ui body.workspace-center #backToDashboardBtn{width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border-radius:11px!important}.phone-ui body.workspace-center .topbar-right .user-time-pill{height:34px!important;min-height:34px!important}.phone-ui body.workspace-center .topbar-right .clock{font-size:11px!important;padding-left:7px!important}.phone-ui body.workspace-center .topbar-right .icon-btn{width:30px!important;height:30px!important;min-width:30px!important}.phone-ui body.workspace-center .edge-topbar-role,.phone-ui body.workspace-center .drilling-topbar-mode,.phone-ui body.workspace-center .cutting-topbar-mode,.phone-ui body.workspace-center .part-topbar-mode{display:none!important}.phone-ui body.workspace-center .hero-with-chart{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto auto auto!important;gap:7px!important}.phone-ui body.workspace-center .hero-with-chart>.hero-stat{min-width:0!important;padding:9px!important}.phone-ui body.workspace-center .hero-with-chart>.hero-chart-card{grid-column:1/-1!important;grid-row:auto!important;min-width:0!important;order:10!important}.phone-ui body.workspace-center .hero-chart-card svg{max-width:100%!important}.phone-ui body.workspace-center .mobile-workcenter-notice{margin-top:8px!important}

/* v366 phone refinements */
/* Work-entry cards: keep every value inside the button without clipping or overlap. */
html.phone-ui #workCenterSelect .workcenter-entry{height:auto!important;min-height:168px!important;overflow:hidden!important;box-sizing:border-box!important}
html.phone-ui #workCenterSelect .workcenter-entry>*{min-width:0!important;max-width:100%!important}
html.phone-ui #workCenterSelect .workcenter-entry-top>span:first-child{min-width:0!important;max-width:calc(100% - 38px)!important}
html.phone-ui #workCenterSelect .workcenter-entry .meta{margin-top:2px!important;align-content:flex-start!important}
html.phone-ui #workCenterSelect .workcenter-entry .meta span{max-width:100%!important;padding:3px 6px!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.15!important}
html.phone-ui #workCenterSelect .workcenter-entry .action{width:100%!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-end!important;gap:3px!important}
html.phone-ui #workCenterSelect .workcenter-entry .action .pill,html.phone-ui #workCenterSelect .workcenter-entry .action-label{max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:left!important}

/* Schedule: one focused editor at a time instead of three stacked configuration blocks. */
.phone-schedule-tabs{display:none}
html.phone-ui #scheduleSection .employee-toolbar{display:flex!important;align-items:center!important;gap:8px!important;padding:10px!important}
html.phone-ui #scheduleSection .employee-toolbar-main{min-width:0!important;flex:1 1 auto!important}
html.phone-ui #scheduleSection .employee-toolbar-main .muted{display:none!important}
html.phone-ui #scheduleSection .employee-controls{flex:0 0 auto!important}
html.phone-ui #scheduleSection #reloadScheduleBtn{width:38px!important;height:38px!important;padding:0!important;font-size:0!important}
html.phone-ui #scheduleSection #reloadScheduleBtn::before{content:'↻';font-size:20px!important}
html.phone-ui #scheduleSection .phone-schedule-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 10px 10px}
html.phone-ui #scheduleSection .phone-schedule-tab{border:1px solid var(--line);background:#fff;color:#475467;border-radius:12px;padding:9px 6px;font-size:11px;font-weight:800;min-width:0}
html.phone-ui #scheduleSection .phone-schedule-tab.active{background:var(--primary-soft);border-color:#bfd2ff;color:var(--primary)}
html.phone-ui #scheduleSection .schedule-layout{display:block!important;padding:0 10px 10px!important}
html.phone-ui #scheduleSection .schedule-layout>.schedule-card{display:none!important;margin:0!important;min-width:0!important;width:100%!important}
html.phone-ui #scheduleSection[data-phone-schedule-view="week"] .schedule-layout>.schedule-card:nth-child(1),
html.phone-ui #scheduleSection[data-phone-schedule-view="exceptions"] .schedule-layout>.schedule-card:nth-child(2),
html.phone-ui #scheduleSection[data-phone-schedule-view="hours"] .schedule-layout>.schedule-card:nth-child(3){display:block!important}
html.phone-ui #scheduleSection .schedule-card-head{padding:12px!important;gap:8px!important;flex-wrap:nowrap!important}
html.phone-ui #scheduleSection .schedule-card-head strong{font-size:14px!important;min-width:0!important}
html.phone-ui #scheduleSection .schedule-card-head .btn{flex:0 0 auto!important}
html.phone-ui #scheduleSection .schedule-card-body{padding:10px!important}
html.phone-ui #scheduleSection .schedule-weekday-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;padding:11px 10px!important;gap:8px!important}
html.phone-ui #scheduleSection .schedule-weekday-name{font-size:13px!important;font-weight:800!important;min-width:0!important}
html.phone-ui #scheduleSection .schedule-switch{font-size:11px!important;white-space:nowrap!important}
html.phone-ui #scheduleSection .schedule-exception-form{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin-bottom:12px!important}
html.phone-ui #scheduleSection .schedule-exception-form label{display:grid!important;gap:5px!important;font-size:11px!important;font-weight:800!important}
html.phone-ui #scheduleSection .schedule-exception-form .btn{width:100%!important}
html.phone-ui #scheduleSection .schedule-table-wrap{width:100%!important;max-width:100%!important;overflow:auto!important;border:1px solid var(--line)!important;border-radius:12px!important}
html.phone-ui #scheduleSection .schedule-table{min-width:520px!important;width:520px!important;table-layout:auto!important}
html.phone-ui #scheduleSection .schedule-table th,html.phone-ui #scheduleSection .schedule-table td{padding:8px!important;font-size:11px!important;white-space:nowrap!important}
html.phone-ui #scheduleSection .schedule-hours-form{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
html.phone-ui #scheduleSection .schedule-time-pair{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
html.phone-ui #scheduleSection .schedule-time-pair select{height:44px!important;font-size:15px!important}

/* Warehouse: keep the data table visible; only tree/tools/filter controls move behind the filter button. */
html.phone-ui #warehouseSection .warehouse-browser{display:block!important;height:calc(100dvh - 82px)!important;min-height:360px!important;overflow:hidden!important}
html.phone-ui #warehouseSection .warehouse-list-panel{display:flex!important;flex-direction:column!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;padding:10px!important;overflow:hidden!important}
html.phone-ui #warehouseSection .warehouse-context{display:flex!important;flex:0 0 auto!important;min-height:44px!important;margin:0 0 8px!important}
html.phone-ui #warehouseSection .warehouse-context-line{display:flex!important;min-width:0!important;flex:1 1 auto!important}
html.phone-ui #warehouseSection .warehouse-list-panel>.quality-table-wrap{display:block!important;visibility:visible!important;opacity:1!important;flex:1 1 auto!important;min-height:220px!important;width:100%!important;overflow:auto!important;margin:0!important;padding:0!important}
html.phone-ui #warehouseSection #warehouseManagedTable{display:table!important;visibility:visible!important;opacity:1!important;width:100%!important;min-width:720px!important}
html.phone-ui #warehouseSection #warehouseManagedTable thead{display:table-header-group!important}
html.phone-ui #warehouseSection #warehouseManagedTable tbody{display:table-row-group!important}
html.phone-ui #warehouseSection #warehouseManagedTable tr{display:table-row!important}
html.phone-ui #warehouseSection #warehouseManagedTable th,html.phone-ui #warehouseSection #warehouseManagedTable td{display:table-cell!important;white-space:nowrap!important;padding:9px 10px!important;font-size:11px!important}

/* Product directory modal from v366: still the same selector on phone, just arranged vertically. */
html.phone-ui #productDirectoryModal .product-directory-body{padding:12px!important;min-height:0!important}
html.phone-ui #productDirectoryModal .product-directory-filters{grid-template-columns:1fr 1fr!important;gap:8px!important}
html.phone-ui #productDirectoryModal .product-directory-search{grid-column:1/-1!important}
html.phone-ui #productDirectoryModal #clearProductDirectoryFiltersBtn{grid-column:1/-1!important}
html.phone-ui #productDirectoryModal .product-directory-table-wrap{flex:1 1 auto!important;min-height:180px!important}
html.phone-ui #productDirectoryModal .product-directory-actions{flex:0 0 auto!important}