/* AKIŞ Task V14.27 — ULTIMATE visual system. All changes presentational. */
:root {
  --a27-navy:#112744; --a27-ink:#172e49; --a27-blue:#087fe8;
  --a27-cyan:#32c8e9; --a27-sea:#11bda9; --a27-cloud:#ecf6ff;
  --a27-border:#e1eaf5; --a27-shadow:0 12px 32px rgba(25,65,112,.075);
}
html {scroll-behavior:smooth}
:where(body,#app,.auth-view){font-family:Inter,"Segoe UI Variable","Segoe UI",system-ui,-apple-system,sans-serif}
#app{--akis-accent:#087fe8;--indigo:#087fe8;--mint:#11bda9;--line:#e1eaf5}
#app :is(button,input,select,textarea){font:inherit}
#app :is(button,a,input,select,textarea):focus-visible,.auth-view :is(button,a,input,select,textarea):focus-visible,.site-header :is(button,a):focus-visible {outline:3px solid #f59e39!important;outline-offset:3px!important}
#app button:disabled{cursor:not-allowed}
#app :is(.btn-primary,.btn-secondary,.icon-btn,.filter-btn,.nav-btn,.a22-stat,.a22-quick-grid button){transition:transform .18s ease, background-color .2s ease, box-shadow .2s ease, border-color .18s ease}
#app :is(.btn-primary,.a20-period-btn):not(:disabled):active{transform:scale(.985)}
#app .btn-primary{background:linear-gradient(130deg,#1599fc,#087ee9 62%,#1265d1)!important;border:1px solid #1688f0!important;border-radius:15px!important;box-shadow:0 8px 20px #087fe82a;color:#fff!important}
#app .btn-primary:hover{box-shadow:0 11px 26px #087fe83a!important}
#app :is(.btn-secondary,.icon-btn){border-color:#dfebf7;border-radius:14px}
#app .panel,#app .stat-card,#app .a25-card,#app .a26-card{border-color:var(--a27-border);box-shadow:var(--a27-shadow)}
#app :is(.panel,.stat-card,.a25-card,.a26-card){overflow-wrap:anywhere}
#app .loading-screen{min-height:250px;letter-spacing:.01em}
#app :is(.simple-table,.v8-table){font-variant-numeric:tabular-nums}
#app :is(.modal,.modal-content){border-radius:24px}
#app :is(.modal-body,.table-wrap,.v8-table-scroll){scrollbar-color:#c7def3 transparent;scrollbar-width:thin}
#app .a27-top-logo{width:29px;height:29px;vertical-align:middle;margin-right:9px;border-radius:8px;box-shadow:0 2px 5px #166acf25}
#app .a27-brand-mark{background:none!important;border:0!important;box-shadow:none!important;width:48px!important;height:48px!important;display:grid!important;place-items:center!important;padding:0!important}
#app .a27-brand-mark img{width:46px;height:46px;display:block;border-radius:14px;box-shadow:0 10px 19px #05357b3d}
#app .a27-nav-mark{display:block;width:47px;height:47px;border-radius:14px}
#app .a27-nav-plus{position:absolute;right:-3px;top:-3px;display:grid;place-items:center;width:23px;height:23px;font-size:18px;font-weight:800;line-height:1;background:#fff;color:#067ede;border:2px solid #ddecff;border-radius:50%;box-shadow:0 2px 7px #0d326b24}
/* Desktop: distinctive dark workspace rail, spacious surfaces and bold typography. */
@media (min-width:901px){
 body:has(#app.m149-admin-app){background:#f0f5fa!important}
 #app.m149-admin-app{--a19-bg:#f0f5fa;--a19-line:#e0eaf5;--a19-ink:#172e49;--a19-blue:#087fe8}
 #app.m149-admin-app .sidebar{background:radial-gradient(ellipse 220px 300px at 0 0,rgba(31,131,224,.26),transparent 90%),linear-gradient(163deg,#101e34,#132a4b 62%,#0b1d35)!important;border-right:1px solid #28496c!important}
 #app.m149-admin-app .brand{gap:11px!important;align-items:center!important;margin:0 0 23px 0!important;padding-left:8px!important}
 #app.m149-admin-app .brand-title{font-size:23px!important;letter-spacing:-.055em!important;font-weight:850!important;color:#fff}
 #app.m149-admin-app .brand-title .v12-brand-tail{color:#6dddec!important;font-weight:500}
 #app.m149-admin-app .brand-sub{font-size:8px!important;letter-spacing:1.6px!important;color:#9bb7d8!important}
 #app.m149-admin-app .workspace-switch{background:#ffffff0b!important;border:1px solid #ffffff19!important;border-radius:16px!important;box-shadow:inset 0 1px #ffffff0a;margin-bottom:22px!important}
 #app.m149-admin-app .ws-icon{background:#0f80dc30;color:#68d3ec;border-radius:12px}
 #app.m149-admin-app .nav-section{margin-bottom:18px!important}
 #app.m149-admin-app .nav-group-label{font-size:9px!important;letter-spacing:1.65px!important;color:#85a7cf!important}
 #app.m149-admin-app .nav-btn{min-height:44px!important;border-radius:12px!important;font-size:12px!important}
 #app.m149-admin-app .nav-btn.is-active{background:linear-gradient(96deg,#148dec,#116ab9)!important;box-shadow:0 6px 15px #02193130!important;color:#fff!important}
 #app.m149-admin-app .nav-btn:hover:not(.is-active),#app.m149-admin-app .project-link:hover{background:#ffffff16!important;color:#fff!important}
 #app.m149-admin-app .profile{background:#ffffff08;border:1px solid #ffffff15;border-radius:16px;padding:10px}
 #app.m149-admin-app .topbar{background:#fffffff0!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid #e3eaf4!important}
 #app.m149-admin-app .searchbox{background:#f1f6fc!important;border:1px solid #e0eaf6!important;border-radius:14px!important}
 #app.m149-admin-app #main{padding-top:33px!important}
 #app.m149-admin-app .page-heading h1{font-size:clamp(26px,2.3vw,35px)!important;letter-spacing:-.06em!important}
 #app.m149-admin-app .eyebrow{color:#187fc7!important;letter-spacing:.15em;font-size:10px}
 #app.m149-admin-app .hero{min-height:226px!important;background:radial-gradient(circle 250px at 88% 25%,#32bbed50,transparent),linear-gradient(115deg,#112c55,#16589e 62%,#087ddb)!important;border:1px solid #28699c!important;border-radius:24px!important;box-shadow:0 17px 37px #12539d2b!important}
 #app.m149-admin-app .hero h2{font-size:clamp(27px,2.8vw,37px)!important;letter-spacing:-.04em}
 #app.m149-admin-app .stat-card{border-radius:20px!important;background:#fff!important;min-height:150px!important;position:relative}
 #app.m149-admin-app .stat-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#14a7f9,#63d6d4);opacity:.7}
 #app.m149-admin-app .stat-value{letter-spacing:-.06em;font-weight:850!important}
 #app.m149-admin-app :is(.panel,.v8-block,.phase6-card,.settings-card,.a25-card){background:#fff;border-radius:22px!important}
 #app.m149-admin-app .panel-head{border-color:#e8eef6}
 #app.m149-admin-app .panel-head h2{letter-spacing:-.03em;font-size:17px!important}
 #app.m149-admin-app :is(.simple-table tbody tr,.v8-table tbody tr):hover{background:#f4faff}
 #app.m149-admin-app :is(.simple-table th,.v8-table th){font-size:11px;color:#56718b}
 #app.m149-admin-app .modal{border:1px solid #e9f0f8!important;box-shadow:0 30px 70px #09284c3d!important}
}
/* Mobile: polished surfaces based on six user-approved visual references. */
@media(max-width:900px){
 body:has(#app.m149-member-app){background:#e5f5ff!important}
 #app.m149-member-app{background:radial-gradient(ellipse 430px 260px at 85% 3%,#d3f1ff,#e5f5ff 86%)!important;max-width:540px!important;--m149-blue:#108bf2}
 #app.m149-member-app #topbar{height:80px!important;min-height:80px!important;padding:12px 20px!important}
 #app.m149-member-app .m149-top-left strong{display:flex;align-items:center;font-size:clamp(19px,5.4vw,26px)!important;font-weight:850;letter-spacing:-.05em}
 #app.m149-member-app #topbar .m149-top-btn{width:45px!important;height:45px!important;box-shadow:0 4px 12px #07568d09!important;border-radius:50%!important}
 #app.m149-member-app #main{padding:0 17px calc(134px + env(safe-area-inset-bottom))!important}
 #app.m149-member-app .a22-welcome{padding-top:13px;padding-bottom:23px}
 #app.m149-member-app .a22-welcome h1{letter-spacing:-.055em!important;font-weight:850!important}
 #app.m149-member-app .a22-paper,#app.m149-member-app .m149-section,#app.m149-member-app .m149-task-card,#app.m149-member-app .m149-list,#app.m149-member-app .a20-calendar-shell,#app.m149-member-app .a20-agenda,#app.m149-member-app .a26-card{background:#fff!important;border:1px solid #ffffffcc!important;border-radius:24px!important;box-shadow:0 12px 30px #0e5b9b0b,0 2px 5px #1a7dd405!important}
 #app.m149-member-app .a22-paper{padding:21px 19px!important;margin-bottom:16px!important}
 #app.m149-member-app .a22-stat{min-height:146px!important;border-radius:21px!important;box-shadow:0 9px 22px #0d53950b!important;border:1px solid #fff!important}
 #app.m149-member-app .a22-stat:hover,#app.m149-member-app .a22-quick-grid button:hover{transform:translateY(-2px)}
 #app.m149-member-app .a22-stat-icon{border-radius:17px!important}
 #app.m149-member-app .a22-quick-grid>button{border-radius:18px!important;border-color:#e9f0f8!important;min-height:104px!important}
 #app.m149-member-app .a22-flow-entry{min-height:75px!important;gap:9px!important}
 #app.m149-member-app .a22-flow-info strong{font-size:13px!important;line-height:1.45!important}
 #app.m149-member-app .a22-card-progress>div{height:8px!important}
 #app.m149-member-app .m149-task-card{padding:19px 17px!important;margin-bottom:14px!important}
 #app.m149-member-app .a20-calendar-shell{padding:16px 11px!important}
 #app.m149-member-app .a20-month-select{border-radius:16px!important}
 #app.m149-member-app .a20-month-day.is-selected .a20-month-select{background:linear-gradient(150deg,#27a3fb,#0a84eb)!important;box-shadow:0 6px 14px #0b91f033}
 #app.m149-member-app .a20-weekday{font-weight:750}
 #app.m149-member-app .v12-calendar-segment button.phase4-active{background:linear-gradient(125deg,#1da2fb,#087de5)!important}
 #app.m149-member-app #mobileNav{background:#fffffff2!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid #ffffff!important;box-shadow:0 -6px 30px #144c8014!important}
 #app.m149-member-app #mobileNav .mobile-add{position:relative!important;background:#fff!important;display:grid!important;place-items:center!important;border:5px solid #fff!important;box-shadow:0 9px 27px #087fe83b!important;overflow:visible!important}
 #app.m149-member-app #mobileNav>button:not(.mobile-add){font-size:10px;font-weight:720!important;min-height:50px}
 #app.m149-member-app #modalRoot .modal.m150-full-screen{background:#eaf6ff!important}
 #app.m149-member-app #modalRoot .modal-body{overscroll-behavior:contain}
 #app.m149-member-app #modalRoot :is(.a22-list-modal,.a22-detail-modal,.a22-edit-modal) .modal-foot{border-top:1px solid #eaf0f8!important}
 #app.m149-member-app #modalRoot .a22-detail-modal .modal-body{box-shadow:0 6px 20px #074b8b0d}
 #app.m149-member-app .a26-form :is(input,textarea,select){min-height:46px;border-radius:13px}
}
@media(max-width:370px){#app.m149-member-app #main{padding-inline:11px!important}#app.m149-member-app .a22-paper{padding:18px 12px!important}#app.m149-member-app .a27-top-logo{width:25px;height:25px}}
/* Public marketing website: keep dark premium aesthetic but unify identity. */
.site-header .brand-mark,.footer .brand-mark,.auth-layout .brand-mark{background:transparent!important;border-radius:13px!important;box-shadow:none!important;padding:0!important;display:inline-grid!important;place-items:center!important;overflow:visible}
.site-header .brand-mark img,.footer .brand-mark img,.auth-layout .brand-mark img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 12px #05417d36)}
.site-header .brand,.footer .brand,.auth-layout .brand{letter-spacing:-.04em}
.site-header .nav-wrap{min-height:80px}
.site-header .brand-mark{width:41px;height:41px}
.site-header .nav-menu a{transition:color .18s}
.site-header .nav-menu a:hover{color:#91defe}
.hero .hero-copy h1,.hero h1{letter-spacing:-.065em}
.hero .hero-copy>p{line-height:1.75}
.hero .hero-copy .btn{border-radius:15px}
.feature-card,.step-card,.screen-card{border-radius:21px!important;transition:transform .2s ease,box-shadow .2s ease}
@media(hover:hover){.feature-card:hover,.step-card:hover,.screen-card:hover{transform:translateY(-3px)}}
.phone-top .mini-logo{background:none!important;overflow:hidden}
.phone-top .mini-logo img,.mock-top .mini-logo img{width:100%;height:100%;object-fit:contain}
.auth-layout .auth-promo{background:radial-gradient(ellipse 310px 350px at 88% 7%,#168eda55,transparent 80%),linear-gradient(147deg,#112b4b,#123c71 72%,#0b64ab)!important}
.auth-layout .auth-card{border-radius:24px!important;box-shadow:0 22px 48px #1a5b9113}
.auth-layout .auth-main{background:radial-gradient(ellipse 460px 380px at 90% 5%,#d8eeff,transparent 92%),#f7fbff!important}
.auth-layout .brand-mark{width:43px;height:43px}
.auth-layout .mock-top .mini-logo{background:none!important}
.auth-layout :is(button,input,select,textarea):focus-visible{outline:3px solid #f6a43a!important;outline-offset:2px!important}
@media(max-width:600px){.site-header .nav-wrap{min-height:70px}.site-header .brand-mark{width:34px;height:34px}.auth-layout .auth-card{border-radius:20px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#app *,#app *:before,#app *:after,.feature-card,.step-card,.screen-card{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Consistent onboarding mark. */
.akis-intro__mark{background:none!important;border:0!important;box-shadow:none!important;overflow:visible}.akis-intro__mark img{display:block;width:100%;height:100%;border-radius:10px}