:root{--ink:#182c3d;--muted:#71808d;--navy:#152e43;--blue:#245c84;--line:#e6ebef;--bg:#f4f7fa;--gold:#b58a46;--red:#b44742}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}button{border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #86badf;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid #80add0;outline-offset:1px}h1,h2,h3,p{margin:0}.shell{display:flex;min-height:100vh}.sidebar{width:250px;position:fixed;inset:0 auto 0 0;background:var(--navy);color:#dde7ef;display:flex;flex-direction:column;padding:31px 20px 22px}.brand{display:flex;align-items:center;gap:13px;padding:0 9px 33px}.brand img{width:47px;height:47px;object-fit:contain;border-radius:50%;background:white}.brand>span{font-family:Georgia,serif;font-size:27px;color:white;line-height:1}.brand small{display:block;font-family:Arial,sans-serif;font-size:12px;letter-spacing:6px;color:#d8c69e;margin-top:9px}.workspace-label{font-size:11px;letter-spacing:1.4px;color:#8fa6b8;padding:21px 12px 12px;border-top:1px solid #ffffff15}.sidebar nav{display:grid;gap:7px}.sidebar nav button{display:flex;align-items:center;gap:13px;text-align:left;padding:13px 15px;border-radius:8px;font-size:15px;color:#adc1d2}.sidebar nav button.active{background:#ffffff12;color:#fff;box-shadow:inset 3px 0 var(--gold)}.sidebar nav button:hover{background:#ffffff0b}.sidebar nav button b{margin-left:auto;background:#ffffff12;border-radius:5px;padding:0 7px;font-size:12px;font-weight:400}.sidebar-bottom{margin-top:auto}.private-note{font-size:12px;color:#8fa6b8;margin:20px 10px;display:flex;gap:8px;align-items:center}.private-dot{height:6px;width:6px;border-radius:50%;background:#b58a46}.profile{display:flex;align-items:center;gap:10px;padding:19px 3px 12px;border-top:1px solid #ffffff15}.profile strong{font-size:13px;display:block}.profile small{color:#8fa6b8;font-size:12px}.avatar{background:#e3ebf2;color:#385d79;height:38px;width:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.avatar.small{height:31px;width:31px;font-size:11px}.avatar.large{height:54px;width:54px;font-size:18px}.logout{display:flex;align-items:center;gap:8px;font-size:12px;color:#8fa6b8;margin:5px 49px}.main-shell{margin-left:250px;flex:1;min-width:0}.topbar{height:76px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px}.crumb{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted)}.crumb strong{color:var(--ink);font-weight:500}.top-actions{display:flex;align-items:center;gap:20px}.date-top{font-size:13px;color:var(--muted)}.icon-btn{padding:8px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px}.icon-btn:hover{background:#edf2f6}main{padding:35px 42px 0;max-width:1550px;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:29px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:600;color:var(--gold);margin-bottom:9px}h1{font-family:Georgia,'Times New Roman',serif;font-size:32px;font-weight:400;line-height:1.25;letter-spacing:-.4px}.page-head p{color:var(--muted);font-size:14px;margin-top:9px}.primary,.outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;padding:11px 17px;font-size:14px;white-space:nowrap;font-weight:500}.primary{background:var(--navy);color:#fff;box-shadow:0 3px 8px #152e4312}.primary:hover{background:#24475f}.outline{border:1px solid #d6e0e7;background:#fff}.outline:hover{background:#f5f8fb}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:27px}.stats>button{background:white;border:1px solid var(--line);border-radius:10px;text-align:left;padding:20px 22px;transition:transform .2s}.stats>button:hover{transform:translateY(-2px)}.stats>button>span{font-size:13px;color:#657784;display:flex;justify-content:space-between;align-items:center;gap:10px}.stats strong{display:block;font-size:33px;font-weight:500;margin:8px 0 2px;line-height:1.2}.stats small{font-size:12px;color:var(--muted)}.stats .red-stat strong{color:var(--red)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:24px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:24px}.panel-head{padding:20px 23px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h2{font-size:16px;font-weight:600;display:flex;align-items:center;gap:9px}.panel-head h2 span{font-size:12px;font-weight:400;background:#eff3f6;padding:1px 7px;border-radius:4px}.text-btn{font-size:13px;display:inline-flex;align-items:center;gap:6px;color:var(--blue)}.text-btn:hover{text-decoration:underline}.muted{color:var(--muted);font-size:13px}.task-row{display:flex;gap:12px;align-items:center;padding:19px 22px;border-bottom:1px solid #eff2f5}.task-row:last-child{border:0}.check{height:21px;width:21px;border:1.5px solid #c4cfd8;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.check:hover{border-color:var(--blue);background:#eff5fb}.check.checked{background:#51796b;color:white;border-color:#51796b}.task-info{text-align:left;min-width:0;flex:1}.task-info strong{display:block;font-size:14px;font-weight:500;overflow-wrap:anywhere}.task-info>span{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--muted);margin-top:6px}.task-info i{font-style:normal;color:#bdc7cf}.completed .task-info strong{text-decoration:line-through;color:var(--muted)}.badge{font-size:12px;padding:3px 8px;border-radius:5px;white-space:nowrap}.badge.urgent{background:#fbedeb;color:#a7413c}.badge.neutral{background:#f0f4f7;color:#667c8d}.status-label{font-size:12px;color:var(--muted)}.dashboard-grid .status-label{display:none}.late{color:var(--red)!important}.empty{text-align:center;padding:47px 20px 43px}.empty-icon{height:58px;width:58px;margin:0 auto 15px;background:#f1f6fa;color:#6f8ca3;border-radius:16px;display:flex;align-items:center;justify-content:center}.empty h3{font-size:16px;font-weight:500}.empty p{font-size:13px;color:var(--muted);max-width:280px;margin:8px auto 19px;line-height:1.7}.event-row{padding:21px 23px;display:flex;gap:15px;align-items:center;text-align:left;width:100%;border-bottom:1px solid var(--line)}.event-date{background:#f0f5f9;min-width:49px;border-radius:7px;text-align:center;padding:6px}.event-date b{font-size:22px;display:block;font-weight:500;line-height:1.3}.event-date small{font-size:11px;color:var(--muted)}.event-row strong{display:block;font-size:14px;font-weight:500;margin:4px 0}.event-row>div:last-child>small{font-size:12px;color:var(--muted)}.event-kind{font-size:12px;color:var(--blue)}.history-row{padding:15px 23px;display:flex;gap:13px;align-items:center;border-bottom:1px solid #eff2f5}.history-icon{display:flex;padding:9px;border-radius:7px;background:#f2f5f8;color:#7c94a6}.history-row>div{flex:1}.history-row strong{font-size:13px;font-weight:500;display:block}.history-row small{font-size:12px;color:var(--muted)}.history-row time{font-size:12px;color:var(--muted)}.no-history{padding:25px;font-size:14px;color:var(--muted)}.tools{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 21px;border-bottom:1px solid var(--line);flex-wrap:wrap}.filters{display:flex;gap:3px;flex-wrap:wrap}.filters button{padding:7px 10px;font-size:13px;border-radius:5px;color:var(--muted)}.filters button.selected{background:#eaf1f7;color:var(--navy)}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:7px 11px;border-radius:6px;background:#fff;color:var(--muted);margin:0!important}.search input{border:0!important;margin:0!important;padding:0!important;background:transparent;font-size:13px;width:220px;min-width:0}.tools.standalone{padding:0 0 19px;border:0}.case-grid,.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.case-card{border:1px solid var(--line);background:white;border-radius:10px;padding:22px;text-align:left}.case-card:hover{border-color:#a9bdce;box-shadow:0 5px 20px #152e4308}.case-top{display:flex;align-items:center;gap:9px;margin-bottom:17px}.case-top>svg{margin-left:auto;color:#a4b2bd}.folder-icon{padding:10px;background:#edf3f8;display:flex;border-radius:9px;color:#547a99}.case-card h3{font-size:17px;font-weight:500}.case-card>p{font-size:14px;color:var(--muted);margin:6px 0 22px}.case-court{font-size:13px;color:var(--muted);padding-bottom:17px}.case-court strong{display:block;font-weight:500;color:var(--ink);margin-top:4px}.case-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;font-size:12px;color:var(--blue)}.back{margin-bottom:16px}.case-detail dl{display:grid;grid-template-columns:repeat(3,1fr);padding:23px;gap:23px;margin:0}.case-detail dt{font-size:12px;color:var(--muted);margin-bottom:5px}.case-detail dd{font-size:15px;margin:0}.notes{padding:0 23px 23px;white-space:pre-wrap;font-size:14px}.calendar-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,1fr);gap:24px}.calendar-control{display:flex;align-items:center;gap:5px}.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-week span{text-align:center;padding:16px;font-size:12px;color:var(--muted)}.calendar-grid>button,.blank-day{min-height:103px;border-top:1px solid var(--line);border-right:1px solid var(--line);text-align:left;padding:10px;overflow:hidden;position:relative}.calendar-grid>button>span{height:26px;width:26px;display:flex;align-items:center;justify-content:center;font-size:13px;border-radius:50%}.calendar-grid .today>span{background:var(--navy);color:white}.calendar-grid .selected-day{background:#edf4fa}.calendar-grid small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;color:var(--blue);padding:2px 3px;margin-top:3px;background:#eaf1f7;border-radius:3px}.calendar-grid i{display:none}.agenda-item{display:block;padding:19px 23px;width:100%;text-align:left;border-bottom:1px solid var(--line)}.agenda-item span{font-size:12px;color:var(--blue)}.agenda-item strong{font-size:15px;display:block;margin:4px 0}.agenda-item small{color:var(--muted);font-size:12px}.team-notice{display:flex;gap:12px;padding:15px 18px;background:#eaf1f7;border:1px solid #dce6ef;border-radius:8px;margin-bottom:24px;color:#52718a;align-items:start}.team-notice svg{flex-shrink:0;margin-top:3px}.team-notice p{font-size:13px;line-height:1.6}.person-card{padding:24px;margin:0}.person-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.person-card h3{font-size:17px;margin-bottom:7px;font-weight:500}.email{font-size:12px;color:var(--muted);margin:12px 0 23px;overflow-wrap:anywhere}.workload{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin-bottom:15px}.workload strong{font-size:23px;display:block;font-weight:500}.workload span{font-size:11px;color:var(--muted)}footer{padding:29px 0 25px;border-top:1px solid var(--line);margin-top:35px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:#98a7b2}footer span{font-size:11px;letter-spacing:0}.mobile-nav{display:none}.alert{display:flex;justify-content:space-between;align-items:center;background:#fff0ee;color:#a63d37;border:1px solid #f4d2ce;padding:13px 16px;border-radius:7px;font-size:14px;margin-bottom:18px;gap:15px}.alert button{text-decoration:underline}.loading{padding:70px;text-align:center;color:var(--muted)}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;box-shadow:0 7px 25px #0002;border-radius:8px;display:flex;align-items:center;gap:10px;padding:13px 23px;font-size:14px;z-index:30}dialog{position:fixed;inset:0;margin:auto;width:min(620px,calc(100vw - 28px));border:0;border-radius:13px;padding:0;max-height:90dvh;box-shadow:0 20px 80px #0003;color:var(--ink);background:white}dialog::backdrop{background:#13283d80;backdrop-filter:blur(3px)}dialog form{padding:26px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-head h2{font-family:Georgia,serif;font-size:25px;font-weight:400}dialog label{font-size:13px;color:#5a6e7e;display:block;margin-bottom:16px}dialog input,dialog select,dialog textarea{margin-top:7px;width:100%;border:1px solid #d8e1e8;border-radius:6px;padding:10px 12px;background:#fff;color:var(--ink);font-size:14px}dialog input:disabled,dialog select:disabled,dialog textarea:disabled{background:#f4f6f8;color:#6c7c89}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.modal-history{padding:12px 16px;background:#f6f8fa;border-radius:7px}.modal-history h4{font-size:13px;font-weight:500;margin:0 0 9px}.modal-history p{font-size:12px;margin:8px 0}.modal-history small{display:block;font-size:11px;color:var(--muted)}@media(min-width:1500px){main{padding-top:43px}}@media(max-width:1150px){.sidebar{width:220px;padding:29px 15px}.main-shell{margin-left:220px}.topbar{padding:0 28px}main{padding:29px 28px 0}.stats{gap:12px}.stats>button{padding:17px}.dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(265px,1fr);gap:17px}.task-row{padding:17px;gap:10px}.task-row .status-label{display:none}.case-grid,.team-grid{grid-template-columns:repeat(2,1fr)}.calendar-layout{grid-template-columns:1fr}.calendar-grid>button{min-height:110px}}@media(max-width:800px){.sidebar{display:none}.main-shell{margin-left:0}.topbar{height:66px;padding:0 22px}.crumb{font-size:12px}.date-top{display:none}main{padding:28px 20px 80px}.page-head{gap:12px;align-items:start;flex-wrap:wrap;margin-bottom:23px}h1{font-size:28px}.page-head p{font-size:13px;line-height:1.7;max-width:340px}.page-head .primary{padding:10px 14px}.eyebrow{font-size:10px}.stats{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:23px}.stats>button{padding:17px}.stats strong{font-size:30px}.stats>button>span{font-size:12px}.stats small{font-size:11px}.dashboard-grid{grid-template-columns:1fr;gap:0}.panel-head{padding:18px}.task-row{padding:17px 16px;gap:10px}.task-info strong{font-size:14px}.task-row .avatar{display:none}.task-row .badge{font-size:10px;padding:3px 6px}.empty{padding:35px 20px}.panel{margin-bottom:20px}.tools{padding:15px;gap:15px}.search{width:100%}.search input{width:100%}.filters{gap:2px}.filters button{font-size:12px;padding:7px}.case-grid,.team-grid{grid-template-columns:1fr}.case-detail dl{grid-template-columns:1fr 1fr}.calendar-grid>button,.blank-day{min-height:64px;padding:6px}.calendar-grid small{display:none}.calendar-grid i{display:block;background:var(--gold);height:4px;width:4px;border-radius:50%;margin:7px auto 0}.calendar-week span{padding:13px 5px}.calendar-control{gap:0}.calendar .panel-head h2{font-size:15px}.history-row{padding:14px 17px}.history-row time{font-size:10px;max-width:62px;text-align:right}.history-row small{font-size:11px}.history-row strong{font-size:12px}.history-icon{display:none}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;display:flex;justify-content:space-around;padding:9px 4px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);box-shadow:0 -4px 18px #172d3c05;z-index:20}.mobile-nav button{display:flex;align-items:center;flex-direction:column;gap:4px;color:#8695a1;padding:3px 13px}.mobile-nav span{font-size:10px}.mobile-nav .active{color:var(--navy)}.mobile-nav .active svg{stroke-width:2.5}.toast{bottom:100px}.form-grid{grid-template-columns:1fr;gap:0}dialog form{padding:22px}dialog input,dialog select,dialog textarea{font-size:16px}.brand{display:none}footer{margin-top:21px}.topbar .mobile-brand{display:flex;align-items:center;gap:9px;font-family:Georgia,serif;font-size:20px}.mobile-brand img{width:34px;height:34px;object-fit:contain}.topbar .crumb{display:none}.topbar .top-actions{gap:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.mobile-brand{display:none}
@media(max-width:800px){.topbar .mobile-brand{display:flex}}
.auth-page{min-height:100dvh;display:flex;justify-content:center;align-items:center;padding:24px;background:#edf2f7}.auth-card{width:440px;max-width:100%;padding:36px;background:white;border:1px solid #e1e7ed;border-radius:12px;box-shadow:0 12px 50px #152e430b;margin:auto}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:32px;font-family:Georgia,serif;font-size:25px}.auth-brand img{width:43px;height:43px;object-fit:contain}.auth-card h1{font-size:25px}.auth-card>p{margin:12px 0 22px;font-size:14px;color:#71808d}.auth-card label{display:block;font-size:14px;margin:17px 0}.auth-card input{width:100%;font-size:16px;border:1px solid #d8e1e8;border-radius:6px;padding:11px;margin-top:7px;background:white}.auth-card .primary{width:100%;margin-top:9px}.auth-card>small{display:block;font-size:12px;color:#71808d;margin-top:24px}.task-info>span{font-size:14px}.status-label{font-size:14px}

.storage-note{display:flex;align-items:center;gap:8px;margin:0 0 18px;padding:12px 15px;background:#eaf1f6;border-radius:8px;font-size:14px;color:#354d60}.attachments{border-top:1px solid #d8e1e8;margin-top:22px;padding-top:18px}.attachments h4{display:flex;align-items:center;gap:8px}.attachments>p,.attachments>small{color:#647787;font-size:13px}.attachment-upload{padding:10px;border:1px dashed #a9bbc9;border-radius:6px}.attachment-upload input{max-width:100%;font-size:14px}.attachment-row{display:flex;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #e3eaf0}.attachment-row>div{flex:1;min-width:0}.attachment-row strong{display:block;overflow-wrap:anywhere;font-size:14px}.attachment-row small{display:block;font-size:12px;color:#647787;margin-top:5px}.attachment-row .outline{display:flex;align-items:center;gap:5px;text-decoration:none;font-size:13px;flex-shrink:0}

.top-actions .icon-btn{position:relative}.notification-dot{position:absolute;right:2px;top:2px;width:8px;height:8px;background:#b44747;border-radius:50%}.notification-panel{position:fixed;right:18px;top:72px;width:min(480px,calc(100vw - 24px));max-height:75vh;overflow:auto;z-index:80;box-shadow:0 12px 45px #132c4333;padding:18px}.notification-panel>p{font-size:13px;color:#627687;line-height:1.6;margin:12px 0}.notification-controls{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.notice-row{display:block;text-align:left;width:100%;padding:13px;border:0;border-top:1px solid #e2e9ef;background:white}.notice-row.unread{background:#edf4f8}.notice-row strong,.notice-row small{display:block}.notice-row small{margin-top:5px;color:#6b7e8b;font-size:12px}

.notice-row{display:flex;align-items:center;gap:8px}.notice-content{flex:1;min-width:0;border:0;background:transparent;text-align:left;padding:0;color:inherit}.notification-controls details summary{cursor:pointer;font-size:13px;padding:8px}.notification-controls details button{margin-top:6px}

/* Task colors are bounded CSS classes; no inline styles or arbitrary CSS. */
.task-color-red{--task-bg:#fff0ee;--task-accent:#a52d29}.task-color-blue{--task-bg:#eaf3ff;--task-accent:#235a99}.task-color-green{--task-bg:#eaf6ed;--task-accent:#286740}.task-color-yellow{--task-bg:#fff8d9;--task-accent:#73570c}.task-color-orange{--task-bg:#fff1df;--task-accent:#8f4d17}.task-color-purple{--task-bg:#f2edff;--task-accent:#644191}.task-color-default{--task-bg:#fff;--task-accent:#667c8d}
.task-row[class*="task-color-"],.agenda-item[class*="task-color-"],.calendar-grid small[class*="task-color-"],.color-option,.color-preview{background:var(--task-bg,#fff);border-left:4px solid var(--task-accent,#667c8d)}
.calendar-grid small[class*="task-color-"]{color:var(--task-accent,#245c84)}.repeat-badge{display:inline-flex;gap:4px;align-items:center;color:#52718a}.task-options{border:1px solid #dce6ed;border-radius:8px;padding:15px;margin-bottom:17px}.task-options h4{margin:0 0 15px;font-size:14px}.task-options p{font-size:12px;line-height:1.6;color:#526879;margin:0 0 12px}.color-picker{border:0;margin:0 0 15px;padding:0}.color-picker legend{font-size:13px;color:#5a6e7e;margin-bottom:9px}.color-picker>div{display:flex;gap:8px;flex-wrap:wrap}.color-option{display:flex;align-items:center;gap:6px;font-size:12px;border-radius:6px;padding:9px 10px;border:1px solid #dce5ed}.color-option.chosen{outline:2px solid #152e43;outline-offset:1px}.color-dot{height:10px;width:10px;border-radius:50%;background:var(--task-accent)}.task-options .color-preview{padding:12px;border-radius:6px;font-size:13px;color:#182c3d;margin-bottom:0}.task-options .color-preview+p{margin-top:12px}.modal-foot{flex-wrap:wrap}
@media(max-width:800px){.calendar-grid small[class*="task-color-"]{display:block;font-size:9px;padding:2px;margin-top:3px}.calendar-grid>button{min-height:90px}.calendar-grid i{display:none}.color-option{min-height:40px}}
/* Owner accounts and transparent activity history */
.accounts{min-width:0}.account-banner{background:#edf5f0;padding:14px 18px;border-radius:10px;color:#326345;font-size:13px;margin-bottom:18px}.account-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:10px;margin-bottom:15px}.account-tabs button{flex-shrink:0;border:1px solid #dae0e4;border-radius:8px;background:white;padding:10px 13px;color:#516371;font:inherit;font-size:13px}.account-tabs button.selected{background:#152e43;color:white;border-color:#152e43}.account-tools{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:18px 0}.account-tools label{margin:0;min-width:170px}.account-tools label input,.account-tools label select{margin-top:6px}.account-tools a{text-decoration:none}.account-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.account-stat{padding:22px;display:flex;flex-direction:column;gap:9px}.account-stat span{font-size:13px;color:#6b7780}.account-stat strong{font-size:25px;letter-spacing:-.6px;overflow-wrap:anywhere}.account-stat b{font-size:17px}.account-note{font-size:13px;line-height:1.65;color:#677982;margin:16px 0}.account-warning{background:#fff5df;padding:14px 18px;border-radius:10px;color:#806123;font-size:13px}.account-warning button{display:inline-flex;margin-left:8px}.account-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.account-table-scroll{overflow-x:auto;max-width:100%}.account-table{border-collapse:collapse;width:100%;font-size:13px}.account-table th,.account-table td{text-align:left;padding:15px;border-bottom:1px solid #edf0f2;vertical-align:top;min-width:110px}.account-table th{color:#697b87;font-size:12px;background:#f7f9fa}.account-table td small{display:block;color:#7a8994;font-size:11px;margin-top:5px}.account-table td b{font-weight:600}.account-table td.account-number{white-space:nowrap;font-weight:600}.account-table .text-btn{font-size:12px;padding:4px;display:inline-flex}.account-empty{padding:22px;color:#71808a}.account-search{margin:8px 16px 20px;width:calc(100% - 32px)}.account-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.account-chart{padding:24px}.account-chart h3{font-size:17px}.account-chart>svg{display:block;width:220px;max-width:100%;margin:16px auto}.account-chart text{font:10px system-ui;fill:#365062}.account-chart text:last-child{font-weight:700}.account-chart ul{padding:0;list-style:none}.account-chart li{display:flex;align-items:center;gap:10px;margin:14px 0;font-size:13px}.account-chart li span{flex:1}.account-chart li small{display:block;color:#7c8992;margin-top:4px}.account-chart li b{font-size:12px}.access-history{margin-bottom:20px;padding:20px}.access-history .panel-head{padding:0}.access-history .account-stat{border:1px solid #e1e6e9;box-shadow:none}.accounts>label{display:block;max-width:600px;margin:20px 0}.accounts .panel>h2{padding:20px;margin:0;font-size:18px}.accounts dialog small{display:block;color:#6b7d88;line-height:1.6}.mobile-nav{overflow-x:auto}.mobile-nav button{min-width:56px}
@media(max-width:900px){.account-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.account-stat{padding:16px}.account-stat strong{font-size:21px}.account-chart-grid{grid-template-columns:1fr}.accounts .panel-head{align-items:start;flex-wrap:wrap;gap:8px}.accounts .panel-head .account-actions{margin:0}.account-tools{gap:8px}.account-tools label{flex:1;min-width:140px}.account-tools a{font-size:12px}.access-history{padding:16px}.access-history .account-cards{grid-template-columns:1fr}.mobile-nav{justify-content:space-between}}
@media(max-width:400px){.account-cards{gap:8px}.account-stat{padding:12px}.account-stat strong{font-size:18px}.account-stat span{font-size:11px}.account-tools label{min-width:120px}}
.accounts>label,.account-tools label{font-size:13px;color:#5a6e7e;display:block}.accounts>label select,.account-tools input,.account-tools select,.account-search{width:100%;border:1px solid #d8e1e8;border-radius:7px;padding:10px 12px;background:white;color:#152e43;font-size:16px;min-height:44px}.account-search{width:calc(100% - 32px)}.account-cards .panel{margin-bottom:0}.account-chart-grid .panel{margin-bottom:18px}
@media(max-width:760px){.mobile-nav button{padding:3px 9px;flex:1}}
.mobile-session-bar{display:none}@media(max-width:760px){.mobile-session-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 22px;padding:12px 14px;border:1px solid #e1e7ec;border-radius:9px;background:white}.mobile-session-bar>span{font-size:13px;color:#637582;min-width:0;overflow-wrap:anywhere}.mobile-session-bar .outline{min-height:44px;flex-shrink:0;padding:10px 12px;font-size:13px}}
/* Finger-following transitions: one current and one inert neighboring panel. */
.page-swipe-window,.calendar-swipe-window{position:relative;overflow:hidden;min-width:0}.swipe-current{position:relative;min-width:0}.swipe-preview{position:absolute;inset:0 auto auto 0;width:100%;background:var(--bg);pointer-events:none;user-select:none;visibility:hidden}.swipe-dragging>.swipe-current,.swipe-dragging>.swipe-preview,.swipe-settling>.swipe-current,.swipe-settling>.swipe-preview{will-change:transform;backface-visibility:hidden}.swipe-dragging>.swipe-preview,.swipe-settling>.swipe-preview{visibility:visible}.swipe-dragging{user-select:none}.calendar-swipe-window .panel{margin-bottom:0}.calendar-swipe-window{align-self:start;margin-bottom:24px}.calendar-swipe-window>.swipe-preview{background:white}.page-swipe-window>.swipe-preview{min-height:100%}@media(prefers-reduced-motion:reduce){.swipe-settling>.swipe-current,.swipe-settling>.swipe-preview{transition-duration:0ms!important}}

/* Indigo / porcelain: no remote fonts, images or animation libraries. */
:root{--ink:#18223e;--muted:#677086;--navy:#18223e;--blue:#424f9c;--line:#e8e8f0;--bg:#f8f7f4;--gold:#626ba8;--red:#ad3e4b;--indigo:#424f9c;--lavender:#ececfa;--green:#287151;--amber:#92600e}
body{color:var(--ink);-webkit-font-smoothing:antialiased}
button,a{touch-action:manipulation}button{transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s,transform .14s}
button:focus-visible,a:focus-visible{outline:3px solid #818bd4;outline-offset:3px}
button:not(:disabled):active,.outline:active{transform:scale(.97)}
.primary,.outline{min-height:44px;border-radius:999px;padding:11px 19px;font-weight:600;font-size:14px}
.primary{background:var(--indigo);box-shadow:0 4px 12px #424f9c17}.primary:hover{background:#354184}
.outline{border-color:#dcddec;color:var(--indigo);background:#fff}.outline:hover{background:#f1f0fb}
.icon-btn{min-width:44px;min-height:44px;border-radius:50%;color:var(--indigo)}.icon-btn:hover{background:var(--lavender)}
.text-btn{min-height:44px;padding:6px 8px;border-radius:14px;font-weight:600}.text-btn:hover{text-decoration:none;background:#ececfa}
.sidebar{background:var(--ink);padding-top:34px}.brand{padding-bottom:30px}.brand img{width:48px;height:48px;padding:2px;box-shadow:0 0 0 4px #ffffff0b}.brand small{color:#bfc5f0}
.workspace-label{color:#a5aecb;font-size:10px}.sidebar nav{gap:9px}.sidebar nav button{border-radius:18px;min-height:50px;color:#b7bfd7;transition:background-color .18s,color .18s}.sidebar nav button.active{background:#424f9c;color:white;box-shadow:0 5px 15px #0001}.sidebar nav button.active:hover{background:#4d5aaa}.sidebar nav button b{border-radius:8px}.private-dot{background:#9aa4ec}.sidebar .logout{color:#bdc5dc;min-height:30px}
.profile{border-top-color:#ffffff18}.profile small,.private-note{color:#aab3cc}.avatar{background:#ececfa;color:#424f9c}
.topbar{background:#fdfcf9;border-color:var(--line)}.crumb strong{color:var(--indigo)}.top-actions{gap:12px}
main{padding-top:32px}.page-head{margin-bottom:24px}.eyebrow{color:var(--indigo);letter-spacing:2px;font-size:10px}h1{font-size:36px;letter-spacing:-.8px}.page-head p{line-height:1.7;color:var(--muted)}
.welcome-hero{background:var(--ink);color:#fff;border-radius:28px;padding:28px 30px;position:relative;overflow:hidden;box-shadow:0 10px 24px #18223e0d;gap:20px}.welcome-hero .eyebrow{color:#c4caf5}.welcome-hero p{color:#d0d5e8;max-width:560px}.welcome-hero h1{max-width:640px;color:#fff}.welcome-hero .primary{background:#ececfa;color:#303d89;box-shadow:none;flex-shrink:0}.welcome-hero .primary:hover{background:#fff}
.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 25px}.stats>button{border-radius:22px;padding:20px 24px;border:1px solid #e5e4f3;background:#eeedf8;box-shadow:none}.stats>button:nth-child(2){background:#fbefed;border-color:#f3e2e0}.stats>button:nth-child(3){background:#fbf4e5;border-color:#ede5d2}.stats>button:nth-child(4){background:#ebf3ee;border-color:#dae9df}.stats>button>span{color:#4e567b;font-weight:600}.stats>button:nth-child(2)>span{color:#993f49}.stats>button:nth-child(3)>span{color:#86601f}.stats>button:nth-child(4)>span{color:#34674e}.stats strong{font-family:Georgia,serif;font-size:40px;color:var(--indigo);margin:10px 0 2px}.stats .red-stat strong{color:var(--red)}.stats>button:nth-child(3) strong{color:var(--amber)}.stats>button:nth-child(4) strong{color:var(--green)}.stats small{color:#677086}
.panel,.case-card{border-radius:24px;box-shadow:0 4px 16px #18223e04;border-color:var(--line)}.panel-head{padding:22px 24px}.panel-head h2{font-family:Georgia,serif;font-size:21px;font-weight:400;color:var(--ink)}.panel-head h2 span{font-family:Arial,sans-serif;border-radius:999px;background:var(--lavender);color:var(--indigo);padding:2px 8px}.panel-head .text-btn{font-size:12px}
.task-row{position:relative;min-height:88px;border-bottom-color:#eeedf5;gap:14px}.task-info{border-radius:9px;padding:3px 0}.task-info strong{font-weight:600;font-size:14px;line-height:1.5}.task-info>span{font-size:12px;line-height:1.5}.check{height:26px;width:26px;border-color:#bbc0d9;transition:background-color .18s,border-color .18s,transform .18s}.check.checked{background:var(--green);border-color:var(--green);opacity:1}.check.checked svg{animation:check-in .24s ease-out}.status-label{display:inline-flex;border-radius:999px;padding:5px 10px;font-size:11px;background:#f2f2f8;color:#59617a;white-space:nowrap}.status-done .status-label{background:#e4f3e9;color:#256444}.status-approval .status-label{background:#fcf0d6;color:#885a0e}.status-overdue .status-label{background:#fbe9e9;color:#9d3541}.status-overdue .check{border-color:#c88790}.completed .task-info strong{color:#68756f}.badge{border-radius:999px;font-size:11px}.badge.urgent{color:#a53642;background:#fbe9e9}.badge.neutral{background:#efeff7;color:#5e6686}
.timeline-time{display:none}.timeline-panel .task-row{padding:20px 20px 20px 24px;border-left:0!important;background:white!important;gap:12px}.timeline-panel .timeline-time{display:block;width:48px;flex-shrink:0;font-size:11px;color:var(--muted);font-weight:600;text-align:left}.timeline-panel .check{border-width:2px;background:var(--task-bg,#fff);border-color:var(--task-accent,#a4aac9);position:relative;z-index:1}.timeline-panel .check.checked{background:var(--green);border-color:var(--green)}.timeline-panel .task-row:before{content:'';position:absolute;left:96px;top:0;bottom:0;width:1px;background:#e4e5ef}.timeline-panel .task-row:first-child:before{top:50%}.timeline-panel .task-row:last-child:before{bottom:50%}.timeline-panel .badge{display:none}.timeline-panel .task-row .status-label{display:inline-flex}.timeline-panel .task-info{padding:8px 10px;background:var(--task-bg,#f8f8fc);border-radius:14px}.timeline-panel .task-color-default .task-info{background:#f7f7fc}
.event-row,.agenda-item{transition:background-color .18s}.event-date{background:var(--lavender);border-radius:16px;color:var(--indigo);padding:8px;min-width:52px}.event-date b{font-family:Georgia,serif;font-size:26px}.history-icon,.folder-icon,.empty-icon{background:var(--lavender);color:var(--indigo);border-radius:16px}.event-kind{color:var(--indigo)}.history-row{border-bottom-color:#eeedf5}.empty h3{font-family:Georgia,serif;font-size:21px}.empty p{color:var(--muted)}
.filters button,.account-tabs button{min-height:44px;border-radius:999px;padding:9px 13px;color:#5e6680}.filters button.selected,.account-tabs button.selected{background:var(--indigo);color:#fff;border-color:var(--indigo)}.search{border-radius:999px;background:#fcfcff;padding:11px 15px;min-height:44px}.search:focus-within{border-color:#7e89cb;box-shadow:0 0 0 3px #424f9c12}.search input:focus{outline:none}.tools.standalone .search{max-width:420px}.case-card{padding:26px}.case-card h3,.person-card h3{font-family:Georgia,serif;font-size:23px;color:var(--ink)}.case-card .folder-icon{background:#eeedf9}.case-footer{color:var(--indigo)}.team-notice{background:#eeedf8;color:#515b8a;border-color:#e1dff0;border-radius:20px}.person-card{padding:25px}.workload strong{font-family:Georgia,serif;color:var(--indigo)}
.storage-note{background:transparent;border:0;border-radius:0;padding:0 2px;color:#72778b;font-size:12px}.storage-note svg{color:#7780ab}.alert{border-radius:16px;color:#a03542;background:#fff0ef}.loading-cards{padding:18px 0 30px}.loading-cards>span{display:block;color:var(--muted);font-size:14px;margin-bottom:16px}.skeleton-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.skeleton-card{padding:24px;border-radius:22px;background:#fff;border:1px solid var(--line)}.skeleton-card i,.skeleton-card b{display:block;height:10px;border-radius:999px;background:#ececf3;width:60%;margin:8px 0}.skeleton-card b{height:30px;width:30%;margin:14px 0}.skeleton-card i:last-child{width:80%}
.calendar .panel-head h2{text-transform:capitalize}.calendar-week span{color:#78809a}.calendar-grid .selected-day{background:#eeedf9}.calendar-grid .today>span{background:var(--indigo)}.calendar-grid i{background:var(--indigo)}.calendar-swipe-window>.swipe-preview{background:var(--bg)}.calendar-grid small{border-radius:6px}.calendar-control .text-btn{padding:8px}.agenda-item{border-left-width:4px}.calendar .icon-btn{min-width:40px;min-height:40px}
.account-banner{background:#ececfa;color:#4b558f;border-color:#dedef2;border-radius:18px}.account-cards{gap:14px}.account-stat{padding:22px}.account-stat>strong{font-family:Georgia,serif;color:var(--indigo);font-size:28px;line-height:1.3}.account-stat>span{color:#677086}.account-warning{border-radius:18px;background:#fbf4e5;color:#86601f;border-color:#eee5d2}.account-note{color:#677086;line-height:1.7}.account-tabs{gap:8px;border:0}.account-tabs button{border:1px solid #e4e2ef;background:white}.account-tools input,.account-tools select,.accounts>label select,.account-search{border-radius:14px;border-color:#dfdeeb;color:var(--ink)}.account-table th{background:#f4f3fa;color:#65708d}.account-table tbody tr:hover{background:#f8f7fc}.account-chart h3{font-family:Georgia,serif;font-size:22px;font-weight:400}.account-chart-grid{gap:18px}.access-history{margin-top:20px}.account-actions{gap:10px}
.toast{border-radius:999px;background:#263a31;color:#fff;box-shadow:0 8px 24px #18223e20;max-width:calc(100vw - 32px);width:max-content;padding:14px 22px;animation:toast-in .24s ease-out;pointer-events:none}.toast svg{flex-shrink:0}.save-spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:save-spin .75s linear infinite;flex-shrink:0}
/* Native dialog stays mounted during the exit so text never flashes away. */
dialog{border-radius:28px;width:min(640px,calc(100vw - 32px));max-height:90dvh;max-height:min(90dvh,900px);overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 80px #18223e30}
dialog[open]{animation:dialog-in .24s cubic-bezier(.2,.7,.2,1) both}dialog[open].sheet-closing{animation:dialog-out .24s ease both;pointer-events:none}dialog::backdrop{background:#18223e66;backdrop-filter:none;animation:backdrop-in .24s ease}dialog.sheet-closing::backdrop{animation:backdrop-out .24s ease both}
dialog form{padding:28px}.modal-head{margin-bottom:22px;gap:12px}.modal-head h2{font-size:28px;color:var(--ink)}.modal-head .eyebrow{margin-bottom:6px}.modal-head .icon-btn{flex-shrink:0;background:#f2f1f9}dialog label{color:#535d7c;font-size:13px;font-weight:600}dialog input,dialog select,dialog textarea{min-height:46px;border-radius:14px;border-color:#dfdeeb;color:var(--ink);padding:12px 14px;font-size:16px;transition:border-color .18s,box-shadow .18s}input:focus,textarea:focus,select:focus{outline:2px solid #7d86cb;outline-offset:1px;box-shadow:0 0 0 4px #424f9c10}dialog label small{font-weight:400;color:var(--muted)}.task-options{background:#f9f8fd;border-color:#e5e3f0;border-radius:18px;padding:18px}.task-options h4,.attachments h4{color:var(--indigo)}.color-option{border-radius:999px;min-height:44px}.color-preview{border-radius:14px}.modal-history{background:#f5f4fa;border-radius:16px}.modal-foot{background:#fff;position:sticky;bottom:-28px;padding:18px 0 4px;margin-top:24px;z-index:2;flex-wrap:wrap;box-shadow:0 -10px 12px #ffffffea}.attachment-upload{border-radius:16px;border-color:#a5abd0;background:#f9f8fd}.attachment-row .outline{padding:10px 14px}
.auth-page{background:var(--bg)}.auth-card{border-radius:28px;box-shadow:0 12px 45px #18223e08;border-color:var(--line)}.auth-card input{border-radius:14px;border-color:#deddec}.auth-card h1{color:var(--ink)}
.notification-panel{border-radius:24px;animation:dialog-in .2s ease-out}.notification-panel .panel-head{padding:3px 0 14px}.notice-row.unread{background:#f1f0fb}.notice-row{border-radius:14px;border-color:var(--line)}.notification-controls{gap:8px}.notification-dot{background:#b84659;box-shadow:0 0 0 2px white}
@media(hover:hover) and (pointer:fine){.stats>button:hover,.case-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #424f9c0d;border-color:#bcc2e6}.primary:hover,.outline:hover{transform:translateY(-1px)}.task-row:hover{box-shadow:inset 0 0 0 1px #aeb6df;background-color:#f8f7fc}.timeline-panel .task-row:hover .task-info{box-shadow:0 0 0 1px #d6d8ee}.event-row:hover,.agenda-item:hover{background:#f5f4fb}.sidebar nav button:hover{background:#ffffff14}.stats>button:active,.case-card:active{transform:scale(.98)}.primary:active,.outline:active{transform:scale(.96)}}
@media(max-width:1150px){.dashboard-grid{grid-template-columns:1fr}.timeline-panel .status-label{display:inline-flex}.page-head .primary{white-space:normal}.welcome-hero{padding:26px}.case-detail .panel-head{flex-wrap:wrap}}
@media(max-width:800px){main{padding:20px 16px calc(116px + env(safe-area-inset-bottom))}.topbar{height:70px;padding:0 16px;background:#fdfcf9}.topbar .mobile-brand{font-size:19px;gap:9px}.mobile-brand img{width:36px;height:36px;object-fit:contain;border-radius:50%;background:white}.top-actions{gap:3px!important}.top-actions>.avatar{display:none}.top-actions .icon-btn{min-width:42px;min-height:44px}.mobile-session-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;background:transparent;border:0;padding:0;margin:0 0 16px;border-radius:0}.mobile-session-bar>span{font-size:12px;color:#71788d}.mobile-session-bar .outline{min-height:44px;border-radius:999px;padding:10px 13px;font-size:12px;background:transparent;border-color:#e0dfee}.page-head{margin-bottom:20px;gap:14px}h1{font-size:32px}.page-head p{font-size:13px}.welcome-hero{padding:25px 23px;border-radius:26px;display:block}.welcome-hero h1{font-size:31px;line-height:1.22;max-width:100%;letter-spacing:-.6px}.welcome-hero p{font-size:12px;line-height:1.8;margin:12px 0 20px;color:#d0d5e8;max-width:100%}.welcome-hero .eyebrow{font-size:9px}.welcome-hero .primary{font-size:13px;padding:11px 18px;min-height:44px}.stats{gap:12px;margin-bottom:20px}.stats>button{padding:18px;border-radius:22px;min-width:0}.stats strong{font-size:36px}.stats>button>span{font-size:11px;gap:5px}.stats>button>span svg{width:17px}.stats small{font-size:10px;line-height:1.6;display:block}.panel{border-radius:23px;margin-bottom:20px}.panel-head{padding:18px 20px;gap:8px}.panel-head h2{font-size:20px}.panel-head>.text-btn{font-size:11px;gap:3px}.task-row{padding:18px 15px;gap:10px;flex-wrap:wrap}.task-info strong{font-size:13px}.task-info>span{font-size:11px}.task-row .status-label{display:inline-flex;font-size:10px;padding:4px 8px;margin-left:36px}.task-row .badge{font-size:10px}.task-row .avatar{display:none}.timeline-panel .task-row{padding:16px 14px;gap:10px;flex-wrap:nowrap;align-items:flex-start}.timeline-panel .timeline-time{width:35px;padding-top:15px;font-size:10px}.timeline-panel .task-row:before{left:72px}.timeline-panel .check{margin-top:11px;width:26px;height:26px}.timeline-panel .task-info{padding:10px;flex:1;min-width:0}.timeline-panel .task-row .status-label{display:none}.timeline-panel .task-info>span{gap:4px}.event-row{padding:19px 20px}.empty{padding:32px 18px}.case-card{padding:24px}.case-grid,.team-grid{gap:16px}.calendar-week span{font-size:11px}.calendar-grid>button,.blank-day{min-height:66px;padding:6px}.calendar-grid>button>span{height:28px;width:28px}.calendar .panel-head{padding:15px}.calendar .panel-head h2{font-size:18px}.calendar-grid .selected-day{box-shadow:inset 0 0 0 1px #c3c6e5}.calendar-control .text-btn{font-size:12px}.storage-note{font-size:11px;margin-bottom:16px}.account-stat>strong{font-size:24px;overflow-wrap:anywhere}.account-stat{padding:18px}.account-cards{gap:12px}.account-tools{gap:10px}.account-tabs button{font-size:12px}.account-table td{font-size:12px}.account-note{font-size:12px}.account-chart-grid{grid-template-columns:1fr}.account-warning{font-size:12px}.account-actions .primary,.account-actions .outline{font-size:12px}.account-banner{font-size:12px}.person-card h3{font-size:23px}.team-notice{padding:16px}.account-chart h3{font-size:21px}.access-history .panel-head{flex-wrap:wrap}
.mobile-nav{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));padding:6px;min-height:64px;border:1px solid #e6e4ef;border-radius:999px;background:#fff;box-shadow:0 8px 28px #18223e17;overflow:hidden;justify-content:normal}.mobile-nav button{flex:1;min-width:0;padding:7px 1px;position:relative;z-index:1;color:#707994;min-height:50px;gap:4px;border-radius:999px;font-size:10px;background:transparent}.mobile-nav button>span{font-size:9px;white-space:nowrap}.mobile-nav button>svg{width:20px;height:20px}.mobile-nav button.active{color:#fff}.mobile-nav button.active svg{stroke-width:2}.mobile-nav button:active{transform:scale(.94)}.nav-indicator{position:absolute;left:6px;top:6px;bottom:6px;border-radius:999px;background:var(--indigo);transition:transform .24s cubic-bezier(.2,.7,.2,1);pointer-events:none}.toast{bottom:calc(100px + env(safe-area-inset-bottom));font-size:13px;line-height:1.5;padding:13px 18px}.notification-panel{top:78px;right:12px;max-height:calc(100dvh - 185px - env(safe-area-inset-bottom))}footer{font-size:9px}.form-grid{grid-template-columns:1fr;gap:0}}
@media(max-width:760px){dialog{inset:auto 0 0;margin:0 auto;width:100%;max-width:640px;max-height:calc(100dvh - 24px - env(safe-area-inset-top));border-radius:28px 28px 0 0;padding:0;overflow:auto;transition:transform .2s ease-out}dialog[open]{animation:sheet-in .28s cubic-bezier(.2,.7,.2,1) both}dialog[open].sheet-closing{animation:sheet-out .24s ease-in both}dialog form{padding:30px 22px calc(22px + env(safe-area-inset-bottom))}.modal-head{padding-top:7px;position:relative;touch-action:none;user-select:none;min-height:66px}.modal-head:before{content:'';position:absolute;width:40px;height:4px;border-radius:999px;background:#d5d4e2;top:-17px;left:calc(50% - 20px)}.modal-head h2{font-size:28px}.modal-foot{bottom:calc(-22px - env(safe-area-inset-bottom));padding:18px 0 calc(8px + env(safe-area-inset-bottom));gap:8px;flex-wrap:wrap}.modal-foot .primary{flex:1;min-width:110px}.modal-foot .outline{font-size:12px;padding:10px 14px}dialog.sheet-dragging{animation:none;transition:none}.attachment-row{flex-wrap:wrap}.attachment-row>div{flex-basis:65%}.attachments>small{display:block;line-height:1.7}.skeleton-card{padding:18px}}
@media(max-width:360px){.topbar .mobile-brand{font-size:16px}.mobile-brand img{width:31px;height:31px}.top-actions .icon-btn{min-width:38px}.stats>button{padding:15px}.welcome-hero{padding:23px 20px}.welcome-hero h1{font-size:28px}.timeline-panel .timeline-time{display:none}.timeline-panel .task-row:before{left:27px}.timeline-panel .task-row{gap:10px}.mobile-nav{left:8px;right:8px}.mobile-nav button>span{font-size:8px}}
@keyframes dialog-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@keyframes dialog-out{to{opacity:0;transform:translateY(12px) scale(.98)}}@keyframes sheet-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheet-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}@keyframes backdrop-out{to{opacity:0}}@keyframes toast-in{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@keyframes check-in{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes save-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.stats>button:hover,.case-card:hover,button:not(:disabled):active,.outline:active{transform:none}.save-spinner{border-right-color:currentColor;border-style:dotted}}
/* Larger hit area around the small completion circle; the visible timeline stays slim. */
.check{position:relative}.check:after{content:'';position:absolute;inset:-9px;border-radius:50%}.modal-foot{bottom:0}@media(max-width:760px){.modal-foot{bottom:0}}
@media(max-width:800px){.timeline-panel .task-info .timeline-status{display:inline-flex;font-size:10px;line-height:1.5;padding:2px 7px;border-radius:999px;margin:5px 0 0;background:#eeeef6;color:#5c637b}.timeline-panel .status-approval .task-info .timeline-status{background:#fcf0d6;color:#885a0e}.timeline-panel .status-done .task-info .timeline-status{background:#e4f3e9;color:#256444}.timeline-panel .status-overdue .task-info .timeline-status{background:#fbe9e9;color:#9d3541}}
.timeline-status{display:none}

/* Hesaplar: mali kalemleri renklerle ayırt et */
.accounts .account-stat--income>strong{color:#2563eb!important}
.accounts .account-stat--expense>strong{color:#dc2626!important}
.accounts .account-stat--net>strong{color:#15803d!important}