:root{--navy:#0a2342;--navy2:#123a68;--blue:#2563eb;--green:#16a34a;--amber:#f59e0b;--red:#dc2626;--purple:#7c3aed;--bg:#f4f7fb;--text:#172033;--muted:#6b7280;--border:#e5eaf2;--card:#fff}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.shell{display:flex;min-height:100vh}.sidebar{width:250px;background:linear-gradient(180deg,#071b33,#0b2d52);color:#fff;position:fixed;inset:0 auto 0 0;padding:22px 14px;overflow:auto}.brand{display:flex;gap:11px;align-items:center;padding:0 10px 22px;border-bottom:1px solid #ffffff18}.brand-badge{width:42px;height:42px;border-radius:13px;background:#ffffff16;display:grid;place-items:center;font-weight:800}.brand strong{font-size:16px;display:block}.brand small{color:#b7c8da}.nav-section{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#7fa0c2;padding:22px 13px 8px}.nav a{display:flex;gap:11px;align-items:center;padding:11px 13px;border-radius:10px;margin:3px 0;color:#dbe8f5;font-size:14px}.nav a:hover,.nav a.active{background:#ffffff16;color:#fff}.nav .ico{width:21px;text-align:center}.main{margin-left:250px;width:calc(100% - 250px)}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:5}.top-title{font-size:18px;font-weight:800}.userbox{display:flex;align-items:center;gap:11px}.avatar{width:39px;height:39px;border-radius:50%;background:#e8eef8;display:grid;place-items:center;font-weight:800;color:#17406c}.content{padding:25px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head h1{font-size:25px;margin:0}.page-head p{color:var(--muted);margin:5px 0 0}.btn{border:0;border-radius:9px;padding:10px 15px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:7px}.btn-primary{background:var(--blue);color:#fff}.btn-success{background:var(--green);color:#fff}.btn-danger{background:var(--red);color:#fff}.btn-light{background:#eef3f9;color:#29405b}.btn-sm{padding:7px 10px;font-size:12px}.grid-kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.kpi{background:var(--card);border:1px solid var(--border);border-radius:15px;padding:18px;box-shadow:0 5px 18px #18324b0a}.kpi-top{display:flex;justify-content:space-between;align-items:flex-start}.kpi .label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:800}.kpi .value{font-size:28px;font-weight:850;margin-top:7px}.kpi .sub{font-size:12px;color:var(--muted);margin-top:4px}.kpi-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:#eff6ff;color:var(--blue)}.panels{display:grid;grid-template-columns:1.6fr 1fr;gap:18px}.card{background:#fff;border:1px solid var(--border);border-radius:15px;box-shadow:0 5px 18px #18324b08}.card-head{padding:17px 18px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.card-head h3{margin:0;font-size:15px}.card-body{padding:18px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;padding:11px 12px;color:#667085;text-transform:uppercase;font-size:10px;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:12px;border-bottom:1px solid #edf0f5;vertical-align:middle}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800}.badge-green{background:#dcfce7;color:#166534}.badge-blue{background:#dbeafe;color:#1d4ed8}.badge-amber{background:#fef3c7;color:#92400e}.badge-red{background:#fee2e2;color:#991b1b}.badge-gray{background:#eef2f7;color:#475569}.form-card{background:#fff;border:1px solid var(--border);border-radius:15px;padding:22px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-group{display:flex;flex-direction:column;gap:7px}.form-group.full{grid-column:1/-1}.form-group label{font-size:12px;font-weight:800;color:#445}.input,.select,.textarea{width:100%;border:1px solid #d7deea;border-radius:9px;padding:10px 12px;background:#fff;font:inherit;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:#6b9df8;box-shadow:0 0 0 3px #2563eb14}.textarea{min-height:90px;resize:vertical}.section-title{font-size:14px;margin:6px 0 14px;padding-bottom:10px;border-bottom:1px solid var(--border)}.alert{padding:12px 15px;border-radius:10px;margin-bottom:16px;font-size:13px}.alert-success{background:#ecfdf3;color:#166534;border:1px solid #bbf7d0}.alert-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick{border:1px solid var(--border);border-radius:12px;padding:13px;text-align:center;background:#fafcff;font-size:12px;font-weight:700}.activity{display:flex;gap:11px;padding:11px 0;border-bottom:1px solid #edf0f5}.activity:last-child{border:0}.activity-dot{width:9px;height:9px;border-radius:50%;background:var(--blue);margin-top:6px}.activity small{color:var(--muted)}.week-bars{display:flex;align-items:flex-end;gap:13px;height:150px;padding-top:12px}.week-col{flex:1;text-align:center;font-size:11px;color:var(--muted)}.bar{background:linear-gradient(#4f8af7,#2563eb);border-radius:6px 6px 2px 2px;min-height:5px;margin:0 auto 7px;width:28px}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.info-box{background:#f8fafc;border:1px solid var(--border);border-radius:12px;padding:14px}.info-box small{display:block;color:var(--muted);margin-bottom:4px}.login-page{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:#eef3f9}.login-hero{background:linear-gradient(135deg,#061b34,#0b3b70);color:white;padding:70px;display:flex;flex-direction:column;justify-content:center}.login-hero h1{font-size:44px;max-width:600px;margin:15px 0}.login-hero p{color:#c8d9e9;max-width:580px;line-height:1.7}.login-box-wrap{display:grid;place-items:center;padding:30px}.login-box{width:min(430px,100%);background:white;padding:34px;border-radius:18px;box-shadow:0 18px 55px #0b223814}.login-box h2{margin:0 0 5px}.login-box p{color:var(--muted);margin-top:0}.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.perm{border:1px solid var(--border);padding:10px;border-radius:9px;font-size:12px;background:#fafcff}@media(max-width:1100px){.grid-kpi{grid-template-columns:repeat(2,1fr)}.panels{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.sidebar{display:none}.main{margin:0;width:100%}.content{padding:15px}.grid-kpi{grid-template-columns:1fr}.form-grid,.profile-grid,.permission-grid{grid-template-columns:1fr}.login-page{grid-template-columns:1fr}.login-hero{display:none}.topbar{padding:0 15px}.quick-grid{grid-template-columns:1fr 1fr}}
.nav-dropdown{margin:3px 0}.nav-dropdown summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:11px 13px;border-radius:10px;color:#dbe8f5;font-size:14px}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown summary span{display:flex;gap:11px;align-items:center}.nav-dropdown[open] summary,.nav-dropdown summary:hover{background:#ffffff0d;color:#fff}.nav-sub{padding:3px 0 6px 31px}.nav-sub a{padding:8px 12px;margin:2px 0;font-size:13px}.text-right{text-align:right}.actions{display:flex;justify-content:flex-end;gap:6px}.actions form{display:inline}.icon-btn{border:1px solid var(--border);background:#fff;border-radius:8px;width:32px;height:32px;display:inline-grid;place-items:center;cursor:pointer;font-size:14px}.icon-btn.danger{color:var(--red)}.empty-state{text-align:center!important;padding:35px!important;color:var(--muted)}.pagination-wrap{padding:14px 18px}.pagination-wrap nav{display:flex;justify-content:space-between;align-items:center}.filter-bar{display:flex;gap:10px;margin-bottom:16px;max-width:720px}.employee-cell{display:flex;gap:10px;align-items:center}.employee-cell .small{width:34px;height:34px}.employee-cell small{display:block;color:var(--muted);margin-top:2px}.tabbed-form{padding:0;overflow:hidden}.form-tabs{display:flex;overflow:auto;border-bottom:1px solid var(--border);background:#f8fafc}.form-tab{appearance:none;border:0;border-bottom:3px solid transparent;background:transparent;padding:16px 18px;white-space:nowrap;font-weight:800;color:#667085;cursor:pointer}.form-tab.active{color:#0b5d47;border-bottom-color:#21a179;background:#fff}.tab-panel{display:none;padding:22px}.tab-panel.active{display:block}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:20px;margin-top:20px;border-top:1px solid var(--border)}.sticky-actions{padding:16px 22px;margin:0;background:#fff}.checkbox-line{justify-content:flex-end}.checkbox-line label{display:flex;gap:8px;align-items:center;min-height:42px}.schedule-table{border:1px solid var(--border);border-radius:12px;overflow:hidden}.schedule-head,.schedule-row{display:grid;grid-template-columns:90px 1fr 180px 180px;gap:12px;align-items:center;padding:10px 14px}.schedule-head{background:#f5f7fa;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase}.schedule-row{border-top:1px solid #eef1f5}.rates-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rates-grid label{display:grid;grid-template-columns:1fr 150px;gap:12px;align-items:center;border:1px solid var(--border);border-radius:10px;padding:9px 12px}.option-stack,.preference-grid{display:grid;gap:10px;margin-top:18px}.preference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toggle-card{display:flex;gap:11px;align-items:flex-start;border:1px solid var(--border);border-radius:11px;padding:13px;background:#fbfcfe}.toggle-card input{margin-top:3px}.toggle-card span{display:flex;flex-direction:column;gap:4px}.toggle-card small,.help{font-size:11px;color:var(--muted);line-height:1.5}.select.multi{min-height:108px}.module-placeholder{text-align:center;padding:50px 20px;color:var(--muted)}.module-placeholder h3{color:var(--text);margin:8px 0}.placeholder-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#dcfce7;color:#166534;margin:auto;font-size:24px;font-weight:800}@media(max-width:900px){.form-tabs{flex-wrap:nowrap}.schedule-head,.schedule-row{grid-template-columns:70px 1fr 130px 130px}.preference-grid,.rates-grid{grid-template-columns:1fr}}@media(max-width:620px){.schedule-head,.schedule-row{grid-template-columns:55px 1fr 105px 105px;gap:6px;padding:9px 8px}.tab-panel{padding:15px}.filter-bar{flex-direction:column}}
.location-form-card{max-width:1120px;margin:0 auto}.location-address-wrap{margin-bottom:16px}.location-map{height:470px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#e8eef4;position:relative}.map-loading{position:absolute;inset:0;display:grid;place-items:center;color:#667085;font-weight:700}.map-api-note{margin-top:10px;padding:10px 12px;border-radius:9px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:12px}.location-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.location-settings-grid .help{margin-top:1px}@media(max-width:760px){.location-map{height:360px}.location-settings-grid{grid-template-columns:1fr}}
/* Phase 5 - Rota Planner */
.rota-page-head{align-items:center}.rota-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.rota-nav,.rota-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.rota-week-input{width:150px}.rota-filters .input{width:190px}.rota-working-only{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--border);border-radius:9px;background:#fff;font-size:12px;font-weight:700;color:#475569}.rota-period{display:flex;justify-content:center;color:#475569;font-size:13px;margin:10px 0 14px}.rota-card{overflow:hidden}.rota-scroll{overflow:auto;max-height:calc(100vh - 265px)}.rota-grid{display:grid;grid-template-columns:210px repeat(7,minmax(145px,1fr));min-width:1230px}.rota-head{position:sticky;top:0;z-index:4;background:#f7f9fc;border-right:1px solid #e6eaf0;border-bottom:1px solid #dde3eb;padding:12px;text-align:center;display:flex;flex-direction:column;gap:3px;color:#344054}.rota-head span{font-size:11px;color:#7b8797}.rota-employee-head{left:0;z-index:6;text-align:left;justify-content:center}.rota-employee{position:sticky;left:0;z-index:3;background:#fff;border-right:1px solid #dde3eb;border-bottom:1px solid #e9edf2;min-height:104px;padding:14px 12px;display:flex;align-items:center;gap:10px}.rota-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;background:#e7edf6;color:#34506f;font-weight:800;font-size:12px}.rota-employee strong{display:block;font-size:13px}.rota-employee small{display:block;color:#8a94a3;font-size:11px;margin-top:3px}.rota-cell{min-height:104px;padding:7px;border-right:1px solid #edf0f4;border-bottom:1px solid #e9edf2;background:#fff;position:relative}.rota-cell:hover{background:#fbfcfe}.rota-head.is-today,.rota-cell.is-today{background:#f5fbf8}.rota-shift-card{width:100%;border:1px solid #cfe2dc;border-left:4px solid #21a179;border-radius:6px;background:#f3fbf8;padding:7px 8px;text-align:left;margin-bottom:5px;cursor:pointer;display:flex;flex-direction:column;gap:2px;color:#173c34}.rota-shift-card:hover{border-color:#21a179;box-shadow:0 2px 7px #16261f16}.rota-shift-card strong{font-size:11px;line-height:1.25}.rota-shift-card small{font-size:10px;color:#638078}.rota-shift-time{font-size:11px;font-weight:800;color:#0d755a}.rota-add-cell{position:absolute;right:6px;bottom:6px;width:25px;height:25px;border:1px dashed #bdc8d6;border-radius:6px;background:#fff;color:#768497;opacity:0;cursor:pointer;font-size:16px;line-height:1}.rota-cell:hover .rota-add-cell{opacity:1}.rota-empty{grid-column:1/-1;padding:40px;text-align:center;color:var(--muted)}.rota-modal{position:fixed;inset:0;z-index:100;display:none}.rota-modal.open{display:block}.rota-modal-backdrop{position:absolute;inset:0;background:#071a2d99}.rota-modal-panel{position:absolute;right:0;top:0;height:100%;width:min(620px,96vw);background:#fff;box-shadow:-15px 0 45px #071a2d35;display:flex;flex-direction:column}.rota-modal-head{padding:20px 22px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.rota-modal-head h3{margin:0 0 3px}.rota-modal-head small{color:var(--muted)}.rota-modal-close{border:0;background:transparent;font-size:28px;color:#657286;cursor:pointer}.rota-modal-body{padding:22px;overflow:auto;flex:1}.rota-modal-actions{padding:15px 22px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:12px}.rota-modal-actions-right{display:flex;gap:8px}.modal-open{overflow:hidden}@media(max-width:850px){.rota-toolbar{align-items:stretch}.rota-filters{width:100%}.rota-filters .input{flex:1;min-width:150px}.rota-scroll{max-height:none}}

/* Final audit: Bootstrap compatibility and mobile navigation */
.badge-success{background:#dcfce7!important;color:#166534!important}.badge-warning{background:#fef3c7!important;color:#92400e!important}
.mobile-menu-btn{display:none;border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer}.mobile-backdrop{display:none}
@media(max-width:760px){
 .sidebar{display:block!important;position:fixed;z-index:1055;left:-285px;top:0;bottom:0;width:270px;transition:left .2s ease;box-shadow:0 0 30px rgba(0,0,0,.18)}
 body.nav-open .sidebar{left:0}.mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center}.mobile-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:1050}
 body.nav-open .mobile-backdrop{display:block}.main{width:100%;min-width:0}.topbar{gap:10px}.content{padding:16px}
}


/* Sidebar stability fix: isolate Workforce navigation from Bootstrap .nav */
.sidebar .nav{
    display:block !important;
    flex-wrap:nowrap !important;
    width:100%;
}
.sidebar .nav > a,
.sidebar .nav > details{
    width:100%;
}
.sidebar .nav-dropdown summary{
    width:100%;
}
.sidebar .nav-sub{
    display:block;
    width:100%;
}
.sidebar .nav-sub a{
    display:flex;
    width:100%;
}

/* Robust off-canvas admin navigation */
@media(max-width:760px){
    .sidebar{
        display:block !important;
        left:0 !important;
        transform:translateX(-105%);
        transition:transform .22s ease;
        width:270px;
        z-index:1055;
    }
    body.nav-open .sidebar{transform:translateX(0)}
    .main{margin-left:0 !important;width:100% !important;min-width:0}
    .mobile-menu-btn{display:inline-flex !important;align-items:center;justify-content:center}
    body.nav-open{overflow:hidden}
}

/* Phase 23 - Managers & Admin Profile */
.profile-settings-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px;align-items:start}.profile-settings-grid .form-card{height:100%}@media(max-width:900px){.profile-settings-grid{grid-template-columns:1fr}}
.kpi-link{display:block;color:inherit;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.kpi-link:hover{color:inherit;transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,23,42,.08);border-color:#b9d9ce}
.kpi-link:focus-visible{outline:3px solid rgba(16,185,129,.22);outline-offset:2px}
/* Fixed duty status colours - shared by Rota Planner and Job Scheduler */
.rota-shift-card.shift-status-draft,.scheduler-shift-card.shift-status-draft{background:#f8fafc!important;border-color:#94a3b8!important;border-left-color:#64748b!important;color:#334155!important}
.rota-shift-card.shift-status-published,.scheduler-shift-card.shift-status-published{background:#eff6ff!important;border-color:#93c5fd!important;border-left-color:#2563eb!important;color:#1e3a8a!important}
.rota-shift-card.shift-status-in_progress,.scheduler-shift-card.shift-status-in_progress{background:#ecfeff!important;border-color:#67e8f9!important;border-left-color:#0891b2!important;color:#164e63!important}
.rota-shift-card.shift-status-worked,.scheduler-shift-card.shift-status-worked{background:#fff7ed!important;border-color:#fdba74!important;border-left-color:#ea580c!important;color:#7c2d12!important}
.rota-shift-card.shift-status-completed,.scheduler-shift-card.shift-status-completed{background:#f0fdf4!important;border-color:#86efac!important;border-left-color:#16a34a!important;color:#14532d!important}
.rota-shift-card.shift-status-approved,.scheduler-shift-card.shift-status-approved{background:#ecfdf5!important;border-color:#6ee7b7!important;border-left-color:#047857!important;color:#064e3b!important}
.rota-shift-card.shift-status-missed,.scheduler-shift-card.shift-status-missed{background:#fef2f2!important;border-color:#fca5a5!important;border-left-color:#dc2626!important;color:#7f1d1d!important}
.rota-shift-card.shift-status-cancelled,.scheduler-shift-card.shift-status-cancelled{background:#f3f4f6!important;border-color:#d1d5db!important;border-left-color:#6b7280!important;color:#4b5563!important;opacity:.8}

/* Admin dashboard live status cards and configurable quick actions */
.dashboard-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-stat{width:100%;text-align:left;font:inherit;cursor:pointer}.dashboard-modal-content{border:0;border-radius:15px;overflow:hidden}.dashboard-action-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-action-choice{display:flex;align-items:center;gap:9px;border:1px solid var(--border);border-radius:10px;padding:11px 12px;background:#fafcff;cursor:pointer;font-size:13px;font-weight:700}.dashboard-action-choice input{width:16px;height:16px}.dashboard-custom-action{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;margin-top:8px}.dashboard-custom-action strong,.dashboard-custom-action small{display:block}.dashboard-custom-action small{color:var(--muted);word-break:break-all;margin-top:2px}@media(max-width:1100px){.dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.dashboard-kpi-grid,.dashboard-action-choices{grid-template-columns:1fr}}

/* Rota availability + drag/drop */
.rota-availability-legend{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:-5px 0 12px;padding:9px 12px;border:1px solid var(--border);border-radius:9px;background:#fff;font-size:11px;color:#64748b}.rota-availability-legend>span{display:inline-flex;align-items:center;gap:6px}.legend-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.legend-dot.available{background:#22c55e}.legend-dot.leave{background:#ef4444}.legend-dot.other-site{background:#f59e0b}.legend-dot.day-off{background:#94a3b8}.rota-drag-help{margin-left:auto;color:#475569;font-weight:600}.rota-cell.is-unavailable{background:#f8fafc}.rota-cell.is-unavailable:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent,transparent 7px,rgba(148,163,184,.06) 7px,rgba(148,163,184,.06) 14px);pointer-events:none}.rota-availability-badge{position:relative;z-index:2;display:block;width:100%;padding:4px 6px;border-radius:5px;margin-bottom:5px;font-size:9px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rota-availability-badge.leave{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.rota-availability-badge.other-site{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.rota-availability-badge.day-off{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.rota-shift-card[draggable="true"]{cursor:grab}.rota-shift-card[draggable="true"]:active{cursor:grabbing}.rota-shift-card.is-dragging{opacity:.45;transform:scale(.98)}.rota-cell.drag-over{outline:2px dashed #2563eb;outline-offset:-3px;background:#eff6ff!important}.rota-availability-message{display:block;margin-top:5px;color:#64748b;font-size:10px}.rota-availability-message.is-error{color:#b91c1c;font-weight:700}@media(max-width:850px){.rota-drag-help{width:100%;margin-left:0}}