/* Montivo workspace — shared team and client interface. */
:root{font-family:Arial,Helvetica,sans-serif;color:#202925;background:#f3f3ee;--brand:#f3763a;--soft:#fce8dc;--muted:#6b756e;--line:#e4e7df;--paper:#fff;--red:#aa3931;--ink:#202925}
body{background:#f3f3ee}button,a,input,textarea,select{transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #f3763a;outline-offset:3px}h1{font-size:38px;letter-spacing:-1.6px;line-height:1.12;font-weight:700}h2{font-size:20px;letter-spacing:-.6px}h3{letter-spacing:-.2px}.subtitle{font-size:14px;line-height:1.6;margin-top:12px;color:var(--muted)}.crumb{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#7c857c;margin-bottom:13px}
.topbar{height:82px;min-height:82px;padding:18px 32px;gap:20px;background:#17231f;color:#fff;border:0;position:relative;z-index:2}.topbar .brand img.logo-black{display:none}.topbar .brand img.logo-white{display:block}.topbar .ops{color:#f69363;letter-spacing:2.8px;border-color:#43514a;font-size:10px;font-weight:700}.topbar .ghost{color:#d4dcd5;border-radius:9px}.topbar .ghost:hover{background:#ffffff12}.identity{gap:15px;margin-left:auto}.identity strong{font-weight:500;font-size:13px}.identity strong:before{content:'';display:inline-block;background:#f48a52;width:7px;height:7px;border-radius:50%;margin-right:9px}.language-picker{margin-left:8px;display:flex;align-items:center}.language-picker select{width:auto;min-width:80px;margin:0;font-size:11px;padding:9px 10px;border:1px solid #ffffff25;background:#ffffff0b;color:#fff;border-radius:9px}.language-picker option{color:#202925;background:#fff}
.layout{grid-template-columns:230px minmax(0,1fr);min-height:calc(100dvh - 82px)}.sidebar{background:#17231f;border:0;padding:24px 15px;display:flex;flex-direction:column}.sidebar nav{gap:6px}.navbtn{color:#a7b6ac;border-radius:10px;padding:13px 16px;font-size:13px;gap:12px;position:relative}.navbtn:hover{color:#fff;background:#ffffff08}.navbtn.active{color:#fff;background:#ffffff12;font-weight:600}.navbtn.active:after{content:'';height:6px;width:6px;border-radius:50%;background:#f58b54;margin-left:auto}.nav-icon{width:20px;height:20px;flex-shrink:0}.sidebar small{margin:auto 15px 12px;padding-top:25px;border-color:#ffffff15;color:#8e9e93;line-height:1.8;overflow-wrap:anywhere}.content{width:100%;max-width:1600px;padding:34px 38px 60px}.workspace-heading{align-items:center;margin-bottom:25px}.workspace-heading .subtitle{margin-bottom:0}.primary,.secondary,.danger{border-radius:10px;min-height:42px;padding:11px 17px;font-size:12px;font-weight:600}.primary{background:#f3763a;border-color:#f3763a;color:#202925;box-shadow:0 4px 10px #f3763a18}.primary:hover{background:#ff8c51;border-color:#ff8c51;transform:translateY(-1px)}.secondary{border:1px solid #e0e5dd;background:#fff;color:#33443a}.secondary:hover{background:#f7f8f4;border-color:#cad2c5}.danger{color:#9e3930;background:#fff0ec;border-color:#f4d6d0}.ghost{border-radius:8px}.ghost:hover{background:#e8ece4}
.overview-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 24px}.overview-item{display:flex;gap:17px;align-items:center;padding:22px 25px;background:#fff;border-radius:14px;box-shadow:0 4px 24px #20302503}.overview-icon{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:13px;background:#f0f2ec;color:#6c7a6b}.overview-item.doing .overview-icon{background:#fff0e5;color:#d76b34}.overview-item.done .overview-icon{background:#e8f2ea;color:#527357}.overview-item strong{display:block;font-size:30px;font-weight:600;letter-spacing:-1px;line-height:1.1}.overview-item div>span{font-size:11px;color:var(--muted);display:block;margin-top:7px}.toolbar{border:0;background:#e9ece4;padding:10px 12px;border-radius:12px;margin-bottom:20px;gap:12px}.toolbar select{border:0;background:transparent;font-size:12px;padding:9px 25px 9px 9px;margin:0;max-width:230px}.switch{border:0;border-radius:9px;padding:3px;background:#dce2d6}.switch button{border-radius:7px;min-height:32px;font-size:11px}.switch button[aria-pressed=true]{background:#fff;color:#243d2c;box-shadow:0 2px 5px #2030250a}.count{margin-right:7px;font-size:11px}.board{gap:18px}.board>section{background:#e8ece4;border-radius:14px;padding:14px;min-height:290px}.column-title{padding:0 5px 12px;margin:1px 0 5px;font-size:12px}.column-title small{border-radius:6px;padding:2px 7px;background:#dbe2d4;font-weight:600}.dot{width:7px;height:7px;background:#9ca99c}.dot.doing{background:#f28a4e}.dot.done{background:#5f8265}.taskcard{border:0;border-radius:11px;box-shadow:0 3px 8px #18351e04;padding:18px;margin-bottom:10px}.taskcard:hover{box-shadow:0 7px 18px #18351e10;transform:translateY(-2px)}.taskcard .task-title{font-size:14px;margin:12px 0 17px;line-height:1.45}.projectlabel{font-size:9px;letter-spacing:.8px;color:#798875}.taskmeta{font-size:10px;gap:6px;border-top:1px solid #eef0e9;padding-top:12px}.badge{border-radius:6px;background:#eaf0e5;color:#557149;font-size:10px;padding:5px 8px}.urgent{background:#ffeadc;color:#b65c2b}.columnempty{text-align:center;padding:50px 8px;color:#8a9788;font-size:11px}
.panel{border:0;border-radius:15px;padding:25px;background:#fff;box-shadow:0 5px 25px #20302503;margin-bottom:20px}.panel h2{margin-bottom:19px}.cards{gap:18px}.cards .panel{position:relative;padding:28px;min-height:190px;display:flex;flex-direction:column}.cards .panel:before{content:'';width:30px;height:5px;border-radius:3px;background:#f3763a;margin-bottom:20px}.cards .panel .actions{margin-top:auto;padding-top:16px}.cards .panel .longtext{color:#697566;font-size:13px;line-height:1.7}.empty{border:0;background:#e7ece1;max-width:none;border-radius:16px;padding:45px;margin-top:10px}.empty h2{font-size:28px;letter-spacing:-1px}.empty p{font-size:13px;line-height:1.8}.onboarding{display:flex;align-items:center;gap:55px;text-align:left;min-height:340px;background:radial-gradient(circle at 15% 10%,#fbe8d8,transparent 50%),#e8eddf;overflow:hidden}.onboarding-copy{max-width:570px}.onboarding p{margin:17px 0 25px;max-width:480px}.setup-steps{display:flex;gap:22px;font-size:10px;color:#7b8773;margin-top:32px;flex-wrap:wrap}.setup-steps span{display:flex;gap:7px;align-items:center}.setup-steps b{background:#dce4d4;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-size:9px}.plan-art{width:200px;height:180px;flex-shrink:0;position:relative;transform:rotate(-7deg);margin:10px 15px}.plan-art:before{content:'';position:absolute;inset:0;background:#fff9;border-radius:20px;transform:rotate(16deg)}.plan-art i{position:relative;display:block;margin:13px 0;background:#fff;border-radius:10px;height:45px;box-shadow:0 8px 20px #3e4d2b08}.plan-art i:before{content:'';position:absolute;left:15px;top:14px;width:17px;height:17px;border:2px solid #b8c8af;border-radius:5px}.plan-art i:after{content:'';position:absolute;left:45px;top:17px;width:95px;height:6px;border-radius:5px;background:#dfe6d9;box-shadow:0 11px 0 -1px #eff2ea}.plan-art i:first-child:before{background:#f3763a;border-color:#f3763a}.plan-art b{position:absolute;right:-13px;bottom:5px;width:63px;height:63px;border-radius:18px;background:#f3763a;display:grid;place-items:center;color:#253225;font-size:35px;box-shadow:0 8px 20px #e8803e30;transform:rotate(7deg)}
input:not([type=checkbox]),textarea,select{border:1px solid #e0e5da;border-radius:9px;background:#f8f9f5;padding:12px 13px;font-size:13px;color:#253227}input:focus,textarea:focus,select:focus{background:#fff;border-color:#d39a72}textarea{line-height:1.7}.field{color:#43513f}label.field{font-size:11px;font-weight:600}.field small,.muted{font-size:11px;line-height:1.7;color:#7a8572}input[type=checkbox]{accent-color:#df7c45}.person-layout{grid-template-columns:180px minmax(0,1fr);gap:25px}.peoplelist{gap:5px}.personbtn{border:0;padding:14px 15px;border-radius:11px}.personbtn[aria-pressed=true]{background:#fff;box-shadow:0 4px 20px #25302505}.personbtn strong{font-size:12px}.personbtn small{font-size:10px;line-height:1.7}.permissions-grid{background:#fff;border-radius:15px;padding:20px;gap:16px 30px;margin:18px 0}.permgroup{border-top:0;padding:10px 0}.permgroup h3{font-size:12px;color:#3c5137;margin-bottom:10px}.check{padding:8px 0;font-size:11px}.admin-note{background:#f8e5d3;color:#95613c;border-radius:10px;padding:16px;border:0}.code-result{background:#edf3e7;border:0;border-radius:12px;padding:20px}.code-result code{font-size:15px;color:#324c2d;letter-spacing:.3px}.code-result input{font-size:12px!important}.savebar{margin-top:22px}.history-row{border-color:#eef0e8;padding:16px 0}.tablewrap{border-radius:13px;overflow:auto}table{background:#fff}th{background:#fafbf8;color:#7b8873;font-size:10px}td,th{border-color:#edf0e7;padding:16px}.tabletitle{color:#294226}.details-section{border-color:#e3e7db;padding-top:24px}.comment{border-color:#edf0e7;padding:16px 0}.comment p{line-height:1.7}.notice{border:0;border-radius:12px;background:#263e2b;color:#fff;box-shadow:0 12px 40px #12221925;padding:17px 23px}.notice.error{background:#983d30}dialog{border:0;border-radius:18px;background:#fff;box-shadow:0 25px 100px #14251640}dialog::backdrop{background:#11201880;backdrop-filter:blur(4px)}#modal-content{padding:30px}.dialoghead{padding-bottom:18px;border-bottom:1px solid #eff1e8}.dialoghead h2{font-size:23px}
.client-content{max-width:1380px;padding:25px 38px 60px}.client-links{border:0;margin:0 0 23px;gap:8px}.client-links button{border:0;background:transparent;color:#6e7e63;min-height:35px;font-size:11px;padding:9px 14px}.client-links [data-page=tasks]{background:#e3e9da;color:#334d2c}.order-hero{position:relative;isolation:isolate;background:#23382b;color:#fff;border-radius:19px;padding:36px 40px;gap:30px;margin-bottom:26px;overflow:hidden;align-items:center;min-height:210px}.order-hero:after{content:'';position:absolute;z-index:-1;width:420px;height:420px;right:60px;top:-180px;border:1px solid #ffffff09;border-radius:50%;box-shadow:0 0 0 55px #ffffff03,0 0 0 110px #ffffff02}.order-hero>div:first-child{flex:1;min-width:0}.order-hero .crumb{color:#eca675}.order-hero h1{font-size:39px;max-width:700px;overflow-wrap:anywhere}.order-hero .subtitle{color:#aebda6;max-width:590px;font-size:13px;margin:15px 0 0}.order-hero .secondary{background:#ffffff10;border-color:#ffffff20;color:#e9efe3;font-size:10px}.order-summary{display:flex;align-items:center;flex-direction:column;gap:11px}.order-summary>span{font-size:10px;color:#a5b69c}.progress-orbit{--progress:0%;position:relative;background:conic-gradient(#f78a4d var(--progress),#ffffff15 0);border-radius:50%;width:98px;height:98px;display:grid;place-items:center}.progress-orbit:before{content:'';position:absolute;inset:5px;border-radius:50%;background:#23382b}.progress-orbit strong{position:relative;font-size:29px;font-weight:500;letter-spacing:-1px}.progress-orbit small{font-size:12px;margin-left:3px;color:#aebda6}.portal-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px}.portal-grid h2{font-size:19px}.client-progress{height:6px;border-radius:6px;background:#e7edde}.client-progress>div{border-radius:6px;background:#e69057}.milestone{border-color:#eef1e7;padding:17px 0;gap:13px}.stage-number{width:32px;height:32px;border-radius:10px;background:#eaf0e2;color:#6d845c;font-weight:600;font-size:11px}.milestone strong{font-size:12px}.milestone small{font-size:10px;margin-top:4px}.stage-status{border:0!important;background:#f0f4e9!important;font-size:10px!important}.photo-grid{gap:13px}.photo-grid img{border-radius:11px;aspect-ratio:16/11}.photo-grid a{color:#7b896e;text-decoration:none}.photo-grid>.muted:only-child{grid-column:1/-1;position:relative;min-height:120px;display:grid;place-items:center;padding:20px 30px 20px 90px;background:#f4f6ef;border-radius:12px;margin:0;font-size:11px}.photo-grid>.muted:only-child:before{content:'↗';position:absolute;left:26px;font-size:34px;color:#bac9ad;transform:rotate(-20deg)}.portal-chat{padding:26px}.portal-chat h2{margin-bottom:23px}#portal-messages{max-height:430px;overflow:auto;scrollbar-width:thin}#portal-messages>.muted:only-child{padding:30px 20px;margin:0 0 20px;background:#f5f7f0;border-radius:12px;text-align:center;line-height:1.8}.chat-message{border:0;background:#f0f4e8;border-radius:12px 12px 12px 2px;padding:14px 17px;margin:12px 25px 12px 0;font-size:12px}.chat-message strong{font-size:10px;color:#657d51}.chat-message.mine{background:#fce7d5;border:0;border-radius:12px 12px 2px 12px;margin:12px 0 12px 25px}.chat-message.mine strong{color:#a5673b}.chat-message p{line-height:1.7}.chat-message small{color:#87907d;font-size:9px}.portal-chat textarea{background:#f7f9f2;min-height:105px}.portal-chat form>small{display:block;margin-top:13px;font-size:10px}.portal-chat form .primary{width:100%}
.auth-stage{min-height:100dvh;background:#17231f;padding:35px;display:grid;place-items:center}.auth-layout{display:grid;grid-template-columns:1.15fr 1fr;max-width:1130px;width:100%;min-height:670px;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 35px 110px #0003}.auth-story{position:relative;isolation:isolate;background:#23382b;padding:42px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.auth-story:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#17231ff0,#17231f20 90%),url('/assets/montivo-login.webp') center/cover;z-index:-1}.auth-story>img{width:170px;height:auto}.story-label{font-size:10px;font-weight:700;letter-spacing:2px;color:#f7aa79}.auth-story h2{font-size:52px;font-weight:600;letter-spacing:-2.8px;line-height:1.06;margin:23px 0 30px}.story-bottom{font-size:11px;color:#b6c5b0;border-top:1px solid #ffffff20;padding-top:19px}.auth{width:auto;max-width:none;border:0;box-shadow:none;border-radius:0;background:#fff;display:flex;flex-direction:column;justify-content:center}.auth header{padding:28px 42px 12px;border:0;gap:14px;flex-wrap:wrap}.auth .ops{font-size:9px;color:#9aa78e;border-color:#e5eadf}.auth .language-picker{margin-left:auto}.auth .language-picker select{color:#526447;border-color:#e4e9dc;background:#f6f8f1;min-width:69px;font-size:10px}.auth main{padding:24px 42px 35px}.auth h1{font-size:32px;letter-spacing:-1.3px}.auth .subtitle{font-size:12px;margin-bottom:25px}.auth footer{padding:17px 42px;font-size:10px;background:#fff;border-color:#f0f2eb;color:#98a18d}.auth .primary{min-height:46px;margin-top:16px}.auth .field{margin-bottom:18px}.auth-person{border-radius:10px;background:#eef3e7;padding:14px}.auth .ghost{font-size:11px;margin-top:7px;min-height:32px}.auth input{background:#f8faf5}
@media(min-width:1500px){.content{padding:40px 48px 70px}.overview-strip{gap:22px}.board{gap:22px}}
@media(max-width:1100px){.layout{grid-template-columns:190px minmax(0,1fr)}.content{padding:28px 24px}.person-layout{grid-template-columns:1fr}.peoplelist{flex-direction:row;flex-wrap:wrap}.personbtn{width:auto;min-width:130px}.auth header{padding:28px 30px 10px}.auth main{padding:24px 30px 30px}.auth footer{padding:17px 30px}.auth-story{padding:32px}.auth-story h2{font-size:45px}.auth .brand img{width:120px}.onboarding{gap:25px;padding:32px}.plan-art{width:160px}.overview-item{padding:19px}.board{gap:10px}.board>section{padding:10px}.taskcard{padding:15px}.portal-grid{gap:18px}.client-content{padding:24px}}
@media(max-width:800px){.portal-grid{grid-template-columns:1fr}.order-hero{padding:28px;min-height:185px}.order-hero h1{font-size:32px}.client-content{max-width:650px}.progress-orbit{height:80px;width:80px}.order-summary{gap:7px}.order-hero>.secondary{width:100%}.auth-layout{grid-template-columns:1fr 1fr}.auth-story h2{font-size:39px}.overview-item{gap:10px;padding:17px}.overview-icon{width:35px;height:35px;border-radius:10px}.overview-item strong{font-size:26px}.overview-item div>span{font-size:10px}}
@media(max-width:700px){.topbar{height:auto;min-height:77px;padding:18px;gap:12px;flex-wrap:wrap}.topbar .brand img{width:110px}.topbar .ops{font-size:9px;padding-left:12px}.identity{gap:5px}.identity strong{font-size:11px;max-width:90px}.identity strong:before{display:none}.identity .ghost{font-size:10px;padding:7px}.language-picker{margin-left:0}.language-picker select{font-size:10px;min-width:67px;padding:8px}.layout{display:block}.sidebar{padding:8px 10px;background:#fff;border-bottom:0}.sidebar nav{flex-direction:row;gap:4px;overflow:auto;scrollbar-width:none}.sidebar small{display:none}.navbtn{padding:10px 12px;color:#7c8874;gap:7px;font-size:11px;flex-shrink:0;border-radius:9px;white-space:nowrap;min-height:40px}.navbtn.active{background:#eaf0e3;color:#344b2e}.navbtn.active:after{display:none}.nav-icon{width:16px;height:16px}.content{padding:25px 17px 40px}.content h1{font-size:30px}.crumb{font-size:9px;letter-spacing:1.4px}.workspace-heading{gap:18px}.workspace-heading .actions{width:100%}.workspace-heading .actions .primary{margin-left:auto}.subtitle{font-size:12px}.overview-strip{gap:8px;margin-bottom:18px}.overview-item{padding:16px 10px;display:block;border-radius:12px}.overview-icon{width:28px;height:28px;margin-bottom:14px;border-radius:8px}.overview-icon .nav-icon{width:17px;height:17px}.overview-item strong{font-size:26px}.overview-item div>span{font-size:9px;margin-top:6px}.toolbar{gap:6px;padding:8px;margin-bottom:18px}.toolbar select{font-size:11px;max-width:155px;padding-right:15px}.toolbar .count{margin-left:auto;font-size:10px}.switch button{font-size:10px;padding:6px 11px}.board{grid-template-columns:1fr;gap:16px}.board>section{min-height:130px;padding:14px}.columnempty{padding:20px 8px}.taskcard{padding:18px}.panel{padding:21px;border-radius:13px}.primary,.secondary,.danger{font-size:11px;border-radius:9px}.onboarding{flex-direction:column;gap:20px;padding:30px 23px;text-align:center}.plan-art{height:142px;width:170px;margin-bottom:20px}.plan-art i{height:35px;margin:9px 0}.plan-art i:before{top:9px}.plan-art i:after{top:12px}.plan-art b{width:49px;height:49px;font-size:29px}.onboarding h2{font-size:25px}.onboarding p{font-size:12px}.setup-steps{gap:12px;justify-content:center;font-size:9px;margin-top:26px}.setup-steps b{width:21px;height:21px}.empty{padding:30px 23px}.grid2,.permissions-grid{grid-template-columns:1fr}.peoplelist{gap:6px}.personbtn{background:#e9eee1;min-width:115px;padding:12px}.personbtn strong{font-size:11px}.permissions-grid{padding:18px}.check{font-size:12px}.savebar{flex-wrap:wrap}.savebar .primary{width:100%}.client-content{padding:20px 16px 35px}.client-links{gap:5px;margin-bottom:19px}.client-links button{font-size:10px;padding:8px 12px}.order-hero{padding:25px;gap:20px;border-radius:15px;align-items:flex-start;margin-bottom:21px}.order-hero h1{font-size:29px}.order-hero .subtitle{font-size:11px;line-height:1.8;margin-top:12px}.order-hero .crumb{font-size:8px;letter-spacing:1.2px}.order-summary{width:67px}.progress-orbit{width:67px;height:67px}.progress-orbit strong{font-size:22px}.progress-orbit small{font-size:10px}.order-summary>span{font-size:8px;text-align:center}.order-hero>div:first-child{min-width:150px}.portal-grid{gap:0}.portal-grid h2{font-size:18px}.portal-chat form>small{font-size:10px}.photo-grid>.muted:only-child{min-height:105px;padding-left:80px}.auth-stage{padding:0;background:#fff}.auth-layout{display:block;min-height:100dvh;border-radius:0;box-shadow:none}.auth-story{display:none}.auth{min-height:100dvh;justify-content:center}.auth header{padding:30px 28px 12px}.auth main{padding:22px 28px 35px}.auth h1{font-size:31px}.auth footer{padding:17px 28px}.auth .brand img{width:140px}input:not([type=checkbox]),textarea,select{font-size:16px}#modal-content{padding:24px}.dialoghead h2{font-size:21px}.notice{right:13px;bottom:13px;max-width:calc(100vw - 26px);font-size:12px}.savebar small{line-height:1.7}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(max-width:700px){.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px}.topbar .brand{grid-column:1;grid-row:1}.topbar .ops{grid-column:2;grid-row:1}.topbar .language-picker{grid-column:3;grid-row:1;justify-self:end}.topbar .identity{grid-column:1/-1;grid-row:2;justify-self:end;gap:12px}.identity strong{max-width:200px}.identity .ghost{min-height:25px;padding:4px 6px}}