:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#edf5ff;background:#0c1628;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:9px;padding:10px 14px;background:#76c9ff;color:#152019;font-weight:700}button:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:not-allowed}.secondary{background:#28476a;color:#edf5ff}.ghost{background:transparent;color:#d3e5fa;border:1px solid #426383}.danger{background:#6a302f;color:#ffe6e2}.small{font-size:.83rem;padding:7px 10px}.shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}aside{background:#111f35;border-right:1px solid #34493e;padding:22px 15px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;margin-bottom:26px;padding:3px 6px}.brand strong{display:block;font-size:1.18rem}.brand small{display:block;font-size:.71rem;color:#a4baac;margin-top:3px}.mark{width:38px;height:38px;background:#76c9ff;color:#122219;border-radius:12px;display:grid;place-items:center;font-size:1.5rem;font-weight:900}.nav{display:flex;gap:10px;align-items:center;width:100%;text-align:left;margin:2px 0;background:transparent;color:#c3d6c9;font-weight:550}.nav.active{background:#23486d;color:#b5e5ff}.nav span{font-size:1.15rem}.sidefoot{margin-top:auto;font-size:.73rem;color:#94a99c;padding:15px 7px}main{width:100%;max-width:1300px;margin:auto;padding:24px 30px 85px}.prototype{padding:12px 15px;background:#3c3022;border:1px solid #80603b;color:#ffdfae;border-radius:10px;font-size:.83rem;margin-bottom:23px}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:23px}.top h1{font-size:1.8rem;margin:0 0 4px}.muted{color:#a8bed8}.sub{font-size:.9rem}.actions{display:flex;flex-wrap:wrap;gap:8px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:19px}.stat,.panel{background:#172b45;border:1px solid #365574;border-radius:13px;padding:19px}.stat strong{display:block;font-size:2rem;margin-top:8px}.stat small{color:#b5c8df}.panel{margin-bottom:17px}.panel h2{font-size:1.07rem;margin:0 0 16px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-title h2{margin:0}.item{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #364c40;padding:12px 0}.item:last-child{border-bottom:0}.item strong{display:block}.item small{display:block;margin-top:5px;color:#a6baac;line-height:1.45}.link{background:none;border:0;color:#8ed6ff;padding:0;text-align:left;font-weight:700;text-decoration:none}.link:hover{text-decoration:underline}.pill{display:inline-block;padding:4px 8px;border-radius:99px;background:#244d77;color:#d5edff;font-size:.76rem;margin:2px}.pill.warn{background:#5a3b2f;color:#ffd2b9}.pill.red{background:#623334;color:#ffd0d0}label{display:block;color:#b2c5b7;font-size:.83rem;margin:0 0 6px}input,select,textarea{display:block;width:100%;padding:11px 12px;border:1px solid #426383;border-radius:8px;background:#11243d;color:#f2f6f2;min-width:0}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #76c9ff;outline-offset:1px}.field{margin-bottom:14px}.full{grid-column:1/-1}.checkset{display:flex;gap:8px;flex-wrap:wrap}.checkset label{margin:0;display:flex;align-items:center;gap:7px;border:1px solid #426383;border-radius:8px;padding:9px 10px;background:#13243a;color:#e5efe6;cursor:pointer}.checkset input{width:auto;accent-color:#76c9ff}.checkset label:has(input:checked){background:#294c70;border-color:#76c9ff}.form-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.divider{height:1px;background:#36536e;margin:18px 0}.lookup{position:relative}.lookup-results{position:absolute;top:100%;left:0;right:0;background:#1b3654;border:1px solid #68806e;border-radius:8px;z-index:10;max-height:220px;overflow:auto;box-shadow:0 10px 24px #0008}.lookup-results button{display:block;width:100%;text-align:left;background:transparent;color:#e8f2e9;border-radius:0;border-bottom:1px solid #3c5746;font-weight:500}.lookup-results button:hover{background:#3c5b45}.lookup-picked{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#234c73;border-radius:8px;padding:9px 11px}.lookup-picked button{padding:4px 8px}.hint{font-size:.78rem;color:#9cb1a3;margin-top:5px}.empty{padding:14px 0;color:#a6baac}.note{background:#13243a;border:1px solid #385143;border-radius:9px;padding:11px;margin:9px 0}.note small{display:block;color:#9fb3a4;margin-bottom:5px}.note p{white-space:pre-wrap;margin:5px 0}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:15px}.toolbar input{flex:1;min-width:180px}.toolbar select{width:auto;max-width:240px}.tablewrap{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid #385144;vertical-align:top}.table th{font-size:.78rem;color:#a4b8aa}.table tr:last-child td{border-bottom:0}.badge{font-size:.76rem;color:#c7e0cf}.two{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,1fr);gap:16px}.quick{margin:0 0 18px}.inline{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.inline input{width:auto;flex:1}.footer{color:#93a89b;font-size:.78rem;margin-top:30px}.call-count{font-size:.85rem;color:#b4c9b8}.call-contact{font-size:1.4rem;margin:0 0 5px}.status{margin-top:12px;color:#76c9ff}.danger-zone{border-color:#6e4140}.card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.mini-card{border:1px solid #395343;border-radius:9px;padding:13px;background:#14263e}.mini-card small{display:block;color:#a9bcaf;margin-top:5px}.kanban{display:flex;gap:10px;overflow:auto;padding-bottom:10px}.column{min-width:220px;width:220px;background:#14253c;border:1px solid #354e40;border-radius:10px;padding:11px}.column h3{font-size:.88rem;margin:4px 0 12px}.kanban-card{background:#203c5b;border:1px solid #49624e;border-radius:9px;padding:10px;margin-bottom:8px;cursor:pointer}.kanban-card strong{display:block}.kanban-card small{color:#b1c3b4;display:block;margin-top:6px}.stack{display:grid;gap:8px}#toast{position:fixed;bottom:22px;right:22px;z-index:50;background:#76c9ff;color:#102019;padding:11px 16px;border-radius:10px;font-weight:700;display:none;box-shadow:0 7px 30px #0007}#toast.show{display:block}@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}}@media(max-width:740px){.shell{display:block}aside{height:auto;position:static;padding:12px;border-right:0;border-bottom:1px solid #354b3f}.brand{margin-bottom:9px}.sidefoot{display:none}#nav{display:flex;overflow:auto;gap:3px}.nav{width:auto;flex-shrink:0;white-space:nowrap;padding:9px;font-size:.81rem}.nav span{font-size:1rem}main{padding:16px 12px 75px}.grid{grid-template-columns:1fr}.full{grid-column:auto}.top h1{font-size:1.55rem}.panel{padding:15px}.stat{padding:13px}.item{align-items:flex-start}.item .actions{justify-content:flex-end}.table th,.table td{padding:8px}.column{min-width:195px;width:195px}}

