/* Shared compact record and list presentation. */
.record .fields>.company-lookup,.record .fields>.type-picker{grid-column:1/-1}.record .company-lookup .relation-input .company-query{min-width:130px;flex:1}.smart-cell .tag{display:inline-block;margin:2px}.smart-cell .color-tag{display:inline-flex}.smart-cell [data-color]{max-width:100%}
.smart-row .mobile-field-label{display:none}.smart-list .selectable-row>.smart-row{min-width:0}.smart-list .smart-head:has(>.select-page){padding-left:14px}.smart-list .smart-head:has(>.select-page)>input{width:16px;height:16px}
.smart-list .smart-head>.select-page{position:static!important;transform:none;margin:0}.smart-list .smart-head{min-width:0}.smart-list .smart-head button{width:auto!important}
.smart-list .smart-head:has(>.select-page){padding-left:14px!important}
.user-list.cards .smart-list{display:contents}.user-list.cards .smart-head{display:none!important}.user-list.cards .smart-row{display:flex!important;flex-direction:column;align-items:stretch;min-width:0}.user-list.cards .smart-row .mobile-field-label{display:inline;font-size:11px;color:var(--muted);margin-right:6px}.user-list.cards .smart-row [data-column=name] .mobile-field-label{display:none}.activity-row-actions{display:flex;gap:8px;padding:5px 14px 12px;flex-wrap:wrap}.activity-row-actions:empty{display:none}
.record .fields{gap:12px 24px}.record .field{display:grid;grid-template-columns:minmax(110px,35%) minmax(0,1fr);align-items:start;gap:5px 12px;margin-bottom:10px;min-width:0}.record .field-caption{font-size:13px;color:#243b4e;padding-top:6px;line-height:1.35}.record .field input:not([type=checkbox]):not([type=color]),.record .field select,.record .field textarea{border:0;border-bottom:1px solid transparent;border-radius:0;padding:5px 3px;min-height:32px;background:transparent;width:100%;color:#263c50}.record .field input:hover,.record .field select:hover{border-bottom-color:#c7d3dd}.record .field input:focus,.record .field select:focus,.record .field textarea:focus{outline:0;border-bottom-color:#00a2ad;box-shadow:0 2px 0 #00a2ad}.record .field input:disabled,.record .field select:disabled{background:transparent;color:#617488}.record .field>small{grid-column:2}.record .field .relation-input{min-width:0;flex-wrap:wrap}.record .company-query{flex-basis:130px}.open-company.icon-btn{font-size:13px;white-space:nowrap;min-height:36px;min-width:116px;color:#007d98;padding:6px 8px;border:1px solid #c6dfe6;border-radius:3px}.open-company:focus-visible{outline:2px solid #008b9b}.record .tag-picker,.record .type-picker{position:relative}.record .tag-input{border:0;border-bottom:1px solid #dbe1e7;border-radius:0;padding:2px;min-height:32px;gap:4px;align-items:center;flex-wrap:wrap}.record .tag-input:focus-within{border-bottom-color:#009ca8;box-shadow:0 1px 0 #009ca8}.tag-pills,.type-pills{display:contents}.tag-input input[type=search]{width:auto!important;min-width:130px;flex:1;padding:4px!important;min-height:28px!important}.color-tag{border-left:0;background:var(--tag-color,#79516f);color:var(--tag-ink,#fff);padding:3px 7px;min-height:24px;border-radius:12px;font-size:12px;display:inline-flex;gap:5px;align-items:center;line-height:1.2}.color-tag button,.type-tag button{border:0;background:transparent;color:inherit;min-width:24px;min-height:28px;padding:0 4px;font-size:17px}.type-tag{display:inline-flex;gap:5px;align-items:center;background:#e7edf4;color:#29465c;border-radius:12px;padding:3px 8px;font-size:12px}.type-picker .tag-results{position:absolute;top:100%;left:35%;right:0;max-height:260px;overflow:auto;z-index:25;background:white;border:1px solid #d3dce4;box-shadow:0 3px 12px #0002}.type-picker .tag-results button{display:block;width:100%;text-align:left;border:0;background:white;padding:9px 12px;min-height:38px}.type-picker .tag-results button:hover{background:#e5f3f4}.required-star{color:#ac2940;font-weight:700}.field-help{position:relative;display:inline-block;margin-left:5px}.field-help>button{border:0;background:transparent;color:#008299;border-radius:50%;padding:0 4px;min-width:23px;min-height:26px;cursor:help;font-size:13px}.help-tooltip{display:none;position:absolute;z-index:60;width:min(250px,65vw);background:#223544;color:white;border-radius:4px;padding:10px;left:0;top:100%;font-size:12px;font-weight:400;line-height:1.5;box-shadow:0 3px 10px #0003}.field-help:hover .help-tooltip,.field-help:focus-within .help-tooltip,.field-help.help-open .help-tooltip{display:block}.field-error{color:#b32b41;font-size:12px}.record [aria-invalid=true]{border-bottom:2px solid #b32b41!important;background:#fff5f5!important}.record-tabs .tab-has-error{color:#b32b41!important}.record-tabs .tab-has-error:after{content:' !';font-weight:bold}.commercial-stages{gap:0;flex-wrap:nowrap}.commercial-stages span{position:relative;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,12px 50%);padding:9px 23px;margin-left:-8px;border-bottom:0}.commercial-stages span:first-child{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%);margin-left:0;padding-left:14px}.commercial-stages span.current{background:#d5f0ee;color:#00677b;box-shadow:inset 0 -2px #008ca3;font-weight:600}.linked-contact{grid-template-columns:1.2fr 1fr 1fr 90px;align-items:center}.linked-types{display:flex;flex-wrap:wrap;gap:4px;grid-column:1/-1}.settings-top{display:flex;gap:20px;padding:0 0 16px;border-bottom:1px solid var(--line)}.settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:60vh}.settings-sidebar{border-right:1px solid var(--line);background:#f4f6f8;padding:14px}.settings-sidebar summary{font-weight:600;padding:8px 0}.settings-sidebar nav{display:grid;gap:6px}.settings-sidebar a{padding:12px;border-radius:4px;color:#2f455b}.settings-sidebar a[aria-current=page]{background:#e2eaf0;color:#68456c;font-weight:600}.settings-content{min-width:0;padding:20px}.settings-content h1{font-size:23px}.settings-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.settings-cards>a{display:grid;gap:8px;padding:20px;background:white;border:1px solid var(--line);border-radius:5px}.settings-cards span{font-size:13px;color:var(--muted)}.smart-list{min-width:0;overflow:auto;background:white}.smart-list .smart-head,.smart-list .smart-row{display:grid!important;grid-template-columns:repeat(var(--column-count),minmax(110px,1fr))!important;gap:10px;align-items:center;padding:11px 14px;border-bottom:1px solid var(--line);font-size:13px;min-width:calc(var(--column-count)*120px)}.smart-list .smart-row:has(>input),.smart-list .smart-head:has(>input){grid-template-columns:24px repeat(var(--column-count),minmax(110px,1fr))!important}.smart-head button{background:transparent;border:0;text-align:left;cursor:pointer;min-height:34px;color:#34475c;font-size:12px;font-weight:600;padding:2px}.smart-head button:hover,.smart-head button:focus-visible{background:#e4eaf0}.smart-cell{min-width:0;overflow-wrap:anywhere}.smart-cell .person{display:flex;gap:8px;align-items:center}.smart-cell .person .avatar{flex:none}.smart-cell .name{display:block}.smart-row .smart-cell{grid-column:auto!important;margin:0!important}.smart-row:hover{background:#f1f8fb}.smart-row>input{width:16px;height:16px}.mobile-field-label,.mobile-sort{display:none}.view-preferences{display:flex;gap:6px;align-items:center;position:relative;flex-wrap:wrap}.view-preferences>small{font-size:10px;color:var(--muted)}.view-preferences summary{cursor:pointer;padding:8px;border:1px solid var(--line);border-radius:3px;font-size:12px}.column-menu{position:absolute;right:0;top:38px;z-index:35;background:white;border:1px solid var(--line);box-shadow:0 4px 16px #0002;padding:12px;min-width:240px;max-height:60vh;overflow:auto}.column-menu label{display:flex;gap:8px;align-items:center;padding:5px}.column-menu button{border:0;border-top:1px solid var(--line);background:white;color:#007c96;padding:10px 0;margin-top:8px}.view-preferences select{max-width:180px}.adjustments #catalog-bulk{padding:10px;background:#e2f2f3}.adjustments #catalog-bulk button{margin:4px}.adjustments .breadcrumb{display:flex;gap:8px;flex-wrap:wrap}.adjustments .record{padding:20px;background:white}.linked-contact strong{overflow-wrap:anywhere}
@media(max-width:1000px){.record .field{grid-template-columns:1fr}.record .field>small{grid-column:1}.type-picker .tag-results{left:0}.settings-layout{grid-template-columns:185px minmax(0,1fr)}.settings-content{padding:14px}}
@media(max-width:700px){.settings-layout{display:block}.settings-sidebar{border-right:0;border-bottom:1px solid var(--line)}.settings-sidebar nav{grid-template-columns:repeat(3,1fr);gap:4px}.settings-sidebar a{padding:10px 4px;font-size:12px}.settings-content{padding:14px 0}.settings-top{gap:15px}.record .fields{gap:10px 16px}.record .field input:not([type=checkbox]),.record .field select,.record .field textarea{font-size:16px;min-height:38px}.help-tooltip{left:0;width:min(220px,65vw)}.field-help>button{min-width:30px;min-height:30px}.linked-contact{grid-template-columns:1fr 1fr;padding:12px 4px}.commercial-stages{padding:4px 12px 14px;justify-content:flex-start}.commercial-stages span{font-size:12px;padding:9px 20px}.smart-list .smart-head{display:none!important}.smart-list .smart-row,.smart-list .smart-row:has(>input){display:flex!important;flex-direction:column;align-items:stretch;min-width:0;gap:8px;padding:14px;position:relative}.smart-row>input{position:absolute;right:12px;top:15px}.smart-cell[data-column=name]{padding-right:25px}.smart-row .mobile-field-label{display:inline;font-size:11px;color:var(--muted);margin-right:8px}.smart-row [data-column=name] .mobile-field-label{display:none}.mobile-sort{display:inline-flex;align-items:center;gap:5px;font-size:12px}.view-preferences>small{width:100%}.smart-list{overflow:visible}.column-menu{right:auto;left:0}.record .tag-input input[type=search]{font-size:16px!important}.open-company.icon-btn{min-height:42px}.color-tag button,.type-tag button{min-width:30px;min-height:30px}.record .type-picker{margin-top:6px}.settings-cards{grid-template-columns:1fr}}
