:root { --dash-navy:#072f45; --dash-teal:#119eb2; --dash-soft:#eaf6f8; --dash-border:#d5e4e8; --dash-muted:#637d89; --dash-bg:#f3f8f9; }
* { box-sizing:border-box; }
.dashboard-page { margin:0; min-width:320px; color:#102b39; background:var(--dash-bg); font-family:"Brandon Grotesque","Segoe UI",Arial,sans-serif; }
.dashboard-page,
.dashboard-page button,
.dashboard-page input,
.dashboard-page select,
.dashboard-page textarea {
    font-family: "Futura", "Futura PT", "Century Gothic", "Trebuchet MS", sans-serif;
}
.dashboard-shell { display:flex; min-height:100vh; }
.dashboard-sidebar { position:fixed; z-index:10; top:0; bottom:0; left:0; display:flex; flex-direction:column; width:236px; padding:26px 13px 18px; background:#e6f4f6; border-right:1px solid #cfe1e5; }
.dashboard-sidebar-close,.dashboard-menu-backdrop { display:none; }
.dashboard-logo { display:block; width:175px; margin:2px 13px 42px; }
.dashboard-logo img { display:block; width:100%; height:auto; }
.dashboard-nav { display:grid; gap:7px; }
.dashboard-nav a,.dashboard-logout { display:flex; align-items:center; gap:14px; min-height:45px; padding:0 15px; color:#0e607a; border-radius:3px; font-size:.9rem; font-weight:700; text-decoration:none; }
.dashboard-nav a i,.dashboard-logout i { width:20px; color:#0b99b0; font-size:18px; text-align:center; }
.dashboard-nav a:hover,.dashboard-nav a.is-active { color:#fff; background:#109eb3; }
.dashboard-nav a:hover i,.dashboard-nav a.is-active i { color:#fff; }
.dashboard-nav b { display:grid; place-items:center; width:18px; height:18px; margin-left:auto; color:#fff; background:#f29a45; border-radius:50%; font-size:.65rem; }
.dashboard-logout { margin-top:auto; }
.dashboard-main { width:calc(100% - 236px); margin-left:236px; }
.dashboard-topbar { position:sticky; z-index:5; top:0; display:flex; align-items:center; gap:18px; min-height:78px; padding:13px 31px; background:#fff; border-bottom:1px solid var(--dash-border); }
.dashboard-menu-toggle { display:none; }
.dashboard-search { position:relative; display:flex; align-items:center; flex:1; min-width:0; max-width:490px; margin:0; }
.dashboard-search i { position:absolute; left:16px; color:#6b8995; font-size:15px; }
.dashboard-search input { width:100%; height:43px; padding:0 15px 0 42px; color:#173846; outline:0; border:1px solid #d5e4e8; border-radius:3px; background:#f9fbfb; font-size:.88rem; }
.dashboard-search input:focus { border-color:#199cb1; box-shadow:0 0 0 3px rgba(17,158,178,.12); }
.dashboard-top-actions { display:flex; align-items:center; gap:9px; margin-left:auto; }
.dashboard-top-actions>button,.dashboard-top-actions>a { position:relative; display:grid; place-items:center; width:39px; height:39px; color:#0d89a2; border:1px solid #b9dde4; border-radius:3px; background:#f8fcfc; text-decoration:none; }
.dashboard-top-actions b { position:absolute; top:-7px; right:-7px; display:grid; place-items:center; width:18px; height:18px; color:#fff; background:#079ab2; border-radius:50%; font-size:.63rem; }
.dashboard-user { display:flex; align-items:center; gap:9px; margin-left:7px; }
.dashboard-avatar { display:grid; place-items:center; width:39px; height:39px; color:#fff; background:linear-gradient(135deg,#1aa6b9,#0c4e6b); border-radius:50%; font-size:.72rem; font-weight:800; }
.dashboard-user span:not(.dashboard-avatar) { display:grid; gap:2px; white-space:nowrap; }
.dashboard-user small { color:#6e8791; font-size:.56rem; font-weight:800; letter-spacing:.09em; }
.dashboard-user strong { color:#0d5c78; font-size:.76rem; }
.dashboard-user>i { color:#59808e; font-size:.65rem; }
.dashboard-content { max-width:1520px; margin:0 auto; padding:32px 32px 46px; }
.dashboard-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:26px; }
.dashboard-heading p,.panel-heading p { margin:0 0 5px; color:#1396ab; font-size:.63rem; font-weight:800; letter-spacing:.11em; }
.dashboard-heading h1 { margin:0; color:#0b3346; font-size:1.72rem; font-weight:800; letter-spacing:-.03em; }
.dashboard-heading span { display:block; margin-top:7px; color:var(--dash-muted); font-size:.84rem; }
.dashboard-primary-action,.dashboard-outline-action { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:42px; padding:0 16px; color:#fff; background:#0b4660; border-radius:3px; font-size:.72rem; font-weight:800; letter-spacing:.06em; text-decoration:none; }
.dashboard-primary-action:hover { color:#fff; background:#11627f; }
.dashboard-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-bottom:25px; }
.dashboard-stats article { display:flex; align-items:center; gap:13px; min-height:107px; padding:18px; background:#fff; border:1px solid var(--dash-border); border-radius:3px; box-shadow:0 4px 15px rgba(7,47,69,.035); }
.stat-icon { display:grid; place-items:center; flex:0 0 43px; width:43px; height:43px; border-radius:3px; font-size:18px; }
.stat-icon.blue { color:#0b91aa; background:#e4f6f8; }.stat-icon.teal { color:#248e84; background:#e6f5f0; }.stat-icon.gold { color:#b67820; background:#fff4df; }.stat-icon.navy { color:#275d89; background:#e8eef9; }
.dashboard-stats div { display:grid; gap:2px; }.dashboard-stats small { color:#63808b; font-size:.63rem; font-weight:800; letter-spacing:.06em; }.dashboard-stats strong { color:#092f43; font-size:1.46rem; line-height:1; }.dashboard-stats em { color:#748b94; font-size:.66rem; font-style:normal; }
.dashboard-panel { background:#fff; border:1px solid var(--dash-border); border-radius:3px; box-shadow:0 4px 15px rgba(7,47,69,.035); }
.panel-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:20px 22px 15px; }.panel-heading h2 { margin:0; color:#113447; font-size:1.05rem; font-weight:800; }.panel-heading>a { color:#0b859d; font-size:.65rem; font-weight:800; letter-spacing:.07em; text-decoration:none; }
.panel-filters { display:flex; gap:8px; }.panel-filters button { padding:7px 10px; color:#54717e; border:1px solid transparent; border-radius:3px; background:transparent; font-size:.68rem; font-weight:700; }.panel-filters button.is-selected { color:#0a8198; border-color:#c9e7eb; background:#f0fbfc; }
.dashboard-table-wrap { overflow-x:auto; padding:0 22px 22px; }.dashboard-table-wrap table { width:100%; min-width:675px; border-collapse:collapse; }.dashboard-table-wrap th { padding:12px 10px; color:#fff; background:#129bb0; font-size:.67rem; font-weight:800; letter-spacing:.035em; }.dashboard-table-wrap th:first-child { border-radius:3px 0 0 0; }.dashboard-table-wrap th:last-child { border-radius:0 3px 0 0; }.dashboard-table-wrap td { padding:13px 10px; color:#345463; border-bottom:1px solid #e2ecef; font-size:.77rem; }.dashboard-table-wrap tr:last-child td { border-bottom:0; }.dashboard-table-wrap td strong { display:block; color:#15394a; font-size:.79rem; }.dashboard-table-wrap td span:not(.order-status) { color:#78909a; font-size:.67rem; }.order-status { display:inline-flex; padding:4px 7px; border-radius:2px; font-size:.62rem; font-weight:800; text-transform:uppercase; }.is-processing { color:#9a6315; background:#fff2d5; }.is-shipped { color:#106c89; background:#e1f5f8; }.is-complete { color:#237354; background:#e6f5ee; }.table-more { color:#5e7e8b; border:0; background:transparent; }
.dashboard-bottom-grid { display:grid; grid-template-columns:1.28fr .72fr; gap:20px; margin-top:20px; }.dashboard-activity,.dashboard-request { min-height:206px; }.activity-row { display:flex; align-items:center; gap:12px; margin:0 20px; padding:13px 0; color:inherit; border-top:1px solid #e5eef0; text-decoration:none; }.activity-icon { display:grid; place-items:center; width:33px; height:33px; color:#118ea4; background:#eaf7f8; border-radius:3px; font-size:14px; }.activity-row span:nth-child(2) { display:grid; gap:4px; flex:1; }.activity-row strong { color:#193e50; font-size:.78rem; }.activity-row small { color:#78909a; font-size:.67rem; }.activity-row>i { color:#88a0a9; font-size:.68rem; }.dashboard-request { padding-bottom:21px; background:linear-gradient(135deg,#fff 40%,#f1fbfc); }.dashboard-request>p { margin:0 22px 19px; color:#647d88; font-size:.8rem; line-height:1.55; }.dashboard-outline-action { min-height:37px; margin-left:22px; padding:0 12px; color:#087e96; border:1px solid #8fcbd5; background:transparent; font-size:.64rem; }.dashboard-outline-action:hover { color:#fff; background:#0b879e; }
@media(max-width:1120px){.dashboard-sidebar{width:198px}.dashboard-main{width:calc(100% - 198px);margin-left:198px}.dashboard-content{padding:27px 22px}.dashboard-topbar{padding:13px 22px}.dashboard-stats{grid-template-columns:repeat(2,1fr)}.dashboard-user span:not(.dashboard-avatar),.dashboard-user>i{display:none}}
@media(max-width:760px){.dashboard-sidebar{transform:translateX(-100%);width:245px;transition:transform .2s ease}.dashboard-sidebar.is-open{transform:translateX(0);box-shadow:12px 0 30px rgba(0,0,0,.18)}.dashboard-menu-backdrop{position:fixed;z-index:9;inset:0;display:block;visibility:hidden;opacity:0;background:rgba(4,22,31,.4);transition:opacity .2s ease,visibility .2s}.dashboard-menu-backdrop.is-visible{visibility:visible;opacity:1}.dashboard-sidebar-close{position:absolute;top:18px;right:13px;display:grid;place-items:center;width:34px;height:34px;color:#0a455f;border:1px solid #c8d8de;border-radius:3px;background:#fff;font-size:16px}.dashboard-main{width:100%;margin-left:0}.dashboard-topbar{min-height:65px;padding:10px 14px;gap:10px}.dashboard-menu-toggle{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;color:#0e6982;border:1px solid #cfe0e4;border-radius:3px;background:#fff}.dashboard-search{max-width:none}.dashboard-top-actions{gap:5px}.dashboard-top-actions>button:nth-child(2){display:none}.dashboard-top-actions>button,.dashboard-top-actions>a{width:36px;height:36px}.dashboard-content{padding:22px 14px 34px}.dashboard-heading{align-items:flex-start;flex-direction:column;margin-bottom:20px}.dashboard-heading h1{font-size:1.42rem}.dashboard-primary-action{width:100%}.dashboard-stats{grid-template-columns:1fr 1fr;gap:10px}.dashboard-stats article{min-height:91px;padding:13px;gap:10px}.stat-icon{flex-basis:35px;width:35px;height:35px;font-size:15px}.dashboard-stats strong{font-size:1.22rem}.dashboard-stats em{display:none}.dashboard-bottom-grid{grid-template-columns:1fr;gap:14px}.panel-heading{padding:17px 15px 13px}.dashboard-table-wrap{padding:0 15px 16px}.panel-filters button:last-child{display:none}.dashboard-table-wrap td,.dashboard-table-wrap th{padding:11px 8px}.dashboard-search input{height:38px}.dashboard-logo{margin-top:6px}.dashboard-menu-open{overflow:hidden}}

/* Ruchita dashboard theme: shared navy, white and soft blue-grey surfaces. */
:root { --dash-navy:#07212f; --dash-teal:#0f425d; --dash-soft:#e8f2f6; --dash-border:#c8d8de; --dash-muted:#617985; --dash-bg:#f7f8f8; }
.dashboard-page { color:#102734; background:#f7f8f8; }
.dashboard-sidebar { background:#fff; border-right-color:#d9e5e9; }
.dashboard-logo { width:165px; }
.dashboard-nav a,.dashboard-logout { color:#486a79; border-radius:3px; }
.dashboard-nav a i,.dashboard-logout i { color:#0f5875; }
.dashboard-nav a:hover,.dashboard-nav a.is-active { background:#07212f; color:#fff; }
.dashboard-nav a:hover i,.dashboard-nav a.is-active i { color:#fff; }
.dashboard-nav b { background:#ef7b58; }
.dashboard-topbar { background:#fff; border-bottom-color:#d8e4e8; box-shadow:0 2px 10px rgba(7,33,47,.035); }
.dashboard-search input { border-color:#c8d8de; background:#fbfcfc; border-radius:3px; }
.dashboard-search i { color:#547886; }
.dashboard-top-actions>button,.dashboard-top-actions>a { color:#0a455f; border-color:#c8d8de; background:#fff; border-radius:3px; }
.dashboard-top-actions>button:hover,.dashboard-top-actions>a:hover { color:#fff; border-color:#07212f; background:#07212f; }
.dashboard-top-actions b { background:#ef7b58; }
.dashboard-avatar { background:#07212f; border-radius:3px; }
.dashboard-topbar { --control-height:40px; }
.dashboard-topbar .dashboard-search input { height:var(--control-height); margin:0; }
.dashboard-topbar .dashboard-menu-toggle,
.dashboard-topbar .dashboard-top-actions>button,
.dashboard-topbar .dashboard-top-actions>a,
.dashboard-topbar .dashboard-avatar { width:var(--control-height); height:var(--control-height); flex-shrink:0; padding:0; line-height:1; }
.dashboard-topbar .dashboard-menu-toggle { flex-basis:var(--control-height); }
.dashboard-topbar .dashboard-user { margin-left:0; }
.dashboard-topbar .dashboard-top-actions { flex-shrink:0; gap:8px; }
.dashboard-topbar .dashboard-search i { top:50%; transform:translateY(-50%); line-height:1; }
@media(max-width:760px){.dashboard-topbar{--control-height:38px;gap:10px}.dashboard-topbar .dashboard-top-actions{gap:7px}.dashboard-topbar .dashboard-search input{font-size:.78rem; padding-left:34px}.dashboard-topbar .dashboard-search i{left:12px}}
.dashboard-user strong { color:#0a3d54; }
.dashboard-heading p,.panel-heading p { color:#0f5875; }
.dashboard-heading h1,.panel-heading h2 { color:#102734; }
.dashboard-primary-action { background:#07212f; border-radius:3px; }
.dashboard-primary-action:hover { background:#0f425d; }
.dashboard-stats article,.dashboard-panel { border-color:#d3e0e4; border-radius:3px; box-shadow:0 4px 15px rgba(7,33,47,.04); }
.stat-icon.blue { color:#0f5875; background:#e8f2f6; }.stat-icon.teal { color:#1f6c65; background:#e9f3f1; }.stat-icon.gold { color:#a46c20; background:#fbf0df; }.stat-icon.navy { color:#234d6b; background:#eaf0f6; }
.dashboard-stats small { color:#617985; }.dashboard-stats strong { color:#102734; }.dashboard-stats em { color:#758a94; }
.panel-filters button.is-selected { color:#0f5875; border-color:#c8dfe5; background:#f2f8f9; }
.dashboard-table-wrap th { background:#07212f; }.dashboard-table-wrap td { color:#486a79; border-bottom-color:#e2eaed; }.dashboard-table-wrap td strong { color:#102f40; }
.is-processing { color:#955f15; background:#fff2da; }.is-shipped { color:#0d5f7b; background:#e5f3f7; }.is-complete { color:#236c52; background:#e6f3eb; }
.activity-icon { color:#0f5875; background:#e8f2f6; border-radius:3px; }.activity-row strong { color:#163849; }.dashboard-request { background:linear-gradient(135deg,#fff 45%,#edf5f7); }.dashboard-outline-action { color:#0d4d67; border-color:#9fc5d1; border-radius:3px; }.dashboard-outline-action:hover { background:#07212f; border-color:#07212f; }
@media(max-width:760px){.dashboard-menu-toggle{color:#0a455f;border-color:#c8d8de}.dashboard-menu-toggle:hover{color:#fff;background:#07212f}.dashboard-sidebar.is-open{box-shadow:12px 0 30px rgba(7,33,47,.16)}}

.cad-tasks-panel { margin-top:20px; }.cad-panel-note { display:inline-flex; align-items:center; gap:6px; color:#7d5a18; font-size:.7rem; font-weight:700; }.cad-task-list { display:grid; padding:0 22px 18px; }.cad-task-card { display:grid; grid-template-columns:40px minmax(0,1fr) auto 24px; align-items:center; gap:13px; padding:14px 0; border-top:1px solid #e2ecef; }.cad-task-icon { display:grid; place-items:center; width:38px; height:38px; color:#0f5875; background:#e8f2f6; border-radius:3px; }.cad-task-copy { display:grid; gap:3px; }.cad-task-copy small { color:#718995; font-size:.61rem; font-weight:800; letter-spacing:.07em; }.cad-task-copy strong { color:#173b4c; font-size:.82rem; }.cad-task-copy span { color:#6a828d; font-size:.71rem; }.cad-task-state { display:grid; justify-items:end; gap:5px; }.cad-task-state>b { padding:4px 6px; border-radius:2px; font-size:.61rem; letter-spacing:.04em; }.cad-pending { color:#996315; background:#fff1d7; }.cad-task-state span { color:#708793; font-size:.67rem; }.cad-task-state strong { color:#a36713; font-variant-numeric:tabular-nums; }.cad-task-card>a { color:#0d5974; font-size:.72rem; }
@media(max-width:760px){.cad-panel-note{display:none}.cad-task-list{padding:0 15px 15px}.cad-task-card{grid-template-columns:34px minmax(0,1fr) 18px;gap:9px}.cad-task-icon{width:34px;height:34px}.cad-task-state{grid-column:2;justify-items:start;grid-template-columns:auto 1fr;align-items:center;gap:8px}.cad-task-card>a{grid-column:3;grid-row:1}.cad-task-copy span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

.cad-stats { grid-template-columns:repeat(3,1fr); }.cad-detail-list { display:grid; gap:0; padding:0 22px 22px; }.cad-detail-card { display:grid; grid-template-columns:104px minmax(0,1fr) 155px; gap:17px; align-items:center; padding:18px 0; border-top:1px solid #e2ecef; }.cad-detail-card>img { width:104px; height:104px; border:1px solid #d5e3e7; border-radius:3px; background:#f5f8f9; object-fit:contain; }.cad-detail-main { min-width:0; }.cad-detail-top { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }.cad-detail-top small { color:#708894; font-size:.62rem; font-weight:800; letter-spacing:.08em; }.cad-detail-top h3 { margin:3px 0 0; color:#12394b; font-size:.93rem; font-weight:800; }.cad-detail-main h4 { margin:10px 0 4px; color:#102f40; font-size:.84rem; font-weight:800; }.cad-detail-main>p { margin:0; color:#647d88; font-size:.72rem; }.cad-detail-main dl { display:flex; gap:20px; margin:13px 0 0; }.cad-detail-main dl div { display:grid; gap:3px; }.cad-detail-main dt { color:#78909a; font-size:.58rem; font-weight:800; letter-spacing:.06em; }.cad-detail-main dd { margin:0; color:#1b4051; font-size:.7rem; font-weight:700; }.cad-delivery { display:grid; justify-items:end; gap:5px; text-align:right; }.cad-delivery span { color:#748b95; font-size:.64rem; }.cad-delivery strong { color:#a36713; font-size:1rem; font-variant-numeric:tabular-nums; }.cad-delivery a { margin-top:7px; color:#0d5974; font-size:.62rem; font-weight:800; letter-spacing:.045em; text-decoration:none; }
@media(max-width:760px){.cad-stats{grid-template-columns:1fr 1fr}.cad-detail-list{padding:0 15px 16px}.cad-detail-card{grid-template-columns:72px minmax(0,1fr);gap:11px}.cad-detail-card>img{width:72px;height:72px}.cad-detail-top{display:block}.cad-detail-top>b{display:inline-block;margin-top:7px}.cad-detail-main h4{margin-top:8px;font-size:.78rem}.cad-detail-main>p{font-size:.66rem}.cad-detail-main dl{flex-wrap:wrap;gap:8px 16px;margin-top:10px}.cad-delivery{grid-column:2;justify-items:start;text-align:left;grid-template-columns:auto auto auto;align-items:center;gap:8px}.cad-delivery a{margin:0}.cad-delivery span{display:none}}

/* Orders and order-detail pages. */
.orders-content,.order-detail-content { max-width:1520px; }
.orders-filter-panel { margin-bottom:20px; }
.orders-filter { display:flex; align-items:flex-end; gap:14px; padding:18px 22px; }
.orders-filter label { display:grid; gap:6px; min-width:155px; color:#4e6e7b; font-size:.68rem; font-weight:800; letter-spacing:.04em; }
.orders-filter select,.orders-filter input { height:39px; padding:0 10px; color:#183a4a; outline:0; border:1px solid #c8d8de; border-radius:3px; background:#fff; font-size:.78rem; }
.orders-filter .dashboard-primary-action { min-height:39px; border:0; }
.orders-list-panel { min-height:460px; }
.orders-sort { padding:8px 10px; color:#456674; border:1px solid #c8d8de; border-radius:3px; background:#fff; font-size:.69rem; font-weight:700; }
.orders-sort i { margin-left:8px; font-size:.62rem; }
.order-detail-link { display:inline-flex; align-items:center; gap:6px; color:#0c516d; font-size:.66rem; font-weight:800; letter-spacing:.035em; text-decoration:none; white-space:nowrap; }
.order-detail-link:hover { color:#0f425d; text-decoration:underline; }
.order-back { display:inline-flex; align-items:center; gap:8px; margin-bottom:19px; color:#0a516c; font-size:.7rem; font-weight:800; letter-spacing:.07em; text-decoration:none; }
.order-detail-heading { margin-bottom:23px; }
.detail-actions { display:flex; align-items:center; gap:12px; }
.detail-actions .dashboard-outline-action { margin:0; }
.order-summary { display:grid; grid-template-columns:repeat(4,1fr); margin-bottom:20px; border:1px solid #d3e0e4; border-radius:3px; background:#fff; box-shadow:0 4px 15px rgba(7,33,47,.04); }
.order-summary article { display:grid; gap:7px; min-height:122px; padding:22px; border-right:1px solid #e0eaed; }.order-summary article:last-child { border-right:0; }
.order-summary small { color:#5a7785; font-size:.65rem; font-weight:800; letter-spacing:.07em; }.order-summary strong { color:#092f43; font-size:1.3rem; line-height:1; }.order-summary span { color:#78909a; font-size:.7rem; }
.order-stones-panel { min-height:365px; }
.stone-table a { color:#0c607b; font-weight:700; text-decoration:none; }.stone-table a:hover { text-decoration:underline; }
.order-detail-bottom { grid-template-columns:1.25fr .75fr; }
.order-timeline { display:grid; gap:0; margin:0; padding:3px 22px 22px; list-style:none; }.order-timeline li { position:relative; display:flex; align-items:flex-start; gap:12px; min-height:54px; padding-bottom:15px; }.order-timeline li:not(:last-child)::before { position:absolute; top:22px; left:8px; width:1px; height:33px; background:#d5e2e6; content:""; }.order-timeline i { position:relative; z-index:1; display:grid; place-items:center; flex:0 0 17px; width:17px; height:17px; margin-top:2px; color:#fff; border:1px solid #a9c1c9; border-radius:50%; background:#fff; font-size:.55rem; }.order-timeline .is-current i { border-color:#0f5875; background:#0f5875; }.order-timeline div { display:grid; gap:4px; }.order-timeline strong { color:#183a4a; font-size:.78rem; }.order-timeline span { color:#758d97; font-size:.68rem; }
.order-support { padding-bottom:22px; background:linear-gradient(135deg,#fff 45%,#edf5f7); }.order-support>p { margin:0 22px 18px; color:#647d88; font-size:.8rem; line-height:1.55; }.order-support .dashboard-primary-action { margin-left:22px; min-height:39px; font-size:.65rem; }
@media(max-width:760px){.orders-filter{align-items:stretch;flex-direction:column;padding:15px}.orders-filter label{width:100%}.orders-filter .dashboard-primary-action{width:100%}.orders-list-panel .panel-heading{align-items:flex-start}.orders-sort{margin-top:2px}.order-detail-heading{align-items:flex-start}.detail-actions{width:100%;justify-content:space-between}.order-summary{grid-template-columns:1fr 1fr}.order-summary article{min-height:102px;padding:16px;border-bottom:1px solid #e0eaed}.order-summary article:nth-child(2){border-right:0}.order-summary article:nth-child(3),.order-summary article:nth-child(4){border-bottom:0}.order-detail-bottom{grid-template-columns:1fr}.order-back{margin-bottom:14px}}