/* Aruá / direction 03 — blue canvas, floating white navigation, midnight pills. */
.a-screen{background:#eaf1fc;color:#0d1e4a;font-family:'DM Sans',sans-serif;width:1440px;height:960px;overflow:hidden}
.a-sidebar{width:196px;min-width:196px;height:928px;margin:16px 0 16px 16px;padding:26px 12px 20px;background:#fff;border:0;border-radius:24px;box-shadow:none}
.a-brand{color:#0d1e4a;margin-left:17px;margin-top:3px;font-weight:700}
.a-brand span{color:#0d1e4a;font-size:8px;font-weight:600}
.a-workspace{border:0;border-radius:14px;background:#f0f4fc;padding:10px 9px;margin-bottom:28px;color:#24345d;font-size:11px}
.a-workspace-icon{background:#0d1e4a;border-radius:9px;color:#fff;width:28px;height:30px}
.a-workspace small{color:#7986a0;font-size:10px}
.a-navlabel{color:#8995ad;font-size:9px;letter-spacing:1.3px}
.a-navitem{border-radius:24px;padding:11px 8px;gap:8px;font-size:11.5px;color:#677493;margin-bottom:6px}
.a-navitem.active{background:#0d1e4a;color:#fff;font-weight:500}
.a-navitem b{background:#eaf0fa;color:#7c8baa;border-radius:8px;font-size:9px}
.a-navitem.active b{background:#2b3c65;color:#fff}
.a-sidehelp{color:#7784a0}
.a-sidebottom{left:12px;right:12px;bottom:21px}
.a-identity{border-color:#e6edf7;padding-top:19px}
.a-identity strong{color:#203057;font-size:11px}
.a-identity small{color:#8894aa;font-size:10px}
.a-avatar,.a-avatar.blue,.a-avatar.green,.a-avatar.purple,.a-avatar.orange{background:#eaf0fc;color:#62739c;font-size:10px}
.a-main{width:1228px}
.a-topbar{height:52px;margin:16px 25px 0;padding:0 22px;background:#fff;border:0;border-radius:19px}
.a-breadcrumb{color:#8a96ad;font-size:11px}
.a-breadcrumb strong{color:#53627f}
.a-topright{gap:18px}
.a-preview{color:#8995ab;font-size:10px}
.a-preview i{background:#9ba7bf}
.a-global-search{background:#f0f4fc;border-radius:24px;padding:8px 12px;color:#8d99b0;font-size:11px}
.a-global-search>span{background:#fff;border-color:#e4ebf7;border-radius:5px;color:#8d99b0;margin-left:23px;font-size:9px}
.a-bell{color:#58688e}
.a-bell i{background:#0d1e4a}
.a-content{padding-top:30px}
.a-heading h1{color:#0d1e4a;font-family:'DM Sans',sans-serif;font-size:28px;font-weight:600;letter-spacing:-1px}
.a-heading p{color:#7b89a5;font-size:12px}
.a-btn{border-radius:24px;border-color:#dde5f3;background:#fff;color:#52617e;box-shadow:none;padding-left:15px;padding-right:15px}
.a-btn.a-primary{background:#0d1e4a;border-color:#0d1e4a;color:#fff;box-shadow:none}
.a-card{border-radius:19px;border-color:#e2e9f5;background:#fff;box-shadow:none}
.a-cardhead h2{font-family:'DM Sans',sans-serif;color:#1c2b50;font-weight:600;font-size:15px;letter-spacing:-.3px}
.a-cardhead p{color:#8592aa;font-size:11px}
.a-cardhead a,.a-screen a{color:#4c608d}
.a-metric{border:0;border-radius:20px;background:#fff;padding-top:19px;padding-bottom:19px}
.a-metric-label{color:#8491ab;font-size:11px}
.a-metric-label>span{color:#adb8cb}
.a-metric>strong{font-family:'DM Sans',sans-serif;font-size:30px;letter-spacing:-1px;color:#15264f;font-weight:600}
.a-metric>small{color:#8996ae;font-size:10px}
.a-metric:nth-child(3){background:#0d1e4a}
.a-metric:nth-child(3) .a-metric-label,.a-metric:nth-child(3) .a-metric-label>span{color:#b3c0dc}
.a-metric:nth-child(3)>strong{color:#fff}
.a-metric:nth-child(3)>small{color:#b8c4df}
.a-metric:nth-child(3) .a-up{color:#d0def8}
.a-up{color:#628476}
.a-ambertext{color:#a78547}
.a-dashgrid{gap:20px}
.a-chartlabels,.a-bars small,.a-chartcaption{color:#9aa8c0;font-size:9px}
.a-bars{border-color:#e6edf7;background:repeating-linear-gradient(to top,transparent 0,transparent 32px,#eff3fb 32px,#eff3fb 33px)}
.a-bar{background:#d8e2f4;border-radius:4px 4px 0 0}
.a-bar.selected{background:#0d1e4a}
.a-bar.selected>span{color:#0d1e4a}
.a-legend{color:#8b99b1;font-size:10px}
.a-legend i{background:#0d1e4a;border-radius:3px}
.a-count{background:#eef3fc;border:0;color:#7b8cab;border-radius:10px;font-size:9px;padding:3px 7px}
.a-task strong{color:#4a5c7e;font-size:12px}
.a-task small{color:#8998b0;font-size:10px}
.a-task>svg{color:#96a6be}
.a-taskicon,.a-taskicon.blue,.a-taskicon.green,.a-taskicon.purple,.a-taskicon.orange{background:#edf2fc;color:#8195bb;border-radius:10px}
.a-taskicon.amber{background:#fbf4e6;color:#ac8a4a}
.a-attention-footer{display:none}
.a-table thead{background:#f5f8fd;color:#8a98b1}
.a-table th{border-color:#edf1f8;font-size:10px;color:#8a98b1;padding-top:11px;padding-bottom:11px}
.a-table td{border-color:#edf1f8;font-size:11px;color:#5c6b86}
.a-table td>strong,.a-person strong{color:#4a5c7b;font-size:11px;font-weight:500}
.a-table td small,.a-person small{color:#8b99b0;font-size:10px}
.a-tablefoot{color:#8c9bb3;font-size:10px}
.a-tablefoot b{background:#0d1e4a;color:#fff;border-radius:8px;padding:4px 8px}
.a-badge{border-radius:12px;background:#f0f3f8;color:#8a97ad;padding:4px 8px;font-size:10px}
.a-badge.blue{background:#edf2fd;color:#6d82ae}
.a-badge.green{background:#edf6ef;color:#6a9478}
.a-badge.amber{background:#fbf4e5;color:#aa8a4b}
.a-badge.red{background:#fbeeee;color:#bc8584}
.a-tabs{border-color:#dce5f4;color:#8594b1;font-size:12px}
.a-tabs>span.active{border-bottom-color:#0d1e4a;color:#0d1e4a;font-weight:600}
.a-tabs b{background:#dfe8f8;color:#7e91b5;border-radius:9px;padding-left:6px;padding-right:6px;font-size:9px}
.a-tabs>span.active b{background:#d9e3f5;color:#51678f}
.a-filterbar{border-color:#edf2f9;padding-top:15px;padding-bottom:15px}
.a-inputlike{background:#f5f8fd;border:0;border-radius:20px;color:#95a3ba;font-size:11px;padding:10px 13px}
.a-filterbar .a-btn{border-radius:20px;padding-left:12px;padding-right:12px}
.a-bookingtable tr.a-rowselected{background:#edf3fd}
.a-bookingtable tr.a-rowselected td:first-child{box-shadow:inset 3px 0 #0d1e4a}
.a-bookingtable .a-badge{font-size:10px}
.a-listempty{color:#a6b4ca}
.a-listempty>span{border-color:#e7edf7;background:#f8faff;color:#becbe0}
.a-listempty strong{color:#899bb6;font-size:11px}
.a-listempty p{color:#9aabc2;font-size:10px}
.a-detail-top{color:#a1aec3;font-size:9px}
.a-detailtitle h2{font-family:'DM Sans',sans-serif;color:#0d1e4a;font-weight:600}
.a-detailphoto{border-radius:12px}
.a-detailresort{border-color:#edf2f9;color:#8c9bb3}
.a-detailresort strong{color:#4c6080}
.a-detailresort span{color:#95a3ba}
.a-dateduo strong{font-family:'DM Sans',sans-serif;color:#1e3159;font-weight:500}
.a-dateduo small{color:#9aa8bf;font-size:9px}
.a-dateduo span{color:#8fa0b9;font-size:10px}
.a-detailrow>span{color:#93a1b9}
.a-detailrow strong{color:#677b9a}
.a-ruleok{background:#eef6f1;color:#7a9a85;border-radius:10px}
.a-notebox{background:#f3f6fc;border:0;border-radius:12px}
.a-notebox small{color:#95a5bf;font-size:9px}
.a-notebox p{color:#7e90ad;font-size:11px}
.a-detailtimeline{color:#9baac1}
.a-demoline{color:#aab6ca}
.a-estatecard{background:#fff;border:1px solid #e0e8f5;border-radius:19px;padding:8px;gap:13px}
.a-estatecard.selected{border-color:#afbfdf;box-shadow:none}
.a-estatecard>img{border-radius:13px;height:137px}
.a-estatecard h2{font-family:'DM Sans',sans-serif;color:#122750;font-weight:600}
.a-checkcircle{background:#0d1e4a}
.a-estatecard p{color:#8b9ab3;font-size:10px}
.a-estatefoot{border-color:#eaf0f8;color:#91a0b8;font-size:10px}
.a-estatefoot b{color:#5b7296}
.a-estatefoot span:last-child{color:#7b90b5;font-size:10px}
.a-segment{border:0;border-radius:20px;background:#f3f6fc;padding:4px;gap:1px;color:#8da0bc}
.a-segment span{border-radius:17px;color:#8f9fba;font-size:10px}
.a-segment .active{background:#0d1e4a;color:#fff}
.a-unitbadge{background:#edf3fd;border:0;border-radius:9px;color:#7189ae;font-size:10px}
.a-progresscell>div{background:#edf2fa;height:5px}
.a-progresscell i{background:#92a9d2;height:5px}
.a-progresscell span{color:#9babc3;font-size:10px}
.a-financehero{border:0;border-radius:20px;background:#0d1e4a;color:#fff}
.a-financehero .a-metric-label{color:#b7c4df}
.a-financehero>strong{font-family:'DM Sans',sans-serif;color:#fff;font-weight:500}
.a-financehero>strong>span{color:#aabbdc}
.a-financebar{background:#35496e}
.a-financebar>i{background:#d5e2fa}
.a-financelegend{color:#b7c6e1;font-size:10px}
.a-financelegend b{color:#e7edfc;font-weight:400}
.a-financelegend i{background:#d5e2fa}
.a-financelegend span:nth-child(2) i{background:#738bb4}
.a-financelegend span:nth-child(3) i{background:#bbaebc}
.a-contractstat{border-color:#e0e8f5;border-radius:20px;background:#fff}
.a-stat-icon{background:#f0f4fc;border:0;border-radius:13px;color:#8da2c7}
.a-contractstat strong{font-family:'DM Sans',sans-serif;color:#152953}
.a-contractstat p{color:#8c9cb6;font-size:11px}
.a-contractstat small{color:#8195b8;font-size:10px}
.a-financenote{border-radius:15px;background:#dfe9f9;color:#8199bf}
.a-financenote strong{color:#607a9e;font-size:11px}
.a-financenote p{color:#849ab9;font-size:10px}
.a-financenote>span{color:#95a8c3}
.a-inbox{border-color:#e0e8f5;border-radius:21px}
.a-inbox-list{border-color:#e5edf9;background:#fff}
.a-inboxhead h2{font-family:'DM Sans',sans-serif;color:#21365b;font-weight:600}
.a-inboxhead h2 b{background:#eef3fd;color:#8c9dbc;border-radius:9px}
.a-inboxhead .a-inputlike{border-radius:18px;background:#f1f5fd;font-size:11px}
.a-inboxtabs{border-color:#edf2fa;color:#93a3bd}
.a-inboxtabs .active{border-color:#0d1e4a;color:#0d1e4a}
.a-inboxtabs b{background:#e5edfb;color:#8299bf;border-radius:8px}
.a-thread{border-color:#edf2f9}
.a-thread.selected{background:#edf3fd;box-shadow:inset 3px 0 #0d1e4a}
.a-thread strong{color:#5c7295;font-size:11px}
.a-thread small{color:#9aabc3;font-size:9px}
.a-thread h3{color:#6a81a4;font-size:11px}
.a-thread p{color:#94a5bf;font-size:10px}
.a-thread>span{border:0;background:#f0f4fc;color:#8fa2bf;border-radius:10px;font-size:9px;padding-left:7px;padding-right:7px}
.a-thread>i{background:#0d1e4a}
.a-inbox-listfoot{color:#99abc3;font-size:10px}
.a-inbox-listfoot i{background:#8ba99b}
.a-convheader h2{font-family:'DM Sans',sans-serif;color:#21355b;font-weight:600}
.a-convheader span{color:#9aabc3;font-size:10px}
.a-convstatus{border-color:#edf2f9}
.a-convstatus>span:last-child{color:#9aabc3;font-size:10px}
.a-convstatus strong{color:#7e94b5}
.a-chatday{color:#a8b6cb;font-size:9px}
.a-chatmsg strong{color:#7e95b6;font-size:10px}
.a-chatmsg small{color:#a5b4ca;font-size:9px}
.a-chatmsg p{background:#f0f4fc;border-radius:0 15px 15px 15px;color:#758bad;font-size:11px}
.a-chatmsg.outgoing p{background:#0d1e4a;color:#e4ebfa;border-radius:15px 0 15px 15px}
.a-chatactivity{color:#a2b2c9;font-size:9px}
.a-chatactivity i{background:#bccbe0}
.a-composer{border-color:#e1e9f6;border-radius:16px;background:#fff}
.a-composehead{color:#a0afc6;font-size:10px}
.a-composehead strong{color:#7c94b6}
.a-composer>p{color:#adbbd0;font-size:11px}
.a-composer>div:last-child>span{color:#96aac7}
.a-customer{background:#f8faff;border-color:#e6edf8}
.a-customerprofile{border-color:#e5edf8}
.a-customerprofile h3{font-family:'DM Sans',sans-serif;color:#263e66;font-weight:600}
.a-customerprofile p{color:#96a9c4;font-size:10px}
.a-customerdetail{border-color:#e6edf8}
.a-customerdetail small{color:#9aacC5;font-size:9px}
.a-customerdetail span{color:#7d96b9;font-size:11px}
.a-customernext{border:0;border-radius:14px;background:#eaf1fc}
.a-customernext small{color:#94a9c8;font-size:9px}
.a-customernext strong{font-family:'DM Sans',sans-serif;color:#455f88;font-size:21px}
.a-customernext>span{color:#92a6c4;font-size:10px}
.a-customer>a{color:#8299bc;font-size:10px}
.a-preview-image{border-radius:12px;background:#0d1e4a}
.a-preview-image>div>strong{font-family:'DM Sans',sans-serif;font-weight:500}
.a-preview-image button{border-radius:20px;border-color:#ffffff65}
.a-sitepreview-footer>span{color:#7e95b8;font-size:11px}
.a-sitepreview-footer small{color:#a0b0c9;font-size:10px}
.a-works .a-cardhead>svg{color:#9cafca}
.a-workpercent>strong{font-family:'DM Sans',sans-serif;color:#142c59;font-weight:600}
.a-workpercent>strong>span{color:#94a9c9}
.a-workprogress{background:#ecf2fc;height:6px;border-radius:6px}
.a-workprogress i{background:#0d1e4a;height:6px;border-radius:6px}
.a-workstages{color:#8ea3c3;font-size:11px}
.a-workstages i{background:#afc2e1}
.a-workstages strong{color:#8ea6ca;font-size:10px}
.a-workupdate{border-color:#eaf1fa;color:#96aac9;font-size:11px}
.a-member{border-color:#edf2f9}
.a-member .a-person strong{color:#586f95;font-size:11px}
.a-member .a-person small{color:#98acc9;font-size:10px}
.a-member .a-badge{border-radius:12px;font-size:9px}
.a-teammore{color:#859dbf;font-size:10px}
.a-rolepreview{background:#f0f5fd;border-radius:12px;color:#a2b4d0}
.a-rolepreview p{color:#91a7c7;font-size:9px}
.a-audititem{border-color:#edf2f9}
.a-audititem strong{color:#6982a8;font-size:11px}
.a-audititem p{color:#98acc9;font-size:10px}
.a-audititem small{color:#a3b5cf;font-size:9px}
.a-permissions td{padding-top:6px;padding-bottom:6px;font-size:11px}
.a-permissions td>strong{color:#6680a6;font-size:11px}
.a-permissions td small{color:#9bb0cd;font-size:10px}
.a-permissionfull,.a-permissionedit{color:#6f8cb5;font-size:11px}
.a-permissionview{color:#a0b3d0;font-size:11px}