.layout-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:0 0 22px;padding-bottom:20px;border-bottom:1px solid #e4e9de}.view-switch{display:inline-flex;gap:4px;border:1px solid #e0e6d8;background:#edf0e7;padding:4px;border-radius:7px}.view-button{display:flex;gap:7px;align-items:center;border:1px solid transparent;border-radius:4px;background:transparent;color:#88967b;padding:8px 11px;font-size:11px}.view-button>span{font-size:17px;line-height:1}.view-button.selected{background:white;border-color:#dce4d3;box-shadow:0 1px 4px #273d2110;color:#3f5e35}.view-button:hover{color:#294a29}.layout-options{display:flex;gap:14px;align-items:center}.layout-caption{font-size:10px;color:#95a18a}.record-title{display:flex;gap:11px;align-items:center;min-width:0}.record-name{display:flex;align-items:center;gap:11px;text-align:left;padding:0;border:0;background:transparent;flex:1;min-width:0}.record-name b{font-size:12px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.record-name:hover b{color:#76915e}.custom-table th{text-transform:uppercase}.custom-table td{vertical-align:middle;max-width:310px;white-space:normal;line-height:1.6}.custom-table td:first-child{min-width:210px}.custom-table .record-name b{font-size:12px}.custom-table .field-note{max-width:230px}.field-note{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;color:#849278;font-size:11px}.record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:22px}.workspace-card{padding:20px;border:1px solid #e0e7d8;border-radius:7px;background:#fff}.workspace-card>.record-title{align-items:flex-start;margin-bottom:19px}.workspace-card .record-name{min-height:30px}.workspace-card dl{margin:0}.workspace-card dl>div{display:flex;justify-content:space-between;gap:15px;margin:0 0 12px;align-items:flex-start;line-height:1.6}.workspace-card dl>div:last-child{margin:0}.workspace-card dt{font-size:10px;color:#98a18d;flex-shrink:0;max-width:45%}.workspace-card dd{font-size:11px;margin:0;text-align:right;overflow-wrap:anywhere;min-width:0}.workspace-card .field-note{text-align:right}.completed-card{background:#fafcf6}.is-completed{opacity:.65}.record-list{padding:0 22px}.workspace-list-row{display:grid;grid-template-columns:minmax(190px,.85fr) minmax(0,2fr) 30px;align-items:center;gap:24px;padding:22px 0;border-bottom:1px solid #edf1e6}.workspace-list-row:last-child{border-bottom:0}.list-fields{display:flex;align-items:flex-start;gap:17px 24px;flex-wrap:wrap;min-width:0}.list-fields>span{font-size:11px;max-width:210px;overflow-wrap:anywhere}.list-fields small{display:block;font-size:9px;color:#a1ab94;margin-bottom:6px}.list-fields .field-note{max-width:160px}.workspace-records>.kanban{padding:20px}.kanban .workspace-card{padding:16px;margin-bottom:13px;border-radius:5px}.kanban .workspace-card dd{max-width:150px}.kanban .workspace-card .record-title{margin-bottom:18px}.kanban .workspace-card dl{margin-bottom:18px}.density-compact .workspace-card{padding:14px}.density-compact .workspace-card dl>div{margin-bottom:7px}.density-compact td{padding:10px 17px}.density-compact .workspace-list-row{padding:13px 0}.density-compact .record-grid{gap:12px;padding:16px}.density-compact .avatar{width:29px;height:29px;font-size:9px}.view-form-body{padding:22px 28px 0}.view-form-body>.hint{margin-bottom:19px}.field-order{border:1px solid #e2e8da;border-radius:6px;overflow:hidden}.field-order>div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:8px 14px;border-bottom:1px solid #edf1e6;background:#fcfdf9}.field-order>div:last-child{border:0}.field-order label{display:flex;align-items:center;gap:12px;font-size:12px;flex:1}.field-order input[type=checkbox],.inline-check input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:#466940;flex-shrink:0;padding:0}.view-form-grid{padding:22px 0 0}.view-form-body .error-text{padding:0}.inline-check{display:inline-flex;align-items:center;gap:9px;font-size:11px;color:#7f8e71;cursor:pointer}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(135px,1fr));min-width:945px}.week-day{border-right:1px solid #e9efdf;padding:12px 9px;min-height:340px;display:flex;flex-direction:column;gap:12px}.week-day:last-child{border-right:0}.current-day{background:#f6f9ef}.week-date{text-transform:capitalize;background:none;border:0;color:#70845e;text-align:left;font-size:10px;padding:6px 2px;font-weight:600}.week-events{flex:1}.week-event{background:#eff4e6;border:1px solid #e4ebd8;border-left:2px solid #91a873;text-align:left;padding:10px;width:100%;margin-bottom:9px;border-radius:4px;display:block}.week-event small{font-size:8px;line-height:1.6;color:#95a183;display:block}.week-event b{font-weight:500;font-size:10px;line-height:1.6;display:block;margin:6px 0;overflow-wrap:anywhere}.week-event>span{font-size:8px;color:#94a080;display:block;overflow-wrap:anywhere}.week-event.done{opacity:.55}.week-event.done b{text-decoration:line-through}.no-events{display:block;font-size:9px;color:#b0b9a3;text-align:center;padding:35px 3px}.wide-calendar{grid-template-columns:minmax(0,1fr)}.calendar-agenda{padding:10px 23px 24px}.calendar-agenda section>h3{text-transform:capitalize;font-size:11px;background:#f5f8ef;color:#7e9169;padding:13px;margin:15px 0 0;border-radius:4px}.calendar-agenda .task-row{padding-left:13px;padding-right:13px}.calendar-footnote{margin:18px 0}.reminder-settings{margin-top:24px}.reminder-settings-body{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:28px}.reminder-settings form>.inline-check{display:flex;align-items:flex-start;line-height:1.7;margin-bottom:17px}.reminder-settings form>.inline-check input{margin-top:2px}.reminder-lead{max-width:220px;margin:20px 0 24px}.reminder-settings .hint{font-size:11px}.browser-permission{border-left:1px solid #e7ecde;padding-left:30px}.browser-permission h3{font-size:13px;margin-bottom:12px}.browser-permission>p{font-size:11px;color:#8e9c7f}.browser-permission .btn{font-size:10px}.reminder-inbox{background:#fbf7eb;border:1px solid #e6dbbd;border-left:3px solid #c6ad71;border-radius:6px;padding:18px 22px;margin:0 0 27px}.reminder-heading{display:flex;align-items:center;gap:13px;margin-bottom:12px}.reminder-heading>span{font-size:25px;color:#b89a5c}.reminder-heading>div{flex:1}.reminder-heading h2{font-size:13px;margin:0 0 5px;color:#7c6d42;display:flex;align-items:center;gap:8px}.reminder-heading p{font-size:10px;color:#aa9d79;margin:0}.reminder-item{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #e9e0ca;padding:11px 0 2px;margin-top:8px}.reminder-item-title{text-align:left;background:none;border:0;padding:0;color:#7c714d}.reminder-item-title b{display:block;font-size:11px;font-weight:600;line-height:1.6}.reminder-item-title small{display:block;font-size:9px;margin-top:4px;color:#aa9c73}.reminder-item .text-button{font-size:10px;color:#9b8c61}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.stage-2{background:#c6a164}.stage-3{background:#426c4c}.stage-4{background:#bc8c7b}
@media(max-width:1200px){.record-grid{grid-template-columns:1fr 1fr}.layout-caption{display:none}.layout-toolbar{gap:10px}.view-button{padding:8px 9px}.workspace-list-row{grid-template-columns:minmax(160px,.8fr) minmax(0,1.5fr) 30px;gap:15px}.reminder-settings-body{gap:25px}.browser-permission{padding-left:23px}}
@media(max-width:800px){.layout-toolbar{align-items:flex-start;flex-direction:column;gap:13px}.layout-options{align-self:flex-end}.record-grid{gap:13px;padding:16px}.workspace-card{padding:16px}.workspace-list-row{grid-template-columns:1fr 30px;gap:15px}.workspace-list-row>.record-title{grid-column:1;grid-row:1}.workspace-list-row>.list-fields{grid-column:1;grid-row:2}.workspace-list-row>.icon-button{grid-column:2;grid-row:1/3}.reminder-settings-body{grid-template-columns:1fr}.browser-permission{border-left:0;border-top:1px solid #e7ecde;padding:25px 0 0}.reminder-heading{flex-wrap:wrap}.reminder-heading>div{min-width:150px}}
@media(max-width:650px){.record-grid{grid-template-columns:1fr}.view-button{font-size:10px;padding:8px}.view-switch{gap:1px;padding:3px;max-width:100%;flex-wrap:wrap}.layout-toolbar{margin-bottom:18px}.layout-options .btn{font-size:10px}.list-fields{gap:15px}.record-list{padding:0 16px}.view-form-body{padding:20px 20px 0}.reminder-settings-body{padding:20px}.reminder-inbox{padding:16px;margin-bottom:22px}.reminder-heading>span{display:none}.reminder-item{gap:10px}.calendar-agenda{padding:5px 12px 16px}.custom-table td:first-child{min-width:180px}}