/* V1 usability pass */
.home-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr);gap:16px;align-items:start}.search-results:not(:empty){margin-top:12px}.search-hit{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #304c68}.calendar-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.calendar-weekday{text-align:center;color:#aec2da;font-size:.72rem;padding:6px 0}.calendar-day{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:54px;padding:7px 2px;border:1px solid #324d69;border-radius:8px;background:#14263e;color:#edf5ff;font-size:.8rem}.calendar-day small{font-size:.58rem;color:#76c9ff;line-height:1.2}.calendar-day.selected{outline:2px solid #76c9ff}.calendar-day.today{background:#23496d}.calendar-day:hover{border-color:#76c9ff}[hidden]{display:none!important}@media(max-width:1050px){.home-layout{grid-template-columns:1fr}}

/* Mobile-first usability: fixed thumb navigation and readable single-column records */
.mobile-more{display:none}
@media(max-width:740px){
 html{font-size:16px;-webkit-text-size-adjust:100%}
 body{overflow-x:hidden}
 .shell{display:block;min-width:0}
 aside{position:sticky;top:0;z-index:30;height:auto;display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#111f35f7;backdrop-filter:blur(12px);border-bottom:1px solid #354b3f}
 .brand{margin:0;padding:0;gap:8px}.brand strong{font-size:1.02rem}.brand small{font-size:.61rem}.mark{width:32px;height:32px;border-radius:9px;font-size:1.1rem}
 .mobile-more{display:block;background:#28476a;color:#edf5ff;padding:9px 11px;font-size:.83rem;min-height:40px}
 #nav{position:fixed;bottom:0;left:0;right:0;z-index:40;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:5px 4px calc(5px + env(safe-area-inset-bottom));background:#111f35;border-top:1px solid #36536e;box-shadow:0 -5px 25px #0006;overflow:visible}
 #nav .nav{width:100%;margin:0;min-width:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:3px;white-space:normal;font-size:.64rem;font-weight:600;line-height:1.15;min-height:51px;padding:5px 2px;text-align:center;border-radius:8px}
 #nav .nav span{font-size:1.24rem;line-height:1.2}
 #nav .nav:nth-child(1),#nav .nav:nth-child(2),#nav .nav:nth-child(5),#nav .nav:nth-child(6),#nav .nav:nth-child(7){display:flex}
 body.more-open #nav{grid-template-columns:repeat(2,minmax(0,1fr));bottom:calc(60px + env(safe-area-inset-bottom));left:12px;right:12px;padding:12px;gap:4px;border:1px solid #496151;border-radius:14px;box-shadow:0 0 0 100vmax #0009}
 body.more-open #nav .nav{display:flex;flex-direction:row;justify-content:flex-start;gap:9px;padding:11px 12px;font-size:.88rem;min-height:44px;text-align:left}
 body.more-open #nav .nav span{font-size:1.1rem}
 main{padding:14px 12px calc(102px + env(safe-area-inset-bottom));max-width:100%;overflow-x:clip}
 .prototype{font-size:.74rem;line-height:1.45;margin-bottom:16px;padding:10px 12px}
 .top{align-items:flex-start;gap:10px}.top h1{font-size:1.45rem}.top .actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .top .actions button{min-height:44px;padding:10px 8px;font-size:.84rem;white-space:normal}
 .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat{padding:12px}.stat strong{font-size:1.65rem}
 .home-layout,.two,.grid{grid-template-columns:minmax(0,1fr)}.panel{padding:14px;margin-bottom:12px;min-width:0}.item{gap:8px}.item>div:first-child{min-width:0;overflow-wrap:anywhere}.item .actions{flex-shrink:0}
 input,select,textarea{font-size:16px;min-height:45px}textarea{min-height:100px}button{min-height:42px;touch-action:manipulation}
 .checkset{gap:7px}.checkset label{min-height:44px;padding:10px 12px}
 .form-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.form-actions button{white-space:normal}
 .calendar-grid{gap:3px}.calendar-day{min-height:49px;padding:6px 1px;font-size:.8rem}.calendar-day small{font-size:.54rem}.calendar-weekday{font-size:.64rem}
 .toolbar{align-items:stretch}.toolbar input,.toolbar select{min-width:0;width:100%;max-width:none}
 .tablewrap{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
 .kanban{scroll-snap-type:x proximity}.column{min-width:min(82vw,290px);width:min(82vw,290px);scroll-snap-align:start}
 #toast{bottom:calc(77px + env(safe-area-inset-bottom));left:12px;right:12px;text-align:center}
}
@media(min-width:741px){.mobile-more{display:none}}

/* Business is a separate filter dimension; trade only appears for subcontractors. */
.business-filter-label{display:flex;align-items:center;gap:8px;margin:0;padding:6px 10px;border:1px solid #688071;border-radius:10px;background:#233b31;color:#76c9ff;font-weight:700;flex:1 1 180px}
.business-filter-label select{flex:1;min-width:0;border:0;background:transparent;color:inherit;padding:7px 2px}
#tradeFilter[hidden]{display:none!important}
@media(max-width:700px){.business-filter-label{width:100%;flex-basis:100%}}

/* v1.2: consistent filters, distinct contact classifications, thumb-friendly phone UI */
.business-filter-label{display:contents}
.toolbar select#businessFilter,.toolbar select#typeFilter,.toolbar select#tradeFilter{flex:1 1 155px;max-width:none;width:auto;background:#11243d;color:#f2f6f2;border:1px solid #426383;font-weight:500;padding:11px 12px;min-height:46px}
.pill-business{background:#294c66;color:#dceeff;border-radius:7px;border:1px solid #3c6785}
.pill-type{background:#35503d;color:#dbf5de;border-radius:99px;border:1px solid #4b7055}
.pill-trade{background:#3a4140;color:#e2e8e5;border-radius:7px;border:1px solid #55605b}
@media(max-width:740px){
 .toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .toolbar #search{grid-column:1/-1;min-width:0;width:100%}
 .toolbar select#businessFilter,.toolbar select#typeFilter,.toolbar select#tradeFilter{width:100%;max-width:100%;min-width:0;font-size:16px}
 .item{min-width:0}.item small{overflow-wrap:anywhere}.pill{max-width:100%;overflow-wrap:anywhere}
 .link{min-height:36px;display:inline-flex;align-items:center}
 .top .actions{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* v1.3 blue mobile refinements */
@media(max-width:740px){#nav{grid-template-columns:repeat(6,minmax(0,1fr))}#nav .nav{font-size:.58rem}#nav .nav:nth-child(4){display:flex}#nav .nav:nth-child(3){display:none}#nav .nav:nth-child(5),#nav .nav:nth-child(6),#nav .nav:nth-child(7){display:flex}.top .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.top .actions button{min-width:0;white-space:normal;min-height:44px}.panel input,.panel select,.panel textarea{font-size:16px}button{min-height:40px}}

/* V1.4 mobile-first readability and template controls */
[hidden]{display:none!important}
.optional-follow{display:flex;align-items:center;gap:10px;font-weight:650;cursor:pointer;min-height:46px}
.optional-follow input{width:20px;height:20px;min-height:20px;flex:none;accent-color:#76c9ff}
#lDueWrap{margin-top:4px}
#app,#app .panel,#app .item,#app .grid,#app .top{min-width:0;max-width:100%}
#app .item{flex-wrap:wrap;overflow-wrap:anywhere}
#app .item>div{min-width:0;max-width:100%}
#app .item .actions{flex-wrap:wrap;max-width:100%}
#app .item strong,#app .item small,#app .item a{overflow-wrap:anywhere;word-break:break-word}
#app input,#app textarea,#app select{max-width:100%;min-width:0}
#app .compose-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#app .compose-actions button{white-space:normal;min-width:0;min-height:48px}
@media(max-width:740px){#app .item{display:flex;align-items:flex-start;flex-direction:column}#app .item .actions{width:100%}#app .item .actions button{flex:1 1 auto}.template-compose .grid{grid-template-columns:minmax(0,1fr)}}

/* v1.5 mobile-first design: calm slate/navy, accessible navigation and compact date controls */
:root{color:#eaf1fa;background:#101b2a;color-scheme:dark}
body{background:#101b2a}
aside{background:#152337;border-color:#34475f}.brand strong{color:#f4f8ff}.brand small,.sidefoot{color:#a7b9ce}.mark{background:#88bff1;color:#10243b}
button{background:#89bff0;color:#10243b}.secondary{background:#304e70;color:#f0f6ff}.ghost{color:#dceafd;border-color:#526c87}
.panel,.stat{background:#192c43;border-color:#37536f}.nav{color:#c9d9ec}.nav.active{background:#345678;color:#fff}
label,.muted,.hint,.item small,.empty{color:#b5c7db}.pill-type{background:#314a59;color:#e0f2fa;border-color:#527286}
input,select,textarea{background:#12263c;border-color:#506b88;color:#f5f9ff}
input:focus,select:focus,textarea:focus{outline-color:#92c9ff}
#app input[type="date"],#app input[type="time"]{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
#app .field:has(input[type="date"]),#app .field:has(input[type="time"]){width:100%;min-width:0;max-width:100%}
#app input[type="date"]::-webkit-date-and-time-value,#app input[type="time"]::-webkit-date-and-time-value{text-align:left;min-height:1em}
#quickCall{display:none}
@media(max-width:740px){
 aside{position:sticky;top:0;z-index:45;min-height:59px;padding:9px 12px;display:flex;align-items:center;gap:8px;background:#152337f5}
 .brand{min-width:0;flex:1;display:flex;gap:8px;align-items:center}
 .brand>div:last-child{min-width:0}.brand strong{font-size:1rem;white-space:nowrap}.brand small{font-size:.62rem;white-space:nowrap}
 .mark{width:33px;height:33px;flex:0 0 33px}
 .mobile-more{display:block;flex:0 0 auto;background:#304e70;min-height:43px;padding:9px 12px}
 #nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));bottom:0;left:0;right:0;gap:0;padding:5px 4px calc(5px + env(safe-area-inset-bottom));background:#152337}
 #nav .nav{display:none!important;font-size:.64rem;line-height:1.1;min-height:54px;min-width:0;overflow-wrap:anywhere}
 #nav .nav:nth-child(1),#nav .nav:nth-child(2),#nav .nav:nth-child(3),#nav .nav:nth-child(5),#nav .nav:nth-child(6){display:flex!important}
 body.more-open #nav{display:grid;position:fixed;top:64px;bottom:auto;left:12px;right:12px;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:5px;border-radius:14px;border:1px solid #55718d;box-shadow:0 0 0 100vmax #0009;max-height:calc(100dvh - 160px);overflow-y:auto}
 body.more-open #nav .nav{display:flex!important;flex-direction:row;justify-content:flex-start;font-size:.87rem;min-height:45px;padding:10px;white-space:normal}
 #quickCall{display:flex;position:fixed;right:12px;bottom:calc(81px + env(safe-area-inset-bottom));z-index:39;align-items:center;gap:5px;border:1px solid #b2d9ff;border-radius:99px;background:#87bdf0;color:#10243b;box-shadow:0 5px 22px #0008;min-height:46px;padding:9px 14px;font-size:.9rem}
 #app .grid{grid-template-columns:minmax(0,1fr)}
 #app .field:has(input[type="date"]),#app .field:has(input[type="time"]){max-width:290px}
 #app input[type="date"],#app input[type="time"]{width:100%;max-width:290px;min-height:44px;padding:8px 10px;font-size:16px}
 #app .compose-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 main{padding-bottom:calc(124px + env(safe-area-inset-bottom))}
}
@media(max-width:360px){.brand small{display:none}.brand strong{font-size:.94rem}.mark{width:30px;height:30px;flex-basis:30px}.mobile-more{padding:8px}}

/* V1.6: All destinations visible on mobile. No floating call button or hidden More menu. */
@media(max-width:740px){
  aside{padding:10px 12px 0;position:relative;z-index:1}
  .brand{margin-bottom:10px;min-width:0}
  .brand strong{font-size:1.03rem;white-space:nowrap}
  .brand small{font-size:.65rem}
  #nav{position:sticky!important;top:0!important;bottom:auto!important;left:auto!important;right:auto!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important;padding:6px 0 10px!important;border:0!important;border-top:1px solid #36536e!important;box-shadow:none!important;max-height:none!important;overflow:visible!important;background:#111f35!important;border-radius:0!important}
  #nav .nav,#nav .nav:nth-child(n){display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-width:0!important;width:100%!important;min-height:51px!important;padding:6px 2px!important;margin:0!important;font-size:.65rem!important;line-height:1.15!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:center!important}
  #nav .nav span{font-size:1.16rem!important}
  #nav .nav.active{background:#28476a!important;color:#edf5ff!important}
  #quickCall,.mobile-more{display:none!important}
  main{padding-top:14px;padding-bottom:32px}
  body.more-open #nav{position:sticky!important;top:0!important;bottom:auto!important;left:auto!important;right:auto!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;box-shadow:none!important;max-height:none!important}
}
@media(max-width:380px){#nav .nav,#nav .nav:nth-child(n){font-size:.57rem!important;padding:5px 1px!important}.brand strong{font-size:.95rem}}

/* V1.7: Mobile navigation reset. Intentionally overrides legacy navigation experiments. */
@media(max-width:740px){
 html,body{max-width:100%;overflow-x:hidden}
 .shell{display:block!important;min-width:0}
 aside{position:sticky!important;top:0!important;z-index:45!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;height:auto!important;min-height:62px!important;padding:calc(8px + env(safe-area-inset-top)) 12px 8px!important;margin:0!important;overflow:visible!important;background:#152337!important;border-bottom:1px solid #36536e!important}
 .brand{display:flex!important;flex:1 1 auto!important;min-width:0!important;align-items:center!important;gap:9px!important;margin:0!important;padding:0!important;overflow:visible!important}
 .brand>div:last-child{min-width:0!important;overflow:visible!important}
 .brand strong{display:block!important;color:#f4f8ff!important;font-size:clamp(.9rem,4.1vw,1.06rem)!important;line-height:1.25!important;white-space:nowrap!important;overflow:visible!important}
 .brand small{display:block!important;color:#b9cce0!important;font-size:clamp(.55rem,2.55vw,.7rem)!important;line-height:1.3!important;white-space:nowrap!important}
 .mark{display:grid!important;flex:0 0 36px!important;width:36px!important;height:36px!important;font-size:1.25rem!important}
 #nav{position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;z-index:50!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:2px!important;padding:5px 5px calc(6px + env(safe-area-inset-bottom))!important;min-height:66px!important;max-height:none!important;overflow:visible!important;background:#152337!important;border:0!important;border-top:1px solid #36536e!important;border-radius:0!important;box-shadow:0 -5px 22px #0005!important}
 #nav .nav,#nav .nav:nth-child(n){display:none!important;width:100%!important;min-width:0!important;min-height:52px!important;margin:0!important;padding:6px 2px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;font-size:.66rem!important;line-height:1.12!important;text-align:center!important;white-space:normal!important;background:transparent!important;color:#c7d9ed!important}
 #nav .nav:nth-child(1),#nav .nav:nth-child(2),#nav .nav:nth-child(4),#nav .nav:nth-child(6){display:flex!important}
 #nav .nav.active{background:#28476a!important;color:#fff!important}
 #nav .nav span{font-size:1.25rem!important}
 .mobile-more{display:flex!important;position:fixed!important;top:auto!important;bottom:calc(6px + env(safe-area-inset-bottom))!important;right:5px!important;z-index:55!important;width:calc((100% - 10px)/5 - 2px)!important;min-width:0!important;min-height:52px!important;padding:6px 2px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;border-radius:8px!important;background:#152337!important;color:#c7d9ed!important;font-size:.66rem!important;line-height:1.12!important;box-shadow:none!important}
 .mobile-more span:first-child{font-size:1.25rem!important;line-height:1.2!important}
 body.more-open .mobile-more{background:#28476a!important;color:#fff!important}
 body.more-open #nav{position:fixed!important;top:calc(70px + env(safe-area-inset-top))!important;bottom:auto!important;left:12px!important;right:12px!important;z-index:52!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;padding:12px!important;min-height:0!important;max-height:calc(100dvh - 165px - env(safe-area-inset-top))!important;overflow-y:auto!important;background:#1a304b!important;border:1px solid #587596!important;border-radius:14px!important;box-shadow:0 0 0 100vmax #000a!important}
 body.more-open #nav .nav,#nav body.more-open .nav,#nav .nav:nth-child(n){ } 
 body.more-open #nav .nav:nth-child(n){display:flex!important;flex-direction:row!important;justify-content:flex-start!important;gap:9px!important;min-height:45px!important;padding:10px!important;font-size:.84rem!important;text-align:left!important;border-radius:8px!important;background:#223e5c!important}
 body.more-open #nav .nav span{font-size:1.1rem!important}
 #quickCall{display:none!important}
 main{width:100%!important;min-width:0!important;padding:14px 12px calc(92px + env(safe-area-inset-bottom))!important}
 .prototype{font-size:.76rem!important;padding:9px 11px!important;margin-bottom:14px!important}
}
@media(max-width:360px){.brand small{font-size:.54rem!important}.brand strong{font-size:.88rem!important}}

/* V1.8: More displays secondary destinations only; primary destinations remain in bottom bar. */
@media(max-width:740px){
 body.more-open #nav .nav:nth-child(1),
 body.more-open #nav .nav:nth-child(2),
 body.more-open #nav .nav:nth-child(4),
 body.more-open #nav .nav:nth-child(6){display:none!important}
}

/* V2.1: call workflow and compact mobile controls */
.call-direct{display:inline-flex;align-items:center;justify-content:center;background:#76c9ff;color:#10243b;border-radius:9px;padding:11px 15px;font-weight:700;text-decoration:none;min-height:44px}
#callLog h2:not(:first-child){margin-top:22px}#callLog #callTemplateFields{margin-top:14px}#callLog #callTemplateFields[hidden]{display:none}
@media(max-width:740px){#callLog input[type="date"],#callLog input[type="time"]{width:100%;max-width:100%;box-sizing:border-box}#callLog .form-actions button{width:100%;min-height:48px;white-space:normal}#callLog select{max-width:100%}}
/* V3.0: consistent navy / slate, compact phone-first controls */
:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eaf2fa;background:#0e1826;color-scheme:dark}
body{background:#0e1826}aside{background:#142337;border-color:#2c4661}.panel,.stat,.column{background:#192b40;border-color:#36536e}button,.call-direct{background:#90c7f4;color:#10243b}button.secondary{background:#304e70;color:#f3f8ff}button.ghost{color:#dceafa;border-color:#466481}.pill-business{background:#24496e;color:#c9e5ff}.pill-type{background:#264b48;color:#d3f6e6}.pill-trade{background:#394657;color:#e0e8f2}
.urgent-toggle{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid #4d617b;border-radius:10px;min-height:48px}.urgent-toggle input{width:20px;height:20px;accent-color:#f0a76e}
@media(max-width:740px){
 aside{background:#142337!important;padding-top:10px!important}.brand{min-height:44px!important}.brand strong{font-size:1.02rem!important}.brand small{font-size:.65rem!important}.mark{background:#90c7f4!important;color:#142337!important}
 main{padding:14px 12px calc(90px + env(safe-area-inset-bottom))!important}
 .panel{padding:16px!important;border-radius:16px!important;margin-bottom:14px!important}
 .top{gap:10px!important;margin-bottom:16px!important}.top h1{font-size:1.55rem!important;line-height:1.18!important}
 .grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}.grid>*{min-width:0!important}
 input,select,textarea{min-width:0!important;max-width:100%!important;font-size:16px!important}
 input[type=date],input[type=time]{width:min(100%,260px)!important;max-width:100%!important;min-height:46px!important}
 .form-actions{display:flex!important;gap:9px!important;flex-wrap:wrap!important}.form-actions button{flex:1 1 145px!important;min-width:0!important}
 .actions button{white-space:nowrap!important;font-size:.87rem!important}
 #nav{background:#142337!important}.mobile-more{background:#142337!important}
 body.more-open #nav{background:#1b3048!important}
 .stats{gap:9px!important}.stat{padding:13px!important}.stat strong{font-size:1.3rem!important}
 .item{gap:8px!important;min-width:0!important}.item>div{min-width:0!important;overflow-wrap:anywhere!important}
 .toolbar{display:flex!important;flex-wrap:wrap!important;gap:8px!important}.toolbar>*{flex:1 1 145px!important;min-width:0!important}
}

/* V3.1: calmer, thumb-friendly mobile refinements */
:root{--v31-accent:#91c9f5}
@media(max-width:740px){
 html,body{max-width:100%;overflow-x:hidden}
 #app{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}
 .checkset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .checkset label{min-width:0;overflow-wrap:anywhere;padding:11px 9px;min-height:45px;font-size:.88rem}
 .checkset input{flex-shrink:0}
 #leadView{min-width:0;width:100%;font-size:16px}
 .panel input[type=date],.panel input[type=time]{width:100%;min-width:0;max-width:100%;font-size:16px}
 .panel .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .panel .grid>div:has(input[type=date]),.panel .grid>div:has(input[type=time]){min-width:0}
 .panel .grid>.full{grid-column:1/-1}
 .call-contact{overflow-wrap:anywhere}
 .form-actions{gap:10px}
 .form-actions button{min-width:0}
}

/* V3.2: mobile-first density, full-width search and tappable summaries */
.compact-record{display:flex;align-items:center;gap:10px;padding:13px 0!important;min-height:70px}
.compact-record .record-summary{flex:1;min-width:0;overflow-wrap:anywhere}
.compact-record .record-summary>a,.compact-record .record-summary>.link{font-weight:700;font-size:1.02rem;text-align:left}
.compact-record small{display:block;margin-top:5px;line-height:1.35;color:#b6cadd}
.compact-record .record-open{flex:0 0 38px;min-width:38px;min-height:42px;font-size:1.5rem;padding:4px}
.contact-actions{display:flex!important;flex-wrap:wrap;gap:6px 12px}
.contact-actions a{color:#b9d9f2;overflow-wrap:anywhere}
.related-group{padding:10px 0;border-bottom:1px solid #36536e}.related-group:last-child{border-bottom:0}
.related-group h3{font-size:.9rem;color:#c6dcf0;margin:0 0 9px}
.related-group .mini-card{padding:8px 0}
@media(max-width:740px){
 .checkset{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 .checkset label{min-height:44px!important;padding:8px!important;font-size:.84rem!important}
 .checkset input[type=checkbox]{width:19px!important;height:19px!important;accent-color:#91c9f5}
 .toolbar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 .toolbar>input[type=search],.toolbar>input:not([type]),.toolbar>#search{grid-column:1/-1!important;width:100%!important;min-width:0!important}
 .toolbar select{width:100%!important;min-width:0!important;max-width:100%!important;text-overflow:ellipsis}
 .compact-record{padding:11px 0!important}
 .compact-record .record-summary>a,.compact-record .record-summary>.link{font-size:1rem!important}
 .related-panel{padding:14px!important}
}

/* V3.3: denser daily workflow */
.tappable-record{cursor:pointer;min-height:0!important;padding:9px 0!important}
.tappable-record:hover{background:rgba(145,201,245,.055)}
.tappable-record:active{background:rgba(145,201,245,.12)}
.tappable-record .record-summary{min-width:0}
.follow-shortcuts{display:flex;flex-wrap:wrap;gap:7px;margin:6px 0 14px}
.follow-shortcuts button{min-width:0!important;padding:8px 11px!important}
.session-entry{display:flex;flex-direction:column;gap:3px;padding:10px 0;border-bottom:1px solid rgba(180,210,240,.16)}
.session-entry small{color:#b6cadd}
.kanban-card{padding:10px!important;margin:6px 0!important}
@media(max-width:740px){.panel{padding:14px!important}.item{padding:10px 0!important}.call-contact{margin:4px 0!important}}

/* V3.3.1: full-row interaction and compact lead/contact records */
#app .tappable-record{display:block!important;min-height:0!important;padding:10px 2px!important;cursor:pointer;border-bottom:1px solid #365574}
#app .tappable-record:last-child{border-bottom:0}
#app .tappable-record .record-summary{width:100%}
#app .tappable-record .record-title{display:block;color:#8ed6ff;font-size:1rem;font-weight:700}
#app .tappable-record small{margin-top:4px!important;line-height:1.35!important}
#app .tappable-record:focus-visible{outline:2px solid #76c9ff;outline-offset:2px;border-radius:5px}
#app .record-open{display:none!important}

/* V3.3.2: seven full-app appearance themes */
:root{--theme-bg:#0e1826;--theme-surface:#192b40;--theme-side:#142337;--theme-input:#11243d;--theme-text:#eaf2fa;--theme-muted:#b6cadd;--theme-accent:#90c7f4;--theme-on-accent:#10243b;--theme-border:#36536e;--theme-secondary:#304e70;--theme-secondary-text:#f3f8ff;--theme-type:#264b48;--theme-trade:#394657;color-scheme:dark}
:root[data-theme=forest]{--theme-bg:#101e1b;--theme-surface:#223c34;--theme-side:#172c26;--theme-input:#183129;--theme-text:#f0f7ef;--theme-muted:#c1d5c8;--theme-accent:#a6d7b0;--theme-on-accent:#142c20;--theme-border:#456b5b;--theme-secondary:#385f4c;--theme-secondary-text:#f0f7ef;--theme-type:#315a43;--theme-trade:#40584f}
:root[data-theme=slate]{--theme-bg:#171b22;--theme-surface:#2b3440;--theme-side:#202833;--theme-input:#222d39;--theme-text:#f1f4f8;--theme-muted:#c3cdd9;--theme-accent:#b6c6d8;--theme-on-accent:#18222d;--theme-border:#516174;--theme-secondary:#405064;--theme-secondary-text:#f1f4f8;--theme-type:#35575a;--theme-trade:#465466}
:root[data-theme=light]{color-scheme:light;--theme-bg:#f3f6fa;--theme-surface:#ffffff;--theme-side:#e4edf7;--theme-input:#ffffff;--theme-text:#17283c;--theme-muted:#516579;--theme-accent:#2563a6;--theme-on-accent:#ffffff;--theme-border:#c0d0e0;--theme-secondary:#dce8f5;--theme-secondary-text:#1c4167;--theme-type:#d8ede5;--theme-trade:#e5e9ef}
:root[data-theme=sandstone]{color-scheme:light;--theme-bg:#f5f0e7;--theme-surface:#ffffff;--theme-side:#e9dfd0;--theme-input:#fffdfa;--theme-text:#463d34;--theme-muted:#706355;--theme-accent:#9a704c;--theme-on-accent:#ffffff;--theme-border:#d6c4af;--theme-secondary:#eee1d1;--theme-secondary-text:#60442c;--theme-type:#e2e8d7;--theme-trade:#ece4d9}
:root[data-theme=ocean]{--theme-bg:#09262d;--theme-surface:#17424b;--theme-side:#10323b;--theme-input:#12343c;--theme-text:#e7fbfb;--theme-muted:#b6d7da;--theme-accent:#67d7d5;--theme-on-accent:#073038;--theme-border:#41727b;--theme-secondary:#285d69;--theme-secondary-text:#e7fbfb;--theme-type:#24635d;--theme-trade:#335963}
:root[data-theme=plum]{--theme-bg:#21182b;--theme-surface:#352740;--theme-side:#2b2038;--theme-input:#2a2036;--theme-text:#f8f0ff;--theme-muted:#d8c6e4;--theme-accent:#d3a7f1;--theme-on-accent:#2a173b;--theme-border:#705780;--theme-secondary:#594267;--theme-secondary-text:#f8f0ff;--theme-type:#465047;--theme-trade:#51445f}
html,body{background:var(--theme-bg)!important;color:var(--theme-text)!important}
aside,#nav,.mobile-more{background:var(--theme-side)!important;border-color:var(--theme-border)!important}
body.more-open #nav{background:var(--theme-surface)!important}
.panel,.stat,.column,.mini-card,.note,.kanban-card,.lookup-results{background:var(--theme-surface)!important;border-color:var(--theme-border)!important;color:var(--theme-text)!important}
input,select,textarea,.checkset label{background:var(--theme-input)!important;border-color:var(--theme-border)!important;color:var(--theme-text)!important}
input::placeholder,textarea::placeholder{color:var(--theme-muted)!important;opacity:.85}
button:not(.nav):not(.link):not(.ghost):not(.secondary):not(.danger):not(.theme-choice),.mark,.call-direct{background:var(--theme-accent)!important;color:var(--theme-on-accent)!important}
button.secondary{background:var(--theme-secondary)!important;color:var(--theme-secondary-text)!important}
button.ghost{background:transparent!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important}
.nav{color:var(--theme-text)!important}.nav.active{background:var(--theme-secondary)!important;color:var(--theme-secondary-text)!important}
.link,.record-title,#app .tappable-record .record-title,.status{color:var(--theme-accent)!important}
:root[data-theme=light] .link,:root[data-theme=light] .record-title,:root[data-theme=light] #app .tappable-record .record-title,:root[data-theme=sandstone] .link,:root[data-theme=sandstone] .record-title,:root[data-theme=sandstone] #app .tappable-record .record-title{color:var(--theme-accent)!important}
.muted,.item small,.compact-record small,.stat small,.mini-card small,.kanban-card small,.call-count,.hint,.footer,.brand small,.session-entry small,label{color:var(--theme-muted)!important}
.item,.tappable-record,.related-group,.table th,.table td,.session-entry{border-color:var(--theme-border)!important}
.pill-business{background:var(--theme-secondary)!important;color:var(--theme-secondary-text)!important}.pill-type{background:var(--theme-type)!important;color:var(--theme-text)!important}.pill-trade{background:var(--theme-trade)!important;color:var(--theme-text)!important}
.pill{background:var(--theme-secondary);color:var(--theme-secondary-text)}
#toast{background:var(--theme-accent)!important;color:var(--theme-on-accent)!important}
:root[data-theme=light] .prototype,:root[data-theme=sandstone] .prototype{background:#fff0d6;color:#6a4b22;border-color:#e7c795}
.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:11px}
.theme-choice{position:relative;display:flex;flex-direction:column;text-align:left;padding:9px!important;gap:8px;background:var(--theme-surface)!important;border:2px solid var(--theme-border)!important;color:var(--theme-text)!important;border-radius:12px;min-width:0;cursor:pointer}
.theme-choice.selected{border-color:var(--theme-accent)!important;box-shadow:0 0 0 1px var(--theme-accent)}
.theme-choice:focus-visible{outline:3px solid var(--theme-accent);outline-offset:3px}
.theme-preview{height:84px;width:100%;background:var(--preview-bg);border-radius:7px;padding:9px;display:flex;flex-direction:column;gap:6px;overflow:hidden}
.preview-header{height:9px;width:46%;background:var(--preview-accent);border-radius:4px}
.preview-card{flex:1;background:var(--preview-panel);border-radius:5px;padding:9px;display:flex;flex-direction:column;gap:6px}
.preview-card i{display:block;height:6px;background:var(--preview-accent);opacity:.7;width:76%;border-radius:5px}.preview-card i+ i{width:53%;opacity:.35}
.preview-action{height:8px;width:40%;background:var(--preview-accent);border-radius:5px}
.theme-label{display:flex;flex-direction:column;gap:3px}.theme-label strong{font-size:.92rem}.theme-label small{font-size:.75rem;color:var(--theme-muted)}
.theme-check{display:none;position:absolute;right:11px;bottom:13px;color:var(--theme-accent);font-weight:800}.theme-choice.selected .theme-check{display:block}
@media(max-width:740px){.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.theme-choice{padding:8px!important}.theme-preview{height:75px}.theme-label small{line-height:1.3}}

/* Three additional appearance choices — V3.3.3 */
:root[data-theme=copper]{--theme-bg:#211a17;--theme-surface:#3c2b24;--theme-side:#2c211d;--theme-input:#30231e;--theme-text:#fff1e6;--theme-muted:#dec4b3;--theme-accent:#e4a36c;--theme-on-accent:#28180d;--theme-border:#785443;--theme-secondary:#624438;--theme-secondary-text:#fff1e6;--theme-type:#405c4a;--theme-trade:#54463f;color-scheme:dark}
:root[data-theme=royal]{--theme-bg:#141a38;--theme-surface:#253366;--theme-side:#1b254d;--theme-input:#1e2b58;--theme-text:#f1f4ff;--theme-muted:#c1c9ee;--theme-accent:#92b4ff;--theme-on-accent:#111d40;--theme-border:#566ca2;--theme-secondary:#40558e;--theme-secondary-text:#f1f4ff;--theme-type:#31585d;--theme-trade:#454f76;color-scheme:dark}
:root[data-theme=rose]{--theme-bg:#fff3f4;--theme-surface:#ffffff;--theme-side:#f7e2e8;--theme-input:#fffafb;--theme-text:#472635;--theme-muted:#765464;--theme-accent:#923c5d;--theme-on-accent:#ffffff;--theme-border:#dfbfc9;--theme-secondary:#f3dbe3;--theme-secondary-text:#673047;--theme-type:#e0ede4;--theme-trade:#f0e3e9;color-scheme:light}
:root[data-theme=rose] .prototype{background:#fff0d6;color:#6a4b22;border-color:#e7c795}